@charset "utf-8";
/* CSS Document */
html {font-size:62.5%;}
body {margin:0 auto;font-family:Verdana, Geneva, sans-serif; font-size:1.2rem;font-size:12px;background:#fff}
img {border:none;}
ul li {list-style-type:none;}
ul, form, p, a, img, table, tr, td, li,dd,dt,dl {margin:0;padding:0;list-style:none;color:#333;}
a {text-decoration:none;color:#333;outline:none;}
h1 {margin:0;padding:0;font-weight:normal;color:#333;}
.clear {clear:both;}
.fl{float:left}
.fr{float:right}


input,textarea{font-family:Verdana, Geneva, sans-serif;font-size:12px;font-size:1.2rem;color:#a6a6a6; border:none; outline:none;}


::-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;}

/*.zong{ width:1200px; margin:auto;}
*/


@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;}}

.marn{ margin-right:auto !important;}
.maln{ margin-left:auto !important;}

.head{ padding-top:14px;}
.logo{ width:295px; float:left; }
.logo a{ display:block;}
.logo a img{ width:295px; 	}

.sousuo{ width:204px; height:24px; border:1px solid #3557ae; border-radius:12px; float:right; overflow:hidden; margin-top:23px;}
.sou{ width:160px; height:22px; line-height:22px; padding-left:11px; float:left; font-size:14px; font-size:1.4rem; color:#999999;}
.suo{ width:21px; height:22px; float:right; background:url(../img/sousuo.jpg) no-repeat left center; cursor:pointer;}

.daohang{ float:right; margin-right: 130px;}
.daohang span{ display:block; *display:none; width:1px; height:74px; background:url(../img/shugang.jpg) no-repeat center; float:left;}
.daohang>li{ position:relative; z-index:999; float:left; margin-left:19px; margin-right:20px;}
.daohang>li>a{ display:block; line-height:74px; padding-bottom:1px; font-weight:bold; text-transform:uppercase; font-size:16px; font-size:1.6rem;}
.daohang>li:hover>a{background:url(../img/daohang.jpg) no-repeat center bottom; color:#ed0616;}
.dangqiandao{background:url(../img/daohang.jpg) no-repeat center bottom !important; color:#ed0616 !important;}

.yiji{ width:253px; position:absolute; top:-9999px; left:-30px; background:#fff; background:rgba(255,255,255,0.78); text-align:left; padding-top:8px; padding-bottom:8px; z-index:9999999}
.yiji li{ position:relative; z-index:9999}
.yiji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#000; padding:5px 0; padding-left:39px; background:url(../img/xiala.png) no-repeat -18px 12px;}
.yiji li:hover>a{ background:#ed0616 url(../img/xiala.png) no-repeat 8px 12px; color:#fff}
.daohang>li:hover .yiji{ top:75px;}
.erji{ width:183px; position:absolute; top:-9999px; left:253px; background:#fff; background:rgba(255,255,255,0.78); text-align:left; padding-top:8px; padding-bottom:8px; z-index:99999999}
.sanji{ width:400px; position:absolute; top:-9999px; left:183px; background:#fff; background:rgba(255,255,255,0.78); text-align:left; padding-top:8px; padding-bottom:8px; z-index:99999999}
.yiji li:hover .erji{ top:0px;}
.erji li:hover .sanji{ top:0px;}
.sanji li{ width:50%; float:left;}

/*lun bo*/
.index_focus {position: relative;width: 100%;height:628px;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 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; bottom:29px; left:50%; margin-left:-72px; z-index:9998 }
.index_focus .slide_nav a{ width:20px; height:20px; border-radius:50%; cursor:pointer;float:left; margin-right:8px; margin-left:8px; background:#fff;}

.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:#dd3138;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top:-55px;width:50px;height:103px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 64px; background:url(../img/baleft.png) no-repeat;}
.index_focus_next {right: 63px;background:url(../img/baright.png) no-repeat;}


.index_focus2 {position: relative;width: 100%;height:377px;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 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus2 .slide_nav {position: absolute; bottom:18px; left:50%; margin-left:-72px; z-index:9998 }
.index_focus2 .slide_nav a{ width:20px; height:20px; border-radius:50%; cursor:pointer;float:left; margin-right:8px; margin-left:8px; background:#fff;}

.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:#dd3138;}
.index_focus_pre2,.index_focus_next2 {display: none;position: absolute;top: 50%;margin-top:-44px;width:50px;height:103px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre2 {left: 64px; background:url(../img/baleft.png) no-repeat;}
.index_focus_next2 {right: 63px;background:url(../img/baright.png) no-repeat;}


/*  main  */
.main1{ background:#f1f3f9; padding-bottom:68px; width:100%;}
.main1 .zong{ position:relative; padding-top:81px; z-index:9}
.m1biao{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; font-weight:bold; color:#3557ae; background:url(../img/m1biao.jpg) no-repeat center bottom; text-align:center; padding-bottom:16px;}
.m1morz{ display:block; width:74px; height:26px; border-radius:13px; background:#ed0616; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase; text-align:center; position:absolute; right:0px; top:90px; line-height:26px;}
.m1p a{ display:block; text-align:center; font-size:15px; font-size:1.5rem; line-height:25px; color:#4d4d4d; margin-top:27px;}
.m1p a:hover{ color:#3557ae;}
.m1lie{ width:372px; float:left; border:1px solid #3557ae; margin-left:39px; position:relative; overflow:hidden; margin-top:43px;}
.m1tu{ display:block; text-align:center;}
.m1tu img{ width:100%; max-width:567px; max-height:390px;}
.m1fu{ position:absolute; width:100%; height:51px; bottom:20px; overflow:hidden; transition:0.5s; left:0px; background:#3557ae; background:rgba(53,87,174,0.9);}
.m1zi{ display:block; width:96%; margin-left:2%; line-height:51px; text-align:center; font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#fff;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; transition:0.5s; position:absolute; top:0; margin-top:0px;}
.m1mor{ display:block; width:114px; height:34px; border:1px solid #d2d2d2; border-radius:17px; text-align:center; line-height:34px; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase; position:absolute; left:50%; margin-left:-57px; top:100%; margin-top:0px; transition:0.5s;}
.m1lie:hover .m1fu{ bottom:0px; height:100%;}
.m1lie:hover .m1zi{ top:50%; margin-top:5px;}
.m1lie:hover .m1mor{ top:50%; margin-top:-38px;}

/*  main2  */
.main2{ background:url(../img/m2bei.jpg) no-repeat center; background-attachment:fixed; padding-bottom:53px; width:100%;}
.main2 .zong{ position:relative; padding-top:71px; z-index:9}
.main2 .m1biao{ padding-bottom:19px;}
.main2 .m1morz{ top:74px;}

.img-scroll {position: relative; margin-top:38px; padding-top:77px; z-index:9;}
.m2nav{ width:90px; height:35px; position:absolute; top:0px; left:50%; margin-left:-45px; z-index:99}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width: 35px;height: 35px;}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../img/m2left.jpg)}
.img-scroll .next {right: 0;cursor: pointer; background:url(../img/m2right.jpg)}
.img-scroll .prev:hover { background:url(../img/m2lefth.jpg)}
.img-scroll .next:hover {background:url(../img/m2righth.jpg)}
.img-list {position: relative;width:1181px; margin-left:9px; overflow: hidden; z-index:50}
.img-list ul {width: 9999px;}
.img-list li {float: left;display: inline;width: 557px; border:2px solid #fff; margin-right: 59px; position:relative;}
.m2tu{ display:block; text-align:center;}
.m2tu img{ width:557px; height:315px;}
.m2fu{ position:absolute; width:100%; height:49px; left:0px; bottom:0px; background:#000; background:rgba(0,0,0,0.6); transition:0.5s;}
.m2fu>a{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; color:#fff; line-height:49px; text-align:center; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-top:0px; transition:0.5s;}
.m2fu p a{ display:block; font-size:14px; font-size:1.4rem; line-height:25px; height:50px; overflow:hidden; margin-left:76px;}
.m2fu a:hover{color:#3557ae;}
.img-list li:hover .m2fu{ height:137px; background:#fff; background:rgba(255,255,255,0.8)}
.img-list li:hover .m2fu>a{ margin-top:9px; color:#3557ae;}

/*  main3  */
.main3{ padding-top:91px;}
.img-scroll2 {position: relative; float:left; width:565px; z-index:1; margin-top:2px;}
.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 29px;height: 62px; top:50%; margin-top:-24px; z-index:10}
.img-scroll2 .prev2 {left: 30px;cursor: pointer; background:url(../img/m3left.png)}
.img-scroll2 .next2 {right: 39px;cursor: pointer; background:url(../img/m3right.png)}
.img-list2 {position: relative;width: 100%; overflow: hidden; z-index:5}
.img-list2 ul {width: 10000%;}
.img-list2 li {float: left;display: inline;width: 1%;margin-right: 10px;}

.m3r{ width:576px; float:right;}
.m3biao{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; font-weight:bold; color:#3557ae;}
.m3a{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; color:#3557ae; background:url(../img/m3xian.jpg) no-repeat left bottom; padding-bottom:48px; margin-top:12px;}
.m3r p a{ display:block; font-size:14px; font-size:1.4rem; line-height:25px; color:#4d4d4d; margin-top:26px;}
.m3mor{ width:144px; background:url(../img/m3jian.jpg) no-repeat right center; padding-right:45px; margin-top:68px;}
.m3mor a{ display:block; width:144px; height:40px; border-radius:20px; text-align:center; line-height:40px; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase; background:#3557ae;}
.m3r a:hover{ color:#ed0616;}
.m3mor a:hover{ background:#ed0616; color:#fff;}

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

.main4{ margin-top:96px; padding-bottom:67px;}

.m3lie{ width:325px; float:left; margin-left:111px; margin-top:39px;}
.m3tu{ text-align:center;}
.m3tu img{ width:100%; max-width:325px; max-height:209px;}
.m3zi{ padding-left:12px; padding-top:20px;}
.m3a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; height:72px; overflow:hidden; color:#999999; margin-left:2px; margin-top:9px;}
.m3mor1{ display:block; width:144px; height:40px; border-radius:20px; text-align:center; line-height:40px; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase; background:#3557ae;}
.m3zi span{ display:block; float:right; font-size:14px; font-size:1.4rem; float:right; line-height:37px; padding-left:21px; margin-top:28px; margin-right:16px;}
.m3mor1:hover{ background:#e60012; color:#e60012; color:#fff;}
.m3a:hover,.m3zi p a:hover{ color:#e60012;}

/*  foot  */
.foot{ background:url(../img/fobei.jpg) no-repeat center bottom; background-attachment:fixed; padding-top:37px; padding-bottom:13px; width:100%;}
.ful1{ width:200px; float:left;}
.ful2{ width:340px; float:left; margin-left:127px;}
.ful3{ width:395px; float:right;}

.fbiao{ display:block; font-size:18px; font-size:1.8rem; color:#fff;}

.ful1 ul{ margin-top:22px;}
.ful1 ul li{ width:50%; float:left;}
.ful1 ul li a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; line-height:36px;}
.ful1 ul li a:hover{ color:#dd3138;}

.ful2 ul{ margin-top:21px;}
.ful2 ul li{ font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; padding-left:29px;}
.ful2 ul li a{ color:#fff;}
.ful2 ul li a:hover{ color:#dd3138;}
.fdingwei{ background:url(../img/fdingwei.png) no-repeat left 9px;}
.fdianhua{ background:url(../img/fdianhua.png) no-repeat left 7px;}
.fchuanzhen{ background:url(../img/fchuanzhen.png) no-repeat left 8px;}
.fshouji{ background:url(../img/fshouji.png) no-repeat left 6px;}
.fxinfeng{ background:url(../img/fxinfeng.png) no-repeat left 11px;}

.shejiao{ margin-top:20px; margin-bottom:9px;}
.shejiao a{ display:block; float:left; margin-right:24px;}
.ful3 p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#fff;}
.ful3 p a{  color:#fff;}
.ful3 p a:hover{ color:#dd3138;}

.youlian{ line-height:20px; padding:10px 0;}
.youlian p{ font-size:14px; font-size:1.4rem; float:left;}
.youlian a{ display:block; float:left; font-size:14px; font-size:1.4rem; margin:0 10px;}
.youlian a:hover{ color:#dd3138;}

/*******************************************************************  product  **************************************************************/
/*  mian bao xie */
.mianbao{ font-size:14px; font-size:1.4rem; line-height:30px; color:#343434; margin-top:8px;}
.mianbao a{ color:#343434;}
.mianbao a:hover{ color:#ed0616}
.coed{ color:#ed0616 !important;}

.prmain{ padding-bottom:84px;}
.prt{ background:url(../img/prliebei.jpg) repeat center; /*height:91px;*/ margin-top:24px;}
.prtn{ text-align:center; padding-top:22px;}
.prtn>li{ position:relative; display:inline-block; *float:left; padding-bottom:9px; width:245px; margin:0 18px; border-radius:22px; margin-bottom:5px;}
.prtn>li>a{ display:block; border:1px solid #3557ae; background:#fff; text-align:center; line-height:43px; border-radius:22px; font-size:18px; font-size:1.8rem;}

.prerji{ width:100%; position:absolute; top:-9999px; left:0px; background:#fff; background:rgba(255,255,255,0.9); text-align:left; padding-top:8px; padding-bottom:8px; z-index:9999999}
.prerji li{ position:relative; z-index:9999}
.prerji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#000; padding:5px 0; padding-left:39px; background:url(../img/xiala.png) no-repeat -18px 12px;}
.prerji li:hover>a{ background:#3557ae url(../img/xiala.png) no-repeat 8px 12px; color:#fff}
.prtn>li:hover .prerji{ top:54px;}
.prsanji{ width:400px; position:absolute; top:-9999px; left:100%; background:#fff; background:rgba(255,255,255,0.9); text-align:left; padding-top:8px; padding-bottom:8px; z-index:99999999}
.prsanji2{ width:400px; position:absolute; top:-9999px; right:100%; background:#fff; background:rgba(255,255,255,0.9); text-align:left; padding-top:8px; padding-bottom:8px; z-index:99999999}
.prerji li:hover .prsanji{ top:0px;}
.prerji li:hover .prsanji2{ top:0px;}
.prsanji li,.prsanji2 li{ width:50%; float:left;}
.prtn>li:hover>a{background:#3557ae; color:#fff;}
.prtn>li:hover{ background:url(../img/przhizhen.png) no-repeat bottom center;}
.dangianpr{ background:url(../img/przhizhen.png) no-repeat bottom center;}
.dangianpr>a{background:#3557ae !important; color:#fff;}

.chanlie{ width:374px; float:left; margin-left:39px; margin-top:21px; margin-bottom:20px;}
.chantu{ display:block; text-align:center;}
.chantu img{ width:100%; max-width:567px; max-height:390px;}
.chanzi{ position:relative; background:#eeeeee;}
.chanzi a{ display:block; line-height:54px; text-align:center; font-size:16px; font-size:1.6rem; text-transform:uppercase;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanzi input{ position:absolute; left:9px; top:17px;}
.chana{ text-align:center; margin-top:20px;}
.chana a{ display:inline-block; margin:0 5px 0 6px; *float:left;}
.chana1{ width:77px; height:27px; border-radius:5px; background:#333333; border:1px solid #333333; font-size:14px; font-size:1.4rem; color:#fff; text-align:center; line-height:29px;}
.chana2{ width:107px; height:27px; border-radius:5px; border:1px solid #333333; font-size:14px; font-size:1.4rem; text-align:center; line-height:29px;}
.chanzi a:hover{ color:#3557ae;}
.chana1:hover{ background:none; color:#333;}
.chana2:hover{ background:#333; color:#fff;}

.fenye{ padding-top:48px;}
.fenyen{ float:left; margin-top:35px;}
.fenyen a{ display:inline-block; width:25px; height:25px; text-align:center; line-height:23px; border-radius:50%; background:#333; margin:0 5px 0 6px; font-size:14px; font-size:1.4rem; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; color:#fff;}
.sx{ width:auto !important; background:none !important; font-size:12px !important; font-size:1.2rem !important; color:#333 !important;}
.fenyen a:hover{ background:#3557ae; color:#fff;}
.sx:hover{ color:#3557ae !important;}
.fenyen a.no,.fenyen a.no:hover{color:#333 !important;}
.dangqianfen{ background:#3557ae !important; color:#fff !important;}
.fuxuan{ background:url(../img/fuxuan.jpg) no-repeat left center; padding-left:30px; float:right; font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-top:29px;}
.fuxuan input{ width:102px; height:32px; background:#3557ae; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan input:hover{ background:#333;}
.fuxuan11{display: block; line-height: 32px; text-align: center; float: left; width:168px; height:32px; background:#3557ae; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan11:hover{ background:#333;}


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

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:571px;position:relative; float:left; margin-top:70px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; padding:2px; background:url(../img/wangge.jpg);}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:76px;position:relative; margin-top:20px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:28px;height:28px;background:url(../img/prleft.jpg) no-repeat left center;position:absolute;top:24px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:28px;height:28px;background:url(../img/prright.jpg) no-repeat right center;position:absolute;top:24px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;left:45px;width:1px;height:76px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:125px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; width:108px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:2px solid #d8d8d8;display:block;width:104px;height:72px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #3557ae;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{}

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

.jianjie{ width:591px; float:right; padding-top:74px;}
.jianjie h1{ font-size:30px; font-size:3rem; text-transform:uppercase;}
.jiana{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; text-transform:uppercase; color:#3557ae; margin-top:38px;}
.jianjie ul{ font-size:16px; font-size:1.6rem; line-height:25px; margin-top:16px; min-height:200px;}
.jianjie ul li{}
.inno{ margin-top:15px;}
.inno a{ display:block; float:left; padding: 0 12px; height:56px; margin-right:21px; border:1px solid #3557ae; font-size:16px; font-size:1.6rem; font-weight:bold; color:#3557ae; text-align:center; line-height:56px; margin-bottom:10px;}
.inno a:hover{ background:#3557ae; color:#fff;}

.share{ margin-top:45px; float:right;}
.share span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#0093d8;}
.share a{ display:block; float:left; margin-left:6px;}

.chanxbiao{ display:block; background:url(../img/chanxhui.jpg) repeat-x bottom; padding-top:66px;}
.chanxbiao img{ width:212px; height:39px;}
.chanx{ padding-top:34px; font-size:16px; font-size:1.6rem; line-height:24px;}
.chanxa{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; text-transform:uppercase; font-weight:bold; color:#3557ae; padding-left:33px; background:url(../img/lingxing.jpg) no-repeat left 5px; margin-bottom:26px;}
.chanx a{ color:#3557ae;}
.chanxxiazai{ display:block; width:259px; height:45px; border:1px solid #e60012; margin:auto; padding-left:76px; line-height:45px; background:url(../img/chanxiazai.jpg) no-repeat 33px center; border-radius:23px; color:#e60012 !important; margin-top:110px;}
.chanxxiazai:hover{ color:#3557ae !important;}

.remain{ padding-bottom:79px;}
.rebiao{ display:block; background:url(../img/chanxhui.jpg) repeat-x bottom; margin-top:66px;}
.rebiao img{ width:212px; height:39px;}
.remain .chanlie{ margin-top:30px; margin-bottom:auto;}

/*********************************************************************  news  **********************************************************************/
.nemain{ padding-bottom:76px;}

.nelie{ position:relative; min-height:209px; margin-top:8px; margin-bottom:37px;}
.netu{ width:325px; position:absolute; left:0px; top:0px;}
.netu a{ display:block; text-align:center;}
.netu a img{ width:100%; max-width:325px; max-height:209px;}
.nezi{ margin-left:359px;}
.nebiao{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:34px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; margin-top:10px; height:96px; overflow:hidden; margin-left:3px;}
.nemor{ display:block; width:108px; height:30px; border:1px solid #e60012; color:#e60012; text-align:center; line-height:30px; float:left; border-radius:15px; font-size:14px; font-size:1.4rem; margin-top:37px; margin-left:3px;}
.nezi span{ float:right; display:block; font-size:14px; font-size:1.4rem; line-height:24px; background:url(../img/neshizhong.jpg) no-repeat left center; padding-left:21px; margin-top:47px;}
.nebiao:hover,.nezi p a:hover{ color:#e60012;}
.nemor:hover{ background:#e60012; color:#fff;}

.jvzhong{ float:none; text-align:center; padding-top:56px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}

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

.hotmain{ background:#eaeef7; padding-bottom:57px; }
.hotbiao{ display:block; font-size:30px; font-size:3rem; font-family: 'kalinga'; text-transform:uppercase;}
.hotbiao a{color:#e60012;}
.hotnav{ width:65px; height:28px; position:absolute; top:50px; right:3px;}
.img-scroll3 { position:relative; padding-top:47px;}
.img-scroll3 .prev3,.img-scroll3 .next3{position:absolute;display:block;width:28px;height:28px;}
.img-scroll3 .prev3 { left:0;cursor:pointer; background:url(../img/hotleft.jpg)}
.img-scroll3 .next3 { right:0;cursor:pointer; background:url(../img/hotright.jpg)}
.img-scroll3 .prev3:hover { left:0;cursor:pointer; background:url(../img/hotlefth.jpg)}
.img-scroll3 .next3:hover { right:0;cursor:pointer; background:url(../img/hotrighth.jpg)}
.img-list3 { position:relative; overflow:hidden; margin-top:35px;}
.img-list3 ul { width:9999px;}
.img-list3 li { float:left; display:inline; width:374px; margin-right:39px;}
.img-list3 li .chanlie{ margin:auto; float:right;}

/***************************************************************  news2  *********************************************************************/
.nemain2{ padding-top:34px; padding-bottom:49px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem; line-height:26px; font-weight:bold; text-align:center;}
.riqi{ display:block; width:105px; margin:auto; padding-left:27px; background:url(../img/neshizhong.jpg) no-repeat left center; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:11px;}

.nex{ font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; padding-top:6px; margin-top:15px;}
.nex p,.nex span{ color:#666666;}
.nex a{ color:#007cbf;}
.nex img{ max-width:100%; height:auto;}
.fanpian{ border-top:1px solid #cccccc; padding-top:13px; padding-bottom:26px; margin-top:92px;}
.fanpian li{ line-height:30px; position:relative;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-left:102px; margin-top:14px; font-size:16px; font-size:1.6rem; color:#666666;}
.fanpian li span{ display:block; width:84px; height:28px; line-height:28px; border:1px solid #e60012; color:#e60012; text-align:center; position:absolute; left:0px; top:0px; font-size:14px; font-size:1.4rem;}
.fanpian li a{color:#666666;}
.fanpian li a:hover{ color:#e60012;}

/***************************************************************  project case  *********************************************************************/
.pjmain{ padding-bottom:106px;}
.pjlie{ background:#f8f8f8; margin-bottom:48px; margin-top:7px;}
.pjtu{ width:50%;}
.pjtu a{ display:block; text-align:center;}
.pjtu a img{ width:100%; max-width:600px; max-height:339px;}
.pjlie1 .pjtu{ float:left;}
.pjlie2 .pjtu{ float:right;}
.pjzi{ width:550px; margin:0 25px; padding-top:30px;}
.pjlie1 .pjzi{ float:right;}
.pjlie2 .pjzi{ float:left;}
.pjzi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; font-weight:bold; color:#3557ae; text-align:center;}
.pjzi span{ display:block; width:200px; margin:auto; padding-left:27px; background:url(../img/pjshizhong.jpg) no-repeat left center; line-height:25px; font-size:14px; font-size:1.4rem; margin-top:15px;}
.pjzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:25px; margin-top:25px; height:150px; overflow:hidden;}
.mat1{ padding-top:67px;}
.pjlie:hover{ background:#3557ae;}
.pjlie:hover a{ color:#fff;}
.pjlie:hover span{ background:url(../img/pjshizhongh.jpg) no-repeat left center; color:#fff;}


/***************************************************************  project  *********************************************************************/
.pjmain2{ padding-bottom:93px;}
.pjmain2>p{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:27px;}

.applie{ width:364px; float:left; margin-left:32px; padding:9px 7px 2px 7px; background:url(../img/pjbei.jpg) no-repeat top left; margin-top:45px;}
.applien{ position:relative; overflow:hidden;}
.apptu{ display:block; text-align:center;}
.apptu img{ width:100%; max-width:364px; max-height:328px;}
.appzi{ display:block; text-align:center; font-size:18px; font-size:1.8rem; font-weight:bold; color:#555555; line-height:58px; padding:0 10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.appfu{ position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s; background:#3557ae; background:rgba(53,87,174,0.5);}
.appfu a{ display:block; position:absolute; width:96%; left:2%; top:50%; font-size:30px; font-size:3rem; font-weight:bold; color:#fffefe; line-height:40px; margin-top:-20px; text-align:center;}
.applie:hover .appfu{ top:0px;}
.mat2{ padding-top:71px;}
.mab1{ margin-bottom:40px;}

/***************************************************************  Support  *********************************************************************/
.domain{ padding-bottom:92px; margin-top:27px;}
.dolie{ border-bottom:1px dashed #cecece; position:relative; padding-bottom:7px; margin-top:25px;}
.pdf{ display:block; width:60px; position:absolute; left:0px; top:10px;}
.pdf img{ width:60px; height:72px;}
.xiazai{ display:block; width:90px; height:40px; border:1px solid #3557ae; color:#3557ae; background:url(../img/xiazai.png) no-repeat 21px center; padding-left:50px; font-size:14px; font-size:1.4rem; line-height:40px; position:absolute; right:0px; top:31px; font-family:Verdana, Geneva, sans-serif;}
.dolien{ padding-left:83px; padding-right:190px;}
.dolien>a{ display:block; font-size:18px; font-size:1.8rem; line-height:36px;}
.dolien p a{ display:block; color:#4d4d4d; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:3px; height:72px; overflow:hidden;}
.dolien a:hover{ color:#1e5998;}
.xiazai:hover{ background:#3557ae url(../img/xiazaih.png) no-repeat 21px center; color:#fff;}
.mat3{ padding-top:74px;}

/****************************************************************  about  ********************************************************/
@font-face {
    font-family: 'GillSansMTStdBold';
    src: url('../fonts/GillSansMTStdBold.eot');
    src: url('../fonts/GillSansMTStdBold.eot') format('embedded-opentype'),
         url('../fonts/GillSansMTStdBold.woff2') format('woff2'),
         url('../fonts/GillSansMTStdBold.woff') format('woff'),
         url('../fonts/GillSansMTStdBold.ttf') format('truetype'),
         url('../fonts/GillSansMTStdBold.svg#GillSansMTStdBold') format('svg');
}
.ab1{}
.abshipin{ width:636px; float:right; margin-top:9px;}
.abshipin a{ display:block; text-align:center;}
.abshipin a img{ width:100%; max-width:636px; max-height:399px;}
.ab1zi{ width:530px; float:left; margin-top:24px;}
.ab1biao{ display:block; background:url(../img/abbiao.jpg) no-repeat 5px bottom; font-size:30px; font-size:3rem; text-transform:uppercase; line-height:40px;font-family: 'GillSansMTStdBold'; padding-bottom:14px;}
.ab1zi p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-left:5px; margin-top:22px; margin-bottom:26px;}
.top20{display:block; text-align:center; width:100%; max-width:636px; max-height:399px;}

.ab2{ padding-top:65px;}
.ab2biao{ display:block; background:url(../img/abxian.jpg) no-repeat center; text-align:center; font-size:30px; font-size:3rem; text-transform:uppercase; color:#007abe; font-family: 'GillSansMTStdBold';}
.ab2n{}
.ab2n p{ font-size:16px; font-size:1.6rem; line-height:24px; margin-top:21px; margin-bottom:24px;}
.ab2a{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px; color:#007abe; padding-left:31px; background:url(../img/abfang.jpg) no-repeat left 3px; margin-top:42px; margin-bottom:31px;}
.ab2n ul{ margin-top:10px; margin-bottom:33px;}
.ab2n ul li{ font-size:14px; font-size:1.4rem; line-height:30px;}
.ab2lie{ margin-top:40px;}
.ab2lien{ width:200px; float:left; margin-left:30px; text-align:center;}
.ab2tu{ display:block; text-align:center;}
.ab2tu img{ width:95px; height:95px;}
.ab2lien p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:25px;}

.ab4{ padding-top:24px; padding-bottom:70px;}
.ab4 p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:26px;}
.ablie{ width:373px; float:left; margin-left:40px; margin-top:42px;}
.ablie p{ margin-top:20px; height:104px; margin-left:5px;}
.ablie a{ display:block; text-align:center;}
.ablie a img{ width:100%; max-width:373px; max-height:253px;}

/****************************************************************  contact  ********************************************************/
.comain{ padding-bottom:77px;}
.col{ width:480px; float:left;}
.cor{ width:662px; float:right; margin-right:7px;}

.col li{ margin-top:13px; margin-bottom:28px;}
.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:16px; font-size:1.6rem; line-height:24px; color:#999999; margin-top:15px;}
.col li p a{ color:#999;}
.codingwei{ background:url(../img/codingwei.jpg) no-repeat left 3px;}
.codianhua{ background:url(../img/codianhua.jpg) no-repeat left 2px;}
.coxinfeng{ background:url(../img/coxinfeng.jpg) no-repeat left 8px;}
.cochuanzhen{ background:url(../img/cochuanzhen.jpg) no-repeat left 5px;}
.codianhua2{ background:url(../img/codianhua2.jpg) no-repeat left 3px;}
.col li p a:hover{ color:#ed0616;}

.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; color:#999999; margin-top:7px;}

.coxin{ margin-top:10px; *border:1px solid #fff;}
.coxin .xing{ background:url(../img/xing.jpg) no-repeat left 24px; padding-left:14px;}
.coxin .int1{ padding-left:14px; width:313px; float:left; margin-top:23px;}
.coxin .int2{ padding-left:14px; width:313px; float:right; margin-top:23px;}
.coxin .int1 input,.coxin .int2 input{ width:297px; height:50px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:50px; border:1px solid #d2d2d2;}
.tex{ padding-top:22px; background:url(../img/xing.jpg) no-repeat left 40px; padding-left:14px;}
.coxin textarea{ width:633px; height:110px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:36px; border:1px solid #d2d2d2;}
.coxin .int5{ margin-top:25px;}
.coxin .int3{ width:163px; height:50px; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:50px; border:1px solid #d2d2d2; float:left;}
.coyanzheng{ width:178px; height:54px; float:left; margin-left:22px; cursor:pointer;}
.coxin .int4{ width:250px; height:54px; border:1px solid #047ee1; float:right; background:#173983; font-size:14px; font-size:1.4rem; color:#fff; cursor:pointer;}
.coxin .int4:hover{ background:#047ee1;}
.ditu{ display:block; width:100%; max-width:1200px; max-height:415px; margin-top:48px;}
.chanxiang table,.nex table{ border-collapse:collapse; line-height:24px; width:90%;   }
.chanxiang tr td,.nex tr td{ line-height:24px; padding:2px; font-size: 15px;}
/*.chanxiang tr td:first-child,.nex tr td:first-child{ line-height:24px; text-align: right}
.chanxiang tr td strong,.nex tr td strong{ line-height:24px; text-align: center; display: block; }
*/
.chanxiang img{ /*margin:0 auto;*/ display: block; max-width:100%;}


#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);font-family:Verdana, Geneva, sans-serif;}
 #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)}}

.abmain2{ background:#f8f8f8; background-attachment:fixed; padding-top:41px; padding-bottom:40px;}
.abbiao2{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; color:#007abe; margin-left:10px; font-family: '40788402';}
.img-scroll4 { position:relative; z-index:9}
.abnav{ width:65px; height:28px; position:absolute; right:2px; top:19px; z-index:999}
.img-scroll4 .prev4,.img-scroll4 .next4{position:absolute;display:block;width:28px;height:28px; z-index:9999}
.img-scroll4 .prev4 { left:0;cursor:pointer;}
.img-scroll4 .next4 { right:0;cursor:pointer;}
.img-scroll4 .prev4:hover { left:0;cursor:pointer;}
.img-scroll4 .next4:hover { right:0;cursor:pointer; }
.img-list4 { position:relative; width:auto; margin-left:7px; margin-right:4px; overflow:hidden; z-index:99}
.img-list4 ul { width:9999px;}
.img-list4 li { float:left; display:inline; width:246px; margin-right:205px; background:url(../img/muban.jpg) no-repeat center top; margin-top:44px;}
.zhengshu{ margin:5px; position:relative; overflow:hidden; z-index:9}
.zhengtu{}
.zhengtu img{ width:100%; max-width:236px; max-height:324px;}
.zhengfu{ background:#000; background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;}
.fangda2{ display:block; position:absolute; width:100%; height:100%; z-index:99}
.fangda2 img{ width:32px; height:32px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-49px;}
.zhengfu p{ position:absolute; width:80%; left:10%; text-align:center; font-size:16px; font-size:1.6rem;  line-height:30px; color:#fff; top:50%; z-index:10; margin-top:-2px;}
.img-list4 li:hover .zhengfu{ top:0px;}


.prl{ width:299px; float:right; margin-top:-24px;}
.prr{ width:863px; float:left;}

.subNavBox{ background:#f9f9f9; padding-bottom:31px; }
.prltbiao{  padding-bottom:13px; margin-bottom:26px;}
.prltbiao a{ display:block; font-size:18px; font-size:1.8rem; color:#3557ae; padding-top:46px; padding-left: 12px;}
.prltbiao p{ text-align:center; font-size:18px;font-size:1.8rem;  text-transform:uppercase; color:#3557ae; line-height:26px;}

.subNav{cursor:pointer; padding-left: 15px !important; line-height:28px; padding:10px 0; padding-left:31px; padding-top:15px; /*border-bottom: 1px dashed #d8ddd1;*/}
.subNav a{ font-size:14px;font-size:1.4rem;  color:#3557ae;}

.currentDd a{color:#3557ae}
.currentDt{}
.navContent{display: none; padding-top:8px; padding-bottom:19px;}
.navContent>li a{ padding-left:59px; font-size:14px;  font-size:1.4rem;  line-height:36px; color:#666666;}
.navContent>li a:hover{ color:#a1c840;}

.sousuo1{ width:199px; height:33px; background:#a1c840; margin:auto; margin-top:37px; margin-left: 10px;}
.sou1{ width:26px; height:31px; background:url(../img/sousuo2.jpg) no-repeat center; border:none; float:left; cursor:pointer;}
.suo1{ width:160px; height:31px; float:right; padding-left:10px; line-height:31px; background:none; border:none; color:#fff;}

.prlb{ border-radius:5px 5px 0 0; overflow:hidden; margin-top:73px; /*padding-bottom:21px;*/ background:#f1f6e9;}
.prlb .prltbiao{ margin-bottom:2px;}
/*.prlb .prltbiao span{  padding-left:43px;}*/
.prblie{ margin:0 -3px;/* border-bottom:1px dashed #d8ddd1;*/ padding:0 4px; padding-bottom:11px; padding-top:11px;}
.prblie a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  padding-right: 195px; padding-top: 0px;}
.prblie span{ display:block; padding-left:13px; font-size:14px; font-size:1.4rem; line-height:24px; color:#999999;}
.prblie a:hover{ color:#71a827;}

.lvsetable { background: #00af50; }
.lvsetable  strong{ font-weight: normal; color: #fff}
.lvsetable  p{color: #fff}


/*  ke fu  */
#online_qq_layer{ z-index:9999; position:fixed; left:0px; top:50%; margin-top:-113px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
#online_qq_tab{ width:24px; float:right; margin:0px; margin-top:68px; position:relative; z-index:9; }
#online_qq_tab a{ display:none; height:90px; line-height:999em; overflow:hidden; }
#online_qq_tab a#floatShow{ background:url(../img/erduo.png) no-repeat;}
#online_qq_tab a#floatHide{ background:url(../img/erduo.png) no-repeat; }
#onlineService{ display:none;float:left;width:127px;  background:#737373; display:block; border-radius:8px; padding:6px; padding-bottom:5px;}
.kefubiao{ display:block; text-align:center; line-height:27px; color:#fff; font-size:14px; font-size: 1.4rem; font-family:Arial, Helvetica, sans-serif}
.kefun{ background:#fff; padding-bottom:5px;}
.kefutu{ display:block; margin-bottom:8px; text-align:center; padding-top:11px;}
.kefutu img{ width:117px; height:106px;}
.kes{ background:url(../img/kes.jpg) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.keqq{ display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.keweixin{ display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.kes:hover,.keqq:hover,.keweixin:hover{color:#dd0000;}
.sydingpyy{ float:right;}
.kesspypy{ background:url(../img/kefu-skype.png) no-repeat left center;background:url(../img/wa.png) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}

.her{ float:right; margin-top:37px;}
.shejiao1{ float:right; }
.shejiao1 a{ display:block; width:29px; float:left; border-radius:50%; margin-right:23px;}
.shejiao1 a img{ width:100%; max-width:29px; max-height:29px; border-radius:50%; margin-top: 23px;}
.shejiao1 a:hover{ transform:rotate(360deg);}


.chanxiang1 table,.nex table{ border-collapse:collapse; line-height:24px; }
.chanxiang1 tr td,.nex tr td{ line-height:24px; padding:2px; font-size: 15px; font-size: 1.5rem;}


.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}






.navContent2{ display:none;}




@media screen and (min-width:640px) {.container{ display:none}}
@media screen and (max-width:639px) {
.container{ width:5px; height:100%;position:absolute; right:3px;transition:all 0.4s ease 0s; z-index:9999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:29px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #ed0616;}
.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:40px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
}


@media screen and (max-width:890px) {
.logo{ width:100%; float:none;}
.logo a img{ width:100%; max-width:295px; margin:0 auto; display:block;}
.sydingpyy{ float:none; width:100%;}
.sousuo{ width:100%;}
.sou{ width:90%;}
}
@media screen and (max-width:410px) {
.sou{ width:80%;}
.logo a img{ width:60%;}
.shejiao1 a{ margin-right:9px;}
}


@media screen and (min-width:1000px) and (max-width:1219px) {
.yiji{ display:none;}
.daohang{ margin-right:0px;}
.daohang>li{ margin-left:15px; margin-right:15px;}
.index_focus {height:502.4px;}
.index_focusn img {width: 80%;}
.index_focus .zong {position: absolute;left: 50%;margin-left: -490px;z-index: 9999}

}
@media screen and (max-width:999px) {
.daohang>li{ margin-left:5px; margin-right:5px; display:inline-block; float:none;}
.daohang{ margin:0px auto; float:none; text-align:center;}
.daohang>li>a{ font-size:12px; font-size:1.2rem; font-weight:normal;}
.daohang span{ display:none;}
}
.daohang2{ display:none;}
@media screen and (max-width:639px) {
.daohang{ display:none;}
.daohang2{ display:block; text-align:center;}
.daohang2>a{ display:inline-block; line-height:40px; padding-bottom:1px; /*font-weight:bold;*/  font-size:14px; font-size:1.4rem; padding-left:5px; padding-right:5px; margin-left:10px;}

}


@media screen and (min-width:1000px) {.carousel{display: none}}
@media screen and (max-width:999px) {
.index_focus{ display:none;}
.index_focus2{ display: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: 110px;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-color:#e7240e;}
.carousel ol li:last-child{margin: 0;}
}

@media screen and (max-width:640px) {
	.main1 .zong{ padding-top:31px;}
	.m1morz{ top:30px;}
	.m1biao{ font-size:1.4rem;}
	
	.main2 .zong{ padding-top:31px;}
	.main2 .m1morz{ top:30px;}
	.youlian{ display:none;}
}
@media screen and (max-width:400px) {
.m1morz{ display:none;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{ width:298px;}	
.img-list{ width:100%; margin-left:0px;}
.img-list li{ border:none; width:465px; margin-right:50px;}
.img-list li img{ display:block; width:100%; height:auto;}
.m3r{ width:400px;}
.m3a{ padding-bottom:15px}
.m3mor{ padding-right:0px; margin-top:30px;}
.m3lie{margin-left:38px; width:300px;}

.ful2{ margin-left:28px;}
}
@media screen and (max-width:999px) {
.m1lie{ width:30%; margin-left:3% !important;}
.m1fu{ height:38px;}
.m1zi{ line-height:38px; font-size:1.4rem;}


.img-list{ width:100%; margin-left:0px;}
.img-list li{ border:none; width:4.8%; margin-right:0.2%;}
.img-list li img{ display:block; width:100%; height:auto;}
.img-list ul{width:1000%;}
.m2fu{ height:34px;}
.m2fu>a{ line-height:34px;}


.m3r{ width:100%; float:none;}
.img-scroll2{ float:none; margin:0 auto; margin-bottom:30px;}
.m3a{ padding-bottom:15px}
.m3mor{ padding-right:0px; margin-top:30px;}
.main3{ padding-top:30px;}

.m3lie{margin-left:2%; width:31%;}

.m3zi span{ margin-top:6px;}


.ful1{ width:48%; min-height:253px;}
.ful2{ width:50%; margin-left:2%;}
.ful3{ width:50%; float:left;}

}


@media screen and (max-width:654px) {
.m1lie{ width:47%; margin-left:2% !important;}
.m3lie{margin-left:2% !important; width:48%; margin-top:8px;}
}
@media screen and (max-width:418px) {
	.m1lie{ width:98%; margin:0 auto !important; float:none; margin-top:30px !important;}
}


@media screen and (max-width:490px) {
.img-list ul{width:10000%;}
.img-list li{ border:none; width:0.98%; margin-left:0.01%; margin-right:0.01%;}	
.m2fu p a{ display:none;}
.m3lie{margin:0 auto !important; width:98%; margin-top:8px !important;}
.m3tu img {
    width: 100%;
    max-width: 325px;
    max-height: 209px;
    margin: 0 auto;
    display: block;}
}
@media screen and (max-width:618px) {
	.img-scroll2{ width:100%;}
}

@media screen and (max-width:668px) {
.ful1{ width:100%; float:none; min-height:auto;}
.ful2{ width:100%; margin-left:0%; float:none}
.ful3{ width:100%; float:none}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
.pjzi{ width:423px;}
.img-list3 li{ width:310px; margin-right:25px;}
.img-list3 li .chanlie{ width:310px;}
.chanlie img{ display:block; width:100%;}
.netu{ width:261px;}
.prr{ width:644px;}
.nezi {
    margin-left: 284px;
}

.abshipin{ width:438px; }
.top20{ width:438px !important;}
.ab2lien{ width:186px; margin-left:10px;}
.img-list4 li{ margin-right:115px;}
.ablie{ width:310px; margin-left:25px;}
.prmain .chanlie{ width:300px; margin-left:38px;}
.remain .chanlie{ width:300px; margin-left:38px;}
.chanzi a{ width:80%;}
}

@media screen and (max-width:999px) {
.pjlie1 .pjtu,.pjlie2 .pjtu,.pjtu{ width:100%; float:none; text-align:center;}
.pjzi,.pjlie2 .pjzi,.pjlie1 .pjzi{ width:auto; float:none; }
.img-list3 li{ width:3.3%; margin-right:0.1%;}
.img-list3 ul {
    width: 1000%;
}
.img-list3 li .chanlie{ width:100%;}
.chana1{ margin-bottom:5px !important;}
.chana2{ margin-bottom:5px !important;}

.abshipin{ width:100%; max-width:636px; float:none; margin:0 auto;}
.top20{ width:100% !important; }
 .ab1zi{ width:100%; float:none;}
.zhengfu{ top:0px; margin:0px;}
.ab2lien{ width:30%; margin-left:3% !important; margin-top:10px !important; }
.img-list4 ul{ width:1000%}
.img-list4 li{ width:3.3%; margin-right:0.1%; background:none; max-width:236px;}
.ablie{ width:32%; margin-left:1%; }


.prmain .chanlie {
    width: 32.3%;
    float: left;
    margin-left: 1% !important;
}
.remain .chanlie {
    width: 32.3%;
    float: left;
    margin-left: 1% !important;
}

.prmain .chanlie .chanzi a{ width:60% !important;}
}
@media screen and (max-width:840px) {
	.ablie{ width:48%; margin-left:1% !important; }
}
@media screen and (max-width:566px) {
.img-list3 li{ width:4.9%; margin-right:0.1%;}
.chanzi a{ line-height:34px; font-size:1.4rem;}
.hotbiao{ font-size:2rem;}
.ablie{ width:98%; margin-left:1% !important; margin-bottom:10px; }
.zhengfu{ display:none;}

/*.img-list4 li{ width:4.9%; margin-right:0.1%; background:none; max-width:236px; margin-bottom:10px;}*/
.ab2lien{ width:47%; margin-left:3% !important; margin-top:10px !important; }
.ab1biao{ font-size:2rem;}
}
@media screen and (max-width:999px) {
.prr{ width:100%; float:none;}
.prl{ width:100%; float:none; margin-top:0px;}
.prltbiao {
     padding-bottom: 0px; 
     margin-bottom: 0px; 
}
.prltbiao a{ padding-top:16px;}
.chanzi input{ top:8px;}
}

@media screen and (max-width:794px) {
.nezi{ margin-left:0px; padding-top:10px;}
.netu{ width:100%; max-width:325px; margin:0 auto; position:relative;}
.netu img{ width:100%;}
}
@media screen and (max-width:618px) {
.prmain .chanlie {
    width: 49%;
    float: left;
    margin-left: 1% !important;
}
.remain .chanlie {
    width: 49%;
    float: left;
    margin-left: 1% !important;
}
}

@media screen and (max-width:380px) {
.prmain .chanlie {
    width: 98%;
    float: left;
    margin-left: 1% !important;
}
.remain .chanlie {
    width: 98%;
    float: left;
    margin-left: 1% !important;
}
}



@media screen and (min-width:1000px) and (max-width:1219px) {
.prtn > li{ width:193px;}
#tsShopContainer{ float:none; margin:0 auto; margin-top:20px;}
.jianjie{ float:none; width:100%;}
}
.subNavBox2{ padding-bottom:9px;}
.subNav2{cursor:pointer; line-height:18px; padding:12px 0px 16px 0px; padding-left:32px; padding-right:30px; border-bottom:1px solid #fff; background:#26252b; }
.subNav2 a{ font-size:16px; font-size:1.6rem; color:#fff;}
.subNav2:hover{background:#e60012;}
.subNav2:hover a{color:#fff}
.currentDd2 a{color:#fff}
.currentDt2{background:#e60012; border-bottom:1px solid #e60012;}
.navContent2{display: none; padding-top:9px; padding-bottom:17px; margin-bottom:8px; border-bottom:1px solid #f9f9f9; background:#f9f9f9}
.navContent2>li{ cursor:pointer;}
.navContent2>li>a{ display:block; padding:5px 0; padding-left:27px; font-size:14px; font-size:1.4rem; line-height:26px;}
.navContent2>li>a:hover{ color:#e60012;}
.xuanzhong{ color:#e60012;}
.subNavBox2{ display:none}



@media screen and (max-width:999px){
.subNavBox2{ width:100%; display:block;}
/*.prtn{ display:none}*/
.prtn>li>a{
    
    line-height: 24px;
    border-radius: 10px;
    font-size: 12px;
    font-size: 1.2rem;}
#tsShopContainer{ float:none; margin:0 auto; margin-top:20px;}
.jianjie{ float:none; width:100%;}
.jianjie h1{ font-size:2rem;}
}
@media screen and (min-width:1000px){
.chanx2{ display:none}
}
@media screen and (max-width:999px){
#tsShopContainer{ display:none;}
.chanx2{ width:100%;}
.chanx2 a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-bottom:19px;}
.chanx2 a img{ width:100%; max-width:444px; max-height:289px; border:1px solid #ddd}
}
@media screen and (max-width:399px){
.chanx2 a{ width:98%;}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
.col {
    width: 310px;
  
}
}
@media screen and (max-width:999px){
	.col { float:none; width:100%;}
	.cor{ float:none; width:100%; margin-right:0px;}
	.coxin .int1,.coxin .int2{ width:97%; float:left;}
	.coxin .int1 input, .coxin .int2 input,.coxin textarea{ width:90%;} 
	.coxin .int4 {
    width: 90%;
	 float:none; margin: auto;
    margin-top: 20px;
}
.inno a{ width:129px;}
#online_qq_layer{ display:none;}
}
@media screen and (max-width:484px){
.coxin .int3{ width:78px;}
.coyanzheng{ margin-left:5px;}

}
	.navContent3{display: none;
}
@media screen and (max-width:640px){
.ful1{ display:none;}
.fdingwei{ display:none;}
.shejiao{ display:none;}
.ful3 .fbiao{ display:none;}
}
.weixink{margin-left: 14%;}
.weixink img{max-width: 100px; width: 100%; margin-left: 3%;}
.weixink a{display: block; margin-left: 10%; font-size: 14px; color: #fff;}
@media screen and (max-width:640px){
	.weixink{ margin-left:30%;}
	}
    .table table tr td {border: 1px solid #333; }


   .suo1::-webkit-input-placeholder {/* WebKit browsers */
     color:#fff;opacity:1}
    .suo1:-o-placeholder {/* Mozilla Firefox 4 to 18 */
     color:#fff;opacity:1 }
    .suo1::-moz-placeholder {/* Mozilla Firefox 19+ */
     color:#fff;opacity:1 }
    .suo1:-ms-input-placeholder {/* Internet Explorer 10+ */
     color:#fff;opacity:1 }

.listcart{margin-top: 90px;}
.listcart a.l{float: left;}
.listcart a.r{float: right;}
.listcart a{ background:#3557ae;display:inline-block;height: 34px; width:200px; line-height: 34px;cursor: pointer;border: none;overflow: hidden;color: #fff;cursor: pointer;  border:1px solid #3557ae; padding-left:10px; padding-right:10px; text-align:center; margin-left:10px;}
.listcart a:hover{  border:#3557ae solid 1px;background: #3557ae; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;float: none;}
.listcart{ width:100%; margin-top:50px; }
}
@media screen and (max-width:472px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.chanxiang table tr td {
    border: 1px solid #333;
}

.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{	width:100%;	position:absolute;}
.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide .dotList{ position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; margin-top: 20px; }
.slide .dotList ul li{ display: inline-block;  cursor:pointer; }
.slide .dotList ul li.active{  background:#dd3138;}
.slide .carousel-control{position: absolute; top: 45%; width: 62px; height: 62px; z-index:999; }
.slide .carousel-control.left{left:0;	cursor:pointer; background-image: url("../img/jtl1.png");}
.slide .carousel-control.right{	right:0; cursor:pointer;}
.slide .carousel-control.right { right: 0; background-image: url("../img/jtr1.png"); background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.right:hover { background-image: url("../img/jtr1.png"); }

.slide .dotList ul li{cursor: pointer;  width:20px; height:20px; border-radius:50%; cursor:pointer; margin-right:8px; margin-left:8px; background:#fff;font-size: 0px;  border: none;outline: none; }

.slide .slidedetail{display:none;}
.slide .slide-count { display: none; }




/*gg*/


.foot .ad_bt i{
    display:none;
    font-weight:bold;
    font-size:22px;
    color:#fff;
}


@media screen and (max-width: 640px) {
    .ful1{
        display:block;
    }
    .ful1 ul li {
        width: 100%;
        float: left;
    }
    .ful1 ul {
        margin-top: 0px;
        margin-bottom:8px;
    }
    .ful2 ul {
        margin-top: 0px;
        margin-bottom:8px;
    }
    .foot .ad_bt{
        margin-bottom:10px;
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .shejiao {
        display: block;
    }
    .ful1 ul,
    .ful2 ul{
        display:none;
        transition: none;
    }
    .shejiao a {
        display: block;
        float: left;
        margin-right: 20px;
    }
     .rota {
        transform: rotate(45deg);
    }
    .foot .ad_bt i{
        display:block;
        font-weight:bold;
        font-size:18px;
        color:#fff;
        transition: all linear .3s;
    }
    .ful1 ul li a {
        line-height: 32px;
    }
}



/*gg*/