@charset "utf-8";
::-moz-selection { background: #00a2e8;  color:#fff !important;  }
::selection { background: #00a2e8 ; color:#fff !important; }

@font-face {font-family:"OpenSans-Bold";src:url("../font/OpenSans/OpenSans-Bold.eot?") format("eot"),url("../font/OpenSans/OpenSans-Bold.woff") format("woff"),url("../font/OpenSans/OpenSans-Bold.ttf") format("truetype"),url("../font/OpenSans/OpenSans-Bold.svg") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"OpenSans-Regular";src:url("../font/OpenSans/OpenSans-Regular.eot?") format("eot"),url("../font/OpenSans/OpenSans-Regular.woff") format("woff"),url("../font/OpenSans/OpenSans-Regular.ttf") format("truetype"),url("../font/OpenSans/OpenSans-Regular.svg") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"OpenSans-Light";src:url("../font/OpenSans/OpenSans-Light.eot?") format("eot"),url("../font/OpenSans/OpenSans-Light.woff") format("woff"),url("../font/OpenSans/OpenSans-Light.ttf") format("truetype"),url("../font/OpenSans/OpenSans-Light.svg") format("svg");font-weight:normal;font-style:normal;}



html{background:#EEE;}
body{margin:0px; padding:0px; font-family:Arial,Microsoft Yahei,Arial, sans-serif; font-size:14px; font-weight:300; color:#333; background:#EEE;overflow-x:hidden;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
dl,dt,dd{padding:0px; margin:0px;list-style:none;}
p{margin:0px; padding:0px;}
img{border:none; vertical-align:middle; max-width:100%}
a{color:inherit; text-decoration:none;font-family:Arial,Microsoft Yahei,Arial, sans-serif; font-size:inherit;font-weight:300; outline:none; cursor:pointer;transition:All .3s ease-in-out;-webkit-transition:All .3s ease-in-out;-moz-transition:All .3s ease-in-out;-o-transition:All .3s ease-in-out;}
a:hover{color:#00a2e8;text-decoration:none;font-size:inherit;outline: none;}
a:focus {outline: none;text-decoration:none;}
a:active{text-decoration:none;}
u{text-decoration:none;}
input,textarea{-webkit-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb30{padding-bottom:30px;}
.pr30{padding-right:30px;}
.mb15{margin-bottom:15px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.pd10{padding:10px 0;}
.pd20{padding:20px 0;}
.pd30{padding:30px 0;}
.fl{float: left;}
.fr{float: right;}
.clear{height:0;line-height:0; font-size:0; clear:both;}
.text-right{text-align: right;}

@media (max-width:768px){
html,body{background:#FFF}
}

.sp,.en{display: inline-block;color: #ffff00;background: url(../img/sp.jpg) left center no-repeat;padding-left:25px;margin-left: 10px}
.en{background: url(../img/en.jpg) left center no-repeat;}


.search{display:none;position:fixed; top:0;  background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);width:100%;height: 100%;z-index: 999}
.search form{display: block;max-width: 500px;padding:0 15px;position:relative;top: 50%;margin:-20px auto 0 auto; }
.search input{border:0;outline:0;background:#FFF;color:#333;border:1px solid #EEE;margin:0;padding:10px 18px;display:block;width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.search button{position:absolute;right:25px;display:block;width:24px; height:24px;outline: none;font-size:18px;top:50%;margin:-12px 0 0 0;color:#248ab2;border:0;background:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.search button:hover{color:#f55507}
.search .fa-close{position: absolute;top:  -30px;left:50%;color: #FFF;cursor: pointer;font-size: 14px}

@media (max-width:992px)
{
	header{background:#26b7e4;margin-bottom:15px;}
	body{padding-bottom:80px;}
	.top{display: none;}
	.logo{padding-top:3px;padding-bottom:3px;}
	.logo img{max-height:50px}
	
	.menu{position:fixed!important;-webkit-transform: translateZ(0); left:0; bottom:0; width:100%; -moz-calc(100% + 20px);width: -webkit-calc(100% + 20px);width: calc(100% + 20px); z-index:997; background:#333;margin-left: -10px;margin-right: -10px;}	
	.menu .menuUL{margin:0; padding:0; list-style:none}
	.menu .menuUL li{float:left;width:12.5%;border-right:1px solid #444;text-align:center;}
	.menu .menuUL li .menuA{font-size:8px;-webkit-text-size-adjust:none;line-height:110%;display:inline-block;display:block;padding:10px 0; height:50px;color:#FFF}
	.menu .menuUL li .menuA i{display:block;font-size:18px;color:#FFF;margin:0 0 4px 0}
	.menu .menuUL li.active .menuA{background:#26b7e4}
	.menu .menuUL li.active .menuA i{color:#FFF}
	.menu .menuUL li:last-child{border-right:0;}

	.lang{text-align: right;padding-top:15px;}
	.lang i,.lang a{display: none;}
	.lang a{font-size:10px;-webkit-text-size-adjust:none;margin-left: 5px}
	.lang .fa-search{display:inline-block;cursor: pointer;color: #FFF;font-size: 12px}
	.lang .sp,.lang .en{display:inline-block;}
	
}
@media (min-width:992px)
{
	header{background: #FFF;}
	.top{background: #323847;color:#f2f2f2;padding: 10px 0;}
	.top i{margin-right: 3px;}
	.top a{color: #f2f2f2}
	.top a:hover{color: #FFF}
	.top .sp,.top .en{color: #ffff00;}

	.logo{padding:10px 0;}
	.logo img{max-height:100px}	

	.menu{padding-top:10px;}
	.menuUL{margin:0;padding:0;list-style:none; text-align:left}
	.menuUL li{display:inline-block;position:relative;margin-left: 45px}
	.menuUL li .menuA{font-size:15px;  color:#222;padding:26px 0;display:inline-block;position:relative;}
	.menuUL li.menuOn .menuA{color:#00a2e8}
	.menuUL li:last-child{background:none}
	.menuUL li .menuA i{display:none}

	.lang{text-align: center;padding-top:35px;}
	.lang a{display: none}
	.lang .fa-search{cursor: pointer;font-size: 18px;color: #00a2e8}	
}
@media (min-width:1200px)
{
	.menuUL li{margin-left: 60px}
}
@media (min-width:1700px)
{
	.menuUL li{margin-left: 70px}
}

@media (max-width:992px){
.menuDown{display:none;position:absolute;left:0;bottom:50px;width:100%;border:1px solid #EEE;background:rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);z-index:995;max-height:300px;overflow:auto; text-align:left}
.menuDown a{color:#333;display:block;font-size:13px;padding:8px 15px;font-weight:300;border-bottom:1px solid #FFF;background:#f9f9f9}
.menuDown a:hover{color:#000;background:#26b7e4}
}

@media (min-width:992px){
.menuDown{display:none;position:absolute;left:-1px;width:200px;border:1px solid #EEE;background:rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);  z-index:995;overflow:auto; text-align:left}
.menuDown a{color:#000;display:block;font-size:13px;padding:8px 15px;font-weight:300;position:relative}
.menuDown a:hover{color:#FFF;background:#26b7e4}
}


/*首页大图*/
.swiper-home{position:relative}
.swiper-home .swiper-container{width:100%}
.swiper-home .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;z-index:1}
.swiper-home .swiper-slide .swiper-img{width:100%;display:block}
.swiper-home .swiper-slide .containerBox{width:100%;position:absolute;top:50%;margin:-80px 0 0 0}
.swiper-home .swiper-slide .containerBox .container h2{text-shadow:0 0 1px #000;font-family:OpenSans-Bold;transition:All .5s ease-in-out;-webkit-transition:All .5s ease-in-out;-moz-transition:All .5s ease-in-out;-o-transition:All .5s ease-in-out;transform:translate(40px,0);-webkit-transform:translate(40px,0);-moz-transform:translate(40px,0);-o-transform:translate(40px,0);-ms-transform:translate(40px,0);opacity:0;font-size:48px;color:#FFF;max-width:800px;font-weight:bold;text-transform: uppercase;}
.swiper-home .swiper-slide .containerBox .container p{text-shadow:0 0 1px #FFF;transition:All 1s ease-in-out;-webkit-transition:All 1s ease-in-out;-moz-transition:All 1s ease-in-out;-o-transition:All 1s ease-in-out;transform:translate(40px,0);-webkit-transform:translate(40px,0);-moz-transform:translate(40px,0);-o-transform:translate(40px,0);-ms-transform:translate(40px,0);opacity:0;padding:5px 0;max-width:800px;font-size:20px; color:#444;font-family:"OpenSans-Regular";}
.swiper-home .swiper-slide .containerBox .container div{transition:All 1s ease-in-out;-webkit-transition:All 1.5s ease-in-out;-moz-transition:All 1.5s ease-in-out;-o-transition:All 1.5s ease-in-out;transform:translate(40px,0);-webkit-transform:translate(40px,0);-moz-transform:translate(40px,0);-o-transform:translate(40px,0);-ms-transform:translate(40px,0);opacity:0;}
.swiper-home .swiper-slide .containerBox .container a{font-family:"OpenSans-Bold"; text-transform: uppercase;display:inline-block;background:#00a2e8; color:#FFF; padding:8px 25px;  font-size:14px; margin:20px 0 0 0;}
.swiper-home .swiper-slide .containerBox .container a:hover{background:#e94606; color:#FFF}
.swiper-home .swiper-slide.swiper-slide-active .containerBox .container h2{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);opacity:1}
.swiper-home .swiper-slide.swiper-slide-active .containerBox .container p{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);opacity:1}
.swiper-home .swiper-slide.swiper-slide-active .containerBox .container div{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);opacity:1}
.swiper-home .swiper-pagination{position:absolute;text-align:center;width:100%;bottom:10px;z-index:3}
.swiper-home .swiper-pagination-bullet{width:23px;height:23px;background:url(../img/dot.png) no-repeat;opacity:1;margin-left:3px;}
.swiper-home .swiper-pagination-bullet-active{background:url(../img/dotOn.png) no-repeat}
@media (min-width:1200px)
{
	.swiper-home .swiper-slide .containerBox{margin:-100px 0 0 0}
	.swiper-home .swiper-slide .containerBox .container h2{font-size:58px;}
	.swiper-home .swiper-slide .containerBox .container p{font-size:24px; }
	.swiper-home .swiper-slide .containerBox .container a{padding:10px 30px;  font-size:18px;}
}
@media (max-width:768px)
{
	.swiper-home{margin-top:-15px;}
	.swiper-home .swiper-slide{height: 204px;background-position: top center;background-repeat: no-repeat; background-size: 700px 204px}
	.swiper-home .swiper-slide .swiper-img{display: none;}
	.swiper-home .swiper-slide .containerBox{margin:-30px 0 0 0}
	.swiper-home .swiper-slide .containerBox .container h2{font-size:24px;margin-bottom:10px}
	.swiper-home .swiper-slide .containerBox .container p{font-size:10px;padding:3px 0}
	.swiper-home .swiper-slide .containerBox .container a{font-size:10px;background:#00a2e8; color:#FFF; padding:5px 15px; margin:0;border:0;-webkit-text-size-adjust:none;}
	.swiper-home .swiper-slide .containerBox .container a:hover{background:none; border:0;color:#ef4d38;}	
	.swiper-home .swiper-pagination{bottom:0}
	.swiper-home .swiper-pagination-bullet{width:12px;height:12px;background:url(../img/dot.png) no-repeat;background-size:12px 12px}
	.swiper-home .swiper-pagination-bullet-active{width:12px;height:12px;background:url(../img/dotOn.png) no-repeat;background-size:12px 12px}
}
.topPic{clear:both}
.topPic img{width:100%}


/*首页定制流程*/
.homeTitle{padding:60px 0 30px 0;text-align:center}
.homeTitle h2{position:relative;display:inline-block;font-size: 28px;font-weight:bold;text-transform: uppercase;}
.homeTitle h2:after{position:absolute;content:'';height:1px;width:100%;min-width:100px;max-width:190px;top:40%;background:#EEE;right:250px;}
.homeTitle h2:before{position:absolute;content:'';height:1px;width:100%;min-width:100px;max-width:190px;top:40%;background:#EEE;left:250px;}
@media (max-width:992px){
.homeTitle h2:after{min-width:20px;max-width:50px;right:160px;}
.homeTitle h2:before{min-width:20px;max-width:50px;left:160px;}
}
@media (max-width:768px){
.homeTitle{padding-top:30px;text-align:center}
.homeTitle h2{font-size: 18px;}
}

/*白色背景*/
.white{background:#FFF}

/*首页工厂图切换*/
.homeFactoryBox{background:#323847;border-top:25px solid #FFF}
.homeFactoryBox .homeTitle h2{color:#FFF}
.homeFactoryBox .homeTitle h2:after,.homeFactoryBox .homeTitle h2:before{background:#474c5a;}
.homeFactory{ display:block; position:relative;}
.homeFactory img{display:block; width:100%;border:3px solid #FFF}
.homeFactory h2{font-size:14px;text-align:center;padding:5px 0 0 0;color:#FFF}
.homeFactory .swiper-next,.homeFactory .swiper-prev{ width:33px; height:38px; overflow:hidden; text-indent:-5000px; position:absolute;  top:50%; margin-top:-19px; cursor:pointer}
.homeFactory .swiper-prev{background:url(../img/prev.png) no-repeat; left:-50px;}
.homeFactory .swiper-next{background:url(../img/next.png) no-repeat; right:-50px;}
@media (max-width:768px){
.homeFactory .swiper-next,.homeFactory .swiper-prev{display: none;}
}


/*底部*/
footer{background:#323847;color:#FFF; clear:both;margin-top:15px;}
footer h2{font-size:18px;color:#FFF;text-transform:uppercase; padding:30px 0 10px 0;}
footer .col-xs-6{ padding-bottom:10px;}
footer p{font-size:14px; line-height:160%; padding:8px 0; clear:both}
footer strong{font-size:16px; font-weight:300;color:#FFF}
footer ul{margin:0; padding:5px 0; list-style:none}
footer ul li{padding:1px 0;}
footer ul li a{color:#FFF;font-size: 14px}
footer ul li a:hover{color:#FFF;font-size: 14px}
.searchFooter{padding:15px 0 0 0;clear:both}
.searchFooter form{display: block;max-width: 500px;padding:0 15px 0 0;position:relative;}
.searchFooter input{border:0;outline:0;background:#FFF;color:#333;border:1px solid #EEE;margin:0;padding:5px 18px;display:block;width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.searchFooter button{position:absolute;right:25px;display:block;width:24px; height:24px;outline: none;font-size:18px;top:50%;margin:-12px 0 0 0;color:#248ab2;border:0;background:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.searchFooter button:hover{color:#f55507}


/*面包屑导航*/
.postion{background:#1da6dd; padding:30px 0;  text-align:right; margin:0 0 15px 0;color: #FFF}
.postion a{color: #FFF}
.postion .container{position:relative;}
.postion h1,.postion h2{font-size:28px;font-weight:bold; position:absolute; left:10px; top:50%; margin-top:-14px;}



/*单页内容*/
.pageContent{padding:30px; line-height:180%; font-size:14px;background: #FFF;}
.pageContent p{padding-top:5px;padding-bottom:5px;}
.pageContent h2{font-size:24px;color:#000;font-weight:bold;display:block; padding-bottom:15px;}
.pageContent .more{display: inline-block;padding: 3px 15px;color: #FFF;background: #333;}
.pageContent .more:hover{color: #FFF;background: #26b7e4;}
@media (max-width:768px){
.pageContent{padding:10px;}
.pageContent td{display:inline-block}
}

.photos{text-align: center;padding: 15px 0;}
.photos h2{font-size: 14px;padding: 10px 0;font-weight: normal;border-bottom: 0}

/*上下条*/
.updown{font-size:14px; padding-top:15px; padding-bottom:15px;}
.updown a{color:#26b7e4;font-size:14px;}
.updown a:hover{color:#ed5606;text-decoration:underline}
@media (max-width:768px){
.postion{display:none}
.pageContent{padding-top:20px;padding-bottom:20px;font-size:14px;}
.pageContent h2{font-size:16px}
.updown{font-size:12px;}
.updown a{font-size:12px;}
}


/*常见问题*/
.faqContent{border-bottom:1px solid #EEE; padding:20px 10px 5px 35px;  position:relative}
.faqContent i{position:absolute; left:0; top:13px;background:url(../img/u.jpg) no-repeat; width:30px; height:30px;cursor:pointer}
.faqContent h2{display:block;font-size:16px;cursor:pointer;font-weight:normal}
.faqContent p{display:none}
.faqContent.active i{background:url(../img/c.jpg) no-repeat}
.faqContent.active h2{font-weight:bold}
.faqContent.active p{display:block}
/*常见问题end*/


/*新闻*/
.newslist{margin:0; padding:0px; list-style:none}
.newslist li{ background:#FFF;padding:15px; min-height:150px;position:relative;clear:both;margin-bottom:10px;}
.newslist .newsPic{float:left;padding:10px 0 0 0;width:200px;position:relative;overflow:hidden;}
.newslist .newsPic img{width:100%;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.newslist .newsInfo{padding-left:220px;}
.newslist h2{padding:10px 0}
.newslist a h2{font-size:16px;font-weight:bold;color:#333;}
.newslist p{color:#666;font-size:13px;}
.newslist a:hover .newsPic img{-webkit-transform: scale(1.1);}
.newslist a:hover h2{color:#ef4d38}
.newslist .homeMore{position:absolute;bottom:10px;right:10px}
.newslist .homeMore a{display:inline-block;padding: 5px 15px;font-size:12px;color: #FFF;background: #333;}
.newslist .homeMore a:hover{color:#FFF;background: #26b7e4;}

.newsTitle{padding:20px 0 15px 0; font-size:28px;letter-spacing:-1px;color:#333}
.newsTime{color:#666;font-size:14px;}
.newsContent{line-height:180%;font-size:14px; padding:20px 0}
.tags{clear:both;padding:10px 0}
.tags h2{font-size:16px;display:inline-block;font-weight:bold;margin-right:5px}
.tags a{color:#04a4bc;text-decoration:underline}
@media (max-width:768px){
.newslist li{padding:10px 0;min-height:100px;border-bottom:1px solid #DDD}
.newslist .newsPic{width:100px;}
.newslist .newsInfo{padding-left:110px;}
.newslist a h2{font-size:14px;}
.newslist a p{display:none}
.newsTitle{font-size:18px;padding:25px 0 5px 0}
.newsTime{font-size:12px;padding:10px 0 0 0}
.newsContent{font-size:13px;}
.newslist .homeMore{display:none}
}
/*新闻end*/



/*下载中心*/
.downlist{margin:0; padding:0px; list-style:none}
.downlist li{ background:#FFF;padding:15px; min-height:150px;position:relative;clear:both;margin-bottom:10px;}
.downlist .newsPic{float:left;padding:10px 0 0 0;width:120px;position:relative;overflow:hidden;}
.downlist .newsPic img{width:100%;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.downlist .newsInfo{padding-left:140px;}
.downlist h2{padding:10px 0}
.downlist a h2{font-size:16px;font-weight:bold;color:#333;}
.downlist p{color:#666;font-size:13px;}
.downlist a:hover .newsPic img{-webkit-transform: scale(1.1);}
.downlist a:hover h2{color:#ef4d38}
.downlist .homeMore{position:absolute;bottom:10px;right:10px}
.downlist .homeMore a{display:inline-block;padding: 5px 15px;font-size:12px;color: #FFF;background: #333;}
.downlist .homeMore a:hover{color:#FFF;background: #26b7e4;}
@media (max-width:768px){
.downlist li{padding:10px 0;min-height:100px;border-bottom:1px solid #DDD}
.downlist .newsPic{width:70px;}
.downlist .newsInfo{padding-left:80px;}
.downlist a h2{font-size:14px;}
.downlist a p{display:none}
.newsTitle{font-size:18px;padding:25px 0 5px 0}
.newsTime{font-size:12px;padding:10px 0 0 0}
.newsContent{font-size:13px;}
.downlist .homeMore{display:none}
}
/*下载中心end*/


/*产品中心*/
.prolist{background:#FFF;padding:20px}
.prolist .col-xs-6 a div{overflow:hidden;border:1px solid #EEE;padding:1px;}
.prolist .col-xs-6 a div img{width:100%;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.prolist .col-xs-6 a:hover div img{-webkit-transform: scale(1.1);}
.prolist .col-xs-6 a h2{font-size:14px;padding:10px 0 15px 0;text-align:center}
@media (max-width:768px){
.prolist .col-xs-6 a h2{font-size:13px;	}
}

/*二维码*/
.qrcode{display:inline-block; margin-left:10px;position:relative;cursor:pointer}
.qrcode i{font-size:24px}
.qrcode div{position:absolute; padding:10px; background:#FFF; border:1px solid #EEE; right:0;width:170px;z-index:998}
.qrcode div img{width:150px}



/*产品详情多图切换*/
.gallery-top {	
	width: 100%;
}
.gallery-top img{border:1px solid #EEE;width: 100%;}
.gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.8;	
}
.gallery-thumbs img{border:1px solid #DDD; cursor:pointer;}
.gallery-thumbs .swiper-slide-my-active {
	opacity: 1;
}


/*产品详情页*/
.product{padding:20px;background:#FFF}
.productTitle{font-size:18px;font-weight:bold; border-bottom:1px solid #DDD; letter-spacing:-1px; padding:15px 0}
.productSummary{line-height: 180%;padding: 10px 0;min-height: 240px;color: #666}
.desTitle{border-bottom: 1px solid #26b7e4;margin-bottom: -1px;margin-top: 10px;margin-bottom: 10px}
.desTitle h2{background:  #26b7e4;color: #FFF;display: inline-block;font-size: 16px; padding: 12px 30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.desTitle.active{border-bottom: 1px solid #333}
.desTitle.active h2{background:  #333;}
.productContent{font-size:13px; line-height:160%;padding:20px 0}
.productContent h2{display:block;border-bottom:1px solid #1da6dd;font-size: 16px;background:url(../img/tbg.jpg) no-repeat;padding:10px;color:#FFF}



.proShare{height:58px; padding:8px 0 0 64px; clear:both; background:url(../img/share.jpg) 0px 8px no-repeat;}

.productButton{clear:both; padding-bottom:15px;}
.productButton a{display:inline-block; padding:5px 15px;font-size:14px;}
.productButton a i{margin-right:5px;}
.productButton a.addBasket{padding:5px 0}
.productButton a.addInquiry{color:#FFF;display:block;padding:12px 25px;background:#c5161b;text-align:center;font-weight:bold}
.productButton a.addInquiry:hover{background:#26b7e4}
@media (max-width:768px){
.product .col-sm-8{padding-top:10px;}
}



.leftTitle{font-size:16px; font-weight:bold; padding:13px 20px;text-align:left;background:#f5f5f5;color:#222;border:1px solid #dcdcdc;border-bottom: 0}
.leftTitle span{font-size: 12px;color: #b6b7b9;font-weight: normal;clear: both;display: block;}
.leftMenu{margin:0 0 15px 0; padding:0; list-style:none; border:1px solid #dcdcdc;background: #FFF;}
.leftMenu li{position:relative;z-index:9;border-bottom:1px solid #EEE}
.leftMenu li a{display:block;padding:12px 0 12px 34px; background:url(../img/li.jpg) 14px 14px no-repeat;background-size:14px 14px; font-size:13px;font-weight:bold;color: #343233}
.leftMenu li a:hover{color:#26b7e4;}
.leftMenu li.active{background: #1da6dd;}
.leftMenu li.active a{color:#FFF;}
.leftMenu li i{position:absolute;right:10px; top:14px; z-index:5}

.leftbar_1{background:#FFF;margin:0;list-style:none;}
.leftbar_1 li{position:relative;border-bottom:0;background: none;border-top:1px solid #EEE}
.leftMenu li.active .leftbar_1 li a,.leftbar_1 li a{color:#555;font-weight:normal;padding:10px 0 10px 34px;font-size:12px;background:none}
.leftbar_1 li a:hover{color:#26b7e4}
.leftbar_1 li.active{background:none;}
.leftbar_1 li.active a{color:#26b7e4;}
.leftMore{padding:0 15px 10px 15px;color:#26b7e4;cursor:pointer;}


.summary{padding:15px 0; line-height:160%; font-size:14px;}
.Inquiry{clear:both; padding:15px 0}
.Inquiry a{display:inline-block; padding:8px 35px;color:#FFF; background:#333}
.Inquiry a:hover{background:#26b7e4;color:#FFF;}

@media (max-width:768px){
.summary{font-size:12px;}
.productTitle{font-size:14px;}
.desTitle h2{font-size:14px;font-weight:normal;padding:10px 15px}
.productContent{font-size:12px;padding:15px}
}

/*左侧推荐产品*/
.leftProduct{margin:0; padding:0 10px; list-style:none;border:1px solid #DDD;background: #FFF;}
.leftProduct li{border-bottom:1px solid #EEE;padding:15px 0}
.leftProduct li img{widt:100%;}
.leftProduct li p{padding:10px 0 0 0;text-align: center;}
/*产品中心end*/

/*表单*/
.feecbackForm{padding:15px 0 0 0}
.feecbackForm h2{position:relative;display:inline-block; padding-bottom:20px;}
.feecbackForm h2:after{
	position: absolute;
	bottom:8px;
	left: 0;
	width: 60%;
	height: 2px;	
	z-index: 1;
	content: '';
	background:#26b7e4;	
	transition: all 0.3s ease 0s;	
}
.feecbackForm .formInput{padding:5px 0}
.feecbackForm input{border:1px solid #DDD; padding:6px 10px;outline:none;display:block; width:100%;font-size:13px;}
.feecbackForm textarea{border:1px solid #DDD; padding:10px;height:166px;outline:none;display:block; width:100%;font-size:13px;}
.feecbackForm button{display:block; width: 100%; font-size:14px; padding:10px 0; text-align:center;text-transform:uppercase;color:#FFF; background:#1da6dd;border:0;outline:none; position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.feecbackForm button span{z-index:2;position:relative}
.feecbackForm button:hover{background:#c5161b;}
@media (max-width:768px){
.feecbackForm textarea{ width:100%}
}

.nothing{text-align:center; padding:40px }


/*在线客服*/
#cleft_box{position:fixed;right:0;top:200px;z-index:99;background:#26b7e4;z-index:999;padding:20px 1px 5px 1px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#cleft_box .chatdiv{min-width:70px;padding:10px;background:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#cleft_box .chatdiv img{margin-bottom:5px}
#back-top{display:block;color:#FFF;text-align:center}
@media (max-width:768px){
	#cleft_box{display:none}
}


/*展会信息*/
#exhibition_box{position:fixed;left:5px;top:200px;z-index:99;background:#ed5c08;z-index:999;padding:5px 2px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#exhibition_box .exhibitiondiv{width:150px;padding:10px;background:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#exhibition_box .exhibitiondiv img{margin-bottom:5px}
#exhibition_box .exhibitiondiv a{color:#26b7e4;text-decoration:underline}
#exhibition_box .exhibitionTitle{display:block;color:#FFF;text-align:center}
#exhibition_box i{cursor:pointer;position:absolute;right:5px;margin:3px 0 0 0;color:#FFF}
@media (max-width:768px){
	#exhibition_box{display:none}
}

/*分页*/
DIV.black2{PADDING:20px 0; MARGIN: 17px 0 0 0; TEXT-ALIGN: center; clear:both}
DIV.black2 A {BORDER: #ddd 1px solid; PADDING:7px; COLOR: #aaa; MARGIN-RIGHT: 2px;TEXT-DECORATION: none}
DIV.black2 A:hover {BORDER: #26b7e4 1px solid; color:#26b7e4; PADDING:7px;MARGIN-RIGHT: 2px;}
DIV.black2 A:active {BORDER: #26b7e4 1px solid; color:#26b7e4;PADDING:7px; MARGIN-RIGHT: 2px;}
DIV.black2 SPAN.current {BORDER: #26b7e4 1px solid; PADDING:7px;COLOR: #FFF; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #26b7e4}
DIV.black2 SPAN.disabled {BORDER: #f3f3f3 1px solid;PADDING:7px;COLOR: #ccc; MARGIN-RIGHT: 2px;}


/*网站地图*/
.sitemapBox{ line-height:180%; padding:20px;}
.sitemapBox a{ margin-right:15px;}
.sitemapBox h2{border-bottom:1px solid #DDD; padding:30px 0 10px 0; color:#212a63; font-size:18px; font-weight:bold}
.sitemapBox ul{border:1px solid #DDD; padding:15px;margin:0; list-style:none;background:#f9f9f9}
.sitemapBox ul li{padding:3px 0}
.sitemapBox ul li a{font-weight:bold}
.sitemapBox ul li ul{background:#FFF}
.sitemapBox ul li ul li a{font-weight:300}


/*购物车*/
#basketBox{position:fixed;right:0; bottom:0;width:250px;z-index:100}
@media (max-width:768px){
#basketBox{bottom:50px;}
}
#basketBox h2{padding:8px 10px; border:1px solid #1da6dd; font-size:14px;background:url(../img/down.png) right center no-repeat #26b7e4;cursor:pointer;color:#FFF;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
#basketBox h2 span{color:#fabb16}
#basketBox ul{display:none;margin:0; padding:10px 10px 0 10px; list-style:none; background:#FFF;border:1px solid #EEE;border-bottom:0;}
#basketBox ul li{padding:5px 0;border-bottom:1px solid #EEE;}
#basketBox ul li img{height:50px;float:left;margin-right:5px;}
#basketBox ul li p{min-height:50px;padding-left:60px; line-height:14px;}
#basketBox ul li p a{display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;font-size: 12px}
#basketBox ul li p span{color:#999;cursor:pointer;font-size: 12px}
#basketBox .basketButton{display:none;clear:both;padding:10px; text-align:right;border:1px solid #EEE;border-top:0;background:#FFF}
#basketBox .basketButton a{display:inline-block;padding:5px 10px;color:#FFF;background:#ff6550;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#basketBox .basketButton a:hover{background:#dc4e41}
#basketBox.active h2{background:url(../img/up.png) right center no-repeat #26b7e4;}
#basketBox.active ul,#basketBox.active .basketButton{display:block}


/*询盘文件*/
.inquiryTable{border:1px solid #EEE}
.inquiryTable th{background:#F9F9F9; padding:8px}
.inquiryTable td{padding:0 8px;border:1px solid #EEE}
.inquiryTable tr:nth-child(odd) td{background:#FbFbFb}
.inquiryBox{position:relative}
.attachFiles{height:40px;clear:both;padding:10px 0 0 150px;}
.attachFiles i{font-size:18px;color:#198bde}
.attachFiles a{margin-left:15px;color:#999}
#imageform{position:absolute;display:none}
.attachFilesButton{position: relative;overflow: hidden;display:inline-block;*display:inline;padding:6px 10px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background:#5bb75b;border:1px solid #51a851;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.attachFilesButton input {position: absolute;top: 0; right: 0;margin: 0;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}
.addmore{clear:both; padding:15px 0 0 0; text-align:right}

.zoomDiv {
    z-index:10;
	position: absolute;
	top:0px;
	left:0px;
	width:350px;
	height:350px;
	background: #ffffff;	
	display:none;
	text-align: center;
	overflow: hidden;
	border:1px solid #CCC;
}
.zoomDiv img{width:auto; max-width:none;}
.zoomMask {
    position:absolute;
    background:url("../img/mask.png") repeat scroll 0 0 transparent;
	cursor:move;
	z-index:1;
}



.whitePadding{background:#FFF;padding:20px}
.noPadding{padding:0}
@media (max-width:768px){
.prolist,.product,.whitePadding{padding:0px}
}