﻿body {font-size:1rem;font-family:'Microsoft Yahei';color:#666666;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;}
div,ul,ol,li,dl,dt,dd {margin:0 auto;list-style:none;}
fieldset,img {border:0; padding:0;}
a img { border:none; }
a:link,a:visited {color:#666666;font-size:12px;text-decoration:none;}
a:hover,a:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.white,a.white:visited {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.black,a.black:visited {color:#666666;font-size:12px;text-decoration:none;}
a.black2,a.black2:visited {color:#666666;font-size:1.2rem;text-decoration:none;}
a.links,a.links:visited {color:#666666;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}

.clear,.cl {clear:both;}
.fl,.l {float:left;}
.fr,.r {float:right;}
.center {text-align:center;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.pt10 {padding-top:10px;}
.text {width:120px;height:20px;line-height:20px;border:1px solid #8A8484;}

.bridgeCode {width:99%;text-align:center;padding-bottom:5px;}
.bridgeCode span {padding:0px 10px 0px 10px;}
.button {width:100px;height:25px;font-weight:normal;font-size:12px;color:black;cursor:pointer;vertical-align:middle;}
.button_submit {padding-bottom:2px;font-weight:normal;cursor:pointer;}
.button_upload {padding-top:1px;border:1px solid #888888;width:195px;font-size:12px;cursor:pointer;}
.topCon_1 {float:left;width:100%;}
.maintop { }
.mainbot { }

.warp{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;}
.warp img { width:100%;}

.Top-main {width:100%;height:36px;border-bottom:1px solid #DDDDDD;}
.Top-left {float:left;width:200px;height:36px;line-height:36px;}
.Top-left span {color:#666666;padding-left:5px;}
.Top-right {float:right;width:100px;height:36px;line-height:36px;text-align:right;}
.Top-right span {padding-right:5px;}
.Top-right a:link,.Top-right a:active,.Top-right a:visited {color:#06929F;text-decoration:none;font-size:14px;}
header {width:100%;margin-top:0px;}
header .logo {float:left;width:100%;}
header .logo img {width:100%;}

nav  {clear:both;background:#3D6DCF;overflow: hidden;width: 100%;}
nav ul {list-style:none;}
nav ul li {float:left;text-align:center;width:21.5%; border-right:1px #6790E8 solid; border-bottom:1px #6790E8 solid;}		
nav ul a {display:block;line-height:3.9rem;height:3.9rem;}
nav ul a:link,nav ul a:active,nav ul a:visited {float:left;width:100%;color:#FFFFFF;font-size:1rem;}	
nav ul li:nth-child(4), nav ul li:nth-child(8) {border-right: 0 none;}
nav ul li:nth-child(3), nav ul li:nth-child(7),nav ul li:nth-child(2),nav ul li:nth-child(6) {width:28%;}

.Menus1 {width:100%;clear:both;padding-top:4px;}
.Menus1 ul {list-style:none;overflow:hidden;}
.Menus1 ul li {float:left;text-align:center;width:31.5%;}		
.Menus1 ul a {display:block;margin:10px 0px 0px 12px;}
.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited {float:left;width:90%;padding:0.6rem 0; border:1px solid #434343;border-radius:5px;font-size:1.1rem;}	

.topbg {width:100%;clear:both;z-index:1000;}
.navbtn {width:61px;height:39px;line-height:39px;position:fixed;right:1%;top:10px;z-index:1000;cursor:pointer;
    text-align:center;background:#1B6EB2;border:1px solid #DEDEDE;border-radius:5px;-moz-border-radius:5px;   
	-webkit-border-radius:5px;color:#DDDDDD;font-size:18px;filter:alpha(opacity=80);opacity:0.8;}
.navbg {width:207px;border:0px solid #0F60A2;background:#1A6DB1;position:fixed;right:1%;top:51px;display:none;z-index:999;}
.navbg li {width:100%;height:36px;border-bottom:1px solid #095DA2;}
.navbg li a {width:100%;display:block;height:35px;line-height:35px;border-bottom:1px solid #247AC1;font-size:16px;color:#FFFFFF;text-indent:23px;background:url('../images/navicos.jpg') 155px center no-repeat;}

.search {width:100%;height:27px;padding-top:10px;}
.searchA {float:left;width:80%;height:27px;}
.searchA input {width:100%;height:25px;line-height:25px;border:1px #C5C5C5 solid;font-size:12px;color:#888888;padding:0px 0px 0px 3px;}
.searchB {float:left;height:27px;padding-left:5px;}
.searchB input {width:46px;height:27px;border:0;cursor:pointer;color:#FFFFFF;background:#75D116;background-image:-moz-linear-gradient(center top, #7FDB1E, #4D8808);
    background-image:-moz-linear-gradient(top, #7FDB1E, #4D8808);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7FDB1E), to(#4D8808));
    background-image:-webkit-linear-gradient(top, #7FDB1E, #4D8808);background-image:-o-linear-gradient(top, #7FDB1E, #4D8808);background-image:linear-gradient(top, #7FDB1E, #4D8808);}

.ContentA {clear:both;width:100%;padding:12px 0px 12px 0px;}
.ContentA1 {width:100%;background:url("../images/wap_01.JPG") no-repeat scroll center top / 100% 100%;
    box-sizing: border-box;height: 5.16rem; line-height:3rem; padding-top:6.2%; text-align:center;} 
.ContentA1 span {color:#FFFFFF;font-size:1.2rem;}
.ContentA1 span a,.ContentA1 span a:visited {color:#FFFFFF;font-size:1.2rem;}
.ContentA2 {width:100%;background:#F8F7F4;} 
.ContentA2a {width:90px;float:left;padding:12px 0px 0px 22px;} 
.ContentA2b {width:90%;float:left;line-height:21px;padding:5px 10px 5px 10px;} 
.ContentA2b img {max-width:98%;height:auto !important;}
.ContentA2b table {width:99% !important;table-layout:fixed;word-wrap:break-word;}
.ContentA3 {width:100%;height:3rem;line-height:3rem;background:#e8e8e8;font-size:14px;}
.ContentA3a {float:left;width:10%;height:3rem;background:url('../images/index_14.png') no-repeat center center / 100% auto;}
.ContentA3a a {float:left;width:100%;height:30px;display:block;}
.ContentA3b {float:left;width:78%;text-align:center;color:#333; font-size:1.2rem;}
.ContentA3c {float:left;width:10%;background:url('../images/index_160.png') no-repeat right center / 100% auto;cursor:pointer;}
.ContentA3c span {color:#666666;padding-left:23px;cursor:pointer;}
.view_menumain {float:left;display:none;width:96%;background:#5D83D6;border-top:1px solid #3167DB;padding:2%;}
.view_menumain ul {padding:10px 0px 10px 0px;}
.view_menumain ul a {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:14px;padding:0.5% 1%;border:1px solid #DDDDDD;color:#000000;border-radius:5px;background:#FFFFFF;}

.ContentB {clear:both;width:100%;padding:12px 0 0;}
.ContentB1A{clear:both;width:100%; background:#02aa29; height:8rem;}
.ContentB1 {width:100%;background:url("../images/wap_15.png") no-repeat scroll center top / 100% 100%;
    box-sizing: border-box;height: 5.16rem; line-height:3rem; padding-top:6.2%; text-align:center;}
.ContentB1 span {color:#FFFFFF;font-size:1.2rem;}
.ContentB1 span a,.ContentB1 span a:visited {color:#FFFFFF;font-size:1.2rem;}
.ContentB2 {height:11.3rem; margin:0 auto; position:relative;clear:both;}
.ContentB3 img{max-width:98%;height:auto !important;}
.ContentB3{ margin:0 auto; clear:both;width:90%; font-size:1.1rem; line-height:1.6rem;margin-top:10px;}

/*news*/
.g-ys{clear:both;width:100%;padding:1.6rem 0 0;}
.ys{width: 100%;height: 15rem;overflow: hidden;}
.ys-t{height: 3.8rem;background: #3D6DCF;width:98%;margin:0 auto;}
.ys-t li{width:33%;float: left;height: 3.8rem;line-height: 3.8rem;color: #fff;font-size: 1.25rem;font-weight: normal;
         text-align: center; border-left:1px #fff solid;}
.ys-t li.z-on{background: #ffa31e;height: 3.8rem;}
.g-ys .con{display: inline;float: left;}
.g-ys .more{width:40%; text-align:center; margin:0 auto; clear:both; height:2.3rem; line-height:2.3rem; border:1px #d0d0d0 solid;}

.ContentE {clear:both;width:100%;padding-top:12px;}
.ContentE1 {width:100%;height:30px;line-height:30px;background:#0087FE;font-size:14px;}
.ContentE1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentE2 {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;overflow:hidden;} 
.ContentE2a {width:98%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} 
.ContentE2a img {width:100%;}
.ContentE2b {width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#BAD99E;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 

/*图片左右点击切换*/
/*.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}*/
.g-four{position: relative;margin-top: 1.5rem;}
.four p{width: 75%;margin: 0 auto;box-sizing:border-box;border: 0.2rem solid #483322;}
.four p img{display: block;}
.fourwor{width:100%; text-align:center;padding:3% 0; font-size:1.2rem;margin-bottom: 1.5em;}
.g-four .prev{width: 1.8rem;position: absolute;left:2%;top:19%; z-index:2}
.g-four .next{width: 1.8rem;position: absolute;right:2%;top:19%; z-index:2}
.g-four .con{display: inline;float: left;}
.g-four .g-more{width:8.8rem; text-align:center; height:2rem; line-height:2rem; position: absolute;right:32%;bottom:1%; z-index:2; border:1px #3D6DCF solid;}
.g-four .g-more::before { background: #3D6DCF;content: "";height: 1px; left: 100%; position: absolute; top: 50%; width: 10rem;}
.g-four .g-more::after { background: #3D6DCF;content: "";height: 1px; right: 100%; position: absolute; top: 50%; width: 10rem;}

.g-five{position: relative;margin-top: 1.5rem;}
.five .tit{width: 90%;margin:0 auto 3rem;box-sizing:border-box; background:#f1f1f1; padding:1rem;}
.five .tit .cc1{display:block;width:100%; font-size:1.7rem; color:#f9a62f;}
.five .tit .cc2{font-size:1.3rem; color:#7e7f80; text-transform:uppercase; border-bottom:1px #f9a62f solid; padding:0rem 0 1rem; display:inline-block;}
.five .tit .cc3{display:block;width:100%; font-size:1.2rem; padding:0.5rem 0; }
.fivewor{width:100%; text-align:center;padding:3% 0; font-size:1.2rem;}
.g-five .prev{width:4.8rem;position: absolute;left:28%;bottom:0; z-index:2}
.g-five .next{width:4.8rem;position: absolute;right:28%;bottom:0; z-index:2}
.g-five .con{display: inline;float: left;}

.ContentQ{clear:both;width:100%;}
.ContentQ img{width:100%;}
.ContentG_t{margin:0 auto; clear:both; width:96%; height:3rem;}
.ContentG_t h2{float:left;color:#818182; width:15%; text-align:left; height:3rem; line-height:3rem; font-size:2.6rem;}
.ContentG_t .m5_t{float:left; width:85%;font-size:1.3rem;color:#222325;}
.ContentG_t .m5_t span{color:#feb300;}
.ContentG_t .m5_t font{color:#06c;}
.ContentG_c{float:left; width:92%; padding-left:7%; font-size:1.2rem; color:#545554; padding-top:10px; padding-bottom:15px;}

.g-cp{height:18rem;overflow: hidden;position: relative;}
.g-cp .prev{ width:1.6rem; position:absolute; top:6.6rem; left:0.1rem; z-index:2;}
.g-cp .next{ width:1.6rem; position:absolute; top:6.6rem; right:0.1rem; z-index:2;}
.g-cp .nowarp { margin:1rem 1rem;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box .con ul{line-height: 0;padding: 0 2%;}
.g-cp .m-box .con li{float: left;width: 45%;text-align: center; background:#f1f0f0; border:1px #d0d0d0 solid; height:15rem; margin:0 2%}
.g-cp .m-box .con li em{display: block;width: 8.8rem;margin: 0 auto; padding:2rem 0 0;}
.g-cp .m-box .con li em img{width: 100%;border: 1px #3C6ED1 solid;box-sizing:border-box;}
.g-cp .m-box .con li font{display: block;height:3.0rem;line-height:1.5rem;text-align: center;width: 9.4rem;margin: 0 auto;
                          font-size: 0.75rem;color: #575858;font-weight: bold; padding:0.2rem 0.2rem; overflow:hidden;}
.g-cp .m-box .con li span{display: block;height: 2.3rem;line-height: 2.3rem;text-align: center;border:1px #3C6CCE solid; border-radius:5px;
                          width: 7.4rem;margin: 0 auto;font-size: 0.75rem;color: #121213;font-weight: bold; padding:0 0.2rem; white-space:nowrap; 
                          text-overflow:ellipsis; overflow:hidden;}

.About {width:98%;height:15px;text-align:right;padding-top:0px;}
.AboutContent {width:98%;min-height:100px;_height:100px;padding:10px 0px 0px 0px;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.aboutus {clear:both;padding:10px 0px 10px 5px;line-height:28px;}
.aboutus a:link,.aboutus a:visited {background:url('../images/ico_09.png') no-repeat left center;padding-left:12px;font-size:16px;font-weight:bold;color:#666666;margin-right:10px;display:block;float:left;}
.company {clear:both;padding:10px;}
.company img {max-width:98%;height:auto !important;}
.company table {width:99% !important;table-layout:fixed;word-wrap:break-word;}

.footnav {clear:both;width:99%;height:30px;padding-top:10px;padding-bottom:10px;}
.footnav ul {margin:10px 0px 10px 0px;}
.footnav ul li {float:left;width:20%;height:30px;line-height:30px;border:1px solid #D5D5D5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EBEBEB;margin-right:2%;margin-left:2%;}
.footnav ul li a {display:block;width:100%;height:100%;box-shadow:0 0 2px #FFFFFF inset;font-size:12px;color:#686868;text-align:center;}

.shareview {font-size:14px;line-height:180%;color:#7FA6C6;width:92%;margin:10px 4% 0px 4%;}
.Footder {clear:both;width:100%;min-height:14rem;_height:14rem;padding-top:10px;}
.FootderA {width:100%;border-bottom:0px solid #DDDDDD;border-top:0px solid #DDDDDD;text-align:center;line-height:2rem;}
.FootderAPhone{padding-top:1.3rem;color:#666666; font-size:1.2rem;}
.FootderAPhone span{color:#ffa31e; font-size:1.8rem;}
.FootderAContent {padding:0px 5px 8px 5px;color:#666666;}
.FootderC {width:100%;text-align:center;background:#33D0B3;position:fixed;bottom:0;display:block;left:0;z-index:100;}
.footbtn {width:100%;height:62px;border-top:1px solid #E9F0F4;background:#02aa29;}
.footbtn li {float:left;width:24.5%;height:100%;}
.footbtn a {display:block;width:100%;height:32px;margin-top:30px;color:#7FA6C6;text-align:center;}
.footbtn a span {display:block;width:100%;height:100%;line-height:32px;font-size:14px;cursor:pointer;}
.share {background:url('../images/share.png') center 6px no-repeat;border-right:1px solid #FFFFFF;}
.sms {background:url('../images/sms.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.tel {background:url('../images/tel.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.map {background:url('../images/map.png') center 6px no-repeat;border-left:1px solid #E2ECF1;}

.g-kefu{ width:100%; height:5.4rem; position:fixed; bottom:0; max-width:640px; min-width:320px; z-index:101;background:#3D6DCF; background-size:100%;}
.g-kefu ul li{height:5.4rem;  width:25%; text-align:center; float:left; padding:3% 0 0 0; position:relative; box-sizing:border-box; border-right:1px solid #fff;}
.g-kefu ul li em{ width:2.5rem; display:block; margin:0 auto;}
.g-kefu ul li em img{width: 100%;}
.g-kefu ul li a{ font-size:0.83rem; color:#fff; font-size:1.1rem;}
.g-kefu ul li:nth-child(4){border-right:none;}

.newslist1 {clear:both;width:98%;margin-left:1%;padding:5px 0px 0px 0px;}
.newslist1 ul {float:left;width:100%;}
.newslist1 ul li {padding:0px 0px 0px 2rem;border-bottom:#DFDFDF 1px dotted;text-align:left;background:url('../images/ico1.png') no-repeat 0.5rem center;
                  height:2.5rem; line-height:2.5rem;}
.newslist1 ul li a:link,.newslist1 ul li a:visited,.newslist1 ul li a:active {text-decoration:none;font-size:1.2rem;color:#666666;}

.newslist2 {clear:both;width:98%;margin-left:1%;padding:10px 0px 0px 0px;min-height:200px;_height:200px;}
.newslist2 ul {float:left;width:100%;list-style:none;}
.newslist2 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px;}
.newslist2 ul li a:link,.newslist2 ul li a:visited,.newslist2 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist2 ul li span {color:#808080;padding-left:10px;}

.honorpiclist {float:left;width:100%;clear:both;}
.honorpiclist ul {width:94%;padding:3% 3% 0 3%;}
.honorpiclist ul li {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;}
.honorpiclist li div {float:left;width:100%;}
.honorpiclist li img {float:left;width:100%;display:block;}
.honorpiclist .proimg {float:left;width:99%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.honorpiclist .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.prolist2 {float:left;width:100%;clear:both;}
.prolist2 ul {width:94%;padding:3% 3% 0 3%;}
.prolist2 ul li {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;}
.prolist2 li div {float:left;width:100%;}
.prolist2 li img {float:left;width:100%;display:block;}
.prolist2 .proimg {float:left;width:99%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.prolist2 .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.content {width:100%;}
.content h1 {font-weight:bold;font-size:16px;line-height:30px;color:#325065;text-align:center;border-bottom:1px dashed #999999;width:98%;margin:10px 1%;}
.content h1 p {width:100%;font-size:16px;line-height:30px;color:#555555;text-align:center;}
.content .ptimeviews {font-size:12px;}
.content .ptimeviews span {padding-left:10px;font-size:12px;}
.content .view {font-size:13px;line-height:180%;color:#325065;width:98%;padding:8px 0px;margin:0px 1% 0px 1%;}
.content .view p {font-size:13px;line-height:180%;color:#325065;width:100%;}
.content .view div img {max-width:98%;height:auto !important;}
.content .view div table {width:99% !important;table-layout:fixed;word-wrap:break-word;}
.content .jobtable {width:99%;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.content .jobtable td {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.content .backlist2 {display:block;width:60px;height:32px;line-height:32px;margin:15px auto;color:#FFFFFF;font-size:14px;text-align:center;background:#5E89E3;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.content .prevpage,.content .nextpage {display:block;width:98%;margin:0px 1% 8px 1%;height:25px;line-height:25px;font-size:12px;color:#325065;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#DDDDDD;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.content .prevpage span,.content .nextpage span {padding-left:10px;}
.content .hr {width:98%;height:0;border-top:1px dashed #999999;margin:6px 1%;}

.downloadlist {width:99%;clear:both;min-height:200px;_height:200px;}
.downloadlist dl {float:left;width:100%;padding:5px 0px 10px 0px;}
.downloadlist dt {float:left;width:110px;}
.downloadlist dd {float:left;width:180px;padding-left:10px;}
.downloadlist div {float:left;width:100%;}
.downloadlist div ul {}
.downloadlist div ul li {line-height:23px;}
.downloadlist div span {color:#006699;}

.jobitem {width:98%;border-bottom:1px dashed #999999;margin:5px 1% 5px 1%;}
.linklist {width:95%;clear:both;padding:10px 0px 10px 0px;}
.linklist ul {width:100%;}
.linklist ul li {text-align:left;height:28px;line-height:28px;}
.submitTable {border:0;}
.submitTable td {height:30px;font-size:12px;}
.submitTable td input {height:30px;line-height:30px;}
.in {line-height:30px;border:1px solid #696969;}
.welcome {color:#333333;font-size:13px;font-weight:bold;background-color:orange;}
.txt {border:1px solid #999999;width:250px;height:20px;line-height:20px;padding:2px;}
.txt-area {border:1px solid #999999;width:92%;height:80px;}
.txt-code {border:1px solid #999999;width:50px;height:20px;line-height:20px;vertical-align:middle;}
.form {margin:5px 0px;}
.form th {text-align:right;padding-right:5px;font-size:12px;font-weight:normal;}
.form td {padding-bottom:5px;}
.form .msg {font-size:10px;color:#333;}
.notify {background-color:Gray;color:White;padding:5px;text-align:center;margin:2px 0px;}
.imgcode {width:60px;height:22px;line-height:22px;vertical-align:middle;cursor:pointer;}

/* pages */
.dede_pages{width:98%;text-align:center;line-height:30px;padding:10px 0px 10px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

/* banner */
.big-pic{width:100%;position:relative;border-bottom:0px solid #A8A8A8;}
.big-pic img {float:left;width:100%;height:auto;display:block;}
.big-pic-in {position:relative;width:100%;height:auto;overflow:hidden;}
.pic-list {position:relative;height:auto;-webkit-transform:translate3d(0,0,0);z-index:0;}
.slide-dot {width:95%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;text-align:right;padding:0 5% 0 0;}
.slide-dot span {display:inline-block;width:6px;height:6px;border-radius:8px;vertical-align:top;z-index:10;background:#B5B5B5;margin:8px 3px 0 2px;}
.slide-dot .slide-dot-cur {z-index:10;vertical-align:top;background:#C80002;width:7px;height:7px;border-radius:10px;margin-top:7px;}
.transition {-moz-transition:-moz-transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}

.banner4 {width:300px;height:200px;overflow:hidden;position:relative;}
.slider4 {width:6550px;position:absolute;}
.slider4 li {float:left;display:inline;}
.slider4 img {width:300px;height:200px;display:block;}
.num4 {position:absolute;bottom:5px;right:5px;}
.num4 li {float:left;width:15px;height:14px;line-height:14px;color:#FFFFFF;background:url('../images/dots_01.png') no-repeat;
	text-align:center;font-size:12px;cursor:pointer;padding-bottom:5px;margin-right:5px;display:inline;}
.num4 li.on,.num4 li:hover,.num4 li.active {color:#FFFFFF;background:url('../images/dots_02.png') no-repeat;line-height:14px;font-size:12px;}

.g-pro{display: block; padding-top:1rem;overflow: hidden; /*height: 57.41667em;*/overflow: hidden; /*background: #FDFDFD;*/}
.g-pro h2{display: block; margin: 0 0.45rem;overflow: hidden; height:3.72rem;padding-top: 0.5rem; overflow: hidden;font-size: 1.5rem;overflow:hidden; font-weight: bold; text-align: center; color: #303030;}
.g-pro h2 i{display: block; font-weight: normal; color: #666; font-size: 0.977rem; text-transform: uppercase; line-height: 2rem; position: relative;font-style: inherit;}
.g-pro h2 i:before{display: block;width: 5.21785rem; height: 1px; background: #909090; top:20%;position: absolute;content: ""}
.g-pro h2 i:after{display: block;width: 5.21785rem; height: 1px; background: #909090; top:20%;position: absolute;content: ""; right: 0;}

@media all and (min-width:640px) {body {width:640px;margin:0 auto;}}
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}

