@charset "utf-8";/* CSS Document */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px}
img{max-width:100%;border:0;vertical-align:middle;}

.description{margin:auto;max-width:1200px;overflow:hidden;}
.pimg-l{float:left;width:46%;padding-right:4%;margin-top:10px;}
.ptxt-r{float:left;width:54%;margin-top:10px;}

/*产品幻灯开始*/
.product-description .images,.product-description .thumbs,.product-description .viewport{position:relative}
.product-description .viewport .description{position:absolute;bottom:1px;left:1px;background-color:rgba(0,0,0,.5);padding:15px 20px;color:#fff}
.viewport{border:1px solid #c4c4c4;}
.product-description .control{position:absolute;top:0;bottom:0;width:50%;cursor:pointer}
.product-description .control.prev{left:0;text-align:left;}
.product-description .control.next{right:0;text-align:right}
.product-description .control i{position:absolute;display:block;width:100%;top:50%;padding:0 35%;font-size:30px;line-height:30px;margin-top:-15px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;color:#0c7c98;}
.product-description .control:hover i{padding:0 25%;opacity:1;filter:alpha(opacity=100);}
.product-description .images{position:relative;text-align:center;display:inline-block;left:50%;transform:translateX(-50%);}
.product-description .images img{position:absolute;top:0;left:0;height:auto}
.product-description .images img:first-child{position:relative}
.product-description .images.loading:after{display:block;position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:url("loader.gif")center center no-repeat}
.product-description .thumbs{font-size:0;padding:10px 0 10px 0;text-align:center;background-color:#fcfcfc;}
.product-description .thumbs img{vertical-align:middle;width:60px;border:1px solid #CECFCE;margin-right:7px;margin-bottom:8px;cursor:pointer;padding-top:2px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.product-description .thumbs img.active,.product-description .thumbs img:hover{border-color:red}
/*产品幻灯结束*/


/*图组开始*/
#gallery{margin:auto;max-width:1200px;padding-bottom:20px;overflow:hidden;}
#gallery h1{font-weight:normal;font-size:16px;background-color:#f4f4f4;height:30px;line-height:30px;padding-left:10px;margin-bottom:10px;color:#666;font-size:1.0em;border-radius:3px;}
#gallery li{float:left;width:25%;box-sizing:border-box;padding:10px;}
#gallery li a {position:relative;}
#gallery li a i{position:absolute;font-size:20px;left:50%;top:50%;transform:translate(-50%,-50%);color:#0c7c98;background-color:#FFF;width:40px;height:40px;line-height:40px;text-align:center;z-index:1;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;filter:alpha(opacity=0);}
#gallery li a:hover i{display:block;opacity:1;filter:alpha(opacity=100)}
/*图组结束*/

/*图组弹出层开始*/
.controllers a,.direction-mini a,.flexslider .slides a:not(.btn),.flexslider-fixed{display:block}
.flexslider-fixed.active{top:0}
.flexslider-fixed{position:fixed;background-color:rgba(0,0,0,0.9);width:100%;overflow:hidden;height:100%;top:100%;z-index:9999;-webkit-transition:top .5s ease-in-out;-o-transition:top .5s ease-in-out;transition:top .5s ease-in-out}
.flexslider-fixed>.btn{position:absolute;right:0;z-index:1}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;padding:0 20px;font-size:14px;user-select:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;color:#666;background-color:transparent;background-image:none;white-space:nowrap;}

.close{float:right;font-size:21px;line-height:40px;padding:0;color:#fff;width:40px;height:40px;background-color:#0c7c98;position:absolute;z-index:1;right:0;top:0;text-align:center;}
.close span{display:inline-block;width:40px;vertical-align:top;-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
.close span:hover{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);color:#FFF;}

.flexslider{overflow:hidden;width:100%;position:relative;height:100%;}
.flexslider [class*="-viewport"]{position:relative;height:100%;width:100%;}
.flexslider.complete .slides{opacity:1;filter:alpha(opacity=100);}
.flexslider .slides{list-style:none;padding-left:0;margin-left:0;margin-right:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .4s ease .1s;-o-transition:opacity .4s ease .1s;transition:opacity .4s ease .1s;margin-bottom:0;position:relative;height:100%;}
.flexslider .slides li{position:relative;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.contain-wrap.in{background:0 0;}
.contain-wrap{position:relative;text-align:center;width:100%;height:100%;/*border:0px solid transparent;background:url("loader.gif") center center no-repeat;*/}
.btn,.btn-red.active,.btn-red:active,.btn.active,.btn:active{background-image:none}
.contain-wrap img{max-width:100%;height:auto}

.flexslider-fixed h4{position:absolute;top:0;margin:0;}
.p-l{padding:30px;}
h4{font-size:18px;font-weight:500;line-height:1.1;color:inherit;}

.controllers ol,.controllers ul{margin:0}
btn, [class*=control-nav]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}

[class*=control-nav] li{position:relative;display:inline-block;vertical-align:middle;margin:0 5px}
[class*=control-nav] a{cursor:pointer}
[class*=control-nav] a[class*=active]{cursor:default;pointer-events:none}
.flexslider-grid [class*="-viewport"]:after,.flexslider-grid [class*="-viewport"]:before{position:absolute;display:block;content:"";height:100%;width:10px;top:0;background-color:#fff}
.flexslider-grid [class*="-viewport"]:before{left:0}
.flexslider-grid [class*="-viewport"]:after{right:0}
[class*=control-nav]{font-size:0;text-align:center;user-select:none;background-color:rgba(0,0,0,.9)}
.btn,[class*=control-nav]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
[class*=control-nav] a{position:relative;width:20px;height:40px;text-indent:100px;overflow:hidden}
[class*=control-nav] a:before{display:block;content:"";position:absolute;width:100%;height:4px;top:50%;margin-top:-2px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-color:#fff}
[class*=control-nav] a:hover:before,[class*=control-nav] a[class*=active]:before{background-color:#0c7c98}
[class*=gallery-control-nav] a:before{background-color:#979797}

.flexslider .slides .contain-wrap img{width:auto;max-width:100%;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.flexslider .slides img, .flexslider [class*="-viewport"], .table {width:100%;}
contain-wrap img {max-width:100%;height:auto;}

.images{position:relative}
.product-gallery-control-nav{position:absolute;height:50px;padding:10px;bottom:0;width:100%;left:0}
.product-gallery-direction-nav li{position:absolute;width:80px;bottom:50px;top:0px}
.product-gallery-direction-nav li.product-gallery-nav-prev{left:0;text-align:left}
.product-gallery-direction-nav li.product-gallery-nav-next{right:0;text-align:right}
.product-gallery-direction-nav a{position:absolute;border:none;height:100%;width:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:0 25px}
.product-gallery-direction-nav a i{position:relative;height:50%;top:50%;display:block;font-size:24px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.product-gallery-direction-nav a:hover{background-color:transparent;color:#0c7c98;padding:0 15px}
.product-gallery-direction-nav .product-gallery-prev{left:0;text-align:left;color:#ffffff;}
.product-gallery-direction-nav .product-gallery-next{right:0;text-align:right;color:#ffffff;}
.border_t_light{border-top:1px solid #f0f0f0}
.product-tools .left,.product-tools .right{width:250px}
/*图组弹出层结束*/



/*产品参数*/
.product-right{ width:100%;overflow:hidden;}
.product-right h1{height:35px;font-size:16px;border-bottom:#eee 1px solid;}
.product-right li{ width:100%;line-height:26px;border-bottom:#eee 1px solid;padding-left:3px;overflow:hidden;}
.product-right li dt{float:left;padding-right:0px;font-weight:bold;}
.product-right li dd{ font-size:14px;}
.product-right li dd .text-red{color:#F00;font-size:16px;}
.product-right li dd .text-hs{color:#999;text-decoration:line-through;font-size:12px;}
.product-right li i{padding:0 2px 0 5px;color:#028fcc;}
.product-right li .wx{float:left;width:135px;}
.product-right li .wx img{float:left;max-width:110px;}
.product-right li .wx span{float:left;display:block;padding-top:5px;width:16px;line-height:18px;}



.forms{margin-top:10px;overflow:hidden;}
.forms h2{font-size:14px;font-weight:normal;padding-top:10px;padding-left:5px;color:#003781;}
.forms li{float:left;padding:10px 10px 0px 5px;overflow:hidden;}
.forms li input.input-text{height:28px;line-height:28px;width:100%;box-sizing:border-box;border:#ddd 1px solid;padding-left:5px;background:#fcfcfc;border-radius:3px;}
.forms li.message{width:100%;}
.forms li.message textarea{width:100%;box-sizing:border-box;border:#ddd 1px solid;height:80px;background-color:#fcfcfc;border-radius:3px;}
.forms li.dosubmit{width:100%;padding-top:0;}
.forms li.dosubmit input{border:none;margin:5px 5px 0 5px;border-radius:4px;font-size:14px;cursor:pointer;background:#028fcc;color:#FFF;padding:8px 30px 8px 30px;}


.ptoolbar{width:100%;box-sizing:border-box;padding:0 10px 0 10px;margin-top:15px;margin-bottom:0px;background-color:#f4f4f4;overflow:hidden;height:40px;line-height:40px;}
.ptoolbar .page-title{float:left;color:#666;font-size:1.0em;}
.ptoolbar .page-title a{color:#003781;font-weight:normal;font-size:1.2em;}
.ptoolbar .page-title a:hover{color:#999;}
.ptoolbar .right{float:right;font-size:18px;}

/*内容开始*/
.content{padding:10px;line-height:24px;}

@media (max-width:1200px){
.description{padding-left:1%;padding-right:1%;}
}
@media (max-width:992px){
}
@media only screen and (max-width:1000px){
#gallery{ box-sizing:border-box;padding:0 5px 0 5px;}
}
@media only screen and (max-width:850px){
.pimg-l{float:none;width:100%;padding:0;}
.ptxt-r{float:none;width:100%;}
}

@media only screen and (max-width:640px){
#gallery li{width:50%;padding:10px 5px;}
.forms li{width:50%;box-sizing:border-box;overflow:hidden;}
}