@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:"微软雅黑";font-size: 12px;font-size: 1.2rem;height: 100%; background-attachment:fixed;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea,select,option {font-family:"微软雅黑";font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}


/*  head  */
.head{ background:url(../images/hebei.jpg) no-repeat center bottom;}
.head>.zong{ position:relative; z-index:99;}

/*  sousuo  */
.search2{width:24px;z-index:99999; position:absolute;background:none; top:84px; right:0px;}
.sb-icon-search {color: #fff;z-index: 999;width:24px;height:24px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:999999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 24px;height: 24px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0.5s;-moz-transition: width 0.5s;transition: width 0.5s;-webkit-backface-visibility: hidden; z-index:999;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 24px;line-height:24px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family:"微软雅黑"; color:#333; background:none}
.sb-icon-search,.sb-search-submit{width: 24px;height: 24px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:#003057 url(../images/sousuo.png) no-repeat center;border:none;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:24px;line-height:24px;position:relative;right:0px;top:0px; color:#fff; z-index: 9999999; background:#fff}
.no-js .sb-search .sb-icon-search {position:absolute;background:#003057 url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index: 9990;}

.daohangz{ float:right;}
.logo{ display:block; float:left; padding-top:25px; width:286px;}
.logo a{ display:block;}
.logo a img{ width:100%; max-width:286px; max-height:114px;}

.daohang{ padding-top:30px; margin-right:95px;}
.daohang>li{float:left; position:relative; z-index:9999; transition:0.5s; margin-left:35px;}
.daohang>li>a{ display:block; font-size:16px;font-size:1.6rem; color:#fdfbfb; line-height:132px; background:url(../images/daohang.jpg) no-repeat center bottom; background-size:0px 2px; }
.daohang>li:hover>a{ background:url(../images/daohang.jpg) no-repeat center bottom; background-size:100% 2px;}
.dangqiandao{  background:url(../images/daohang.jpg) repeat-x 0px bottom !important;}

.yiji{ position:absolute; width:216px; top:-9999px; left:-50px; background:#fff; text-align:left; z-index:999999;}
.yiji li{ position:relative;}
.yiji li a{ display:block; line-height:0px; padding-left:22px; padding-right:20px; font-size:14px; font-size:1.4rem; color:#003057; transition:0.3s;}
.yiji li:hover>a{ color:#fff; background:#003057;}
.erji{ position:absolute; width:216px; top:-9999px; left:216px; background:#fff; text-align:left; z-index:999999;}
.daohang>li:hover .yiji{ top:132px;}
.daohang>li:hover .yiji>li>a{ padding:15px 0; padding-left:22px; line-height:20px;}
.yiji>li:hover .erji{ top:0px;}
.yiji>li:hover .erji>li>a{ padding:15px 0; padding-left:22px; line-height:20px;}


/*lun bo*/
.index_focus {position: relative;width: 100%;height:791px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus .slide_nav{ position:absolute; bottom:68px; left:50%; margin-left:-100px; z-index:9999}
.index_focus .slide_nav a {width: 22px;height:22px;cursor: pointer;float: left;margin-right:5px; margin-left:5px; background:url(../images/dian.png);}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin: 0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none;background:url(../images/dianh.png);}

.index_focus_pre, .index_focus_next {display: none;position: absolute;top: 50%;margin-top:13px;width:71px;height:71px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre {left:39px;background: url(../images/baleft.png) no-repeat;}
.index_focus_next {right:39px;background: url(../images/baright.png) no-repeat;}

.index_focus2 {position: relative;width: 100%;height:429px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .slide_nav{ position:absolute; bottom:9px; left:50%; margin-left:-100px; z-index:9999}
.index_focus2 .slide_nav a {width: 22px;height:22px;cursor: pointer;float: left;margin-right:5px; margin-left:5px; background:url(../images/dian.png);}
.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;margin: 0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {text-decoration: none;background:url(../images/dianh.png);}

.index_focus_pre2, .index_focus_next2 {display: none;position: absolute;top: 50%;margin-top:0px;width:71px;height:71px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre2 {left:39px;background: url(../images/baleft.png) no-repeat;}
.index_focus_next2 {right:39px;background: url(../images/baright.png) no-repeat;}

.daohang2{ display:none}
@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:632px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:343px;}
.index_focusn2 img {width: 80%;}

.logo{ width:190px; padding-top:26px;}
.daohang{ padding-top:0px;}
.daohang>li{ margin-left:25px;}
.daohang>li>a{ display:block; font-size:14px;font-size:1.4rem;}
.index_focus_pre {left:39px;}
.index_focus_next {right:39px;}
.search2{ top:55px;}
.yiji{ left:-90px;}
.erji{ width:200px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus,.index_focus2{ display:none}

.head{ position:relative; background:none}
.head>.zong{ padding-bottom:10px;}
.logo{ padding-top:20px; width:200px; float:none;}
.yiji{ display:none;}

.daohangz{ float:none;}
.daohang{ margin:auto; padding-top:5px; text-align:center;}
.daohang>li{ float:none; display:inline-block; *float:left; margin:auto; margin:0 10px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; color:#333; line-height:40px;}
.dangqiandao{ color:#0088c4 !important}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 120px;height:5px;bottom: 5px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#003057;}
.carousel ol li:last-child{margin: 0;}

.search2{top:40px;}
.sb-icon-search,.sb-search-submit{background:#1275a3 url(../images/sousuo.png) no-repeat center;border:none; border-radius:50%;}
.sb-search-input { color:#fff;}
.sb-search.sb-search-open,
.no-js .sb-search{ background:#003057; border-radius:12px;}
}
@media screen and (max-width:799px) {
.daohang>li{ margin:0 8px;}
.daohang>li>a{ font-size:12px; font-size:1.2rem;}
}
@media screen and (min-width:640px) {.container,.nav,.daohang2{ display:none}}
@media screen and (max-width:639px) {
.head{ padding-bottom:0px;} 

.container{ width:5px; height:100%;position:absolute; right:0px; transition:all 0.4s ease 0s; z-index:99999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:55px;right:5px;transition:all 0.4s ease 0s; z-index:99999999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #003057;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}

.search2{top:55px; right:40px;}
.daohangz{ background:none;}
.daohang{ display:none}
.daohang2{ display:block; text-align:center; margin-top:10px;}
.daohang2 a{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; padding:0 5px; color:#333; line-height:30px;}
}

/*  main1  */
.main1{ padding-top:110px; overflow:hidden;}
.m1biao{ display:block; text-align:center; font-size:40px; font-size:4rem; color:#003057; text-transform:uppercase;}
.m1a{ display:block; text-align:center; font-size:30px; font-size:3rem; text-transform:uppercase; color:#003057; margin-top:50px;}
.m1tu{ display:block; text-align:center; margin-top:35px;}
.m1tu img{ display:block; margin:auto; width:98%; max-width:1387px; max-height:530px;}

.m1n{ width:98%; max-width:1525px; margin:auto; padding-top:40px;}
.m1tu2{ display:block; width:599px; float:left; margin-top:31px;}
.m1tu2 img{ display:block; margin:auto; width:100%; max-width:615px; max-height:484px;}
.m1tu3{ display:block; width:673px; float:right; margin-top:32px;}
.m1tu3 img{ display:block; margin:auto; width:100%; max-width:664px; max-height:473px;}
.m1a:hover,.m1biao:hover{ color:#fc9b02;}

@media screen and (max-width:1299px) {
.m1n{ width:980px;}
.m1tu2{ width:420px;}
.m1tu3{ width:473px;}
}
@media screen and (max-width:999px) {
.main1{ padding-top:30px;}
.m1biao{ font-size:20px; font-size:2rem;}
.m1a{ font-size:16px; font-size:1.6rem; margin-top:20px;}
.m1n{ width:98%;}
.m1tu2{ width:47%;}
.m1tu3{ width:51%;}
}
@media screen and (max-width:639px) {
.m1tu2{ width:100%;}
.m1tu3{ width:100%;}
}

/*  main2  */
.main2{ padding-top:138px;}
.m2lie{ width:19.6%; *width:19%; float:left; margin:0 0.2%; position:relative; overflow:hidden;}
.m2tu{ display:block; text-align:center;}
.m2tu img{ display:block; margin:auto; width:100%; max-width:380px; max-height:409px; transition:0.5s;}
.m2fu{ position:absolute; height:72px; width:100%; left:0px; bottom:0px; background:#000102; background:rgba(0,1,2,0.5); transition:0.5s;}
.m2xtu{ width:44px; position:absolute; left:50%; margin-left:-22px; top:100%;}
.m2xtu img{ width:44px; height:45px;}
.m2a{ display:block; position:absolute; width:96%; left:2%; text-align:center; font-size:18px; font-size:1.8rem; color:#fff; line-height:24px; top:50%; margin-top:-21px;}
.m2mor{ display:block; width:164px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; font-size:16px; font-size:1.6rem; color:#fff; position:absolute; left:50%; margin-left:-82px; bottom:-43px;}
.m2lie:hover .m2fu{ height:178px;}
.m2lie:hover .m2xtu{ top:12px;}
.m2lie:hover .m2mor{ bottom:28px;}
.m2lie:hover .m2tu img{ transform:scale(1.1,1.1)}
.m2mor:hover{ background:#fff; color:#333;}
.m2a:hover{ color:#fc9b02;}
@media screen and (max-width:1299px) {
.m2a{ font-size:14px; font-size:1.4rem;}
.m2lie:hover .m2mor{ bottom:18px;}
}
@media screen and (max-width:999px) {
.main2{ padding-top:38px;}
.m2lie{ width:33%; *width:32%; float:left; margin:0 0.15%; position:relative;}
.m2lie:hover .m2fu{ height:72px;}
.m2xtu{ display:none}
.m2mor{ display:none}
}
@media screen and (max-width:499px) {
.m2lie{ width:49.6%; *width:49%; float:left; margin:0 0.15%; position:relative;}
}

/*  main3  */
.main3{ padding-top:90px;}
.m3biao{ display:block; font-size:40px; font-size:4rem; color:#003057; line-height:45px; text-align:center;}

.m3n{ background:#f1f1f1; margin-top:57px; padding-top:29px; padding-bottom:36px;}
.img-scroll {position: relative;}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width: 16px;height: 36px; top:50%; margin-top:-18px;}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../images/m3left.jpg)}
.img-scroll .next {right: 0;cursor: pointer; background:url(../images/m3right.jpg)}
.img-scroll .prev:hover { background:url(../images/m3lefth.jpg)}
.img-scroll .next:hover { background:url(../images/m3righth.jpg)}
.img-list {position: relative;width:1088px; margin-left:57px;overflow: hidden}
.img-list ul {width: 9999px;}
.img-list li {float: left;display: inline;width: 160px;margin-right:25px;}
.img-list li a{ display:block;}
.img-list li a img{ display:block; margin:auto; width:100%; max-width:160px; max-height:160px; transition:0.5s;}
.img-list li a img:hover{ transform:rotate(360deg)}

@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list {width:900px; margin-left:38px;}
}
@media screen and (max-width:999px) {
.main3{ padding-top:30px;}
.m3biao{ font-size:30px; font-size:3rem; line-height:35px;}
.m3n{ margin-top:27px; padding-top:29px; padding-bottom:36px;}
.img-list {width:90%; margin-left:5%;}
.img-list ul {width: 10000%;}
.img-list li {width: 0.19%;margin-right:0.012%;}
}
@media screen and (max-width:579px) {
.img-list li {width: 0.3233%;margin-right:0.012%;}
}

/*  main4  */
.main4{ padding-top:104px; padding-bottom:103px;}
.m4l{ width:590px; float:left;}
.m4r{ width:586px; float:right;}

.m4lbiao{ display:block; font-size:35px; font-size:3.5rem; color:#003057; line-height:45px;}
.m4lie{ margin-top:33px; margin-bottom:58px;}
.m4lie>a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px;}
.m4lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#666666; margin-top:9px;}
.m4lmor{ display:block; width:197px; height:48px; border:1px solid #003057; border-radius:24px; font-size:20px; font-size:2rem; color:#003057; text-align:center; line-height:48px; margin-top:-3px;}
.m4lie a:hover{ color:#003057;}
.m4lmor:hover{ background:#003057; color:#fff;}

.m4r .m4lbiao{ margin-bottom:35px;}
.m4rlie{ position:relative; min-height:119px; margin-top:27px; margin-left:20px;}
.m4rtu{ display:block; text-align:center; width:168px; position:absolute; left:0px; top:5px;}
.m4rtu img{ display:block; margin:auto; width:100%; max-width:190px; max-height:129px;}
.m4rn{ margin-left:191px;}
.m4rn>a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px;}
.m4rn p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#666666; margin-top:4px;}
.m4rn span{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#666666;}
.m4rn a:hover{ color:#003057;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m4l{ width:490px; float:left;}
.m4r{ width:480px; float:right;}
}
@media screen and (max-width:999px) {
.main4{ padding-top:34px; padding-bottom:33px;}
.m4l{ width:100%; float:none;}
.m4r{ width:100%; float:none; margin-top:40px;}
.m4lbiao{ font-size:25px; font-size:2.5rem;}
}
@media screen and (max-width:489px) {
.m4rtu{ width:auto; position:relative; left:auto;}
.m4rn{ margin-left:0px; margin-top:20px;}
}

/*  foot  */


.foot{ background:#003057; padding-top:74px; padding-bottom:54px;}
.foot2{ padding-bottom:61px;}
.fobiao{ display:block; text-align:center; font-size:40px; font-size:4rem; text-transform:uppercase; color:#fff; line-height:50px;}
.fyoushi{ text-align:center; margin-top:10px;}
.fyoushi a{ display:inline-block; *float:left; font-size:20px; font-size:2rem; text-transform:uppercase; color:#bdbdbd; line-height:30px; padding-left:12px; background:url(../images/fdian.jpg) no-repeat left center; margin:0 15px;}

.fdianhua{ width:280px; float:left; margin-left:11px; padding-left:43px; background:url(../images/fdianhua.jpg) no-repeat left 5px;}
.fxinfeng{ width:180px; float:left; margin-left:146px; padding-left:55px; background:url(../images/fxinfeng.jpg) no-repeat left 6px;}
.fdingwei{ width:319px; float:right; padding-left:38px; background:url(../images/fdingwei.jpg) no-repeat left 5px;}

.ful{ margin-top:57px;}
.ful>a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase;font-family: "微软雅黑";}
.ful li{ font-size:14px; font-size:1.4rem; color:#fff; line-height:26px; margin-top:11px;}
.ful li a{ color:#fff;}
.p1{ float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#d7edfe;font-family: "微软雅黑"; margin-top:65px;}
.p2{ float:right; font-size:14px; font-size:1.4rem; line-height:26px; color:#d7edfe;font-family: "微软雅黑"; margin-top:65px;}
.p2 a{color:#d7edfe;}
.youlian{ line-height:30px; margin-top:20px;}
.youlian p{ float:left; font-size:18px; font-size:1.8rem; color:#fff; text-transform:uppercase; font-family: "微软雅黑";}
.youlian a{ display:block; float:left; font-size:14px; font-size:1.4rem; color:#fff; margin:0 10px;}
.ful li a:hover,.youlian a:hover,.p2 a:hover{ color:#fc9b02;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.fdianhua{ width:280px; margin-left:0px;}
.fxinfeng{ width:180px; margin-left:46px;}
.fdingwei{ width:319px;}
}
@media screen and (max-width:999px) {
.foot{ padding-top:34px; padding-bottom:34px;}
.ful{ margin-top:20px;}
.fdianhua{ width:auto; margin-left:0px; float:none; margin-top:40px;}
.fxinfeng{ width:auto; margin-left:0px; float:none;}
.fdingwei{ width:auto; margin-left:0px; float:none;}
.p1{ float:none; margin-top:20px;}
.p2{ float:none; margin-top:auto;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
}

/***********************************************************************  product1  ********************************************************/
.mianbao{ font-size:14px; font-size:1.4rem; line-height:32px; border-bottom:1px solid #eeeeee; padding-top:49px;}
.mianbao a:hover{ color:#fc9b02;}
.cofc{ color:#fc9b02 !important;}

.prmain{ padding-bottom:87px;}
.prl{ width:189px; float:left; margin-top:24px;}
.prr{ width:968px; float:right; position:relative; padding-top:42px;}

.subNavBox{ background:url(../images/prlxian.jpg) repeat-y left;}
.subNav{cursor:pointer; background:url(../images/huidian.jpg) no-repeat left 6px; padding-left:36px; margin-top:25px;}
.subNav a{ display:block; border:1px solid #d2d2d2; border-radius:4px; font-size:16px; font-size:1.6rem; line-height:20px; padding:6px 0; padding-left:8px;}
.subNav2{cursor:pointer; background:url(../images/huidian.jpg) no-repeat left 6px; padding-left:36px; margin-top:25px;}
.subNav2 a{ display:block; border:1px solid #d2d2d2; border-radius:4px; font-size:16px; font-size:1.6rem; line-height:20px; padding:6px 0; padding-left:8px;}
.subNav:hover{ background:url(../images/landian.jpg) no-repeat left 6px;}
.subNav2:hover{ background:url(../images/landian.jpg) no-repeat left 6px;}
.currentDd{ background:url(../images/landian.jpg) no-repeat left 6px;}
.currentDd a{color:#fff; background:#003057; border:1px solid #003057;}
.navContent{display: none; margin-left:36px; background:#d2d2d2; border-radius:5px; padding-top:6px; padding-bottom:8px; margin-bottom:45px;}
.navContent>li a{display:block; font-size:14px; font-size:1.4rem; line-height:34px; color:#003057; padding-left:21px; border-bottom:1px solid #d2d2d2;}
.navContent>li a:hover{border-bottom:1px solid #fff;}
.subNav:hover a{color:#fff; background:#003057; border:1px solid #003057;}
.subNav2:hover a{color:#fff; background:#003057; border:1px solid #003057;}

.prrt{ min-height:374px;}
.prrzi{ width:380px; padding-top:48px;}
.prrtu{ width:659px; position:absolute; right:-117px; top:0px;}
.prrtu img{ display:block; margin:auto; width:100%; max-width:659px; max-height:374px;}
.prrtu2{ width:661px; position:absolute; right:-117px; top:0px;}
.prrtu2 img{ display:block; margin:auto; width:100%; max-width:661px; max-height:369px;}

.prrzi h1{ font-size:40px; font-size:4rem; color:#003057; line-height:50px; background:url(../images/xian.jpg) no-repeat left bottom; padding-bottom:4px;}
.prrzi p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:19px;}

.prra{ display:block; font-size:22px; font-size:2.2rem; line-height:30px; background:url(../images/pra.jpg) no-repeat left top; padding-top:16px; margin-top:11px;}
.mat3{ margin-top:60px;}
.usn{ padding-top:25px; margin-bottom:43px;}
.usn a{ display:block; float:left; width:50%;}
.usn a img{ display:block; margin:auto; width:100%; max-width:484px; max-height:85px;}
.ustu5{ float:none; width:579px !important; margin-left:43px;}
.ustu5 img{ max-width:579px !important; max-height:87px;}

.fen{ padding-top:27px; margin-bottom:28px;}
.fen a{ display:block; float:left; width:50%;}
.fen a img{ display:block; margin:auto; width:100%; max-width:484px; max-height:138px;}
.fetu5{ float:none; width:681px !important; margin-left:4px;}
.fetu5 img{ max-width:681px !important; max-height:138px;}

.prbiaoge{ border-collapse:collapse; margin-top:12px;}
.prbiaoge td{ border:2px solid #d4d4d4; font-size:16px; font-size:1.6rem; line-height:24px; padding:8px 3px;}
.biaotou{ background:#656565; font-weight:bold;}
.biaotou td{ color:#fff; padding:20px 3px;}
@media screen and (max-width:1460px) {
.prrtu{ width:540px; right:0px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prr{ width:770px;}
.prrtu{ width:370px; right:0px; top:100px;}
}
@media screen and (max-width:999px) {
.prl{ width:30%; float:left; margin-top:24px;}
.prr{ width:67%; float:right; position:relative;}
.subNav a{ font-size:14px; font-size:1.4rem;}
.prrtu{ width:100%; position:relative; right:auto; top:auto; margin-top:47px;}
.prrzi{ width:100%; padding-top:48px;}
.prbiaoge td{ border:1px solid #d4d4d4; font-size:14px; font-size:1.4rem;}
.usn a{ width:100%; float:none; margin-bottom:20px;}
.fen a{ width:100%; float:none;}
.ustu5,.fetu5{ width:auto !important; margin-left:auto;}
.prrzi h1{ font-size:30px; font-size:3rem;}
}
@media screen and (max-width:639px) {
.prl{ width:100%; float:left; margin-top:24px;}
.prr{ width:100%; float:right; position:relative;}
}

/***********************************************************************  what1  ********************************************************/
.whmain1{ padding-bottom:100px;}
.wh1n{ padding-left:23px; font-size:14px; font-size:1.4rem; line-height:24px; padding-top:10px; padding-bottom:1px; margin-top:49px; }
.wh1n p{ margin-top:4px; margin-bottom:24px;}

.wh1l{ width:199px; float:left; padding-top:52px;}
.wh1l li a{ display:block; font-size:20px; font-size:2rem; line-height:39px; padding-left:10px; padding-right:25px; background:url(../images/prjian.jpg) no-repeat right 19px; border-bottom:1px solid #dedede; margin-top:35px;}
.wh1l li a:hover{ color:#fc9b02; background:url(../images/prjian.jpg) no-repeat right 10px;}
.wh1r{ display:block; width:702px; float:right; padding-top:58px;}
.wh1r img{ display:block; margin:auto; width:100%; max-width:702px; max-height:455px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.wh1l{ padding-top:22px;}
.wh1r{ width:500px;}
}
@media screen and (max-width:999px) {
.whmain1{ padding-bottom:30px;}
.wh1l{ padding-top:22px; width:auto; float:none;}
.wh1r{ width:auto; float:none; padding-top:28px;}
}

/***********************************************************************  what3  ********************************************************/
.whmain3{ padding-bottom:101px;}
.wh3biao{ display:block; font-size:30px; font-size:3rem; color:#003057; line-height:45px; padding-top:36px; margin-bottom:26px;}
.wh3lie{ padding-left:45px; margin-top:13px;}
.wh3lie a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; margin-bottom:10px;}
.wh3lie p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666;}
.wh3tu{ display:block; text-align:center; margin-top:37px;}
.wh3tu img{ display:block; margin:auto; width:100%; max-height:182px; max-width:967px;}
.wh3lie1{ background:url(../images/wh2tubiao1.jpg) no-repeat left 2px;}
.wh3lie2{ background:url(../images/wh2tubiao2.jpg) no-repeat left 2px;}
.wh3lie3{ background:url(../images/wh2tubiao3.jpg) no-repeat left 2px;}
.wh3lie4{ background:url(../images/wh2tubiao4.jpg) no-repeat left 2px;}

.whmain4{ padding-bottom:208px;}
.whmain4 .wh3biao{ margin-bottom:20px;}
.wh4tu{ display:block;}
.wh4tu img{ display:block; width:100%; max-width:889px; max-height:602px;}
@media screen and (max-width:999px) {
.whmain3{ padding-bottom:31px;}
.whmain4{ padding-bottom:38px;}
}

/***********************************************************************  what5  ********************************************************/
.whmain5{ padding-bottom:106px;}
.wh5biao{ display:block; text-align:center; font-size:30px; font-size:3rem; color:#003057; line-height:45px; padding-top:37px;}
.wh5n{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:15px;}
.wha1{ float:right; line-height:37px; margin-top:124px; margin-right:50px;}
.wha1 a{ display:block; float:left; font-size:16px; font-size:1.6rem;}
.wha2{ float:right; line-height:22px; font-size:16px; font-size:1.6rem; margin-right:50px;}

/***********************************************************************  markets2  ********************************************************/
.mamain1{ padding-bottom:111px;}
.mabiao{ display:block; font-size:40px; font-size:3rem; text-transform:uppercase; color:#003057; padding-top:35px; float:left;}
.mamor{ display:block; width:197px; height:43px; border-radius:6px; float:right; background:#003057; text-align:center; line-height:43px; font-size:16px; font-size:1.6rem; color:#fff; margin-top:49px;}
.ma1n{ font-size:16px; font-size:1.6rem; line-height:24px; margin-top:40px;}
.maa{ display:block; float:left; width:150px; padding-left:18px; font-size:14px; font-size:1.4rem; line-height:24px; background:url(../images/madian.jpg) no-repeat left center;font-family: "微软雅黑";}
.matu{ display:block; float:left;}
.matu1{ display:block; width:622px;}
.matu1 img{ display:block; margin:auto; width:100%; max-width:528px; max-height:354px;}
.matu2{ display:block; width:622px;}
.matu2 img{ display:block; margin:auto; width:100%; max-width:435px; max-height:420px;}
.matu3{ display:block; width:622px;}
.matu3 img{ display:block; margin:auto; width:100%; max-width:556px; max-height:230px;}
.ma1{ margin-top:30px;}
.ma2{ margin-top:83px;}
.ma3{ margin-top:105px;}
.mamor:hover{ background:#fc9b02;}
@media screen and (max-width:999px) {
.matu{ display:block; float:none; width:auto; margin-top:15px;}
.maa{ float:none;}
.mamain1{ padding-bottom:40px;}
}

/***********************************************************************  capabilities1  ********************************************************/
.camain1{ padding-bottom:97px;}
.camain2{ padding-bottom:117px;}
.ca1biao{ display:block; font-size:30px; font-size:3rem; color:#003057; line-height:45px; padding-top:38px;}
.ca1tu{ display:block; margin-top:17px;}
.ca1tu img{ display:block; margin:auto; width:100%; max-width:971px; max-height:397px;}
.ca1n{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:47px;}
@media screen and (max-width:999px) {
.camain1{ padding-bottom:37px;}
.camain2{ padding-bottom:37px;}
}

/***********************************************************************  capabilities3  ********************************************************/
.camain3{ padding-bottom:102px;}
.ca3n{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:16px;}
.ca3tu{ margin-top:37px;}
.ca3tu a{ display:block; width:470px;}
.ca3tu a img{ display:block; margin:auto; width:100%; max-width:470px; max-height:334px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ca3tu a{ width:370px;}
}
@media screen and (max-width:999px) {
.camain3{ padding-bottom:32px;}
.ca3tu a{ width:100%; float:none; margin-bottom:20px;}
}

/***********************************************************************  about  ********************************************************/
.abmain1{ padding-bottom:101px;}
.ab1biao{ display:block; font-size:18px; font-size:1.8rem; color:#003057; line-height:24px; padding-top:44px;}
.ab1tu{ display:block; margin-top:18px;}
.ab1tu img{ display:block; width:100%; max-width:967px; max-height:406px;}
@media screen and (max-width:999px) {
.ab1biao{ font-size:14px; font-size:1.4rem;}
.abmain1{ padding-bottom:30px;}
}

/***********************************************************************  about2  ********************************************************/
.abmain2{ padding-bottom:89px;}
.ab2biao{ display:block; font-size:30px; font-size:3rem; color:#003057; line-height:45px; padding-top:36px;font-family: "微软雅黑";}
.nelie{ position:relative; min-height:129px; margin-top:20px; border-top:1px dashed #d2d2d2; padding-bottom:12px; padding-top:38px;}
.neshijian{ width:82px; height:130px; position:absolute; left:0px; top:38px; background:#d0e3f5 url(../images/nerili.jpg) no-repeat center 94px;}
.neshijiann{ background:#003057; border-bottom:3px solid #fff; padding-top:8px; padding-bottom:15px;}
.neshijiann p{ font-size:23px; font-size:2.3rem; color:#fff; line-height:35px; text-align:center;}
.neshijiann span{ display:block; color:#fff; line-height:20px; text-align:center;}

.netu{ position:absolute; left:98px; width:190px; top:38px;}
.nezi{ margin-left:338px;}
.nebiao{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; font-family: "微软雅黑";white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:10px; height:72px; overflow:hidden;}
.nemor{ display:block; color:#114f86; text-decoration:underline; margin-top:10px;}
.nezi a:hover{color:#003057;}
.nemor:hover{ color:#fc9b02 !important;}

.fenye{ float:right; padding-top:8px;}
.mat2{ padding-top:28px;}
.fenye a{ display:block; float:left; width:33px; height:28px; background:#f8f8f8; border:1px solid #e5e5e5; text-align:center; line-height:28px; margin-right:9px; margin-bottom:10px; font-family:"微软雅黑"}
.fenye a:hover{ border:1px solid #003057; color:#fff; background:#003057}
.sx{ width:59px !important;}
.dangqianfen{ border:1px solid #003057 !important; color:#fff !important; background:#003057 !important;}

.bon{ border-top:none; padding-top:0px !important;}
.bon .neshijian{ top:auto !important;}
.bon .netu{ top:auto !important;}
@media screen and (max-width:999px) {
.nezi{ margin-left:0px; padding-top:146px;}
.netu{ left:90px; width:190px; top:38px;}
}

/***********************************************************************  about3  ********************************************************/
.abmain22{ padding-bottom:89px;}
.ne2{ padding-top:42px;}
.ne2 h1{ display:block; font-size:18px; font-size:1.8rem; color:#003057; line-height:32px;}
.neriqi{ display:block; color:#003057; line-height:22px; background:url(../images/neshijian.jpg) no-repeat left center; padding-left:30px; margin-top:8px;}
.nex{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:8px;}
.nex a{ color:#fc9b02;}
.nex img{ max-width:100%;}
.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:24px; padding:2px;}
.fanpian{ font-size:16px; font-size:1.6rem; line-height:32px; border-top:1px dashed #114f86; margin-top:26px; padding-top:17px;}
.fanpian li{ padding-left:24px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li a:hover{ color:#003057;}
.pr{ background:url(../images/pr.jpg) no-repeat left center;}
.ne{ background:url(../images/ne.jpg) no-repeat left center;}

/***********************************************************************  resources1  ********************************************************/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);Vfont-family:"微软雅黑";}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

.remain1{ padding-bottom:91px;}
.re1a{ display:block; font-size:16px; font-size:1.6rem; line-height:22px; font-family: "微软雅黑"; padding-left:18px; background:url(../images/redian.jpg) no-repeat left center; margin-top:44px;}
.re1a2{ display:block; font-size:16px; font-size:1.6rem; line-height:22px; font-family: "微软雅黑"; padding-left:18px; background:url(../images/redian.jpg) no-repeat left center; margin-top:48px;}

.img-scroll1 {position: relative; margin-top:35px;}
.img-scroll1 .prev1, .img-scroll1 .next1 {position: absolute;display: block; width:18px; height:27px; top:50%; margin-top:-40px;}
.img-scroll1 .prev1 {left: 0;cursor: pointer; background:url(../images/re1left.jpg)}
.img-scroll1 .next1 {right: 0;cursor: pointer; background:url(../images/re1right.jpg)}
.img-scroll1 .prev1:hover { background:url(../images/re1lefth.jpg)}
.img-scroll1 .next1:hover { background:url(../images/re1righth.jpg)}
.img-list1 {position: relative;width:876px; margin-left:42px;overflow: hidden}
.img-list1 ul {width: 9999px;}
.img-list1 li {float: left;display: inline;width:282px;margin-right: 15px;}
.yuanliao{ display:block; position:relative; overflow:hidden;}
.yuanliao>img{ display:block; margin:auto; width:100%; max-width:282px; max-height:209px;}
.yuanliao span{ display:block; width:100%; height:100%; position:absolute; left:0px; top:100%; background:#000101; background:rgba(0,1,1,0.5); transition:0.5s;}
.yuanliao span img{ width:41px; height:41px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.img-list1 li:hover .yuanliao span{ top:0px;}
.yuanzi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; color:#003057; line-height:24px; margin-top:9px;}

.re1n{ padding-top:13px;}
.applie{ width:290px; float:left; margin-left:49px; margin-top:26px;}
.apptu{ display:block; border:1px solid #d9d9d9; position:relative; overflow:hidden;}
.apptu>img{ display:block; margin:auto; width:100%; max-width:288px; max-height:207px;}
.apptu span{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000101; background:rgba(0,1,1,0.5); transition:0.5s;}
.apptu span img{ width:41px; height:41px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.applie:hover .apptu span{ top:0px;}
.appzi{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:20px; color:#003057; margin-top:14px;height: 39px;}
.applie p{ font-size:14px; font-size:1.4rem; line-height:18px; text-align:center;}
.mat1{ margin-top:26px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list1 {width:700px; margin-left:37px;}
.img-list1 li {width:226px;margin-right: 10px;}
.applie{ width:240px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.remain1{ padding-bottom:30px;}
.img-scroll1 { padding-bottom:50px;}
.img-list1 {width:100%; margin-left:0px;}
.img-scroll1 .prev1, .img-scroll1 .next1 { top:auto; margin-top:auto; bottom:0px;}
.img-scroll1 .prev1 {left:50%; margin-left:-25px;}
.img-scroll1 .next1 {right:50%; margin-right:-25px;}
.img-list1 ul {width: 10000%;}
.img-list1 li {width:0.3233%;margin-right: 0.015%;}
.applie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.apptu span,.yuanliao span{ display:none}
.applie p{ font-size:14px; font-size:1.4rem; line-height:18px; text-align:center; height:36px;}

}
@media screen and (max-width:499px) {
.img-list1 li {width:0.49%;margin-right: 0.02%;}
.applie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
}

/***********************************************************************  resources2  ********************************************************/
.remain2{ padding-bottom:89px;}
.re2n{ padding-top:7px;}
.relie{ width:290px; float:left; margin-left:49px; margin-top:39px;}
.re2tu{ display:block; position:relative; overflow:hidden; border:1px solid #d9d9d9; max-width:288px; margin:auto;}
.re2tu>img{ display:block; margin:auto; width:100%; max-width:288px; max-height:207px;}
.re2tu span{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000101; background:rgba(0,1,1,0.5); transition:0.5s;}
.re2tu span img{ display:block; width:41px; height:41px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.relie:hover .re2tu span{ top:0px;}
.re2zi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:12px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.relie{ width:250px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.remain2{ padding-bottom:29px;}
.relie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
}

/***********************************************************************  resources3  ********************************************************/
.remain3{ padding-bottom:91px;}
.re3n{ padding-top:7px;}
.re3lie{ width:267px; float:left; margin-left:83px; margin-top:39px; padding-bottom:6px;}
.re3tu{ display:block; position:relative; overflow:hidden; border:1px solid #d9d9d9; max-width:265px; margin:auto;}
.re3tu>img{ display:block; margin:auto; width:100%; max-width:265px; max-height:369px;}
.re3tu span{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000101; background:rgba(0,1,1,0.5); transition:0.5s;}
.re3tu span img{ display:block; width:41px; height:41px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.re3lie:hover .re3tu span{ top:0px;}
.re3zi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:13px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.re3lie{ width:250px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.remain3{ padding-bottom:30px;}
.re3lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.re3tu span{ display:none}
}


/************************  contact  **************************/
.contact{ padding-top:37px; padding-bottom:100px;}
.like{ font-size: 36px;font-size:3.6rem;margin-bottom: 15px;font-family: "微软雅黑";}
.cop{ font-size:16px; font-size:1.6rem; color:#003057; line-height:24px; margin-top:15px;}
.czuo{width: 385px;margin-top: 17px; float:left;}
.cyou{width: 795px; float:right; margin-top:16px;}

.czuo ul{ padding-top:30px;}
.czuo li{height: 80px;padding-left: 92px;margin-bottom:41px; font-size:14px; font-size:1.4rem; line-height:22px; color:#000;}
.czuo li a:hover{color:#125087;}
.czuo li span{font-size:16px;font-size:1.6rem;text-transform: uppercase;display: block;color: #125087;margin-bottom:5px;}
.cli1{background: url("../images/cicon1.jpg") no-repeat left center;}
.cli2{background: url("../images/cicon2.jpg") no-repeat left center;}
.cli3{background: url("../images/cicon3.jpg") no-repeat left center;}
.czuo li>div{display: table-cell;vertical-align: middle;height: 80px;}

.col{ width:480px; float:left; margin-top:8px;}
.cor{ width:662px; float:right; margin-right:7px; margin-top:7px;}

.col li{ margin-top:12px;}
.col li>a{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:26px;}
.col li p{ padding-left:27px; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:14px;}

.col li p a:hover{ color:#73b046;}

.cora{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:30px; margin-top:13px;}
.cor p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:8px;}

.coxin{*border:1px solid #fff; padding-bottom:20px;}
.coxin .xing{ background:url(../images/xing.jpg) no-repeat left 19px; padding-left:14px;}
.coxin .int1{ padding-left:14px; float:left; margin-top:17px;}
.coxin .int2{ padding-left:14px; float:right; margin-top:17px;}
.coxin .int1 input,.coxin .int2 input{ width:360px; height:42px;line-height:42px; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:50px;background: #f5f5f5;border-radius: 5px;box-shadow: 0px 3px 0px 0px #cccccc;}
.tex{ padding-top:17px; background:url(../images/xing.jpg) no-repeat left 33px; padding-left:14px;}
.coxin textarea{ width:765px; height:183px; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:36px;background: #f5f5f5;border-radius: 5px;box-shadow: 0px 3px 0px 0px #cccccc;}
.coxin .int5{ margin-top:17px;}
.coxin .int3{ width:240px; height:42px; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:50px;float:left;background: #f5f5f5;border-radius: 5px;box-shadow: 0px 3px 0px 0px #cccccc;}
.coyanzheng{ width:163px; height:44px; float:left; margin-left:17px; cursor:pointer;}
.coxin .int4{ width:250px; height:44px; border-radius:5px;background:url("../images/submit.jpg") no-repeat;color:#fff; font-size:14px; font-size:1.4rem; cursor:pointer;margin-left: 18px;}
.coxin .int4:hover{background: #115086;}
.ditu img{ display:block; width:100%; max-width:1201px; max-height:475px; margin-top:62px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .czuo{width: 300px;}
    .cyou{width: 665px;}
    .coxin .int1{width: 280px;}
    .coxin .int2{width: 280px;}
    .coxin .int1 input, .coxin .int2 input{width: 265px;}
    .coxin textarea{width: 635px;}
  .coxin .int3{ width:160px;}
}
@media screen and (max-width:999px) {
    .czuo{width: 100%;}
    .cyou{width: 100%;}

    .coxin textarea{width: 90%;}
    .czuo li{float: left;width: 20%;}
    .coxin .int1{width:auto;float: none;}
    .coxin .int2{width: auto;float: none;}
    .coxin .int1 input, .coxin .int2 input{width: 90%;}
.like{ font-size: 26px;font-size:2.6rem;}
.contact{ padding-top:37px; padding-bottom:30px;}
.ditu img{ margin-top:22px;}
}
@media screen and (max-width:780px) {
    .coxin .int3{width: 90%;}
    .coxin .int3{margin-bottom: 17px;}
    .coyanzheng{margin-bottom: 17px;}
    .czuo li{width: 18%;}
    .coyanzheng{margin-left: 0;margin-right: 20px;}
    .coxin .int4{margin-left: 0;}
}
@media screen and (max-width:639px) {
    .czuo li{width: auto;float: none;}
}

/************************  markets2  **************************/
.mamain2{ padding-bottom:127px;}

.groups{ padding-top:43px;}
.groups .item{cursor: pointer;transition: all 0.3s; float:left; padding-left:18px; font-size:14px; font-size:1.4rem; line-height:24px; background:url(../images/redian.jpg) no-repeat left center;font-family: "微软雅黑"; margin-left:145px;}
.groups .item:hover{color:#fc9b02;}
  
.mar2n{ position:relative; background:url(../images/qiche.jpg) no-repeat center 30px; margin-top:59px; min-height:290px;}
    
.lables{ position:absolute; width:100%; height:100%; left:0px; top:0px;}
.lables .item{cursor: pointer;transition: all 0.3s; font-size:14px; font-size:1.4rem; line-height:24px; color:#333; position:absolute;}
.lables .item:hover{color:#003057;}

.lables .item.itzi1{ left:88px; top:20px;}      
.lables .item.itzi2{ left:75px; top:43px;}      
.lables .item.itzi3{ left:33px; top:99px;}      
.lables .item.itzi4{ left:33px; top:120px;}     
.lables .item.itzi5{ left:71px; top:171px;}     
.lables .item.itzi6{ left:71px; top:207px;}     
.lables .item.itzi7{ left:797px; top:98px;}     
.lables .item.itzi8{ left:798px; top:130px;}      
.lables .item.itzi9{ left:798px; top:158px;}      
.lables .item.itzi10{ left:797px; top:196px;}     
.lables .item.itzi11{ left:797px; top:211px;}     
.lables .item.itzi12{ left:796px; top:257px;}     
.lables .item.itzi13{ left:796px; top:277px;}     
.lables .item.itzi14{ left:797px; top:62px;}      
      
.pictures{position: relative; width:617px; height:260px; margin:auto;}
.pictures .item{position: absolute;z-index: 1;transition: all 0.3s; opacity:0;filter:alpha(opacity=0); cursor:pointer;}
.pictures .item:hover{ opacity:1;filter:alpha(opacity=100);}
.pictures .item.on{ opacity:1;filter:alpha(opacity=100);}
.pictures .item.it1{top:79px;left:222px;}
.pictures .item.it2{ left:213px; top:88px;}
.pictures .item.it3{top:100px;left:107px;}
.pictures .item.it4{ left:102px; top:118px;}
.pictures .item.it5{ left:45px; top:160px;}
.pictures .item.it6{ left:42px; top:177px;}
.pictures .item.it7{ right:67px; top:102px;}
.pictures .item.it8{ right:278px; top:126px;}
.pictures .item.it9{ right:319px; top:151px;}
.pictures .item.it10{ right:120px; top:186px;}
.pictures .item.it11{ right:123px; top:201px;}
.pictures .item.it12{ right:263px; top:186px;}
.pictures .item.it13{ right:303px; top:223px;}
.pictures .item.it14{ right:387px; top:120px;}

.ma2tu{ display:none}
@media screen and (min-width:1000px) and (max-width:1219px) {
.groups .item{ margin-left:80px;}
.lables .item{font-size:12px; font-size:1.2rem; line-height:24px; color:#333; position:absolute;}
.lables .item.itzi1{ left:0px; top:8px;}      
.lables .item.itzi2{ left:0px; top:30px;}     
.lables .item.itzi3{ left:0px; top:87px;}     
.lables .item.itzi4{ left:0px; top:110px;}      
.lables .item.itzi5{ left:0px; top:160px;}      
.lables .item.itzi6{ left:0px; top:196px;}      
.lables .item.itzi7{ left:640px; top:88px;}     
.lables .item.itzi8{ left:650px; top:124px;}      
.lables .item.itzi9{ left:650px; top:145px;}      
.lables .item.itzi10{ left:650px; top:170px; line-height:18px;}     
.lables .item.itzi11{ left:650px; top:205px;}     
.lables .item.itzi12{ left:650px; top:230px; line-height:18px;}     
.lables .item.itzi13{ left:650px; top:268px;}     
.lables .item.itzi14{ left:600px; top:50px;}      
}
@media screen and (max-width:999px) {
.mamain2{ padding-bottom:37px;}
.groups .item{ display:block; float:none; margin-left:0px;}
.mar2n{ display:none;}
.ma2tu{ display:block; text-align:center; margin-top:20px;}
.ma2tu img{ display:block; margin:auto; width:100%; max-width:1537px; max-height:442px;}
}


.lables .item:hover{color:#00437a; }

.yuyan{
  position: absolute;
    right: 0;    
    top: 35px
}
.yuyan li{
  float:right;
  margin-right: 10px;
}

.fenyen a.no,.fenyen a.no:hover{color:#f8f8f8 !important;}

.cobiaoge{ border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; background:url(../images/huibei.jpg) repeat-y left; margin-top:2px; position:relative; padding:8px 0; line-height:24px;}
.cobiaoge a{ display:block; padding-left:20px; font-size:14px; font-size:1.4rem; background:url(../images/gang.jpg) no-repeat 7px center; position:absolute; left:0px; top:8px;}
.cobiaoge p{ padding-left:229px; font-size:14px; font-size:1.4rem; padding-right:10px;}
@media screen and (max-width:999px) {
.cobiaoge{ background-position:-60px center;}
.cobiaoge p{ padding-left:160px;}
}
@media screen and (max-width:999px) {
.cobiaoge{ background-position:-85px center;}
.cobiaoge p{ padding-left:130px;}
.cobiaoge a,.cobiaoge p{ font-size:12px; font-size:1.2rem;}
}
/*new page*/
.c-nomr {
  margin-right: 0 !important;
}

.c-clearfix:before {
  content: "";
  display: block;
  clear: both;
}

[class*=-item] .item-pic {
  position: relative;
  display: block;
  line-height: 0;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
[class*=-item] .item-pic img {
  transition: all 550ms;
}
[class*=-item] .item-pic:hover img {
  transform: scale(1.1);
}
[class*=-item] .item-title {
  overflow: hidden;
}
[class*=-item] .item-title a:hover {
  color: #003058;
}
[class*=-item] .item-desc {
  overflow: hidden;
}
[class*=-item] .item-desc a {
  display: block;
}
[class*=-item] .item-desc a:hover {
  color: #003058;
}

.g-wp {
  padding-bottom: 114px;
}
@media screen and (max-width: 991px) {
  .g-wp {
    padding-bottom: 0;
  }
}

.f-box {
  margin-left: auto;
  margin-right: auto;
  max-width: 1130px;
}

.m-tzznav {
  margin-top: 30px;
  margin-bottom: 50px;
}
.m-tzznav .box-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.m-tzznav .nav-item {
  margin-right: 40px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 17px;
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
}
.m-tzznav .nav-item:hover, .m-tzznav .nav-item.active {
  color: #003058;
}
.m-tzznav .nav-item:hover:before, .m-tzznav .nav-item.active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #003058;
}
.m-tzznav .nav-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .m-tzznav {
    margin-bottom: 20px;
  }
  .m-tzznav .nav-item {
    margin-right: 15px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.m-commentlist .list-item {
  margin-top: 25px;
  border-radius: 6px;
  border: solid 2px #e5e5e5;
  overflow: hidden;
}
.m-commentlist .list-item:first-child {
  margin-top: 0;
}
.m-commentlist .item-top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  line-height: 30px;
  background-color: #003058;
}
.m-commentlist .item-title {
  flex: 1 1 auto;
  overflow: hidden;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  max-height: 60px;
  overflow: hidden;
}
.m-commentlist .item-time {
  flex: 0 0 auto;
  margin-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  color: #fff;
}
.m-commentlist .item-bd {
  padding: 33px 28px;
}
.m-commentlist .item-desc {
  line-height: 28px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #444;
}
.m-commentlist .item-desc * {
  color: #444;
}
@media screen and (max-width: 991px) {
  .m-commentlist .item-top {
    padding: 10px 15px;
    line-height: 24px;
  }
  .m-commentlist .item-title {
    font-size: 14px;
    font-size: 1.4rem;
    max-height: 48px;
  }
  .m-commentlist .item-time {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-commentlist .item-bd {
    padding: 20px 15px;
  }
  .m-commentlist .item-desc {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  .m-commentlist .item-top {
    display: block;
  }
  .m-commentlist .item-time {
    margin-left: 0;
    margin-top: 8px;
  }
}

.m-page {
  margin-top: 85px;
  letter-spacing: 0;
  font-size: 0;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}
.m-page a, .m-page span {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 38px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  text-align: center;
  padding: 0 5px;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  transition: all 550ms;
}
.m-page a.big, .m-page span.big {
  min-width: 60px;
}
.m-page a:hover {
  color: white;
  border-color: #003058;
  background-color: #003058;
}
.m-page a.active {
  color: white;
  border-color: #003058;
  background-color: #003058;
}

.m-page2 {
  position: relative;
}

@media screen and (max-width: 991px) {
  .m-page {
    margin-top: 45px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .m-page a {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
}
.m-commentform {
  margin-top: 60px;
}
.m-commentform .box-title {
  display: inline-block;
  margin-bottom: 10px;
  min-width: 184px;
  line-height: 28px;
  padding: 15px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #003058;
  box-sizing: border-box;
}
.m-commentform .box-wp {
  padding: 64px;
  background: url("../images/commentbg1.jpg") no-repeat center;
  background-size: cover;
}
.m-commentform .box-form {
  margin: 0 auto;
  max-width: 690px;
}
.m-commentform .form-item {
  margin-top: 25px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.m-commentform .form-item:first-child {
  margin-top: 0;
}
.m-commentform .form-label {
  flex: 0 0 auto;
  min-width: 100px;
  line-height: 40px;
  position: relative;
  padding-left: 14px;
  font-size: 16px;
  font-size: 1.6rem;
  box-sizing: border-box;
}
.m-commentform .star {
  background: url("../images/star1.png") no-repeat left center;
}
.m-commentform .form-control {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.m-commentform .form-text {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  box-sizing: border-box;
  background-color: #fff;
}
.m-commentform .form-text1 {
  max-width: 437px;
}
.m-commentform .form-text2 {
  height: 168px;
}
.m-commentform .form-codetext {
  margin-right: 2.5337837838%;
  width: 41.5540540541%;
}
.m-commentform .form-codeimg {
  margin-right: 1.5202702703%;
  width: 19.5945945946%;
  line-height: 40px;
  text-align: center;
}
.m-commentform .form-codeimg img {
  max-width: 100%;
  max-height: 40px;
  vertical-align: middle;
}
.m-commentform .form-btn {
  width: 34.7972972973%;
}
.m-commentform .btn {
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 40px;
  background-color: #003058;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .m-commentform .box-wp {
    padding: 30px 20px;
  }
  .m-commentform .form-label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  .m-commentform .form-btn {
    width: 100%;
    margin-top: 20px;
  }
  .m-commentform .form-codetext {
    margin-right: 20px;
    width: calc(100% - 120px);
  }
  .m-commentform .form-codeimg {
    margin-right: 0;
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .m-commentform .form-item {
    display: block;
  }
  .m-commentform .form-label {
    width: 100%;
  }
}

.m-xgfg .fix {
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
}
.m-xgfg .fix1 {
  width: 75.1666666667%;
}
.m-xgfg .fix2 {
  width: 24.75%;
}
.m-xgfg .box-top {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.m-xgfg .box-top .fix {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 34px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f1f1f1;
}
.m-xgfg .list-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.m-xgfg .list-item .fix {
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
}
.m-xgfg .list-item .fix a {
  color: #666;
}
.m-xgfg .list-item .fix a:hover {
  color: #003058;
}
.m-xgfg .list-item .fix p {
  color: #666;
}
.m-xgfg .list-item .fix1 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.m-xgfg .list-item:nth-child(2n) .fix {
  background-color: #f6f9fb;
}
.m-xgfg .item-title {
  position: relative;
  padding-right: 40px;
  min-height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  max-height: 56px;
  overflow: hidden;
  box-sizing: border-box;
}
.m-xgfg .item-title .pdf {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  line-height: 0;
  font-size: 0;
}
@media screen and (max-width: 991px) {
  .m-xgfg .fix {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.m-jbxx {
  /*text-align: center;*/
}
.m-jbxx .box-desc {
  display: inline-block;
  text-align: left;
  line-height: 40px;
  font-size: 18px;
  font-size: 1.8rem;
}
.m-jbxx table tr td {
    padding: 0 10px;
    padding-right: 40px;
}
@media screen and (max-width: 991px) {
  .m-jbxx .box-desc {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}