@charset "UTF-8";

.ibanner img{width:100%;}
.w1920 {width:1920px;position:relative;left:50%;margin-left:-960px;}
.table{margin:50px auto;width:1200px;}
.table tr:nth-child(1){background:#777;color:#fff;border-bottom:0;}
.table tr:nth-child(1) td{padding:11px 0;}
.table tr{border-bottom:1px dashed #ccc;}
.table td{padding:15px 0;text-align:center;width:20%;font-size:14px;}

.hr{font-size:14px;color:#555;line-height:25px;padding-top:40px;}

.b-5-content {margin:40px auto 0;width:1200px;}
.b-5-content li {text-align:center;font-size:18px;line-height:64px;margin-right:6px;width:166px;height:64px;background:#f4f4f4;color:#000;float:left;cursor:pointer;}
.b-5-content li.on {background:#e60013;color:#ffffff;font-weight:bold;}
.b-5-content li.on a{color:#ffffff;}
.b-5-content li:last-child {margin-right:0;}

@media all and (max-width:1200px) {
    .b-5-content {width:100%;}
    .b-5-content li {font-size:18px;line-height:64px;margin-right:2%;width:32%;height:64px;float:left;cursor:pointer;margin-bottom: 10px;}
    .b-5-content li:nth-child(3n) {margin-right:0;}
    .b-5-content li:last-child{display: none;}
    .b-5-content li.on {background:#e60013;color:#ffffff;font-weight:bold;}
}

.wrap {width:1200px;margin:0 auto;}
.location {height:50px;background:#eeeeee;}
.location-left {float:left;}
.location-left li {float:left;}
.location-left li a {text-align:center;box-sizing:border-box;color:#000000;display:block;width:114px;font-size:15px;line-height:50px;height:50px;}
.location-left li.current a,.location-left li:hover a {background:#ffffff;color:#e60013;border-bottom:3px solid #e60013;}
.location-right {background:url("tang-locate.png") left center no-repeat;padding-left:24px;float:right;}
.location-right {font-size:14px;line-height:50px;color:#000000;}
.location-right a {font-size:14px;line-height:50px;color:#000000;}
.location-right a:hover {color:#e60013;}
@media all and (max-width:1200px) {.wrap {width:100%;padding:0 2%;}
    .w1920{position:static;left:0;width:100%;margin-left:0;}
    .w1920 img{width:100%;}
    
    .table{margin:15px auto;width:100%;}
    .table td{font-size:12px !important;}

    .hr{padding-top:15px;font-size:13px;line-height:22px;}

    .location {height:auto;background:#eeeeee;}
    .location-left {float:none;}
    .location-left li {float:left;width:25%;height:50px;}
    .location-left li a {text-align:center;box-sizing:border-box;color:#000000;display:block;width:100%;font-size:14px;line-height:50px;height:100%;}
    .location-left li.current a,.location-left li:hover a {background:#ffffff;color:#e60013;border-bottom:3px solid #e60013;}
    .location-right {background:url("tang-locate.png") left center no-repeat;padding-left:24px;float:none;}
    .location-right {font-size:14px;line-height:50px;color:#000000;}
    .location-right a {font-size:14px;line-height:50px;color:#000000;}
    .location-right a:hover {color:#e60013;}
}
.b-1 {margin:50px auto 20px;}
.b-1 li {height:182px;float:left;box-sizing:border-box;padding:24px 28px;border:1px solid #c9c9c9;border-top:1px solid #bd1b21;margin-bottom:30px;}
.b-1 li > p:first-child {font-size:16px;line-height:14px;margin-bottom:10px;color:#000000;}
.b-1 li p:nth-child(n+2) {font-size:14px;line-height:30px;color:#010101;}
.b-1 li:nth-child(1),.b-1 li:nth-child(2) {width:580px;}
.b-1 li:nth-child(n+3) {height:160px;width:370px;margin-right:45px;}
.b-1 li:nth-child(5),.b-1 li:nth-child(8) {margin-right:0;}
.b-1 li:nth-child(2) {float:right;}
.b-1 li:first-child div p {width:50%;float:left;font-size:14px;line-height:30px;}
.b-1 li:first-child div p:nth-child(2n) {float:right;}
@media all and (max-width:1200px) {.b-1 {margin:30px auto 10px ;}
    .b-1 li {height:auto;float:none;box-sizing:border-box;padding:14px;border:1px solid #c9c9c9;border-top:1px solid #bd1b21;margin-bottom:20px;}
    .b-1 li > p:first-child {font-size:16px;line-height:14px;margin-bottom:10px;color:#000000;}
    .b-1 li p:nth-child(n+2) {font-size:14px;line-height:30px;color:#010101;}
    .b-1 li:nth-child(1),.b-1 li:nth-child(2) {width:100%;}
    .b-1 li:nth-child(n+3) {height:auto;width:100%;margin-right:0;}
    .b-1 li:nth-child(2) {float:none;}
    .b-1 li:first-child div p {width:100%;float:none;font-size:14px;line-height:30px;}
    .b-1 li:first-child div p:nth-child(2n) {float:none;}
    .b-2 img {width:100%;}
}
.b-2 {margin-bottom:20px;}
.hd {padding-bottom:30px;text-align:center}
.hd p:first-child {font-weight:bold;font-size:30px;color:#01003b;margin-bottom:6px;}
.hd p:first-child em {color:#e60013;}
.hd p:last-child {font-size:16px;color:#999999;text-transform:uppercase;}
.c-1 {padding-top:30px;}
.c-1-content p {font-size:15px;line-height:30px;/*text-indent:30px;*/text-align:justify;}
.c-1-ul {margin-top:30px;}
.c-1-ul ul li {width:25%;height:92px;background:#f9f9f9;box-sizing:border-box;float:left;padding-top:20px;text-align:center;}
.c-1-ul li div {border-right:1px solid #dcdcdc;}
.c-1-ul ul li:nth-child(4) div {border-right:0;}
.c-1-ul ul li p:first-child {font-size:30px;line-height:27px;font-weight:bold;color:#e60013;}
.c-1-ul ul li p:first-child em {font-weight:normal;font-size:14px;color:#000;}
.c-1-ul ul li p:nth-child(2) {font-size:14px;color:#000000;}
@media all and (max-width:1200px) {.c-1-ul ul li {width:48%;height:92px;background:#f9f9f9;box-sizing:border-box;float:left;padding-top:20px;text-align:center;margin-bottom:10px;}
    .c-1-ul ul li:nth-child(2n-1) {float:right;}
    .c-1-ul li div {border-right:0;}
}
.c-2 {margin-top:30px;}
.c-2 li {width:48%;height:212px;margin-bottom:14px;float:left;text-align:center;box-sizing:border-box;overflow:hidden;}
.c-2 li a {display:block;color:#ffffff;position:relative;overflow:hidden;}
.c-2 li:nth-child(2n) {float:right;}
.c-2 li img {width:100%;}
.c-2 li .text {position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;padding-top:40px;}
.c-2 li p:first-child {font-size:25px;margin-bottom:8px;}
.c-2 li .whiteLine {margin:0 auto 16px;width:32px;height:1px;background:#ffffff;}
.c-2 li p:nth-child(n+3) {font-size:12px;line-height:24px;}
.c-2 li:hover img {transform:scale(1.1);}
.c-2 li .mobile-p {display:none}
@media all and (max-width:1200px) {.c-2 li .mobile-p {display:block;font-size:13px;line-height:24px;padding:0 2%;}
    .c-2 li {width:100%;height:212px;margin-bottom:20px;float:none;text-align:center;box-sizing:border-box;}
    .c-2 li img {height:100%}
    .c-2 li a {display:block;width:100%;height:100%;color:#ffffff;}
    .c-2 li:nth-child(2n) {float:none;}
    .c-2 li:nth-child(4) {height:300px;}
    .c-2 li:nth-child(4) img {display:none}
    .c-2 li:nth-child(4) {background:url("tang-qy-4.jpg") center no-repeat;background-size:cover;}
    .c-2 li p:first-child {font-size:25px;margin-bottom:8px;}
    .c-2 li .whiteLine {margin:0 auto 16px;width:32px;height:1px;background:#ffffff;}
    .c-2 li:nth-child(4) p:nth-child(n+3) {display:none;}
    .c-2 li p {padding:0 2%;}
}
.c-3 {margin-top:70px;background:url("tang-fz-bg.jpg") center no-repeat;-webkit-background-size:cover;background-size:cover;padding:60px 0;}
.c-3 .hd p {color:#ffffff;}
.c-3 .bd {position:relative;}
.c-3 .swiper-slide {text-align:center;}
.c-3 .swiper-slide a {color:#ffffff;}
.c-3 .swiper-slide span {margin:0 auto;display:block;width:21px;height:22px;background:url("tang-white-circle.png") center no-repeat;}
.c-3 .swiper-slide p:nth-child(2) {margin:18px auto 8px;font-size:35px;transition:all 0.5s;}
.c-3 .swiper-slide div {padding-top:10%;width:100%;height:172px;background:#ffffff;border-radius:3px;box-sizing:border-box;transition:all 0.5s;}
.c-3 .swiper-slide div p {text-align:center;padding:0 8%;color:#000000;font-size:14px;line-height:22px;text-align:justify;}
/*.c-3 .swiper-slide:nth-child(1) div,.c-3 li:nth-child(4) div {padding-top:28%;}*/
.c-3 .swiper-slide:hover span {background:url("tang-red-circle.png") center no-repeat;}
.c-3 .swiper-slide:hover a p {color:#e60013;}
.c-3 .swiper-slide:hover div {background:#e60013;}
.c-3 .swiper-slide:hover div p {color:#ffffff;}
.c-3 .whiteLine {position:absolute;width:100%;height:1px;left:0;top:11px;background:#ffffff;}
.c-3 .swiper-button-prev {position:absolute;width:30px;height:56px;background:url("tang-prev3.png") center no-repeat;top:4px;left:-66px;cursor:pointer;outline:none;}
.c-3 .swiper-button-next {position:absolute;width:30px;height:56px;background:url("tang-next3.png") center no-repeat;top:4px;right:-66px;cursor:pointer;outline:none;}
@media all and (max-width:1200px) {
    .c-3{padding: 40px 2%;margin-top: 30px;}
    .swiper-container-2 .swiper-pagination-bullet-active {background:#e60013;}
}
.c-4 {padding-top:60px;}
.c-4-content li a {display:block;overflow:hidden;position:relative;background:#e60013;}
.c-4-content li img {width:100%;}
.c-4-content li {float:left;margin-bottom:10px;position:relative;}
.c-4-content li:hover img {transform:scale(1.1);}
.c-4-content li:nth-child(2) {float:right;}
.c-4-content li:nth-child(-n+2) {width:49.6%;}
.c-4-content li:nth-child(n+3) {width:33%;margin-right:0.5%;}
.c-4-content li:last-child {margin-right:0;}
.c-4-content li:hover .search {position:absolute;top:50%;left:50%;width:43px;height:44px;background:url("tang-search.png");margin-top:-22px;margin-left:-22px;content:"";z-index:20;}
.c-4-content li:hover .grey {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
@media all and (max-width:1200px) {
    .c-4 {padding-top:30px;}
    .c-4-content li {float:none;margin-bottom:20px;width:100%;}
    .c-4-content li:nth-child(2) {float:none;}
    .c-4-content li:nth-child(-n+2) {width:100%;}
    .c-4-content li:nth-child(n+3) {width:100%;margin-right:0%;}
}
.c-5 {padding-top:60px;}
.c-5 img {width:100%;}
.c-5 .bd {position:relative;}
.c-5 .swiper-slide div {overflow:hidden}
.c-5 .swiper-slide:hover img {transform:scale(1.1);}
.c-5 .swiper-slide a {display:block;box-sizing:border-box;padding:10px;border:1px solid #d2d2d2;}
.c-5 .swiper-button-prev {position:absolute;width:30px;height:56px;background:url("tang-prev4.png") center no-repeat;top:94px;left:-66px;cursor:pointer;outline:none;}
.c-5 .swiper-button-next {position:absolute;width:30px;height:56px;background:url("tang-next4.png") center no-repeat;top:94px;right:-66px;cursor:pointer;outline:none;}
@media all and (max-width:1200px) {
    .c-5 {padding-top:10px;}
    .swiper-container-5 .swiper-pagination {bottom:12px !important;}
    .swiper-container-5 .swiper-pagination-bullet {background:#fff;opacity:1;}
    .swiper-container-5 .swiper-pagination-bullet-active {background:#e60013;}
}
.c-6 {margin:60px 0;background:url("tang-research-bg.png") top center no-repeat;padding-top:60px;}
.c-6 .bd {position:relative;}
.c-6 .photo {width:497px;height:auto;float:left;overflow:hidden;}
.c-6 .photo:hover img {transform:scale(1.1);}
.c-6 .text {background:#f4f4f4;width:703px;height:352px;float:left;box-sizing:border-box;padding:70px 0 0 45px;}
.c-6 .text p:first-child {font-size:25px;color:#01003b;font-weight:bold;line-height:22px;margin-bottom:30px;}
.c-6 .text p:nth-child(2) {width:610px;font-size:14px;line-height:30px;color:#3d3d3d;text-indent:28px;text-align:justify;margin-bottom:30px;}
.c-6 .text p:nth-child(2) em {color:#e60013;}
.c-6 .swiper-button-prev {outline:none;left:86%;top:85%;width:62px;height:49px;background:url("tang-prev2.png") center no-repeat;position:absolute;}
.c-6 .swiper-button-next {outline:none;left:91%;top:85%;width:62px;height:49px;background:url("tang-next2.png") center no-repeat;position:absolute;}
.c-6 .swiper-pagination {display:none;}
@media all and (max-width:1200px) {
    .c-6{background-size: cover;margin: 30px 0;padding-top: 40px;}
    .c-6 .swiper-container {position:relative;}
    .c-6 .swiper-button-prev {display:none;}
    .c-6 .swiper-button-next {display:none;}
    .c-6 .text {background:#f4f4f4;width:100%;height:352px;float:none;padding:50px 2%;}
    .c-6 .text p:nth-child(2) {width:100%;}
    .c-6 .photo {width:100%;height:auto;float:none;}
    .c-6 .photo img {width:100%;}
    .c-6 .swiper-pagination {display:block;}
    .swiper-container-6 .swiper-pagination-bullet {background:#fff;opacity:1;}
    .swiper-container-6 .swiper-pagination-bullet-active {background:#e60013;}
}
.cp-location li>a {width:150px;}

.cp-1 {margin:50px auto 28px;}
.cp-1 li {text-align:center;width:278px;margin-right:29px;float:left;margin-bottom:36px;}
.cp-1 li:nth-child(4n) {margin-right:0;float:right;}
.cp-1 li div {box-sizing:border-box;padding:30px 0 50px;background:#fafafa;overflow: hidden;}
.cp-1 li p {background:#eeeeee;color:#000;padding:10px 0;font-size:15px;line-height:30px;}
.cp-1 li:hover img {transform:scale(1.1);}
.cp-1 li:hover p {background:#e60013;color:#ffffff;}
@media  all and (max-width:1200px) {
    .cp-1 {margin:30px auto 20px;}
    .cp-location li {width:50%;}
    .cp-location li>a {width:auto;}
    .cp-1 li {text-align:center;width:49%;margin-right:0;float:left;margin-bottom:20px;}
    .cp-1 li:nth-child(4n) {margin-right:0;float:none;}
    .cp-1 li:nth-child(2n){float: right;}
    .cp-1 li div {box-sizing:border-box;padding:20px 0 ;background:#fafafa;}
    .cp-1 li div img{width: 80%;}
    .cp-1 li p {background:#eeeeee;color:#000;padding:10px 0;font-size:13px;line-height:26px;}
    .cp-1 li:hover img {transform:scale(1.1);}
    .cp-1 li:hover p {background:#e60013;color:#ffffff;}
}

.zx-1 {padding:48px 0 8px}
.zx-1 li {float:left;width:346px;margin-right:81px;margin-bottom:56px;}
.zx-1 li img {width:100%;}
.zx-1 li:nth-child(3n) {margin-right:0;}
.zx-1 li a {text-align:center;display:block;color:#000;padding-bottom:10px;border-bottom:3px solid #7d7d7d;}
.zx-1 li a p:nth-child(2) {margin-top:8px;font-size:15px;line-height:30px;}
.zx-1 li a p:nth-child(3) {font-size:14px;line-height:24px;}
.zx-1 li a div {overflow:hidden;}
.zx-1 li a:hover img {transform:scale(1.1);}
.zx-1 li a:hover {transition:all 0s;color:#e60013;border-bottom:3px solid #e60013;}
@media  all and (max-width:1200px) {
    .zx-1 {padding:30px 0 10px;}
    .zx-1 li {float:left;width:49%;margin-right:0;margin-bottom:20px;}
    .zx-1 li:nth-child(2n){float: right;}
    .zx-1 li img {width:100%;}
    .zx-1 li:nth-child(3n) {margin-right:0;}
    .zx-1 li a {text-align:center;display:block;color:#000;padding-bottom:10px;border-bottom:3px solid #7d7d7d;}
    .zx-1 li a p:nth-child(2) {margin-top:8px;font-size:13px;line-height:26px;}
    .zx-1 li a p:nth-child(3) {font-size:14px;line-height:24px;}
}

.zd-1 {padding:50px 0 64px;}
.zd-1 li {color:#000;border-bottom: 1px dashed #dddddd;height: 150px}
.zd-1 li a{display: block;height: 150px;padding:30px 0;}
.zd-1 .li-left {background:#eaeaea;margin-right:15px;float:left;width:90px;height:90px;box-sizing:border-box;padding:22px 0;text-align:center;}
.zd-1 .li-left p:first-child {margin:0 auto;font-size:25px;transition: all 0s;}
.zd-1 .li-left p:last-child {text-align:center;margin:0 auto;font-size:15px;transition: all 0s;}
.zd-1 .li-right {width:1095px;float:left;box-sizing: border-box;padding-right: 12px;text-align: justify;}
.zd-1 .li-right p:nth-child(1) {font-size:16px;height:26px;vertical-align:top;transition: all 0s;}
.zd-1 .li-right p:nth-child(1) span{display: none;color: #e60013;font-size: 14px;float: right;}
.zd-1 .li-right p:nth-child(2) {line-height:24px;font-size:13px;}
.zd-1 .li-right p:nth-child(3) {font-size:13px;line-height:24px;opacity:0.5;}
.zd-1 li:hover{background: #eaeaea;border-bottom: 1px solid #eaeaea;}
.zd-1 li:hover{color: #e60013}
.zd-1 li:hover .li-right p:nth-child(n+2){color: #000000}
.zd-1 li:hover .li-right p:first-child span{display:block; }
@media  all and (max-width:1200px) {
    .zd-1 {padding:0 0 40px;}
    .zd-1 li {color:#000;padding:10px 0 0;border-bottom: 1px dashed #dddddd;height: auto;}
    .zd-1 li a{display: block;height: auto;padding:20px 0;}
    .zd-1 .li-left {background:#eaeaea;margin-right:0;float:none;width:100%;box-sizing:border-box;text-align:center;height:auto;padding: 10px;margin-bottom: 10px;}
    .zd-1 .li-left p:first-child {margin:0 auto;font-size:25px;}
    .zd-1 .li-left p:last-child {text-align:center;margin:0 auto;font-size:15px;}
    .zd-1 .li-right {width:100%;float:none;box-sizing: border-box;padding-right: 0;}
    .zd-1 .li-right p:nth-child(1) {font-size:16px;height:auto;vertical-align:center;line-height: 30px;}
    .zd-1 .li-right p:nth-child(1) span{display: none;color: #e60013;font-size: 14px;float: right;}
    .zd-1 .li-right p:nth-child(2) {line-height:24px;font-size:13px;}
    .zd-1 .li-right p:nth-child(3) {font-size:13px;line-height:24px;opacity:0.5;}
    .zd-1 li:hover{background: #ffffff;border-bottom: 1px solid #eaeaea;}
    .zd-1 li:hover{color: #e60013}
    .zd-1 li:hover .li-right p:nth-child(n+2){color: #000000}
    .zd-1 li:hover .li-right p:first-child span{display:block;}
}

.gy-1 {padding:50px 0 30px;}
.gy-1 li {width:384px;float:left;margin-right:24px;margin-bottom:34px;position: relative;}
.gy-1 li img {width:100%;}
.gy-1 li p {text-align:center;background:#efefef;font-size:15px;line-height:30px;padding:10px 0;}
.gy-1 li:nth-child(3n) {margin-right:0;}
.gy-1 li div {overflow:hidden;}
.gy-1  li:hover div img{transform: scale(1.1);}
.gy-1  li:hover .search {position:absolute;top:50%;left:50%;width:65px;height:55px;background:url("tang-camera.png");margin-top:-27px;margin-left:-32px;content:"";z-index:20;}
.gy-1  li:hover .grey {position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);background:rgba(0,0,0,0.4);}
.gy-1  li:hover p{background: #e60013;color: #ffffff;}
@media  all and (max-width:1200px) {
    .gy-1 {padding:30px 0 20px;}
    .gy-1 li {width:49%;float:left;margin-right:0;margin-bottom:20px;position: relative;}
    .gy-1 li:nth-child(2n){float: right;}
    .gy-1 li img {width:100%;}
    .gy-1 li p {text-align:center;background:#efefef;font-size:13px;line-height:26px;padding:10px 0;}
    .gy-1 li:nth-child(3n) {margin-right:0;}
    .gy-1 li div {overflow:hidden;}
    .gy-1  li:hover div img{transform: scale(1.1);}
    .gy-1  li:hover .search {display: none;}
    .gy-1  li:hover .grey {position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);background:rgba(0,0,0,0.4);}
    .gy-1  li:hover p{background: #e60013;color: #ffffff;}
}

.gy-2 {padding:50px 0 30px;}
.gy-2 li {width:280px;float:left;margin-right:26px;margin-bottom:34px;position: relative;}
.gy-2 li img {width:100%;}
.gy-2 li p {text-align:center;background:#efefef;font-size:15px;line-height:30px;padding:10px 0;}
.gy-2 li:nth-child(4n) {margin-right:0;}
.gy-2 li div {overflow:hidden;}
.gy-2  li:hover div img{transform: scale(1.1);}
.gy-2  li:hover p{background: #e60013;color: #ffffff;}

@media  all and (max-width:1200px) {
    .gy-2 {padding:30px 0 20px;}
    .gy-2 li {width:49%;float:left;margin-right:0;margin-bottom:20px;position: relative;}
    .gy-2 li:nth-child(2n){float: right;}
    .gy-2 li img {width:100%;}
    .gy-2 li p {text-align:center;background:#efefef;font-size:13px;line-height:26px;padding:10px 0;}
    .gy-2 li:nth-child(3n) {margin-right:0;}
    .gy-2 li div {overflow:hidden;}
    .gy-2  li:hover div img{transform: scale(1.1);}
    .gy-2  li:hover p{background: #e60013;color: #ffffff;}
}


.hz-1 {padding:50px 0;}
.hz-1 li {overflow:hidden;position:relative;margin-right:15px;width:390px;float:left;text-align:center;}
.hz-1 li a>img {width:100%;}
.hz-1 li:nth-child(3n) {margin-right:0;}
.hz-1 li a {display:block;}
.hz-1 li .text {top:0;left:0;color:#ffffff;position:absolute;width:100%;height:100%;box-sizing:border-box;padding-top:60px;transition: all 0.5s;}
.hz-1 li .text img:first-child {margin-bottom:30px;}
.hz-1 li .text p:nth-child(2) {font-size:20px;font-weight:bold;margin-bottom:20px;}
.hz-1 li .text p:nth-child(n+3) {font-size:13px;line-height:24px;}
.hz-1 li .text p:nth-child(4) {margin-bottom:26px;}
.hz-1 li a>div {overflow:hidden;}
.hz-1 li:hover a>img {transform:scale(1.1);}
.hz-1 li:hover .text {background:rgba(230,0,19,0.7);}
@media  all and (max-width:1200px) {
    .hz-1 {padding:30px 0 10px ;}
    .hz-1 li {overflow:hidden;position:relative;margin-right:0;width:100%;float:none;text-align:center;margin-bottom:20px;}
}


/* 分页 */
.page { padding:0 0 64px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 3px; padding:3px 12px; border:1px solid #ddd; background:#f2f2f2; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #e60013; background:#e60013; color:#fff; }

.form-panel { padding:40px 0 40px; font-size:14px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:36px; text-align:right; }
.form-panel .input { padding:8px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; width:25%; }
.form-panel .code { height:30px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; width:10%; }
.form-panel .textarea { width:60%; height:110px; padding:3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:10px 10px 20px 0; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:110px; height:36px; border:none; background:#666; color:#fff; cursor:pointer; font-size:13px; }
.form-panel .submit-field .btn-submit{background:#e60013;}

@media  all and (max-width:1200px) {
    .form-panel{padding:20px 0 10px;}
    .form-panel .input { padding:6px 0; zoom:1; }
    .form-panel .text { height:30px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; width:96%; }
    .form-panel .code { height:30px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; width:40%; }
    .form-panel .textarea { width:96%; height:100px; padding:3px; border:1px solid #ccc; background:#fff; color:#555; }
}

/* 内容模式 */
.article { line-height:2; font-size:14px; word-wrap:break-word; text-align:justify; padding:40px 0;}
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#333; font-size:20px; line-height:30px; }
.article .hd .titBar { color:#797979; font-size:13px; margin-top:5px; }
.article .bd { text-align:justify; padding-bottom:40px; }
.article .bd img{max-width:100% !important;height:auto;}
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .irm{height:700px;overflow:hidden;}

@media all and (max-width:1200px){
    .page {padding:0 0 30px;}
    .article { line-height:1.8; padding:25px 0;}
    .article .hd { padding:0 0 8px; }
    .article .hd .titBar{margin-bottom:10px;}
    .article .hd h1 { font-size:15px; line-height:20px; }
    .article .irm{height:500px;overflow:hidden;}
}