@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:微软雅黑; font-size: 12px;font-size: 1.2rem;height: 100%; background:url(../images/beijing.jpg)}
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.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family:微软雅黑;  font-size: 12px;font-size: 1.2rem;color:#666666;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#666666;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#666666;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#666666;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#666666;}
 
@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;}}

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


/*  head  */
.head{}
.het{ background:#333333; padding-top:9px; padding-bottom:10px;}
.yvzhong{ float:right;}
.yvzhong a{ display:block; float:left; margin-left:10px;}
.yvzhong a img{ width:24px; height:16px;}

.heb{ padding-top:11px; position:relative; z-index:99}
.logo{ display:block; width:179px; float:left;}
.logo img{ display:block; margin:auto; width:100%; max-width:179px; max-height:63px;}


/*  sousuo  */
.search{width:33px;z-index:9999999; position:absolute;background:none; top:26px; right:0px;}
.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;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: 33px;height: 33px; 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: 33px;line-height:33px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:微软雅黑;  color:#fff; background:none;}
.sb-icon-search,.sb-search-submit{width:33px;height: 33px;display: block;position: absolute; right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:#900000 url(../images/sousuo.png) no-repeat center; border-radius:17px;}

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

.daohang{ float:right; margin-right:72px; margin-top:3px;}
.daohang>li{float:left; position:relative; z-index:999; margin-left:48px;}
.daohang>li>a{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; padding-bottom:17px; line-height:54px; background:url(../images/daohang.jpg) no-repeat bottom center; background-size:2px 0px; background:none\9;}
.daohang>li:hover>a{ color:#900000; background-size:100% 2px;}
.dangqiandao{ color:#900000 !important; background-size:100% 2px !important;}

.yiji{ position:absolute; width:320px; border:1px solid #d2d2d2; top:-9999px; left:-21px; background:#fff; padding:5px 0;}
.yiji li{ position:relative; padding-bottom:1px; padding-right:1px;}
.yiji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:22px; padding:4px; padding-left:20px;}
.yiji li:hover>a{ color:#900000;}
.erji{ position:absolute; width:238px; background:#fff; top:-9999px; left:320px; padding:5px 0;}
.sanji{ position:absolute; width:238px; background:#fff; top:-9999px; left:238px; padding:5px 0;}
.daohang>li:hover .yiji{ top:71px;}
.yiji>li:hover .erji{ top:0px;}
.erji>li:hover .sanji{ top:0px;}

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

.daohang2{ display:none}

@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:492px;}
.index_focusn img {width:80%;}
.index_focus2 {height:272px;}
.index_focusn2 img {width:80%;}

.daohang>li{ margin-left:20px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus,.yiji,.index_focus2{display: none}

.logo{ width:120px; float:none;}
.daohang{ text-align:center; float:none; margin-right:auto;}
.daohang li{ float:none; display:inline-block; *float:left; margin:0 9px;}
.daohang>li>a{ font-size:12px; font-size:1.2rem; padding-bottom:0px; line-height:30px;}
.search{ top:12px;}

.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;height:10px;bottom:0px;left: 50%; margin-left:-80px;}
.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:#900000;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:640px) {.container,.nav,clear3{display: none}}
@media screen and (max-width:639px) {
.daohang,.daohang1{display: none}

.yvzhong{ float:none}
.yvzhong a{ margin-left:auto; margin-right:10px;}
.clear3{ clear:both;}

.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:5px;right:6px;transition:all 0.4s ease 0s; z-index:999999}
.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:30px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}

.daohang2{ display:block; text-align:center; margin-top:0px;}
.daohang2 a{ float:left; width:25%; font-size:12px; font-size:1.2rem; line-height:24px; text-align:center; background:none !important}
.daohang2 .dangqiandao{ color:#900000 !important;}
}

/*  main1  */
.main1{ background:url(../images/m1bei.png) no-repeat center bottom; padding-top:100px; padding-bottom:80px;}
.m1tu{ width:614px; float:right;}
.m1tu img{ display:block; margin:auto; width:100%; max-width:614px; max-height:359px;}
.m1zi{ width:475px; float:left; padding-top:33px;}
.m1zi>a{ display:block; font-size:34px; font-size:3.4rem; color:#900000; line-height:40px;font-family:微软雅黑;  margin-bottom:16px;    text-transform: uppercase;}
.m1zi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; margin-bottom:26px;}
.m1zi a:hover{ color:#900000;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m1tu{ width:500px;}
.m1zi{ width:450px; padding-top:0px;}
}
@media screen and (max-width:999px) {
.main1{ background:none; padding-top:30px; padding-bottom:30px;}
.m1tu{ width:100%; float:none;}
.m1zi{ width:100%; float:none; padding-top:10px;}
.m1zi>a{font-size:24px; font-size:2.4rem; line-height:30px;}
.m1zi p a{font-size:14px; font-size:1.4rem; margin-bottom:20px;}
}

/*  main2  */
.main2{ background:url(../images/m2bei.png) no-repeat top center; padding-top:69px; padding-bottom:99px;}
.m2biao{ display:block; text-align:center; font-size:34px; font-size:3.4rem; color:#900000; line-height:40px;font-family:微软雅黑; }
.m2tu{ display:block; text-align:center; margin-top:10px;}
.m2tu img{ display:block; margin:auto; width:100%; max-width:1206px; max-height:349px;}
.m2a{ display:block; text-align:center; font-size:20px; font-size:2rem; font-weight:bold; line-height:30px; background:url(../images/m2xian.jpg) no-repeat bottom center; padding-bottom:15px; margin-top:18px;}
.main2 p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; text-align:center; margin:0 150px; margin-top:12px;}
.main2 a:hover{ color:#900000;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.main2{ padding-top:29px; padding-bottom:39px;}
.main2 p a{ margin:0px; margin-top:12px;}
}
@media screen and (max-width:999px) {
.main2{ padding-top:29px; padding-bottom:39px;}
.m2biao{ font-size:24px; font-size:2.4rem;}
.m2a{ font-size:18px; font-size:1.8rem;}
.main2 p a{ margin:0px; margin-top:12px;}
}

/* main3  */
.main3{ background:url(../images/m3bei1.png) no-repeat center 236px; padding-bottom:150px;}
.main3 .zong{ position:relative; padding-top:145px;}
.m3tu{ width:855px; position:absolute; right:-55px; top:156px;}
.m3tu img{ display:block; margin:auto; width:100%; max-width:855px; max-height:275px;}
.m3zi{ width:385px; float:left;}
.m3zi>a{ display:block; font-size:34px; font-size:3.4rem; text-transform:uppercase; color:#900000; line-height:44px;font-family:微软雅黑; }
.m3zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; margin-top:18px;}
.m3zi p a:hover{ color:#900000;}

/* main4  */
.main4{ background:url(../images/m3bei2.png) no-repeat center 178px; padding-bottom:192px;}
.main4 .zong{ position:relative; padding-top:118px;}
.m4tu{ width:792px; position:absolute; left:-28px; top:89px;}
.m4tu img{ display:block; margin:auto; width:100%; max-width:792px; max-height:256px;}
.m4zi{ width:419px; float:right;}
.m4zi>a{ display:block; font-size:34px; font-size:3.4rem; text-transform:uppercase; color:#900000; line-height:44px;font-family:微软雅黑; }
.m4zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; margin-top:17px;}
.m4zi p a:hover{ color:#900000;}
@media screen and (max-width:1329px) {
.m3tu{ width:800px; right:5px; top:156px;}
.m4tu{ width:700px; left:5px; top:89px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main3 .zong{ padding-top:50px;}
.main4 .zong{ padding-top:60px;}
.m3tu{ width:540px; right:5px; top:156px;}
.m4tu{ width:500px; left:5px; top:89px;}
}
@media screen and (max-width:999px) {
.main3,.main4{ background:none; padding-bottom:20px;}
.main3 .zong{ padding-top:20px;}
.main4 .zong{ padding-top:20px;}
.m3tu{ width:100%; position:relative; right:auto; top:auto;}
.m4tu{ width:100%; position:relative; left:auto; top:auto;}
.m3zi,.m4zi{ width:100%; float:none;}
.m3zi>a,.m4zi>a{ font-size:20px; font-size:2rem; line-height:30px;}
}

/*  main5  */
.main5{ background:url(../images/m5bei.png) no-repeat center top; padding-top:65px; padding-bottom:105px;}
.m5biao{ display:block; text-align:center; font-size:34px; font-size:3.4rem; text-transform:uppercase; color:#900000; line-height:44px;font-family:微软雅黑; }
.m5lie{ width:380px; float:left; margin-left:30px; background:#fff; margin-top:41px;}
.m5tu{ display:block; text-align:center;}
.m5tu img{ display:block; margin:auto; width:100%; max-width:380px; max-height:248px;}
.m5zi{ padding:20px; padding-bottom:40px;}
.m5a{ display:block; font-size:18px; font-size:1.8rem; line-height:28px; color:#900000;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m5zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#4d4d4d; height:104px; overflow:hidden; margin-top:10px;}
.m5mor{ display:block; width:135px; height:36px; text-align:center; line-height:36px; background:#cccccc; font-size:14px; font-size:1.4rem; color:#900000; margin:auto; margin-top:12px;}
.m5lie:hover{box-shadow:0 7px 10px rgba(10,20,4,0.16)}
.m5lie:hover p a{ color:#900000;}
.m5lie:hover .m5mor{ background:#900000; color:#fff;}
.huitiao{ height:60px; background:#ececec;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m5lie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.main5{ padding-top:30px; padding-bottom:35px;}
.m5lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.m5zi{ padding:10px; padding-bottom:20px;}
.m5a{ font-size:16px; font-size:1.6rem;}
.m5biao{ font-size:24px; font-size:2.4rem;}
.huitiao{ display:none}
}
@media screen and (max-width:739px) {
.m5lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%; margin-top:20px;}
}

/*  foot  */
.foot{ background:#1b1b1b; padding-top:65px; padding-bottom:70px;}
.ful1{ width:200px; float:left;}
.ful2{ width:350px; float:left; margin-left:213px;}
.ful3{ width:312px; float:right;}

.fbiao{ display:block; font-size:24px; font-size:2.4rem; color:#fff; line-height:30px;font-family:微软雅黑; }
.fuln{ font-size:14px; font-size:1.4rem; line-height:30px; color:#fff; margin-top:26px;}
.fuln li,.fuln li a{ color:#fff;}
.f2n{ font-size:16px; font-size:1.6rem; line-height:30px; color:#fff; margin-top:26px;}
.f2n a{ display:block; color:#fff; padding-left:15px; background:url(../images/chilun.jpg) no-repeat left 10px;}
.flogo{ display:block; width:179px; margin-top:36px;}
.flogo img{ display:block; width:100%; max-width:179px; max-height:63px;}
.shejiao{}
.shejiao a{  margin-top:20px;}

.foot1{ background:#000000; text-align:center; padding-top:10px; padding-bottom:10px;}
.foot1 p{ font-size:14px; font-size:1.4rem; color:#fff; line-height:30px;}
.youlian{ line-height:30px; margin-top:1px;}
.youlian p{ display:inline-block; *float:left;}
.youlian a{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; color:#fff; margin:0 10px;}
.foot a:hover,.youlian a:hover{ color:#900000;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ful1{ width:200px;}
.ful2{ width:350px; margin-left:70px;}
.ful3{ width:312px;}
}
@media screen and (max-width:999px) {
.foot{ padding-top:35px; padding-bottom:40px;}
.ful1{ width:30%;}
.ful2{ width:35%; margin-left:1%;}
.ful3{ width:30%;}
.f2n{ font-size:14px; font-size:1.4rem;}
.shejiao a{ margin-right:6px;}
}
@media screen and (max-width:639px) {
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none; margin-left:0px; margin-top:30px;}
.ful3{ width:100%; float:none; margin-top:30px;}
.youlian{ display:none}
}

/***********************************************************************  product  ******************************************************************/
.mianbao{ background:url(../images/mianbao.jpg) repeat-x center top; text-align:center; padding-bottom:30px;}
.biaoti{ display:block; font-size:30px; font-size:3rem; color:#ffffff;font-family:微软雅黑;  padding-top:29px;}
.biaoti span{ color:#ffffff; vertical-align:middle; text-transform:uppercase;}
.biaoti i{ vertical-align:middle;}
.mianbaon{ font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; margin-top:4px;}
.mianbaon a{ color:#fff;}
.mianbaon a:hover{ color:#f80505;}
.cof8{ color:#f80505 !important;}

.prmain{ padding-top:50px; padding-bottom:90px;}
.prnav{ margin-bottom:30px;}
.prnav a{ display:block; background:#4d4d4d; padding:5px; float:left; border-radius:21px; margin-right:50px; margin-top:20px;}
.prnav a span{ display:block; line-height:32px; border:1px solid #ffffff; padding:0 35px; border-radius:16px; font-size:14px; font-size:1.4rem; color:#fff;}
.prnav a:hover{ background:#900000;}
.dangqianpr{ background:#900000 !important;}

.chanlie{ width:274px; float:left; margin-left:34px; background:#fff; margin-top:30px;}
.chantu{ display:block; margin:8px; margin-bottom:7px;}
.chantu img{ display:block; margin:auto; width:100%; max-width:564px; max-height:407px;}
.chanzi{ padding:0 8px; text-align:center; position:relative; padding-bottom:20px;}
.chanzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; text-align:center;    height: 52px;
    overflow: hidden;}
.chanmor{ display:block; width:126px; height:29px; border:1px solid #900000; background:#900000; border-radius:4px; margin:auto; text-align:center; line-height:29px; font-size:14px; font-size:1.4rem; color:#fff; margin-top:12px;}
.chanzi input{ position:absolute; left:50%; margin-left:-97px; bottom:29px; cursor:pointer}
.chanlie:hover .chanmor{ background:#fff; color:#900000;}
.chanlie:hover p a{ color:#900000}

.fenye{ padding-top:50px; position:relative;}
.fenyen{ text-align:center; margin:0 135px;}
.fenyen a{ display:inline-block; *float:left; width:25px; height:26px; background:#900000; text-align:center; line-height:26px; border:1px solid #f8f8f8;margin-right:6px; margin-left:6px;margin-bottom:10px; color:#fff;}
.fenyen a:hover{ background:#fff; color:#900000; border:1px solid #900000;}
.sx{ width:62px !important;}
.no:hover{ background:#900000 !important;color: #fff !important; border:1px solid #f8f8f8!important;}


.dangqianfen{color:#900000 !important; background:#fff !important; border:1px solid #900000 !important;}
.fuxuan{ position:absolute; right:0px; top:50px;}
.fuxuan input{ width:133px; height:26px; background:#900000; border:none; cursor:pointer; color:#fff; cursor:pointer;}
.fuxuan input:hover{ background:#333;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prnav a{ margin-right:10px;}
.chanlie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.prmain{ padding-top:30px; padding-bottom:30px;}
.prnav{ margin-bottom:10px;}
.prnav a{ margin-right:5px; padding:3px; margin-top:5px;}
.prnav a span{ padding:0 10px; font-size:12px; font-size:1.2rem;}
.chanlie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%; margin-top:15px;}
.fuxuan{ position:relative; right:auto; top:auto;}
.fenyen{ margin:0px;}
}
@media screen and (max-width:659px) {
.chanlie{ width:49%;}
.biaoti{ font-size:20px; font-size:2rem;}
}
@media screen and (max-width:439px) {
.biaoti{ font-size:14px; font-size:1.4rem; }

.chanlie{ width:99%;}
}

/***********************************************************************  product2  ******************************************************************/
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:564px;position:relative; float:left; margin-top:29px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{}
#tsShopContainer #tsPicContainer{width:100%;height:108px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;height:22px;background:url(../images/left.png) no-repeat left center;position:absolute;top:63px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;height:22px;background:url(../images/right.png) no-repeat right center;position:absolute;top:63px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/lefth.png) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/righth.png) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:20px;width:1px; left:36px;height:108px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:170px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;width:149px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:149px;height:108px;}

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

.jianjie{ width:534px; float:right; padding-top:23px;}
.jianjie h1{ font-size:20px; font-size:2rem; line-height:30px; font-weight:bold;}

.jiann{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:11px; padding-top:12px; border-top:1px solid #a0a0a0;}
.jiann a{ color:#900000;}
.jiann img{ max-width:100%;}
.jiann table{ width:97%; border-collapse:collapse; line-height:24px;}
.jiann tr td{ line-height:29px; padding:2px; border:1px solid #ccc;}
.jiann tr td a{ color:#333;}
.prshipin{ display:inline-block; margin-right:10px;width:240px; margin-top:22px;}
.prshipin img{ display:block; margin:auto; width:100%; max-width:240px; max-height:161px;}
.share{ display:block; margin-top:27px;}
.inno{}
.inno a{ display:block; width:126px; height:29px; border-radius:3px; text-align:center; line-height:29px; font-size:14px; font-size:1.4rem; background:#fff; border:1px solid #900000; color:#900000; float:left; margin-right:50px; margin-top:15px; }
.inno span{ display:block; width:126px; height:29px; border-radius:3px; text-align:center; line-height:29px; font-size:14px; font-size:1.4rem; background:#fff; border:1px solid #900000; color:#900000; float:left; margin-right:50px; margin-top:15px; }
.inno a:hover{ background:#900000; color:#fff;}

.chanxbiao{ display:block; font-size:20px; font-size:2rem; color:#900000; line-height:36px; border-bottom:1px solid #cccccc; text-transform:uppercase; font-family:微软雅黑;  margin-top:39px;}
.chanxiang {line-height:26px; font-size:14px; font-size:1.4rem; padding-top:12px; padding-bottom:11px; font-family:微软雅黑;}
.chanxiang a{ color:#900000;}
.chanxiang img{ max-width:100%;}
.chanxiang table{ width:100%; border-collapse:collapse; line-height:24px;}
.chanxiang tr td{ line-height:29px; padding:2px; border:1px solid #ccc; font-family:微软雅黑;}
.chanxiang tr td a{ color:#333;}
.chanx{ display:none}


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

@media screen and (min-width:1000px) and (max-width:1219px){
.jianjie{ width:400px;}
.jianjie h1{ font-size:18px; font-size:1.8rem;}
.jiann{ font-size:14px; font-size:1.4rem; margin-top:15px;}
.share{ margin-top:30px;}
.inno{ margin-top:10px;}
.inno a,.inno span{ width:130px;}
}
@media screen and (max-width:999px){
.MagicZoomBigImageCont,.MagicZoomPup,.MagicZoomMain{ display:none !important;}
.MagicZoomPup{ background:rgba(255,255,255,0) !important}
#tsShopContainer{ float:none; margin:auto; margin-top:20px;}
.jianjie{ width:100%; float:none; margin-top:20px; background:none}
.jianjie h1{ font-size:18px; font-size:1.8rem;}
.jiann{ font-size:14px; font-size:1.4rem; margin-top:15px;}
.inno{ margin-top:10px;}
.inno a,.inno span{ width:120px; margin-right:10px;}

.chanxiang{ padding-top:20px; margin-top:20px; padding-bottom:20px;}
.chanxiang {padding-top:25px;}
.chanxiang tr td{ border:1px solid #191919; font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:639px){
#tsShopContainer{ display:none}
.chanx{ display:block; width:100%; margin-top:20px;}
.chanx a{ display:block; width:49%; margin-left:0.5%; margin-right:0.5%; float:left; margin-bottom:10px;}
.chanx a img{ width:100%; max-width:564px; max-height:407px; border:1px solid #ddd}
.jianjie{ margin-top:0px;}
}

/***********************************************************************  news  ******************************************************************/
.nemain{ padding-bottom:89px; padding-top:19px;}
.jvzhong{ margin:0px; padding-top:49px;}
.nemain .m5lie{ margin-top:51px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.nemain{ padding-bottom:39px; padding-top:10px;}
}
@media screen and (max-width:999px){
.nemain{ padding-bottom:39px; padding-top:10px;}
.nemain .m5lie{ margin-top:20px;}
}
@media screen and (max-width:739px){
.nemain .m5lie{ width:49%;}
}
@media screen and (max-width:449px){
.nemain .m5lie{ width:99%;}
}

/***********************************************************************  news2  ******************************************************************/
.nemain2{ padding-top:64px; padding-bottom:91px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem; color:#900000; text-align:center; line-height:24px;}
.neriqi{ display:block; width:90px; margin:auto; font-size:14px; font-size:1.4rem; line-height:24px; padding-left:25px; background:url(../images/shizhong.jpg) no-repeat left center; margin-top:6px;}
.nex {line-height:26px; font-size:14px; font-size:1.4rem; color:#4d4d4d; padding-top:11px;}
.nex p,.nex span,.nex strong,.nex li{ color:#4d4d4d;}
.nex a{ color:#900000;}
.nex img{ max-width:100%;}
.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:29px; padding:2px; border:1px solid #ccc;}
.nex tr td a{ color:#333;}
.share3{ margin-top:30px;}
.share3 img{ display:block;}
.fanpian{ border-top:1px solid #cccccc; margin-top:15px; padding-top:14px;}
.fanpian li{ font-size:16px; font-size:1.6rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li a:hover{ color:#900000;}

/***********************************************************************  about  ******************************************************************/
#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; display:block !important}
 .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)}}

.abmain{ padding-top:12px; padding-bottom:80px;}
.abr{ width:460px; float:right;}
.abl{ width:690px; float:left;}
.abtu{ display:block; margin-top:58px;}
.abtu img{ display:block; margin:auto; width:100%; max-width:460px; max-height:300px;}

.abbiao{ display:block; background:url(../images/abbiao.png) no-repeat 69px top; margin-top:32px;}
.abbiao a{ display:block; font-size:42px; font-size:4.2rem; color:#900000; text-transform:uppercase; line-height:50px; font-family:微软雅黑;  padding-top:18px;}
.abbiao p{ font-size:20px; font-size:2rem; text-transform:uppercase; line-height:30px; color:#57575a; margin-top:4px;}
.abl>p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-bottom:26px; margin-top:18px;}

.abmain2{ background:url(../images/ab2bei.jpg) no-repeat center; background-attachment:fixed; padding-top:55px; padding-bottom:83px;}
.abbiao2{ display:block; font-size:40px; font-size:4rem; color:#900000; text-transform:uppercase; line-height:50px; text-align:center; font-family:微软雅黑; }
.ab1{ width:593px; float:left; margin-top:61px;}
.ab2{ width:593px; float:right; margin-top:46px;}
.ablie,.ablie2,.ablie3{ position:relative; overflow:hidden;}
.abtu2{ display:block;}
.ablie .abtu2 img{ display:block; margin:auto; width:100%; max-width:593px; max-height:385px;}
.ablie2 .abtu2 img{ display:block; margin:auto; width:100%; max-width:289px; max-height:185px;}
.ablie3 .abtu2 img{ display:block; margin:auto; width:100%; max-width:1201px; max-height:376px;}
.abzi{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s; background:#900000; background:rgba(144,0,0,0.7);}
.abzi span{ display:block; position:absolute; width:96%; font-size:26px; font-size:2.6rem; line-height:34px; left:2%; top:50%; margin-top:-17px; text-align:center; color:#fff;}
.ablie2{ width:289px; float:left; margin-left:15px; margin-top:15px;}
.ablie:hover .abzi,.ablie2:hover .abzi,.ablie3:hover .abzi{ top:0px;}
.ablie3{ margin-top:15px;}

.abmain3{ padding-top:76px; padding-bottom:90px;}
.ab2biao{ display:block; font-size:40px; font-size:4rem; color:#900000; text-transform:uppercase; line-height:50px; text-align:center; font-family:微软雅黑; }
.ablie4{ width:207px; float:left; margin-left:41px; margin-top:41px;}
.abtu3{ display:block; position:relative; max-width:207px; margin:auto; overflow:hidden;}
.zhengshu{ display:block; margin:auto; width:100%; max-width:207px; max-height:285px;}
.fangda{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s;}
.abzi2{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center; margin-top:10px;}
.ablie4:hover .fangda{ top:0px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.abr{ width:400px; float:right;}
.abl{ width:570px; float:left;}

.ab1{ width:483px; float:left; margin-top:61px;}
.ab2{ width:483px; float:right; margin-top:46px;}
.ablie2{ width:234px; float:left; margin-left:15px; margin-top:15px;}
.abzi span{ font-size:16px; font-size:1.6rem;}
.ablie4{ width:187px; margin-left:10px;}
}
@media screen and (max-width:999px){
.abmain{ padding-top:12px; padding-bottom:30px;}
.abr{ width:40%; float:right;}
.abl{ width:57%; float:left;}
.abl>p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-bottom:10px; margin-top:10px;}

.abmain2{ background:#cccdcd; padding-top:30px; padding-bottom:33px;}
.abbiao2{ font-size:28px; font-size:2.8rem; line-height:32px;}
.ab1{ width:100%; float:none; margin-top:10px;}
.ab2{ width:100%; float:none; margin-top:10px;}
.abzi{ position:relative; background:none; top:auto; left:auto;}
.abzi span{ position:relative; background:none; top:auto; margin:auto; font-size:14px; font-size:1.4rem; color:#333; left:auto;}
.ablie2{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-top:15px;}

.abmain3{ padding-top:38px; padding-bottom:30px;}
.ab2biao{ font-size:22px; font-size:2.2rem;}
.ablie4{ width:18%; margin-left:1% !important; margin-right:1%;}
}
@media screen and (max-width:769px){
.ablie4{ width:31.333%; margin-left:1% !important; margin-right:1%;}
}
@media screen and (max-width:639px){
.abr{ width:100%; float:none;}
.abl{ width:100%; float:none;}
.abtu{ margin-top:28px;}
.abbiao{ margin-top:12px;}
.abbiao a{ font-size:30px; font-size:3rem;}
.abzi span{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:389px){
.ablie4{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:20px;}
}

/****************************************************************  立即下载  **************************************************/
.domain{ padding-top:50px; padding-bottom:89px;}
.dolie{ border-bottom:1px dashed #cccccc; position:relative; min-height:34px; padding-bottom:20px; margin-top:20px;}
.dolie>a{ display:block; width:88px; height:34px; border:1px solid #900000; border-radius:17px; position:absolute; right:0px; top:0px; background:url(../images/yun.png) no-repeat left center; padding-left:48px; font-size:16px; font-size:1.6rem; color:#900000; line-height:34px;}
.dolie p a{ display:block; margin-right:140px; font-size:16px; font-size:1.6rem; line-height:36px; padding-left:32px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background:url(../images/xiazai.png) no-repeat left center;}
.dolie p a:hover{ color:#900000;}
.dolie>a:hover{ color:#fff; background:#900000 url(../images/yunh.png) no-repeat left center;}
.mat{ padding-top:49px;}
@media screen and (max-width:639px){
.domain{ padding-top:6px; padding-bottom:35px;}
.dolie>a{ top:34px;}
.dolie{ min-height:68px;}
.dolie p a{ margin-right:auto; font-size:14px; font-size:1.4rem;}
}

/****************************************************************  service  **************************************************/
.semain{ padding-top:20px; padding-bottom:100px;}
.selie{ width:565px; height:240px; background:#e5e5e5; margin-top:50px;}
.selien{ padding:0 35px; padding-top:25px;}
.guojia{ display:inline-block; font-size:24px; font-size:2.4rem; text-transform:uppercase; font-weight:bold; color:#900000; /*padding-left:10px;*/}
.guojia1{ background:url(../images/guojia1.jpg) no-repeat left center;}
.guojia2{ background:url(../images/guojia2.jpg) no-repeat left center;}
.guojia3{ background:url(../images/guojia3.jpg) no-repeat left center;}
.guojia4{ background:url(../images/guojia4.jpg) no-repeat left center;}
.guojia5{ background:url(../images/guojia5.jpg) no-repeat left center;}
.guojia6{ background:url(../images/guojia6.jpg) no-repeat left center;}
.guojia7{ background:url(../images/guojia7.jpg) no-repeat left center;}

.juzuo{ padding-left:10px;}

.sep{ display:block; font-size:20px; font-size:2rem; line-height:30px; background:url(../images/sea.jpg) no-repeat left bottom; padding-bottom:7px; margin-top:3px;}
.selie ul{ font-size:16px; font-size:1.6rem; line-height:26px; padding-top:13px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.selie{ width:480px;}
.selien{ padding:0 15px; padding-top:25px;}
}
@media screen and (max-width:999px){
.semain{ padding-top:20px; padding-bottom:30px;}
.selie{ width:100%; float:none; height:auto; margin-top:20px;}
.selien{ padding:0 5px; padding-top:25px; padding-bottom:20px;}
.sep{ font-size:16px; font-size:1.6rem;}
.selie ul{ font-size:12px; font-size:1.2rem;}
}

/****************************************************************  video  **************************************************/
.vimain{ padding-top:14px; padding-bottom:89px; background:url(../images/xvxian.jpg) no-repeat center 70px;}
.vilie{ width:554px; margin-top:56px;}
.vitu{ display:block;}
.vitu img{ display:block; margin:auto; width:100%; max-width:554px; max-height:372px;}
.vizi{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; text-align:center; line-height:30px; margin-top:16px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.vizi:hover{ color:#900000;}
.mat1{ padding-top:39px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.vilie{ width:480px; margin-top:56px;}
}
@media screen and (max-width:999px){
.vimain{ padding-bottom:29px;}
.vilie{ width:49%; margin-top:20px;}
.vizi{ font-size:14px; font-size:1.4rem; font-weight:normal;}
}
@media screen and (max-width:479px){
	.vimain{ background:none;}
.vilie{ width:99%; margin-top:20px;}
}

/***************************************************************  contact  *********************************************************************/
.comain{ padding-top:31px; padding-bottom:99px;}
.lxms2{ font-size:18px; font-size:1.8rem; color:#900000; margin-top:35px; text-transform:uppercase; font-family:微软雅黑; }
.lxz{ width:557px; float:left;}
.lxfs{ line-height:30px; font-size:16px; font-size:1.6rem; margin-top:5px;}
.lxfs li{ padding-left:21px;}
.lxdianhua1{ background:url(../images/codianhua1.jpg) no-repeat left 9px;}
.lxdianhua2{ background:url(../images/codianhua2.jpg) no-repeat left 9px;}
.lxapp{ background:url(../images/coapp.jpg) no-repeat left 9px;}
.lxdizhi{ background:url(../images/codingwei.jpg) no-repeat left 7px;}
.lxxinfeng{background:url(../images/coxinfeng.jpg) no-repeat left 12px;}
.lxqq{background:url(../images/coqq.jpg) no-repeat left 9px;}
.lxs{background:url(../images/cos.jpg) no-repeat left 10px;}
.lxweixin{background:url(../images/weixin.png) no-repeat left 10px;}
.ditu{ display:block; width:100%; max-width:557px; max-height:319px; margin-top:58px;}
.lxy{ width:561px; float:right;}
.lxtou{font-size:18px; font-size:1.8rem; color:#900000; font-family:微软雅黑;  text-transform:uppercase; line-height:26px; margin-top:33px; margin-left:13px;}
.lxfs li a:hover{ color:#900000;}

.lxy .xing{ background:url(../images/xing2.jpg) no-repeat left 16px;}
.se1{ width:68px; height:35px; background:none; border:1px solid #cccccc; line-height:35px;padding-left:4px; color:#666666;float:left; margin-left:11px; cursor:pointer;}
.lxy .int1{ padding-left:13px; margin-bottom:29px; margin-top:15px;}
.lxy .int1 input{  width:530px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; font-size:14px; font-size:1.4rem;}
.lxy .int1 textarea{ width:530px; height:212px; border:1px solid #cccccc; padding-left:15px; line-height:33px; margin-top:2px; font-size:14px; font-size:1.4rem;}
.lxy .int4{ padding-left:12px; margin-top:22px;}
.lxy .int5{ width:138px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; float:left; margin-right:20px; font-size:14px; font-size:1.4rem;}
.lxy .int6{ width:181px; height:37px; float:right; background:#900000; font-size:16px; font-size:1.6rem; color:#fff; border:none; cursor:pointer; text-transform:uppercase;}
.lxy .int6:hover{ background:#000;}

@media screen and (min-width:1000px) and (max-width:1219px){
.lxz{ width:470px; float:left;}
.lxy{ width:494px; float:right;}
.lxy .int1 input{ width:463px;}
.lxy .int1 textarea{ width:463px; height:160px;}
.lxy .int5{ width:98px;}
.lxy .int6{ width:126px;}	
}
@media screen and (max-width:999px){
.comain{ padding-bottom:39px; padding-top:0px;}
.lxz{ width:100%; float:none;}
.lxy{ width:100%; float:none;}
.comain{ padding-bottom:30px;}
.lxy .int1 input{ width:95%;}
.lxy .int1 textarea{ width:95%; height:130px;}
.lxy .int6{ float:left; margin-left:20px;}
.ditu{ margin-top:28px;}
}
@media screen and (max-width:639px){
.lxy .int2{ width:65%;}
.lxy .int1 input{ width:90%;}
.lxy .int1 textarea{ width:90%;}
.lxy .int5{ width:98px; margin-bottom:20px;}
.lxy .int6{ width:126px;}	
.lxy .int5{ width:90%;}
.lxy .int6{ width:106px; margin-left:10px;}
.lxms1{ font-size:14px; font-size:1.4rem;}
}





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


.prshipin{ position:relative;}
.prshipin span{ display:block; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.5); left:0px; top:0px;}
.prshipin span img{ width:26px; height:26px; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-13px;}
.vitu{ position:relative;}
.vitu span{ display:block; width:53px; position:absolute; left:50%; margin-left:-27px; top:50%; margin-top:-27px;}
.vitu span img{ display:block; margin:auto; width:53px; height:53px;}



.img-scroll {position: relative;}
.img-scroll .prev, .img-scroll .next {position: absolute;display:none;}
.img-scroll .prev {left: 0;cursor: pointer;}
.img-scroll .next {right: 0;cursor: pointer;}
.img-list {position: relative; width: 100%; overflow: hidden}
.img-list ul {width: 9999px;}
.img-list li {float: left;display: inline; width:207px; margin-right: 41px; margin-top:41px;}
.ablie4{ width:100%; max-width:207px; margin:auto; float:none; margin:0px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.img-list li { width:207px; margin-right:50px; margin-top:41px;}
}
@media screen and (max-width:999px){
.img-list ul {width: 10000%;}
.img-list li { width:0.24%; margin-right:0.01%; margin-top:41px;}
}
@media screen and (max-width:499px){
.img-list li { width:0.3233%; margin-right:0.01%; margin-top:41px;}
}
@media screen and (max-width:339px){
.img-list li { width:0.49%; margin-right:0.01%; margin-top:41px;}
}