@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:'MontserratRegular';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:'MontserratBold';font-size: 12px;font-size: 1.2rem;color:#a6a6a6;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:#a6a6a6;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#a6a6a6;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#a6a6a6;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#a6a6a6;}
 
@media screen and (min-width:1220px) {.zong {width: 1400px;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;}}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/MontserratRegular.eot');
    src: url('../fonts/MontserratRegular.eot') format('embedded-opentype'),
         url('../fonts/MontserratRegular.woff2') format('woff2'),
         url('../fonts/MontserratRegular.woff') format('woff'),
         url('../fonts/MontserratRegular.ttf') format('truetype'),
         url('../fonts/MontserratRegular.svg#MontserratRegular') format('svg');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/MontserratBold.eot');
    src: url('../fonts/MontserratBold.eot') format('embedded-opentype'),
         url('../fonts/MontserratBold.woff2') format('woff2'),
         url('../fonts/MontserratBold.woff') format('woff'),
         url('../fonts/MontserratBold.ttf') format('truetype'),
         url('../fonts/MontserratBold.svg#MontserratBold') format('svg');
}


/*  head  */
.head{}
.het{ background:#3db7ef; overflow:hidden}
.hexin{ float:left;}
.hexin li{ font-size:14px; font-size:1.4rem; color:#172646; line-height:40px; float:left; padding-left:23px; margin-right:28px;}
.hedianhua{ background:url(../img/hedianhua.jpg) no-repeat left center;}
.hexinfeng{ background:url(../img/hexinfeng.jpg) no-repeat left center;}
.hexinfeng a{ color:#172646;}
.hexinfeng a:hover{ color:#fff;}

.shejiao{ float:right; margin-top:8px;}
.shejiao a{ display:block; float:left; margin-left:15px; transition:0.5s;}
.shejiao a img{ display:block; *float:left; margin:auto; width:100%; max-width:24px; max-height:24px; transition:0.5s;}
.shejiao a:hover{ border-radius:50%; transform:rotate(360deg)}
.shejiao a:hover img{ border-radius:50%;}

.sousuo{ width:341px; height:31px; border-bottom:1px solid #fff; float:right; margin-top:12px;}
.sou{ width:305px; float:left; height:29px; font-size:14px; font-size:1.4rem; color:#fff; line-height:29px; background:none;}
.suo{ width:30px; height:29px; background:url(../img/sousuo.jpg) no-repeat left center; cursor:pointer; float:right;}

.head>.zong{ position:relative; padding-top:14px; z-index:99}
.logo{ display:block; float:left;}
.logo img{ display:block; margin:auto; width:100%; max-width:500px; max-height:85px;}
.slogen{ display:block; float:left; margin-left:14px; margin-top:19px; width:295px;}
.slogen img{ display:block; margin:auto; width:100%; max-width:295px; max-height:44px;}

.daohang{ float:right; margin-right:52px; padding-top:21px;}
.daohang>li{float:left; transition:0.5s; margin:0 22px 0 23px; padding-bottom:24px;}
.daohang>li>a{ display:block; font-size:16px;font-size:1.6rem; text-transform:uppercase; line-height:38px; background:url(../img/daohang.jpg) no-repeat center bottom; background-size:0px 2px}
.daohang>li:hover>a{ color:#3db7ef; background-size:100% 2px}
.dangqiandao{ color:#3db7ef !important; background-size:100% 2px !important;}

.xiala{ background:#3db7ef; background:rgba(61,183,239,0.95); position:absolute; width:100%; left:0px; top:-9999px; padding:21px 0;}
.xialan{ background:url(../img/xialaxian.png) repeat-y center;}
.xialie{ width:330px; float:left; padding-left:16px; margin-left:60px; background:url(../img/xiala.jpg) no-repeat left 6px;}
.mal1{ margin-left:31px !important;}
.xialie>a{ display:block; font-size:18px; font-size:1.8rem; color:#fff; line-height:24px; font-family: 'MontserratBold'; background:url(../img/xiaa.jpg) no-repeat left bottom; padding-bottom:3px;}
.erji{ margin-top:11px;}
.erji a{ display:block; font-size:14px; font-size:1.4rem; line-height:28px; color:#ffffff;}
.xialie a:hover{ color:#31328c;}
.daohang>li:hover .xiala{ top:97px;}

/*  sousuo  */
.search{width:30px;z-index:9999999; position:absolute;background:none; top:38px; right:0px;}
.sb-icon-search {color: #fff;z-index: 99;width:30px;height:30px;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:99999999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 30px;height: 30px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 30px;line-height:30px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#fff; border-radius:15px; background:none;}
.sb-icon-search,.sb-search-submit{width:30px;height: 30px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:#fff url(../img/sousuo.jpg) no-repeat center; border-radius:15px;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:30px;line-height:30px;position:relative;right:0px;top:0px; z-index: 999999; background:#3db7ef; border-radius:15px; color:#fff;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../img/sousuo.jpg) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}


/*lun bo*/
.index_focus {position: relative;width: 100%;height:760px;margin: 0 auto;overflow: hidden;z-index: 9; border-top:3px solid #3db7ef;}
.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:29px; left:50%; margin-left:-82px; z-index:9999}
.index_focus .slide_nav a {width:20px;height:20px;cursor: pointer;float: left;margin-right:10px; margin-left:11px; background:url(../img/baidian.png); border-radius:3px;}
.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(../img/landian.png);}

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

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

.daohang>li{ margin:0 10px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem;}
.xialan{ background:none}
.xialie{ width:280px; padding-left:16px; margin-left:20px !important;}
}
@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;}
.het{ padding-top:5px; padding-bottom:5px;}
.xiala{ display:none;}

.logo{ float:none;}
.daohang{ padding-top:10px;float:none; text-align:center; margin-right:auto;}
.daohang>li{ float:none; display:inline-block; *float:left; margin:0 10px;}
.daohang>li>a{ font-weight:normal; text-transform:none}

.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:#3db7ef;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (max-width:799px) {
.hexin li{ line-height:20px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem;}
}
@media screen and (min-width:640px) {.container,.nav,.daohang2{ display:none}}
@media screen and (max-width:639px) {
.header1{display:none;}
.m2tu img{width:100%;}
.hexin{ float:none;}
.hexin li{ font-size:12px; font-size:1.2rem; float:none;}
.shejiao{ float:none; margin-top:auto; margin-top:10px;}	
.shejiao a{ margin-left:auto; margin-right:5px; width:20px;}
.logo{ width:200px;}
.search{ top:23px;}

.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:16px;right:5px;transition:all 0.4s ease 0s; z-index:99999999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #fff;}
.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;}

.daohangz{ background:none;}
.daohang{ display:none}
.daohang2{ display:block; text-align:center; margin-top:3px;}
.daohang2 a{ text-align:center; float:left; font-size:14px; font-size:1.4rem; width:25%; color:#333; line-height:50px;}
}
@media screen and (max-width:379px) {
.hexin li{ float:none; margin-right:auto;}
}

/*  main1  */
.main1{ padding-top:81px; padding-bottom:34px; }
.m1biao{ display:block;}
.m1biao img{ display:block; margin:auto; width:90%; max-width:489px; max-height:51px;}

.m1lie{ width:250px; float:left; margin-left:122px; margin-top:59px;}
.mal2{ margin-left:82px !important;}
.m1tu{ background:#3db7ef;}
.m1tun{ position:relative; border:5px solid #31328c; left:-10px; top:-10px; overflow:hidden;}
.m1tu2{ display:block;}
.m1tu2 img{ display:block; margin:auto; width:100%; max-width:323px; max-height:323px; transition:0.5s;}
.m1fu{ display:block; background:#31328c; background:rgba(49,50,140,0.7); position:absolute; width:100%; height:100%; left:0px; top:100%;}
.m1fu img{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-36px;}
.m1fu span{ display:block;width:100%; position:absolute; left:0px; top:50%; text-align:center; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; margin-top:22px;}
.m1lie:hover .m1fu{ top:0px;}
.m1zi{ display:block; font-size:18px; font-size:1.8rem; line-height:35px; text-align:center; margin-top:13px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m1zi:hover{ color:#3db7ef;}
.m1lie:hover .m1tu2 img{ transform:scale(1.1,1.1)}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{margin-left:85px;}
.mal2{ margin-left:0px !important;}
}
@media screen and (max-width:999px) {
.main1{ padding-top:30px;}
.m1lie{ width:32.333%;margin-left:0.5% !important; margin-right:0.5%; margin-top:30px;}
.m1tu{ background:none;}
.m1tun{ border:1px solid #31328c; left:0px; top:0px; max-width:323px; margin:auto;}
.m1fu{ display:none}
.m1zi{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:499px) {
.m1lie{ width:99%;}
}

/*  main2  */
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBold.woff2') format('woff2'),
         url('../fonts/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}

.main2{ background:url(../img/m2bei.jpg) no-repeat center; background-attachment:fixed; padding-bottom:62px;}
.m2a{ display:block; font-size:30px; font-size:3rem; color:#172646; text-align:center; background:url(../img/m2biao.jpg) no-repeat center bottom; line-height:60px;font-family: 'OpenSansBold'; padding-bottom:4px; padding-top:16px;}
.m21{ padding-bottom:27px;}
.m2lie{ width:250px; float:left; margin-left:90px; background:url(../img/m2yinying.png) no-repeat bottom center; padding-bottom:18px; margin-top:51px;}
.m2tu{ display:block; position:relative; width:246px;height:236px; margin:auto; border:2px solid #60bff3; overflow:hidden;text-align:center;display: table-cell; 
vertical-align:middle; *display: block; 
*font-size: 90px;
*font-family:Arial;}
.m2tu img{  max-width:246px; max-height:236px; transition:0.5s;vertical-align:middle;}
.m2zi{ background:#fff; display:block; padding:8px 0 7px 0;}
.m2zi span{ display:block; padding:0 5px; font-size:14px; font-size:1.4rem; line-height:24px; color:#172646; height:48px; overflow:hidden; text-align:center; transition:0.5s;}
.m2tu span{ display:block; width:170px; height:40px; background:#31328c; text-align:center; line-height:40px; position:absolute; left:50%; margin-left:-85px; top:100%; margin-top:0px; font-size:16px; font-size:1.6rem; color:#fff; transition:0.5s;}
.m2lie:hover .m2tu span{ top:50%; margin-top:-20px;}
.m2zi span:hover{ color:#60bff3;}
.m2lie:hover .m2tu img{ transform:scale(1.1,1.1)}

.img-scroll {position: relative; z-index:9; padding-bottom:27px;}
.m2nav{ width:78px; height:30px; position:absolute; right:0px; top:0px; z-index:99}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width: 30px;height: 30px;}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../img/m2left.png)}
.img-scroll .next {right: 0;cursor: pointer; background:url(../img/m2right.png)}
.img-scroll .prev:hover { background:url(../img/m2lefth.png)}
.img-scroll .next:hover { background:url(../img/m2righth.png)}
.img-list {position: relative;width: 100%; overflow: hidden; z-index:90}
.img-list ul {width: 9999px;}
.img-list li {float: left;display: inline;width:250px;margin-right:66px; margin-left:auto;}
.img-list li:hover .m2tu span{ top:50%; margin-top:-20px;}

.m22{ text-align:center;}
.m22 .m2lie{ float:none; display:inline-block; *float:left; margin:0 33px; margin-top:51px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m2lie{ width:233px; margin-left:15px;}
.img-list li {width:233px;margin-right:15px;}
}
@media screen and (max-width:999px) {
.m2lie{ width:24%; margin-left:0.5% !important; margin-right:0.5%;}
.img-list ul {width: 10000%;}
.img-list li {width:0.24%;margin-right:0.013%; margin-left:auto !important;}
.m22 .m2lie{ margin:0 0.5%; margin-top:51px;}
.m2lie{ background:none; padding-bottom:0px;}
}
@media screen and (max-width:739px) {
.m2lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.img-list li {width:0.32333%;margin-right:0.013%; margin-left:auto !important;}
.m22 .m2lie{ margin:0 0.5%; float:left; margin-top:51px;}
.m2a{ font-size:20px; font-size:2rem; line-height:35px;}
}
@media screen and (max-width:529px) {
.img-list li {width:0.49%;}
}

/*  main3  */
.main3{ background:#3db7ef; padding-top:40px; padding-bottom:43px;}
.m3biao{ display:block; text-align:center;}
.m3biao img{ display:block; margin:auto; width:90%; max-width:310px; max-height:52px;}

.m3tu{ display:block; width:518px; float:left; margin-left:16px; background:#9edbf7; margin-top:65px;}
.m3tu a{ display:block; position:relative; top:-14px; left:-16px;}
.m3tu a img{ display:block; margin:auto; width:100%; max-width:518px; max-height:445px;}
.m3zi{ width:628px; float:right; margin-top:51px;}
.m3zin{ padding-left:28px; padding-right:22px; padding-top:11px; padding-bottom:13px; transition:0.5s;}
.m3a{ display:block; font-size:18px; font-size:1.8rem; line-height:32px;font-family: 'MontserratBold';white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3zin span{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#5e5e5e; padding-left:26px; background:url(../img/m3shizhong.png) no-repeat left center; transition:0.5s;}
.m3zin p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:12px; height:72px; overflow:hidden;}
.m3mor{ display:block; float:right; width:168px; height:38px; border:1px solid #ffffff; border-radius:5px; text-align:center; line-height:38px; font-size:16px; font-size:1.6rem; color:#fff; margin-top:23px;}
.m3zin:hover{ background:#fff;box-shadow:0 6px 10px #1481b4; }
.m3zin:hover span{ background:url(../img/m3shizhongh.png) no-repeat left center; color:#999999;}
.m3zin:hover p a{ color:#666666;}
.m3zin:hover .m3mor{ background:#3db7ef; border:1px solid #3db7ef;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m3zi{ width:430px; float:right; margin-top:51px;}
.m3zin{ padding-left:18px; padding-right:12px; padding-top:11px; padding-bottom:13px;}
}
@media screen and (max-width:999px) {
.m3tu{ width:auto; background:none; float:none; margin-top:35px; margin-left:auto;}
.m3tu a{ top:auto; left:auto;}
.m3zi{ width:100%; float:right; margin-top:35px;}
.m3zin{ padding-left:5px; padding-right:5px; padding-top:11px; padding-bottom:13px;}
}

/*  main4  */
.main4{ background:url(../img/m4bei.jpg) no-repeat center 79px; padding-top:79px; padding-bottom:80px;}
.m4biao{ display:block;}
.m4biao img{ display:block; margin:auto; width:90%; max-width:300px; max-height:52px;}
.main4 p a{ display:block; margin:0 70px; font-size:14px; font-size:1.4rem; line-height:24px; text-align:center; margin-top:43px;}
.m4mor{ display:block; width:168px; height:38px; border:1px solid #3db7ef; margin:auto; border-radius:5px; text-align:center; line-height:38px; font-size:16px; font-size:1.6rem; color:#3db7ef; margin-top:33px;}
.main4 p a:hover{color:#3db7ef;}
.m4mor:hover{ background:#3db7ef; color:#fff;}
@media screen and (max-width:999px) {
.main4{ padding-top:30px;}
.main4 p a{ margin:auto; margin-top:23px;}
}

/*  foot  */
.foot{ background:#0075c5; padding-top:57px; padding-bottom:15px; overflow:hidden;}
.foot2{ padding-bottom:45px;}
.fobiao{ display:block; float:left;}
.fobiao img{ display:block; width:140px; height:77px;}
.ful{}
.ful1{ float:left; }
.ful2{ float:right;}
.ful>a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:24px; font-family: 'MontserratBold'; padding-left:25px; background:url(../img/fdizhi.jpg) no-repeat left 2px;}
.ful li{ font-size:14px; font-size:1.4rem; color:#fff; line-height:24px; margin-top:9px; padding-left:25px;}
.ful li a{ color:#fff;}
.fdianhua{ background:url(../img/fdianhua.jpg) no-repeat left 3px;}
.fchuanzhen{ background:url(../img/fchuanzhen.jpg) no-repeat left 3px;}
.fxinfeng{ background:url(../img/fxinfeng.jpg) no-repeat left 6px;}
.fdingwei{ background:url(../img/fdingwei.jpg) no-repeat left 1px;}
.ful li a:hover{ color:#3db7ef;}

.p1{ font-size:14px; font-size:1.4rem; color:#fff; line-height:24px; margin-top:42px; float:left;}
.p1 a{ color:#fff;}

.shejiao2{ float:right; margin-top:42px;}
.shejiao2 a{ float:left; width:24px; margin-left:15px;}
.shejiao2 a img{ display:block; width:24px; height:24px;}
.shejiao2 a:hover{ border-radius:50%; transform:rotate(360deg)}
.shejiao2 a:hover img{ border-radius:50%;}

.youlian{ margin-top:6px;}
.youlian p{ font-size:16px; font-size:1.6rem; color:#fff; line-height:24px; float:left;}
.youlian a{ float:left; font-size:14px; font-size:1.4rem; color:#fff; line-height:24px; margin:0 10px;}
.youlian a:hover,.p1 a:hover{ color:#3db7ef;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.ful{ width:370px;}
.ful1{ margin-left:38px;}
}
@media screen and (max-width:999px) {
.fobiao{ float:none;}
.ful{ width:100%; margin-top:20px;}
.ful1{ margin-left:0px;}
.shejiao2{ margin-top:12px;}
}
@media screen and (max-width:639px) {
.foot{ padding-bottom:45px;padding-top:27px;}
.youlian{ display:none}
.f2{margin-top:20px;}
}

/************************************************************************  product  *****************************************************************/
.banner{ border-top:3px solid #3db7ef;}
.banner a{ display:block; overflow:hidden;}
.banner a img{ display:block; margin:auto; width:100%; max-width:1920px; max-height:382px;}

/*  mian bao  */
.mianbao{ padding-left:21px; background:url(../img/fangzi.jpg) no-repeat left 4px; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:35px;}
.mianbao a:hover{ color:#3db7ef;}
.co3d{ color:#3db7ef !important;}

/*  main  */
.prmain{ padding-bottom:70px;}
.prl{ width:285px; float:left;}
.prr{ width:950px; float:right; padding-top:36px;}

.prltbiao{ display:block; border-bottom:5px solid #60bff3; line-height:27px; padding:5px 0; padding-left:54px; background:url(../img/prltbiao.jpg) no-repeat left bottom; font-size:24px; font-size:2.4rem; color:#172646; font-family: 'OpenSansBold'; margin-top:27px;}

.subNavBox{ margin-top:10px;}
.subNav{cursor:pointer; background:#dff1ff url(../img/prltjian.jpg) no-repeat left 14px;}
.subNav a{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; padding-top:8px; padding-bottom:10px; background:url(../img/sxian.jpg) repeat-x bottom; padding-left:34px;}
.subNav:hover{color:#277fc2;}
.currentDd{ background:#dff1ff url(../img/prltjianh.jpg) no-repeat left 14px;}
.navContent{display: none; background:#f2f2f2; padding-top:1px; padding-bottom:20px;}
.navContent>li a{display:block; padding-left:34px; font-size:14px; font-size:1.4rem; line-height:16px; background:url(../img/huidian.jpg) no-repeat 18px 7px; margin-top:11px; padding-right:10px;}
.navContent>li a:hover{color:#60bff3; background:url(../img/landian.jpg) no-repeat 18px 7px;}

.xiazai{ display:block; text-align:center; margin-top:39px;}
.xiazai img{ display:block; margin:auto; width:100%; max-width:256px; max-height:72px;}

.chanlie{ width:187px; float:left; margin-left:34px; background:url(../img/pryinying.jpg) no-repeat center bottom; padding-bottom:10px; margin-top:43px;}
.chanlien{ background:#fff; padding-bottom:7px; box-shadow:0 0 4px #e3e3e3;}
.chantu{ position:relative; overflow:hidden;}
.chantu a{ display:block; border:2px solid #3db7ef; overflow:hidden;}
.chantu a img{ display:block; margin:auto; width:100%;  height:185px; transition:0.5s;}
.chantu input{ position:absolute; bottom:9px; left:8px; cursor:pointer;}
.chanzi{ padding:0 8px; padding-top:4px;}
.chanzi p a{ display:block; line-height:18px; text-align:center; height:36px; overflow:hidden;}
.chanzi>a{ display:block; line-height:30px; border-radius:5px; text-align:center; background:#3db7ef; font-size:14px; font-size:1.4rem; color:#fff; margin-top:13px;}
.chanlie:hover .chanzi>a{ background:#31328c;}
.chanlie:hover .chanzi p a{ color:#31328c;}
.chanlie:hover .chantu a img{ transform:scale(1.1,1.1)}

.fenye{ padding-top:52px; position:relative;}
.fenyen{ text-align:center; padding:0 200px;}
.fenyen a{ *float:left; width:33px; height:28px; text-align:center; line-height:28px; border:1px solid #e5e5e5;margin-right:5px; margin-left:5px; margin-bottom:10px;}
.fenyen a:hover{ border:1px solid #31328c; color:#fff; background:#31328c}
.no:hover{border:1px solid #e5e5e5 !important;color:#60bff3 !important; background:#fff !important; }
.sx{ width:59px !important;}
.dangqianfen{color:#fff; border:1px solid #31328c !important; background:#31328c}
.fuxuan{ background:url(../img/fuxuan.jpg) no-repeat left center; padding-left:30px; position:absolute; right:0px; top:50px; font-size:16px; font-size:1.6rem; color:#4b4b4b; line-height:32px;}
.fuxuan input{ width:152px; height:32px; background:#31328c; border:none; cursor:pointer; color:#fff; font-size:14px; font-size:1.4rem; margin-left:10px;}
.fuxuan input:hover{ background:#60bff3;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.prr{ width:670px;}
.chanlie{ width:160px; margin-left:10px;}
.fenyen{ text-align:center; padding:0px;}
.fuxuan{ position:relative; right:auto; top:auto;}
}
@media screen and (max-width:999px) {
.prl{ width:35%; float:left;}
.prr{ width:63%; float:right;}
.chanlie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-top:23px; background:none; padding-bottom:0px;}
.prltbiao{font-size:16px; font-size:1.6rem;}
.subNav a{ font-size:16px; font-size:1.6rem;}
.navContent>li a{ font-size:12px; font-size:1.2rem;}
.fenyen{ text-align:center; padding:0px;}
.fuxuan{ position:relative; right:auto; top:auto;}
}
@media screen and (max-width:639px) {
.banner a img{ width:160%; margin-left:-30%;}
.prl{ width:100%; float:none;}
.prr{ width:100%; float:none;}
.chanzi{ padding:0 3px; padding-top:4px;}
}

/*************************************************************************  product2  *****************************************************************/
.prmain2{ padding-bottom:70px;}

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:340px;position:relative; float:left; margin-top:43px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; border:2px solid #3db7ef;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:87px;position:relative; margin-top:8px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:30px;height:87px;background:url(../img/left.jpg) no-repeat left center;position:absolute;top:0px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:30px;height:87px;background:url(../img/right.jpg) no-repeat right center;position:absolute;top:0px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../img/lefth.jpg) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../img/righth.jpg) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;left:30px;width:1px;height:87px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:97px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; width:87px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:85px;height:85px; border:1px solid #3db7ef;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:480px; float:right; margin-top:36px;}
.jianjie h1{ font-size:18px; font-size:1.8rem; line-height:30px; font-family: 'MontserratBold';}
.jiann{ margin-top:15px; color:#666666; font-size:14px; font-size:1.4rem; line-height:24px; padding-top:2px;}
.jiann p{ color:#666666;}

.jiann table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.jiann table tr td{ padding:3px; border:1px solid #ccc;}
.jiann p a{ color:#3db7ef !important}
.jiann p img{ max-width:100%;}
.chanxiang table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.chanxiang table tr td{ padding:3px; border:1px solid #ccc;}
.chanxiang p a{ color:#3db7ef !important}
.chanxiang p img{ max-width:100%;}




.nex table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.nex table tr td{ padding:3px; border:1px solid #ccc;}
.nex p a{ color:#3db7ef !important}
.nex p img{ max-width:100%;}

.share2{ margin-top:51px;}
.share2 span{ display:block; float:left; font-size:13px; font-size:1.3rem; color:#666666; line-height:26px; font-family:Verdana, Geneva, sans-serif;}
.share2 a{ display:block; float:left; margin-left:6px;}

.inno{ margin-top:25px;}
.inno a{ display:block; width:170px; height:40px; background:#3db7ef; border-radius:5px; text-align:center; line-height:40px; font-size:16px; font-size:1.6rem; float:left; margin-right:34px; color:#fff;}
.inno a:hover{ background:#31328c;}
.noh:hover{background:#3db7ef !important;}

.chanxbiao{ margin-top:59px;}
.chanxiang {line-height:24px; font-size:14px; font-size:1.4rem; color:#666666; padding-top:16px; padding-bottom:43px;}
.chanxiang a{ color:#3db7ef;}
.chanxiang img{ max-width:100%;}
.chanxiang p,.chanxiang span,.chanxiang li{ color:#666666;}
.chanxiang table{ width:100%; border-collapse:collapse; line-height:24px;}
.chanxiang tr td{ line-height:24px; padding:2px;}
.chanxiang tr td a{ color:#333;}

.chanxiang strong{ font-size:18px; font-size:1.8rem; color:#333; padding-bottom:20px;}

@media screen and (max-width:1000px){
	.chanxiang .table{ width:100%; overflow:scroll;}
	.chanxiang table{ width:830px;}
}

.mat{ margin-top:12px;}
.ren{}
.ren .chanlie{ margin-top:34px;}
.inno2{ display:block; width:157px; height:30px; border-radius:5px; background:#3db7ef; font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; text-align:center; position:absolute; left:50%; margin-left:-78px; top:100%; margin-top:0px;}
.chanlie:hover .inno2{ top:50%; margin-top:-15px;}
.ren .chanzi p a{ color:#172646;}

@media screen and (min-width:1000px) and (max-width:1219px){
#tsShopContainer{}
.jianjie{ width:320px;}
.jiann{ height:auto;}
.inno{ margin-top:20px;}
.inno a{ width:140px; font-size:14px; font-size:1.4rem; margin-right:10px;}
.inno2{ width:120px; margin-left:-60px;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
#tsShopContainer{ display:none}
.chanx{ width:100%; margin-top:0px;}
.chanx a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:8px;}
.chanx a img{ width:100%; max-width:323px; max-height:323px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px;}
.jiann{ height:auto;}
.inno{ margin-top:20px;}
.inno a{ width:140px; font-size:14px; font-size:1.4rem; margin-right:10px;}
.inno2{ position:relative; top:auto; left:auto; margin:auto; margin-top:10px; width:120px;}
.chanlie:hover .inno2{ top:auto; margin-top:10px;}
}
@media screen and (max-width:409px){
.inno a{ width:130px;}
#tab li a{ font-size:12px; font-size:1.2rem;}
.biaoge td{ font-size:12px; font-size:1.2rem;}
}

/******************************************************************  news  *****************************************************/
.nemain{ padding-bottom:70px;}
.nelie{ border-bottom:1px solid #dbdbdb; position:relative; min-height:236px; padding-bottom:14px; margin-bottom:1px;}
.netu{ display:block; width:325px; position:absolute; right:0px; top:27px;}
.netu img{ display:block; margin:auto; width:100%; max-width:325px; max-height:209px;}
.nelien{ margin-right:380px; padding-top:20px;}
.nebiao{ display:block; font-size:18px; font-size:1.8rem; line-height:26px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nelie span{ display:block; color:#999999; font-size:14px; font-size:1.4rem; line-height:24px; padding-left:21px; background:url(../img/neshijian.jpg) no-repeat left center; margin-top:2px;}
.nelie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; height:96px; overflow:hidden; margin-top:7px;}
.nemor{ display:block; width:170px; height:40px; background:#3db7ef; border-radius:5px; font-size:16px; font-size:1.6rem; color:#fff; text-align:center; line-height:40px; margin-top:21px; text-transform:uppercase;}
.nebiao:hover,.nelie p a:hover{ color:#31328c;}
.nemor:hover{ background:#31328c;}
.mat1{ padding-top:53px;}
@media screen and (max-width:999px) {
.nemain{ padding-bottom:30px;}
.netu{ position:relative; right:auto; top:auto; width:auto;}
.nelie{ margin-top:20px;}
.nelien{ padding-top:15px; margin-right:auto;}
.mat{ padding-top:23px;}
.abnav1 a{ width:49%;}
}

/******************************************************************  news2  *****************************************************/
.nemain2{ padding-bottom:73px; padding-top:23px;}
.nemain2 h1{ font-size:24px; font-size:2.4rem; line-height:26px; text-align:center;}
.riqi{ display:block; width:100px; margin:auto; font-size:14px; font-size:1.4rem; line-height:22px; color:#999999; padding-left:20px; background:url(../img/neshijian.jpg) no-repeat left center;}

.nex{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:19px;}
.nex a{ color:#3db7ef;}
.nex img{ max-width:100%;}
.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:24px; padding:2px;}
.nex tr td a{ color:#333;}

.fanpian{ border-top:1px solid #dbdbdb; padding-top:7px; margin-top:42px;}
.fanpian li{ font-size:14px; font-size:1.4rem; color:#666666; line-height:41px; padding-left:38px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li strong{ color:#333; font-family:Verdana, Geneva, sans-serif;}
.fanpian li a{ color:#666666;}
.pr{ background:url(../img/pr.jpg) no-repeat left center;}
.ne{ background:url(../img/ne.jpg) no-repeat left center;}
.pr:hover{ background:url(../img/prh.jpg) no-repeat left center;}
.ne:hover{ background:url(../img/neh.jpg) no-repeat left center;}
.fanpian li a:hover{ color:#3db7ef;}

/******************************************************************  about  *****************************************************/
.abmain{ background:url(../img/abbei.jpg) no-repeat center top; padding-bottom:80px;}
.abn{ margin:0 120px; text-align:center;}
.abbiao{ display:block; font-size:24px; font-size:2.4rem; line-height:30px; font-family: 'MontserratBold'; margin-top:22px;}
.abn p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-bottom:24px; margin-top:22px;}
.abn p a{ color:#3db7ef; font-family: 'MontserratBold';}
.abtu{ display:block; border:2px solid #666666; margin-top:60px;}
.abtu img{ display:block; margin:auto; width:100%; max-width:1196px; max-height:445px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.abn{ margin:0px; text-align:center;}
}
@media screen and (max-width:999px) {
.abmain{ padding-bottom:30px;}
.abn{ margin:0px; text-align:center;}
.abtu{ margin-top:30px;}
}

/******************************************************************  newest  *****************************************************/
.temain{ padding-top:5px; padding-bottom:80px;}
.tebiao{ display:block; background:url(../img/tebiao.jpg) no-repeat bottom center; text-align:center; font-size:40px; font-size:4rem; text-transform:uppercase; color:#172646; font-family: 'OpenSansBold'; line-height:55px; padding-bottom:10px;}
.ten{}
.ten>a{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; font-family: 'MontserratBold'; margin-top:36px;}
.ten p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:24px;}
.ten p a{ color:#3db7ef;}
.tetu{ display:block; margin-top:32px; margin-bottom:51px;}
.tetu img{ display:block; margin:auto; width:100%; max-width:1200px; max-height:429px;}

.nen{ padding-top:55px; background:url(../img/tebi.jpg) no-repeat right 150px;}
.coxinn{ width:662px;}
.coxinn a{ display:block; font-size:24px; font-size:2.4rem; color:#31328c; line-height:35px; font-family: 'MontserratBold';}
.coxinn p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:8px; margin-bottom:7px;}
.coxinn .xing{ background:url(../img/xing.jpg) no-repeat left 24px; padding-left:14px;}
.coxinn .int1{ padding-left:14px; float:left; margin-top:23px;}
.coxinn .int2{ padding-left:14px; float:right; margin-top:23px;}
.coxinn .int1 input,.coxinn .int2 input{ width:296px; height:50px; border:1px solid #d2d2d2; padding-left:14px; font-size:14px; font-size:1.4rem; line-height:50px;}
.tex{ padding-top:22px; background:url(../img/xing.jpg) no-repeat left 40px; padding-left:14px;}
.coxinn textarea{ width:630px; height:110px; border:1px solid #d2d2d2; padding-left:14px; font-size:14px; font-size:1.4rem; line-height:38px;}
.coxinn .int5{ margin-top:25px;}
.coxinn .int3{ width:161px; height:50px; border:1px solid #d2d2d2; padding-left:14px; font-size:14px; font-size:1.4rem; line-height:50px; float:left;}
.coyanzheng{ width:178px; height:54px; float:left; margin-left:22px; cursor:pointer;}
.coxinn .int4{ width:250px; height:54px; float:right; border-radius:5px; background:#3db7ef; font-size:18px; font-size:1.8rem; color:#fff; cursor:pointer; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;}
.coxinn .int4:hover{ background:#007eff;}

@media screen and (min-width:1000px) and (max-width:1219px){
.coxinn{ width:502px;}
.coxinn .int1 input,.coxinn .int2 input{ width:216px;}
.coxinn textarea{ width:470px;}
.coxinn .int4{ width:100px;}
}
@media screen and (max-width:999px){
.temain{ padding-top:20px; padding-bottom:30px;}
.nen{     padding-top: 15px; padding-bottom: 270px;  background: url(../img/tebi.jpg) no-repeat bottom center; background-size: 100%;}
.tebiao{ font-size:30px; font-size:3rem; line-height:40px;}
.coxinn{width:auto; padding-top:20px;}
.coxinn .int1,.coxinn .int2{  width:auto; float:none;}
.coxinn .int1 input,.coxinn .int2 input{ width:95%;}
.coxinn textarea{ width:95%;}
.coxinn .int4{ width:30%;background:#007eff; float:left; margin-left:10px;}
.coxinn .int3{ width:30%;}
.coxinn .int4{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:639px){
.coxinn .int1 input,.coxinn .int2 input{ width:90%;}
.coxinn textarea{ width:90%;}
.coxinn .int4{ width:25%;background:#0e6bcd; margin-top:25px;}
.coxinn .int3{ width:90%;}
.coyanzheng{ margin-left:auto; margin-top:25px;}
}

/******************************************************************  contact  *****************************************************/
.comain{ padding-bottom:80px; overflow:hidden;}
.col{ width:480px; float:left;}
.cor{ width:662px; float:right; padding-top:17px;}
.con{ margin-top:28px;}
.con>a{ color:#333; background:url(../img/codizhi.jpg) no-repeat left 3px;}
.con li{ color:#333;}
.con li a{ color:#333;}
.con .fdianhua{ background:url(../img/codianhua.jpg) no-repeat left 3px;}
.con .fchuanzhen{ background:url(../img/cochuanzhen.jpg) no-repeat left 3px;}
.con .fxinfeng{ background:url(../img/coxinfeng.jpg) no-repeat left 6px;}
.con .fdingwei{ background:url(../img/codingwei.jpg) no-repeat left 1px;}
.mat2{ margin-top:77px;}
.ditu{ display:block; margin:auto; margin-top:55px; width:100%; max-width:1200px; max-height:415px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.col{ width:400px;}
.cor{ width:502px;}
}
@media screen and (max-width:999px){
.comain{ padding-bottom:20px;}
.col{ width:100%; float:none;}
.cor{ width:100%; float:none;}
.mat2{ margin-top:30px;}
.ditu{ margin-top:25px;}
}





.list_cart{ width:100%; margin-bottom:10px }
.cleare{ clear:both}
.list_cart div{width:133px; height:27px }

.list_cart div.continue a{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#3db7ef; cursor:pointer; color:#fff;}
.list_cart div.continue{ float:left;; }
.list_cart div.inquirecart{  float:right; }
.list_cart div.inquirecart input{ display:block; width:100%; overflow:hidden; text-align:center; line-height:26px; background:#3db7ef; cursor:pointer; color:#fff}
@media screen and (max-width:999px){


.list_cart{ width:100%}
.list_cart .continue{ width:30%; float:left}
.list_cart div.inquirecart{  float:right; width:30%;  }

}
@media screen and (max-width:639px){
.coxinxi .int1{ width:93%; padding-left:5%}
.coxinxi .int2{ width:93%; padding-left:5%; float:left}
.coxinxi .int3{ width:93%; padding-left:5%}
.coxinxi textarea{  width:93%; padding-left:5%}
.coxinxi .int4{ width:93%; padding-left:5%}
.coxinxi .yanzheng{ margin-left:auto;}
.coxinxi .int5{ width:20%; margin-left:auto; float:right;}
.ditu{ margin-top:20px;}
.comain{ padding-bottom:40px;}
}

@media screen and (max-width:420px){
.list_cart div.continue{ float:none;; }
.list_cart div.inquirecart{  float:none; }

.list_cart{ width:100%;margin-top:1.5rem}
.list_cart .continue{ width:100%; float:none}
.list_cart div.inquirecart{  float:none; width:100%; margin-top:1.5rem   }
}

#returnTop {_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:30px;bottom:105px;_bottom:auto;width:65px;height:65px;text-indent:-999px;overflow:hidden;background:url(../img/top.png) no-repeat;_backgroundurl:(../img/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
@media screen and (max-width:640px){
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:10px;bottom:105px;_bottom:auto;width:37px;height:37px;text-indent:-999px;overflow:hidden;background:url(../img/top2.png) no-repeat;_backgroundurl:(../img/top2.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
}



.kefu{ position:fixed; top:200px; z-index:99999; padding-left:10px; padding-right:13px; width:62px; background:url(../img/kefu-bg.jpg); padding-top:3px; text-align:center; color:#000000; font-family:Verdana, Geneva, sans-serif; right:0px; box-shadow:0px 0px 3px rgba(0,0,0,0.07); padding-bottom:12px; }

.kefu a{ color:#000000; font-family:Verdana, Geneva, sans-serif; }

.kefu a:hover{ color:#ec6d00; }



.kefu_skype{ border-bottom:solid 1px #aaaaaa; padding-bottom:1px; padding-top:11px; }

.kefu_skype_div{ line-height:22px; }



.kefu_whats{ border-bottom:solid 1px #aaaaaa; padding-top:8px; padding-bottom:5px; }

.kefu_email{ padding-top:13px; }



.bg{ background:url(../img/bg1.jpg) no-repeat top center; background-attachment:fixed }


.footer{ background:url(../img/footer-bg.jpg); font-size:14px; font-size:1.4rem; color:#c7c7c7; padding-top:38px; }



.footer a{ font-size:14px; font-size:1.4rem; color:#c7c7c7; }

.footer a:hover{ color:#fff; }



.footer_title{ line-height:30px; font-size:24px; font-size:2.4rem; color:#fff; text-transform:uppercase; }

.footer_title a{ font-size:24px; font-size:2.4rem; color:#fff;}

.footer_title a:hover{ }



.footer li{ line-height:30px; font-size:14px; font-size:1.4rem; color:#c7c7c7; }

.footer li a{ font-size:14px; font-size:1.4rem; color:#c7c7c7; }

.footer li a:hover{ color:#fff; }




.ftop{ padding-bottom:66px; }

.f1{ float:left; width:27.9%; }

.f1_msg{ margin-top:25px; }



.sjmt{ margin-top:32px; }

.sjmt a{ float:left; }

.sjmtlast{ margin-right:0px !important; }



#sjmt li{ float:left; padding-right:15px;}

#sjmt li .ico { width:39px; height:39px;z-index: 1;-webkit-transition: 0.7s all;-moz-transition: 0.7s all;-ms-transition: 0.7s all;transition: 0.7s all; }

#sjmt li.on .ico { -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}





.f2{ float:left; width:26.3%;  }



.f2 ul{ margin-top:18px; }

.f2 li{ padding-left:20px; }



.f2_libg1{ background:url(../img/footer-icon1.png) no-repeat left 6px; }

.f2_libg2{ background:url(../img/footer-icon2.png) no-repeat left 8px; }

.f2_libg3{ background:url(../img/footer-icon3.png) no-repeat left 11px; }

.f2_libg4{ background:url(../img/footer-icon4.png) no-repeat left 6px; }



.f3{ float:left; width:18%; }

.f3 ul{ margin-top:18px; }



.f3 li{ background:url(../img/footer-libg.png) no-repeat left center; padding-left:12px; }



.f4{ float:right; width:19.5%; }

.f4 ul{ margin-top:18px; }





.banquan{ background:#1d1d1d; line-height:26px; text-align:center; padding-top:6px; padding-bottom:8px; font-size:14px; font-size:1.4rem; color:#c7c7c7; }

.sitemap{}

.reanod{}

.cnzz{ margin-left:1px; }



.banquan a{ font-size:14px; font-size:1.4rem; color:#c7c7c7; }

.banquan a:hover{ color:#fff; }