@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Verdana, Geneva, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;}
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:Verdana, Geneva, sans-serif !important;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}

.tips .zong{margin-top:4px;}

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


/*  head  */
.head{ background:#f5f5f5;}
.het{ background:#444444;}
.hexin{ float:left;}
.hexin li{ line-height:38px; float:left; padding-left:26px; font-size:14px; font-size:1.4rem; color:#fff; margin-right:14px;}
.hexin li a{ color:#fff;}
.hedianhua{ background:url(../img/hedianhua.jpg) no-repeat left center;}
.hexinfeng{ background:url(../img/hexinfeng.jpg) no-repeat left center;}
.hexin li a:hover{ color:#0088c4;}

.shejiao{ float:right; margin-top:5px;}
.shejiao a{ float:left; margin-left:12px;}

.logo{ padding-top:36px;float:left; width:189px;}
.logo a{ display:block; text-align:center;}
.logo a img{ width:100%; max-width:189px; max-height:76px;}

.her{ float:right; padding-top:50px;}
.hea1{ display:block; width:101px; height:39px; padding-left:42px; line-height:39px; font-size:16px; font-size:1.6rem; color:#fff; background:#199cdb url(../img/heren.png) no-repeat left center; float:left; margin-right:13px;}
.hea1.myac{width: auto;padding-left: 36px;padding-right: 10px;}
.hea2{ display:block; width:101px; height:39px; padding-left:34px; line-height:39px; font-size:16px; font-size:1.6rem; color:#1f1f1f; background:#fff url(../img/hesuo.png) no-repeat left center; float:left; margin-right:12px;}
.hea3{ display:block; width:98px; height:39px; padding-left:42px; line-height:39px; font-size:14px; font-size:1.4rem; font-weight:bold; color:#ffffff; background:#e50012 url(../img/heso.png) no-repeat left center; float:left;}


.sousuo{ width:498px; height:52px; border:1px solid #4b4b4b; float:right; background:#ffffff; border-radius:9px; overflow:hidden; margin-right:42px; margin-top:46px;}
.sou{ width:450px; height:50px; padding-left:16px; float:left; line-height:50px; font-size:16px; font-size:1.6rem;}
.suo{ width:41px; height:50px; float:right; background:url(../img/sousuo.jpg) no-repeat left center; border-radius:5px;}

.daohang{ margin-top:26px; background:#199cdb;}
.daohang>li{float:left; z-index:99999; position:relative;}
.daohang>li>a{ display:block; font-size:16px; font-size:1.6rem; line-height:62px; font-weight:bold; padding:0 41px;padding:0 42.5px; color:#fff; *color:#333; text-transform:uppercase; background:url(../img/daohang.jpg) no-repeat left center;}
.daohang.b2c>li>a{padding: 0 34px;}
.daohang.b2c>li:first-child>a{background: none;}
.home{ background:none !important;}
.daohang>li:hover>a{ background:#07557b !important; *color:#fff;}
.dangqiandao{background:#07557b !important; *color:#fff !important;}
.daohang>.xiala:hover>a{ background:#07557b url(../img/xiala.png) no-repeat center bottom !important;}

.yiji{ position:absolute; top:-9999px; left:0px; width:200px; background:#199cdb; z-index:999999}
.yiji li{ position:relative; padding:5px;}
.yiji li a{ display:block; padding:7px 10px; font-size:14px; font-size:1.4rem; line-height:24px; color:#fff;}
.yiji li:hover>a{background:#07557b;}
.erji{ position:absolute; top:-9999px; left:200px; width:200px; background:#199cdb; z-index:999999}
.daohang>li:hover .yiji{ top:62px;}
.yiji li:hover .erji{ top:0px;}

/*  lun bo  */
.index_focus {position: relative; width:1200px;height:384px;margin: 0 auto;overflow: hidden;z-index: 9; border-top:5px solid #07557b;}
.index_focusn {width: 100%;position: absolute;left:0px;top: 0px;height: 100%;z-index: 99}
.index_focus .slide_nav{ position:absolute; bottom:23px; left:50%; margin-left:-48px; z-index:9999}
.index_focus .slide_nav a {width: 12px;height:12px;cursor: pointer;float: left; border-radius:50%;margin-right:6px; margin-left:6px; 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:#199cdb;}

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


.daohang2{ display:none}
.banner{ position:relative; padding-bottom:245px; z-index:999}

@media screen and (max-width:1219px) {.daohang>li:last-child{float: right;}}
@media screen and (min-width:1000px) and (max-width:1219px) {
.sousuo{ width:398px; margin-right:15px;}
.sou{ width:350px;}
.daohang>li:last-child{float: right;}
.daohang>li>a{ padding:0 26px; padding:0 26.8px;}
.index_focus { width:980px; height:313px;}
.index_focus .pic{ width:100%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.yiji,.index_focus {display: none}

.head{ position:relative;}
.het{ padding-bottom:6px;}
.her{ padding-top:16px;}
.hexin{ float:none;}
.hexin li{ line-height:28px;}
.shejiao{ float:none;}
.shejiao a{ float:left; margin-left:0px; margin-right:10px;}

.hea1{ width:80px; padding-left:20px; background:#199cdb url(../img/heren.png) no-repeat -15px center; margin-right:5px;}
.hea2{ width:80px; padding-left:16px; background:#fff url(../img/hesuo.png) no-repeat -10px center; margin-right:5px;}
.hea3{ width:90px; padding-left:30px; background:#e50012 url(../img/heso.png) no-repeat -10px center;}

.logo{padding-top:4px;}
.sousuo{ width:95%; float:none; margin:auto; margin-top:10px;}
.sou{ width:82%; padding-left:4px; font-size:14px; font-size:1.4rem;}

.daohang{ float:none; text-align:center; margin-right:auto; margin-top:5px;}
.daohang li{ float:none; display:inline-block; *float:left;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; padding:0 20px; text-transform:none;}

.carousel{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: 5px;left: 50%; margin-left:-20px;-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:#199cdb;}
.carousel ol li:last-child{margin: 0;}
}
.container{margin-top: 10px;}
@media screen and (max-width:799px) {
.daohang>li>a{ font-size:14px; font-size:1.4rem; padding:0 10px; text-transform:none; font-weight:normal;}
}
@media screen and (min-width:640px) {.container1,.nav{ display:none}}
@media screen and (max-width:639px) {
.logo{ width:110px; margin-top:7px; margin-left:0px;}
.sign{ margin-top:10px;}
.cart{ margin-top:10px;}
.sousuo{ margin-top:10px; height:28px;}
.sou{ height:26px; line-height:26px; font-size:12px; font-size:1.2rem;}
.suo{ height:26px;}
.shejiao{ margin-top:5px;}
.hexin{ display:none;}
.het{ padding-top:1px;}

.hea1{ height:29px; line-height:29px; width:55px; font-size:12px; font-size:1.2rem; margin-right:0px;}
.hea2{ height:29px; line-height:29px; width:62px; font-size:12px; font-size:1.2rem; margin-right:0px;}
.hea3{ height:29px; line-height:29px; width:65px; font-size:12px; font-size:1.2rem; font-weight:normal;}


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

.daohang{ display:none;}
.daohang2{ display:block; width:100%; text-align:center; margin-top:0px; background:#199cdb; margin-top:10px;}
.daohang2 a{ display:inline-block; padding:5px 10px; color:#fff; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center;}
}
@media screen and (max-width:339px) {.hea1.myac{width: 96px; padding-left:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}}
@media screen and (max-width:500px){.hea1,.hea2,.hea3{width: 60px;margin-left: 1px;letter-spacing: -1px;}}

/*  main1  */
.main1{ padding-top:10px;}
.m1lie{ width:298px; float:left; margin-left:2px; background:#199cdb;}
.m1zi{ margin:0 25px; padding-top:9px;}
.m1zi>a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; font-weight:bold; line-height:24px;}
.m1zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:23px; color:#dcdcdc; margin-top:3px; height:46px; overflow:hidden;}
.m1tu{ position:relative; margin-top:6px; overflow:hidden;}
.m1tun{ display:block; text-align:center;}
.m1tun img{ display:block; margin:auto; width:100%; max-width:300px; max-height:200px;}
.m1mor{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.5);}
.m1mor img{ display:block; width:61px; height:62px; position:absolute; left:50%; margin-left:-30px; top:50%; margin-top:-31px;}
.m1lie:hover .m1mor{ top:0px;}
.m1zi a:hover{ color:#e50012;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{ width:243px; margin-left:2px;}
.m1zi{ margin:0 10px; padding-top:9px;}
}
@media screen and (max-width:999px) {
.m1lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:10px;}
.m1zi{ margin:0 10px; padding-top:9px;}
.m1mor{ display:none}
}
@media screen and (max-width:469px) {
.m1lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:10px;}
}

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

.main2{ position:relative; padding-top:52px;}
.m2biao{ padding-bottom:6px;}
.m2biao>a{ display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase; color:#000000; line-height:45px; text-align:center;font-family: 'verlag';}
.m2biao p a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; text-align:center; color:#999999; margin-top:9px;}
.m2biao a:hover{ color:#e50012;}
.m2mor{ display:block; position:absolute; right:0px; top:20px; font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#199cdb;font-family: 'verlag'; margin-top:46px;}
.m2mor:hover{ color:#e50012;}

.m2lie{ width:293px; float:left; margin-left:9px; margin-top:30px;}
.m2lien{ border:1px solid #e6e6e6; padding:12px 20px;}
.m2tu{ display:block; text-align:center;text-align: center;}
.m2tu img{ display:block; margin:auto; width:100%; max-width:251px; max-height:251px;}
.m2zi{ display:block; padding-top:29px; border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.m2zi>a{ display:block; font-size:14px; font-size:1.4rem; line-height:23px; color:#199cdb; line-height:24px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m2zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:18px; color:#999999; margin-top:7px; height:36px; overflow:hidden;}
.m2zi2{ }
.m2mor2{ display:block; width:109px; height:35px; border:1px solid #818181; text-align:center; line-height:35px; float:left; margin-top:14px; font-size:14px; font-size:1.4rem; color:#000;}
.m2xin{ display:block; width:19px; float:right; margin-top:21px;}
.m2zi a:hover{color:#199cdb;}
.m2mor2:hover{ background:#199cdb; color:#fff; border:1px solid #199cdb;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m2lie{ width:238px; margin-left:9px; margin-top:30px;}
.m2lien{ padding:12px 10px;}
}
@media screen and (max-width:999px) {
.m2lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-top:30px;}
.m2lien{ padding:12px 10px;}
.m2biao>a{ font-size:20px; font-size:2rem;}
.m2biao p a{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:479px) {
.m2lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%; margin-top:30px;}
.main2{ position:relative; padding-top:20px;}
.m2biao p a{ margin-top:39px;}
}

/*  main3  */
.main3{ position:relative; padding-top:60px; padding-bottom:86px;}
.m3biao{ display:block; text-align:center; font-size:36px; font-size:3.6rem; text-transform:uppercase; line-height:45px; font-family: 'verlag';}
.m3mor2{ display:block; position:absolute; font-size:16px; font-size:1.6rem; text-transform:uppercase; font-family: 'verlag'; right:0px; top:74px;}
.m3biao:hover,.m3mor2:hover{color:#e50012;}

.m3lie{ width:292px; float:left; margin-left:10px; margin-top:33px;}
.m3tu{ position:relative; overflow:hidden;}
.m3tun{ display:block; text-align:center;}
.m3tun img{ display:block; margin:auto; width:100%; max-width:325px; max-height:209px;}
.m3mor{ display:block; background:#fff; background:rgba(255,255,255,0.6); position:absolute; width:100%; height:100%; left:0px; top:100%;}
.m3mor img{ display:block; width:50px; height:50px; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-25px;}
.m3zi{ padding:0 20px; padding-top:14px; padding-bottom:9px; transition:0.5s;}
.m3zi>a{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px;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; color:#666666; margin-top:8px; height:48px; overflow:hidden;}
.m3zi span{ display:block; color:#666666; line-height:24px; padding-left:26px; margin-top:9px; background:url(../img/m3shizhong.png) no-repeat left center; transition:0.5s;}
.m3lie:hover .m3mor{ top:0px;}
.m3lie:hover .m3zi{ background:#199cdb; }
.m3lie:hover .m3zi a{ color:#fff; }
.m3lie:hover .m3zi span{ color:#fff; background:url(../img/m3shizhongh.png) no-repeat left center;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m3lie{ width:238px; margin-left:9px; margin-top:30px;}
}
@media screen and (max-width:999px) {
.m3lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-top:30px;}
.m3mor{ display:none}
}
@media screen and (max-width:479px) {
.main3{ position:relative; padding-top:30px; padding-bottom:30px;}
.m3lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%; margin-top:30px;}
}

/*  main4  */
.main4{padding-top: 23px;padding-bottom: 22px;background: #ede5dd;}
.sign{font-size: 2rem;font-weight: bold;color: #9e9e9e; float:left;line-height: 38px;padding-left:75px;background: url("../img/symail.png") no-repeat 9px center; margin-right: 20px; margin-left:4px;}
.symail,.sycaptcha{height: 46px;background: #fff;padding-left: 13px; font-size:14px; font-size:1.4rem; line-height:46px; float:left;}
.symail{width: 384px;margin-right: 13px;}
.sycaptcha{width: 140px;}
.syyzm{ float:left;margin-left: 13px;width: 127px;height: 46px; cursor:pointer;}
.sysubmit{width: 208px;height: 46px;border: 1px solid #aeacab;text-align: center;font-size: 1.6rem;color: #9e9e9e;text-transform: uppercase;background: transparent;margin-left:11px;cursor: pointer; float:left;}
.sysubmit:hover{color: #333;border: 1px solid #333;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.symail{width: 225px;}
.sysubmit{width: 130px;}
}
@media screen and (max-width:999px) {
.sign{display: block;margin-bottom: 20px;margin-right: 0;}
.symail{width:40%;margin-bottom: 20px; }
.sycaptcha{width: 40%;margin-bottom: 20px;}
}
@media screen and (max-width:639px) {
.symail{width:90%;margin-bottom: 20px; }
.sycaptcha{width: 90%;margin-bottom: 20px;}
.sysubmit{width: 50%;}
.syyzm{ margin-left:auto;}
}

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

.main5{background: #ede5dd; margin-top:5px; padding-top:22px; padding-bottom:19px; margin-bottom:5px;}
.main5 p{ line-height:48px; padding-left:83px; font-size:18px; font-size:1.8rem; color:#9e9e9e; background:url(../img/m5ren.png) no-repeat 13px center;}
.main5 p span{ font-size:20px; font-size:2rem; font-weight:bold; color:#9e9e9e;}
.main5 p a{ color:#d60000; font-weight:bold;}
.main5 p strong{ font-size:30px; font-size:3rem; color:#333333;font-family: 'impact';}

@media screen and (min-width:1000px) and (max-width:1219px) {
.main5 p{ font-size:14px; font-size:1.4rem;}
.main5 p span{ font-size:18px; font-size:1.8rem;}
.main5 p strong{ font-size:25px; font-size:2.5rem; color:#333333;font-family: 'impact';}
}
@media screen and (max-width:999px) {
.main5 p{ font-size:14px; font-size:1.4rem;}
.main5 p span{ font-size:18px; font-size:1.8rem;}
.main5 p strong{ font-size:20px; font-size:2rem; color:#333333;font-family: 'impact';}
}
@media screen and (max-width:639px) {
.main5 p{ line-height:30px;}
}

/*  foot  */
.foot{ background:#199cdb; padding-top:56px; padding-bottom:45px;}
.ful1{ width:270px; float:left;}
.ful2{ width:200px; float:left; margin-left:81px;}
.ful3{ width:230px; float:left; margin-left:77px;}
.ful4{ width:284px; float:right;}

.fbiao{ display:block; font-size:20px; font-size:2rem; color:#fff; line-height:30px;}
.fuln{ margin-top:25px;}
.fuln a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#ffffff;}

.shejiao2{ margin-top:40px;}
.shejiao2 a{ float:left; margin-left:22px;}
.ful4 p{ font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; margin-top:13px;}
.cnzz{ display:block; padding-top:6px;}

.fbiao:hover{ color:#fff}
.fuln a:hover{ color:#e50012;}

.foot2{ background:#444444; padding-top:22px;}
.foot2n{ text-align:center; padding-bottom:10px;}
.foot2n a{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; color:#ffffff; line-height:30px; margin:0 5px;}
.youlian{}
.youlian p{ font-size:14px; font-size:1.4rem; color:#fff; line-height:26px; float:left;}
.youlian a{ display:block; float:left; font-size:14px; font-size:1.4rem; color:#fff; line-height:26px; margin:0 10px;}
.foot2 a:hover{color:#e50012;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ful1{ width:260px; float:left;}
.ful2{ width:180px; float:left; margin-left:10px;}
.ful3{ width:220px; float:left; margin-left:15px;}
.ful4{ width:284px; float:right;}
}
@media screen and (max-width:999px) {
.ful1{ width:48%; float:left;}
.ful2{ width:48%; float:right; margin-left:0px;}
.ful3{ width:48%; float:left; margin-left:0px; margin-top:20px;}
.ful4{ width:48%; float:right; margin-top:20px;}
}
@media screen and (max-width:639px) {
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none; margin-left:0px; margin-top:20px;}
.ful3{ width:100%; float:none; margin-left:0px; margin-top:20px;}
.ful4{ width:100%; float:none; margin-top:20px;}
.youlian{ display:none}
.shejiao2 a{ float:left; margin-left:15px;}
.foot2{ padding-bottom:10px;}
}

/**************************************************************  product  ***************************************************************/
.mianbao{ font-size:14px; font-size:1.4rem; line-height:30px; color:#666666; padding-top:13px; border-top:5px solid #07557b;}
.mianbao a{ color:#666;}
.mianbao a:hover{ color:#199cdb;}
.co19{ color:#199cdb !important;}

.prmain{ padding-bottom:78px;}
.prl{ width:269px; float:left;}
.prr{ width:900px; float:right;}

.subNavBox{ margin-top:14px;}
.prltbiao{ display:block; border-top:6px solid #007cbf; font-size:22px; font-size:2.2rem; color:#007cbf; text-transform:uppercase; line-height:42px;font-family: 'GillSansMTProHeavyItalic';}
.subNav{cursor:pointer; margin-bottom:3px; font-size:16px; font-size:1.6rem; padding-left:44px; padding-right:13px; background:#eeeeee url(../img/prltjia.png) no-repeat left center;}
.subNav a{ display:block; line-height:28px; padding:10px 0; padding-left:11px; border-left:1px solid #fff;}
.subNav:hover{background:#199cdb url(../img/prltjiah.png) no-repeat left center;}
.subNav:hover a{color:#fff;}
.currentDd a{color:#fff; border-left:1px solid #fff;}
.currentDd{background:#199cdb url(../img/prltjiah.png) no-repeat left center;}
.navContent{display: none;border:solid 1px #dcdcdc; margin-bottom:3px; margin-top:-3px; padding-top:9px; padding-bottom:24px;}
.navContent>li a{display:block; font-size:14px; font-size:1.4rem; line-height:36px; background:url(../img/prltjian.jpg) no-repeat left 14px; padding-left:42px;}
.navContent>li a.on,.navContent>li a:hover{color:#0088c4;}

.prr .m2lie{ margin-top:15px; margin-bottom:12px;}
.gouwu{ display:block; float:right; margin-top:21px; margin-left:18px;}

.fenye{ margin-top:77px;}
.fenye 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;}
.fenye a:hover{ background:#199cdb; color:#fff;}
.sx:hover{ color:#199cdb !important;}
.dangqianfen{ background:#199cdb !important; color:#fff !important;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prl{ width:240px; float:left;}
.prr{ width:720px; float:right;}
.prr .m2lie{ width:233px; margin-bottom:10px;}
}
@media screen and (max-width:999px) {
.prl{ width:35%; float:left;}
.prr{ width:63%; float:right;}
.prr .m2lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
}
@media screen and (max-width:639px) {
.prl{ width:100%; float:none;}
.prr{ width:100%; float:none;}
}
@media screen and (max-width:419px) {
.prr .m2lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%;}
}

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

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:425px;position:relative; float:left; margin-top:15px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{ border:1px solid #e6e6e6;max-width: 439px;max-height: 439px;}
#tsShopContainer #tsPicContainer{width:100%;height:90px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;height:90px;background:url(../img/prleft.jpg) no-repeat left center;position:absolute;top:8px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;height:90px;background:url(../img/prright.jpg) no-repeat right center;position:absolute;top:8px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../img/prlefth.jpg) no-repeat left center;position:absolute;top:8px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../img/prrighth.jpg) no-repeat right center;position:absolute;top:8px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:8px;left:40px;width:1px;height:90px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:124px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;width:96px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:1px solid #e6e6e6;display:block;width:96px;height:90px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #199cdb;}

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

.jianjie{ width:433px; float:right; margin-top:22px;}
.jianjie h1{ font-size:18px; font-size:1.8rem; color:#199cdb; line-height:30px; margin-top:8px;}
.jianjien{ font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; margin-top:19px; min-height:240px;}
.jianjien p{ color:#999999;}
.inno{ display:block; width:165px; height:58px; text-align:center; line-height:58px; background:#199cdb;color:#fff; font-size:16px; font-size:1.6rem; margin-right:29px; margin-top:15px;}
.inno:hover{ background:#e50012; color:#fff}

.share{ margin-top:56px;}
.share span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#0093e3; font-family:Arial, Helvetica, sans-serif;}
.share a{ display:block; float:left; margin-left:6px;}

.chanxbiao{ display:block; font-size:26px; font-size:2.6rem; text-transform:uppercase; font-weight:bold; line-height:47px; background:url(../img/chanxbiao.jpg) no-repeat left bottom; margin-top:60px;}
.chanxiang{ font-size:16px; font-size:1.6rem; line-height:32px; padding-top:25px;}
.chanxiang a{ color:#199cdb;}
.chanxiang a:hover{ color:#199cdb;}
.chanxiang img{ max-width:100%;}
.chanxiang table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanxiang tr td{ line-height:24px; padding:2px;}

.chanxiang iframe{max-width: 100%;}

.chanxa{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; text-transform:uppercase; color:#199cdb; border-bottom:1px solid #199cdb; padding-bottom:5px; margin-top:37px;}
.man{ padding-top:20px;}
.malie{ width:161px; float:left; margin-left:23px; margin-top:16px;}
.matu{ display:block; text-align:center;}
.matu img{ display:block; margin:auto; width:100%; max-width:161px; max-height:98px;}
.mazi{ display:block; text-align:center; color:#333 !important; margin-top:6px;}
.chanxa:hover{ color:#199cdb;}

.appn{ padding-top:5px;}
.aplie{ width:287px; float:left; margin-left:19px; margin-top:20px;}
.aptu{ display:block; text-align:center;}
.aptu img{ display:block; margin:auto; width:100%; max-width:287px; max-height:199px;}
.apzi{ display:block; text-align:center; color:#333 !important; margin-top:9px;}

.img-scroll {position: relative; padding-top:30px;}
.renav{ width:54px; height:27px; position:absolute; right:0px; top:62px;}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width:27px;height:27px;}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../img/releft.jpg);}
.img-scroll .next {right: 0;cursor: pointer; background:url(../img/reright.jpg);}
.img-scroll .prev:hover { background:url(../img/relefth.jpg);}
.img-scroll .next:hover { background:url(../img/rerighth.jpg);}
.img-list {position: relative; width:100%; overflow: hidden}
.img-list ul {width: 9999px; margin-top:56px;}
.img-list li {float: left;display: inline; width:293px; margin-right:10px;}
.img-list li .m2lie{ width:100%; margin:auto;}

@media screen and (min-width:1000px) and (max-width:1219px){
#tsShopContainer{ float:none; margin:auto;}
.MagicZoomBigImageCont,.MagicZoomPup{ display:none !important;}
.jianjie{ width:100%; float:none; padding-top:10px;}
.jianjie h1{ margin-top:20px; background-position:bottom center;}
.jianjien{ min-height:0px;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left;}
.malie{ width:135px; float:left; margin-left:10px; margin-top:16px;}
.aplie{ width:233px; float:left; margin-left:10px; margin-top:20px;}
.img-list li { width:233px; margin-right:10px;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
.prmain2{ padding-bottom:30px;}
.prr{ margin-top:auto;}
#tsShopContainer{ display:none}
.chanx{ width:100%;}
.chanx a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:15px;}
.chanx a img{ width:100%; max-width:425px; max-height:396px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:10px;}
.jianjien{ min-height:0px;}

.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left; margin:0 3px; width:100px; font-size:14px; font-size:1.4rem;}
.malie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.aplie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.img-list ul {width: 10000%;}
.img-list li {width:0.48%; margin-right:0.03%;}
.mazi{ font-size:14px; font-size:1.4rem;}
.apzi{font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:759px){
.malie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.aplie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.gouwu{ margin-left:10px;}
}
@media screen and (max-width:399px){
.aplie{ width:99%; margin-left:0.5% !important; margin-right:0.5%;}
.img-list li {width:0.99%; margin-right:0.03%;}
}

/*************************************************************************  news  *********************************************************************/
.nemain{ padding-bottom:79px; padding-top:4px;}

.nelie{ position:relative; min-height:209px; margin-top:20px; padding-bottom:30px;}
.netu{ width:325px; position:absolute; left: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; padding-top:5px; color:#666666; line-height:24px; font-weight:bold; 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:15px; height:96px; overflow:hidden;}
.nemor{ display:block; width:110px; height:32px; border:1px solid #199cdb; border-radius:16px; color:#199cdb; text-align:center; line-height:28px; float:left; font-size:14px; font-size:1.4rem; margin-top:37px;}
.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:#199cdb;}
.nemor:hover{ background:#199cdb; color:#fff;}
.jvzhong{ padding-top:20px; margin-top:30px; text-align:center; display:block;}

@media screen and (min-width:1000px) and (max-width:1219px){
.hotmain .img-list3 li {margin-right:37px;}
}
@media screen and (max-width:999px){
.nebiao{ font-size:16px; font-size:1.6rem;}
.nezi p a{ font-size:14px; font-size:1.4rem;}
.mat3{ padding-top:10px;}
.hotmain .img-list3 li { width:0.3233%;margin-right:0.013%;}
.hotmain{ padding-bottom:20px;}
}
@media screen and (max-width:799px){
.nelie{ margin-bottom:20px;}
.netu{ position:relative; left:auto; top:auto; margin:auto; width:auto;}
.nezi{ margin-left:auto; margin-top:30px;}
.nezi p a{ height:auto;}
.nemor{ margin-top:20px;}
.nezi span{ margin-top:25px;}
.nemain{ padding-bottom:31px;}
.fenyen{ margin-top:30px;}
.jvzhong{ padding-top:20px;}
}
@media screen and (max-width:659px){
.hotmain .img-list3 li { width:0.49%;margin-right:0.013%;}
}
@media screen and (max-width:379px){
.hotmain .img-list3 li {width:0.99%;}
}

/*************************************************************************  news2  *********************************************************************/
.nemain2{ padding-bottom:88px; padding-top:9px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px; color:#666666; text-align:center;}
.riqi{ display:block; width:120px; margin:auto; padding-left:21px; background:url(../img/neshizhong.jpg) no-repeat left center; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:20px;white-space: nowrap;}
.nex{ font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; padding-top:50px;}
.nex p,.nex strong,.nex span{ color:#666666;}
.nex a{ color:#199cdb;}
.nex a:hover{ color:#199cdb;}
.nex img{ max-width:100%;}
.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:24px; padding:2px;}

.fanpian{ font-size:14px; font-size:1.4rem; line-height:26px; border-top:1px solid #199cdb; margin-top:35px; padding-top:46px;}
.fanpian li{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li a:hover{ color:#1a95e1;}

/*************************************************************************  about  *********************************************************************/
.abmain{ padding-bottom:104px;}
.abl{ padding-top:23px;}
.abl a{ display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase; line-height:40px; background:url(../img/abbiao.jpg) no-repeat left bottom;font-family: 'verlag'; padding-bottom:18px; margin-bottom:34px;}
.abl p{ font-size:16px; font-size:1.6rem; line-height:40px; margin-top:21px;}
.abtu1{ display:block; width:612px; float:right; margin-left:20px;padding-bottom:18px !important; background:none !important; margin-bottom:0px !important; margin-top:12px;}
.abtu1 img{ display:block; margin:auto; width:100%; max-width:612px; max-height:347px;}
.abl a:hover{ color:#333;}

.ab2{ background:#07557b; margin-top:40px;}
.ab2l{ width:50%; float:left;}
.abtu2{ width:50%; float:right;}
.abtu2 img{ display:block; margin:auto; width:100%; max-width:600px; max-height:392px;}
.ab2ln{ padding-left:55px; padding-right:30px; height:392px; display:table-cell; vertical-align:middle;}
.ab2ln a{ display:block; font-size:40px; font-size:4rem; color:#fff; text-transform:uppercase; font-family: 'verlag';}
.ab2ln p{ font-size:16px; font-size:1.6rem; color:#fff; line-height:30px; margin-top:20px;}
.ab2ln a:hover{ color:#fff;}

.ablie{ width:386px; float:left; margin-left:21px; margin-top:60px;}
.ablie a{ display:block;}
.ablie a img{ display:block; margin:auto; width:100%; max-width:386px; max-height:250px;}
.ablie p{ font-size:16px; font-size:1.6rem; line-height:24px; margin-left:10px; margin-top:15px; height:96px; overflow:hidden;}

@media screen and (min-width:1000px) and (max-width:1219px){
.abtu1{ width:512px;}
.ab2ln{ padding-left:20px; padding-right:20px; height:320px;}
.ablie{ width:320px; margin-left:10px; margin-top:60px;}
.ablie p{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px){
.abtu1{ width:auto; float:none; margin:auto;}
.abl a{ font-size:26px; font-size:2.6rem;}
.abl p{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:15px;}

.ab2l{ width:100%; float:none;}
.abtu2{ width:100%; float:none;}
.ab2ln{ height:auto; padding:10px;}
.ab2ln a{ font-size:26px; font-size:2.6rem;}
.ab2ln p{ font-size:14px; font-size:1.4rem;}
.ablie{ width:100%; float:left; margin-left:0px; margin-top:20px;}
.ablie p{ font-size:14px; font-size:1.4rem; height:auto;}
}

/********************************************************************************  download  *******************************************************************/
.domain{ padding-bottom:86px; margin-top:15px;}
.dolie{ border-bottom:1px dashed #666666; position:relative; padding-bottom:32px; margin-bottom:25px; margin-top:22px;}
.pdf{ display:block; width:75px; position:absolute; left:0px; top:10px;}
.pdf img{ width:75px; height:76px;}
.xiazai{ display:block; width:157px; height:53px; border:1px solid #199cdb; color:#199cdb; background:url(../img/xiazai.png) no-repeat left center; padding-left:61px; font-size:16px; font-size:1.6rem; line-height:53px; position:absolute; right:0px; top:23px; font-family:Verdana, Geneva, sans-serif;}
.dolien{ padding-left:102px; padding-right:280px;}
.dolien>a{ display:block; font-size:18px; font-size:1.8rem; color:#666666; font-weight:bold; line-height:36px; padding-top:6px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.dolien p a{ display:block; color:#666666; font-size:16px; font-size:1.6rem; line-height:24px; height:48px; overflow:hidden;}
.dolien a:hover{ color:#199cdb;}
.xiazai:hover{ background:#199cdb url(../img/xiazaih.png) no-repeat left center; border-radius:9px; color:#fff;}
.mat5{ margin-top:40px; padding-top:56px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.dolien{ padding-left:85px; padding-right:200px;}
.xiazai{ right:0px;}
}
@media screen and (max-width:999px){
.dolien{ padding-left:85px; padding-right:180px;}
.xiazai{ right:0px;}
}
@media screen and (max-width:639px){
.domain{ padding-bottom:23px;}
.pdf{ top:0px;}
.xiazai{ top:21px;}
.dolien{ padding-left:0px; padding-right:0px; padding-top:80px;}
.dolien p a{ height:auto;}
.jvzhong2{ margin-top:0px;}
.mat5{ margin-top:40px; padding-top:16px;}
}

/*****************************************************************  feedback  *********************************************************************/
.foxin{ padding-top:36px; padding-bottom:144px;}
.foxin a{ display:block; text-align:center; font-size:30px; font-size:3rem; font-weight:bold; line-height:40px;}
.foxin p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#4d4d4d; text-align:center; margin:0 50px; margin-top:23px;}
.foxinn{ padding-left:33px; padding-right:55px; padding-top:33px}
.foxin .xing{ background:url(../img/xing.jpg) no-repeat left 22px; padding-left:19px;}
.foxinn .int1{ padding-left:19px; float:left; margin-top:42px;}
.foxinn .int2{ padding-left:19px; float:right; margin-top:42px;}
.foxinn .int1 input,.foxinn .int2 input{ width:507px; *width:495px; height:50px; padding-left:12px; border:1px solid #d2d2d2; color:#a6a6a6; font-size:15px; font-size:1.5rem; line-height:50px; }
.tex{ padding-top:50px; background:url(../img/xing.jpg) no-repeat left 76px; padding-left:19px;}
.foxinn textarea{ width:1095px; *width:1083px; height:204px; padding-left:12px; border:1px solid #d2d2d2; color:#a6a6a6; font-size:14px; font-size:1.4rem; line-height:50px;}
.foxinn .int5{ margin-top:47px;}
.foxinn .int3{ width:386px; *width:374px; height:50px; padding-left:12px; border:1px solid #d2d2d2; color:#a6a6a6; font-size:15px; font-size:1.5rem; line-height:50px; float:left;}
.foyanzheng{ width:163px; height:50px; float:left; margin-left:21px; cursor:pointer;}
.foxinn .int4{ width:459px; height:50px; float:right; background:#173983; font-size:17px; font-size:1.7rem; color:#fff; cursor:pointer; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;}
.foxinn .int4:hover{ background:#007eff;}
.ditu{ display:block; width:100%; max-width:1209px; max-height:586px; margin-top:16px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.foxinn .int1 input,.foxinn .int2 input{ width:407px; *width:395px; }
.foxinn{ padding-left:10px; padding-right:10px;}
.foxinn textarea{ width:932px;}
.foxinn .int4{ width:330px;}
}
@media screen and (max-width:999px){
.foxin{ height:auto; padding-bottom:30px;}
.foxinn{width:auto; padding-top:20px;}
.foxinn .int1,.foxinn .int2{  width:auto; float:none; margin-top:15px;}
.foxinn .int1 input,.foxinn .int2 input{ width:100%; *width:95%;}
.foxinn textarea{ width:100%; *width:95%;}
.foxinn .int4{ width:30%; float:left; margin-left:10px; font-size:12px; font-size:1.2rem;}
.foxinn .int3{ width:30%;}
.foxinn{ padding-left:10px; padding-right:10px;}
.tex{ padding-top:15px; background:url(../img/xing.jpg) no-repeat left 40px; padding-left:19px;}
.foxinn .int5{ margin-top:15px;}
}
@media screen and (max-width:639px){
.foxinn .int1 input,.foxinn .int2 input{ width:100%; *width:90%;}
.foxinn textarea{ width:100%; *width:90%;}
.foxinn .int4{ width:40%; margin-top:15px;}
.foxinn .int3{ width:100%; *width:90%;}
.foyanzheng{ margin-left:auto; margin-top:15px;}
}
@media screen and (max-width:359px){
.foxinn .int4{ width:100%; *width:90%; margin-left:auto; margin-top:15px;}
}

/*************************************************************************  contact  *****************************************************************/
.comain{ padding-bottom:71px; background:url(../img/quanqiu.png) no-repeat center top; margin-top:40px;}

.coxin{ width:645px; margin:auto; padding-top:11px;}
.coxin .int1{ line-height:47px; width:644px; *width:600px; height:45px; border-bottom:1px solid #c9c9c9; padding-left:44px; font-size:16px; font-size:1.6rem; margin-top:24px;}
.coxin textarea{ line-height:47px; width:644px; *width:600px; height:187px; border-bottom:1px solid #c9c9c9; padding-left:44px; font-size:16px; font-size:1.6rem; margin-top:24px;}
.coren{ background:url(../img/coren.png) no-repeat left center;}
.coxinfeng{ background:url(../img/coxinfeng.png) no-repeat left center;}
.codianhua{ background:url(../img/codianhua.png) no-repeat left center;}
.cofang{ background:url(../img/cofang.png) no-repeat left center;}
.coxin textarea{ background:url(../img/cobi.png) no-repeat left 13px;}
.coxin .int2{ line-height:47px; width:261px; *width:245px; height:45px; border-bottom:1px solid #c9c9c9; padding-left:16px; font-size:16px; font-size:1.6rem; margin-top:20px; background:url(../img/xing.jpg) no-repeat left 20px; float:left;}
.coyanzheng{ width:148px; height:50px; float:left; margin-left:29px; margin-top:18px; cursor:pointer}
.coxin .int3{ width:184px; height:50px; margin-top:45px; background:#e77817; font-size:18px; font-size:1.8rem; text-transform:uppercase; color:#fff; cursor:pointer}
.coxin .int3:hover{ background:#333;}

.ditu{ display:block; width:100%; max-width:1202px; max-height:434px; margin-top:77px;}

@media screen and (max-width:999px) {
.coxin{ width:auto;}
.coxin .int1,.coxin textarea{ width:100%; *width:90%; padding-left:44px;}
}
@media screen and (max-width:639px) {
.coxin .int1,.coxin textarea{ width:100%; *width:82%; padding-left:44px;}
.coxin .int2{ width:100%; *width:82%; padding-left:44px;}
.coyanzheng{ margin-left:auto;}
}

/*************************************************************************  shop1  *****************************************************************/
.shmain{ padding-top:39px; padding-bottom:84px;}
.sha{ display:block; font-size:20px; font-size:2rem; line-height:30px;}
.shp{ font-size:16px; font-size:1.6rem; line-height:24px; color:#999999; margin-top:19px;}

.xuanze{ background:#f3f3f3; border:1px solid #e5e5e5; padding:11px 13px; margin-top:27px; margin-bottom:19px;}
.se1{ width:216px; height:46px; border-radius:5px; border:1px solid #eeeeee; background:#fff; padding-left:23px; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; float:left; cursor:pointer;}
.se2{ width:216px; height:46px; border-radius:5px; border:1px solid #eeeeee; background:#fff; padding-left:23px; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; margin-left:15px; float:left; cursor:pointer;}
.se3{ width:216px; height:46px; border-radius:5px; border:1px solid #eeeeee; background:#fff; padding-left:23px; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; float:right; cursor:pointer;}

.shzi{ line-height:35px; background:#e50012; margin-top:14px;}
.shzi span{ display:block; float:left; padding-left:27px; font-size:16px; font-size:1.6rem; color:#fff; font-weight:bold;}
.shzi a{ display:block; width:106px; width:106px; *width:63px; float:right; background:#444444 url(../img/gouwuche2.jpg) no-repeat 15px center; padding-left:43px; font-size:14px; font-size:1.4rem; color:#fff;}
.shzi a:hover{ color:#fff; background:#444444 url(../img/gouwuche2.jpg) no-repeat 10px center;}
.shmain .m2lie{ margin-top:34px;}
.mat1{ padding-top:66px;}
@media screen and (max-width:999px) {
.se1{ width:150px; padding-left:10px; font-size:14px; font-size:1.4rem;}
.se2{ width:150px; padding-left:10px; font-size:14px; font-size:1.4rem;}
.se3{ width:150px; padding-left:10px; font-size:14px; font-size:1.4rem;}
.shmain .m2lie{ width:32.333%}
.shzi span{ padding-left:17px;}
}
@media screen and (max-width:639px) {
.se1{ width:100%; padding-left:10px; font-size:14px; font-size:1.4rem;}
.se2{ width:100%; margin-top:10px; margin-left:auto; padding-left:10px; font-size:14px; font-size:1.4rem;}
.se3{ width:100%; margin-top:10px; padding-left:10px; font-size:14px; font-size:1.4rem;}
.shmain .m2lie{ width:49%}
.shmain{ padding-top:39px; padding-bottom:34px;}
.mat1{ padding-top:16px;}
}
@media screen and (max-width:429px) {
.shmain .m2lie{ width:99%}
}

/*************************************************************************  shop1  *****************************************************************/
.jianjie2{ width:433px; float:right; margin-top:7px;}
.jianjie2 h1{ font-size:18px; font-size:1.8rem; color:#199cdb; line-height:30px; margin-top:8px;}
.xin1{ padding-top:13px;}
.xin1 img{ display:block; float:left; width:15px; margin-right:4px;}
.xin1 span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:14px; color:#989899; margin-left:8px;}
.jiage{ line-height:58px; background:url(../img/xiewen.jpg); margin-top:52px;}
.jiage p{ float:left; font-size:30px; font-size:3rem; color:#e50012; margin-left:22px;}
.jiage span{ display:block; float:left; font-size:20px; font-size:2rem; color:#a09fa4; font-style:italic; margin-left:19px; text-decoration:line-through;}

.sh2{ padding-top:55px;}
.qu{ font-size:16px; font-size:1.6rem; color:#000;}
.sh2 .int{ width:89px; height:35px; border:1px solid #d3d3d4; text-align:center; font-size:16px; font-size:1.6rem; color:#000; margin-top:8px;}

.add{ display:block; width:205px; height:53px; background:#e50012; line-height:53px; text-align:center; border-radius:2px; font-size:24px; font-size:2.4rem; color:#fff; margin-top:50px; float:left; font-family:Arial, Helvetica, sans-serif;}
.add2{ display:block; width:205px; *width:150px; height:53px; background:#f9f9f9 url(../img/xin.png) no-repeat 27px center; padding-left:55px; line-height:53px; text-align:center; border-radius:2px; font-size:18px; font-size:1.8rem; color:#858585; margin-top:50px; float:left; margin-left:14px; font-family:Arial, Helvetica, sans-serif;}
.add:hover{ background:#0088c4; color:#fff;}
.add2:hover{ color:#333;}

.like{ display:block; background:url(../img/like.jpg) no-repeat left center; padding-left:74px; font-size:14px; font-size:1.4rem; color:#666666; float:left; line-height:34px; margin-top:33px;}
.sold{ display:block; width:100px; height:34px; border-radius:3px; background:#f9f9f9; text-align:center; line-height:34px; float:left; margin-left:22px;margin-top:33px; font-size:14px; font-size:1.4rem; color:#666666;}
.like:hover,.sold:hover{ color:#666;}

.share2{ margin-top:39px; float:right;}
.share2 span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#0093e3; font-family:Arial, Helvetica, sans-serif;}
.share2 a{ display:block; float:left; margin-left:6px;}

#outer { margin-top:62px;}
#tab {overflow:hidden;zoom:1; background:url(../img/tabbei.jpg) repeat-x bottom;}
#tab li {float:left; margin-right:16px;cursor:pointer;	line-height:51px;padding:0 18px; padding-top:2px; font-size:16px; font-size:1.6rem;}
#tab li.currentt { background:url(../img/lantiao.jpg) repeat-x top;}
#contentt {}
#contentt img{max-width: 100%;}

#contentt .ul {display:none; font-size:16px; font-size:1.6rem; line-height:32px; padding-bottom:48px;}

.ulxin{ padding-top:31px;}
.ulxin a{ display:block; font-size:24px; font-size:2.4rem; color:#000;}
.ulxin p{ margin-top:2px;}
.ulxin p span{ color:#e50012;}
.ulxin .int1{ width:888px; *width:898px; height:45px; border:1px solid #d2d2d2; padding-left:10px; margin-top:7px; margin-bottom:5px;}
.ulxin textarea{ width:888px; *width:898px; height:86px; border:1px solid #d2d2d2; padding-left:10px; margin-top:7px;}
.pingxin{ padding-top:16px;}
.pingxin p{ float:left; line-height:25px; margin-right:15px;}
.xinn{ float:left; margin-right:26px;}
.xinn input{ cursor:pointer;}
.pingxin img{}
.ulxin .int2{ width:124px; height:46px; background:#199cdb; float:right; border-radius:4px; color:#fff; cursor:pointer; margin-top:32px;}
.ulxin .int2:hover{ background:#e50012;}

.pinglun{ padding-top:79px;}
.pinlie{ border-bottom:1px dashed #333333; padding-bottom:32px; margin-top:29px;}
.pinl{ float:left;}
.pinl img{ float:left; margin-top:7px;}
.pinl a{ display:block; float:left; margin-left:20px; font-size:14px; font-size:1.4rem; line-height:24px;}
.pinlie span{ float:right; display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666;}
.pinlie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:17px;}
.pinlie a:hover{ color:#e50012;}
.mat2{ padding-top:71px;}

.shbiao{ display:block; font-size:26px; font-size:2.6rem; text-transform:uppercase; line-height:34px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.jianjie2{ width:auto; float:none; margin-top:40px;}
.ulxin .int1{ width:688px; *width:698px;}
.ulxin textarea{ width:688px; *width:698px;}
}
@media screen and (max-width:999px) {
.jianjie2{ width:auto; float:none; margin-top:40px;}
.ulxin .int1{ width:100%; *width:95%;}
.ulxin textarea{ width:100%; *width:95%;}
.add{ width:120px; font-size:14px; font-size:1.4rem;}
.add2{ display:block; width:150px; *width:115px; height:53px; background:#f9f9f9 url(../img/xin.png) no-repeat 7px center; padding-left:35px; font-size:14px; font-size:1.4rem;}
#tab li { margin-right:6px;cursor:pointer; padding:0 5px; padding-top:2px; font-size:14px; font-size:1.4rem;}
}

/*************************************************************************  shop-feedback  *****************************************************************/
.fel{ margin-top:auto; border-top:9px solid #199cdb;}
.fer{ border:1px solid #e3e1d5; margin-top:15px;padding-left:34px; padding-right:41px; padding-top:24px; padding-bottom:96px;}
.dangqiansub{ color:#199cdb !important;}

.fer .foxinn{ padding:0px; padding-top:1px}
.fer .int1 input,.fer .int2 input{ width:371px; *width:356px;}
.fer textarea{ width:807px; *width:793px;}
.febiao{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; color:#199cdb; line-height:45px;}
.fea{ display:block; font-size:36px; font-size:3.6rem; text-align:center; line-height:40px; margin-top:36px;}
.fer p{ text-align:center; font-size:14px; font-size:1.4rem; line-height:30px; color:#4d4d4d; margin-top:22px;}
.fer .xing{ background:url(../img/xing.jpg) no-repeat left 19px; padding-left:19px;}
.fer .int3{ width:233px; *width:219px;}
.fer .int4{ width:387px; background:#199cdb;}
.fer .foyanzheng{ margin-left:14px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.fer{padding-left:10px; padding-right:10px; padding-top:24px; padding-bottom:40px;}
.fer .int1 input,.fer .int2 input{ width:301px; *width:286px;}
.fer textarea{ width:680px; *width:668px;}
.fer .int3{ width:233px; *width:219px;}
.fer .int4{ width:260px; background:#199cdb;}
}
@media screen and (max-width:999px) {
.fer{padding-left:10px; padding-right:10px; padding-top:24px; padding-bottom:40px;}
.fer .int1 input,.fer .int2 input{ width:100%; *width:90%;}
.fer textarea{ width:100%; *width:90%;}
.fer .int3{ width:100%; *width:90%;}
.fer .int4{ width:40%; background:#199cdb; margin-top:12px;}
.fer .foyanzheng{ margin-left:0px; margin-top:12px;}
.febiao{ font-size:20px; font-size:2rem;}
.fea{ font-size:26px; font-size:2.6rem; text-align:center; line-height:35px; margin-top:26px;}
.fel{ margin-top:auto;}
}
@media screen and (max-width:369px) {
.fer .int4{ width:100%; margin-left:auto;}
}

/*************************************************************************  support  *****************************************************************/
.fern{ border:1px solid #e3e1d5; margin-top:15px;padding-left:32px; padding-right:20px; padding-top:24px; padding-bottom:65px;}
.fern p{ text-align:left; margin-top:24px; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666;}
@media screen and (max-width:999px) {
.fern{ border:1px solid #e3e1d5; margin-top:15px;padding-left:10px; padding-right:10px; padding-top:24px; padding-bottom:35px;}
.fern p{ font-size:14px; font-size:1.4rem;}
}

/*======byl 2017-9-8 17:10:40=====*/
 #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}
 

/*去右上角分享 20171106*/
#at4-follow{display: none !important;}