*{margin:0;padding: 0;box-sizing: border-box;}
body,button, input, select, textarea{font: 12px/1.5 "微软雅黑" tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
ul,ol,li { list-style: none; }
a { text-decoration: none;color:#333;}
a:hover {text-decoration:underline;color:#f08300}
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */

/*通用定义*/
.clear{clear:both; height:0px; display:block; font-size:1px;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.space1 {clear:both; height:5px; display:block; font-size:1px;overflow:hidden;}
.space10 {clear:both; height:10px; display:block; font-size:1px;overflow:hidden;}
.space20 {clear:both; height:20px; display:block; font-size:1px;overflow:hidden;}
.l{float:left;}
.r{float:right;}

/*页面定义*/
/*-- head --*/
.head{width:100%,height:50px; overflow:hidden;background:#333;}
.head .headBox{width:1180px;margin:0 auto;height:50px;}
.head .headBox .headinfo{font-size:12px;color:#fff;float:left;}
.head .headBox .headinfo p{float:left;line-height:50px;margin-right:30px;}
.head .headBox .headinfo .tel{background:url(../images/tel.jpg) 0 12px no-repeat; text-indent:22px;}
.head .headBox .headinfo .email{background:url(../images/email.jpg) 0 15px no-repeat; text-indent:28px;}
.head .headBox .headinfo .adress{background:url(../images/adr.jpg) 0 16px no-repeat; text-indent:22px;}
/*-- head --*/

.headLink{width:100%,height:85px; overflow:hidden;background:#fff;}
.headLink .navBox{width:1180px;margin:0 auto;height:85px; position:relative;}
.headLink .navBox .logo{width:100px;height:85px;float:left;}
.headLink .navBox .navLink{display:block;right:0;height:85px;top:18px; position:absolute;}
.headLink .navBox .navLink .nav li{display:block;margin:0 30px;font-size:18px;color:#333;float:left;line-height:45px;padding:0 10px; text-align:center;}
.headLink .navBox .navLink .nav .active{border-top:2px solid #f08300;color:#f08300;border-bottom:2px solid #f08300;font-weight:bold;}
.headLink .navBox .navLink .nav .active a{color:#f08300;}
.headLink .navBox .navLink .nav .active a:hover{color:#f08300; text-decoration:none;}

.banner{width:100%;height:660px;}

.inAbout{width:1180px;margin:80px auto;height:460px;overflow:hidden;}
.inAbout .inAboutImg{float:left;width:570px;height:457px;overflow:hidden;display:block;border:1px solid #ccc;}
.inAbout .inAboutText{float:right;width:570px;height:457px;overflow:hidden;display:block;}
.inAbout .inAboutText h2{font-size:30px;line-height:45px;background:url(../images/inAbout_icon.jpg) 0 0 no-repeat; text-indent:55px;}
.inAbout .inAboutText .inATBox{width:570px;height:330px;display:block;overflow:hidden;font-size:16px;color:#333;line-height:30px; text-indent:2em; text-align:justify;margin-top:15px;}
.inAbout .inAboutText .inAboutMore{width:150px;margin:25px auto;display:block;height:35px; text-align:center;}
.inAbout .inAboutText .inAboutMore a{width:130px;margin:o auto;height:35px;line-height:35px;background:#f08300;display:block;color:#fff;font-size:16px;}


/*-- 首页产品列表 --*/
.inProList{background:#f4f4f4;width:100%;display:block;padding:0 0 50px 0;height:100%;}
.inProList .inProlistBox{width:1180px;margin:0 auto;padding-top:40px;}
.inProList .inProlistBox .proList{padding-top:25px;}
.inProList .inProlistBox .proList li{width:280px;height:186px;display:block;overflow:hidden; position:relative;float:left;margin:0 20px 20px 0;}
.inProList .inProlistBox .proList .mar0{margin:0;}
.inProList .inProlistBox .proList li h3{position:absolute;height:28px;width:280px;display:block; bottom:0px;left:0;color:#fff; text-align:right;font-size:12px;line-height:28px;}
.inProList .inProlistBox .proList li h3:hover,.inProList .inProlistBox .proList li a>h3:hover{background:#f08300;color:#fff;}

/*-- 底部 --*/
.foot{width:100%;overflow:hidden;display:block;background:#000;overflow:hidden;padding-top:60px;}
.foot .footBox{width:1180px;height:700px;color:#fff;margin:0 auto;}
.foot .footBox .footLink{height:410px;overflow:hidden;}
.foot .footBox .footLink .FLleftbox{width:750px;height:320px;float:left;}
.foot .footBox .footLink .FLleftbox .contact{width:400px;float:left;overflow:hidden;}
.foot .footBox .footLink .FLleftbox .contact h3{height:68px;line-height:68px;font-size:28px;font-weight:bold;background:url(../images/footh2bor.jpg) 0 0 no-repeat;display:block;}
.foot .footBox .footLink .FLleftbox .contact .usLink{margin-top:40px;}
.foot .footBox .footLink .FLleftbox .contact .usLink p{line-height:20px;font-size:16px;background:url(../images/footboard.jpg) 0 5px no-repeat;padding-left:20px;font-size:14px;margin-bottom:30px;}
.foot .footBox .footLink .FLrightbox{width:370px;height:320px;float:right;}

.foot .footBox .footLink .FLleftbox .navlink{width:230px;float:right;}
.foot .footBox .footLink .FLleftbox .navlink h3{height:68px;line-height:68px;font-size:28px;font-weight:bold;background:url(../images/footh2bor.jpg) 0 0 no-repeat;display:block;}
.foot .footBox .footLink .FLleftbox .navlink .bLink a{height:20px;line-height:20px;font-size:16px;background:url(../images/footTO.jpg) 0 4px	no-repeat;padding-left:20px;font-size:14px;margin-bottom:30px;color:#fff;display:block;}
.foot .footBox .footLink .FLleftbox .navlink .bLink{margin-top:40px;}

.foot .footBox .footLink .FLrightbox h3{height:68px;line-height:68px;font-size:28px;font-weight:bold;background:url(../images/footh2bor.jpg) 0 0 no-repeat;display:block;}
.foot .footBox .footLink .FLrightbox .latPro{margin-top:40px;}
.foot .footBox .footLink .FLrightbox .latPro li{width:115px;height:76px;overflow:hidden;display:block;float:left;border:2px solid #fff;}

.foot .footBox .signEmail h3{font-size:20px;color:#fff;line-height:40px;}
.foot .footBox .signEmail .signText{width:868px;height:53px;background:#fff;font-size:20px;color:#333;border:0 none;float:left;padding-left:10px;}
.foot .footBox .signEmail .signBtn{width:280px;height:53px;background:#f08300;font-size:18px;color:#fff;border:0 none;float:right; cursor:pointer;}
.foot .footBox .signEmail .signBtn:hover{background:#ff9210;}

.foot .footBox .copyRight{height:60px;border-top:1px solid #828282;border-bottom:1px solid #828282;margin-top:60px;line-height:60px; text-align:center;font-size:14px;color:#eee;}

/*about us*/
.sBanner{width:100%;height:300px;overflow:hidden;display:block;margin:auto;min-width: 1180px;position: relative;z-index: 1;}
.sBanner .sBannerBox{width:1180px;margin:0 auto;position:relative;height:300px;left: 0;position:absolute;top:0;width: 100%;}
.sBanner .sBannerBox .sbaTitle{width:1180px;margin:0 auto;height:300px;position:relative;}
.sBanner .sBannerBox .sbaTitle h2{position:absolute;top:230px;left:0px;line-height:30px;font-size:30px;color:#fff;display:block; z-index:10;}
.sBanner .sBannerBox .sbaTitle .sbnSmall{font-size:14px;}
.sBanner .sBannerBox .sbaTitle a{color:#fff;font-size:14px;}
.sBanner .sBannerBox .sbaTitle a:hover{color:#f08300;}

.about{width:1180px;margin:30px auto 60px;}
.about .aboutBox h2{height:100px;line-height:100px;font-size:48px; text-align:center;display:block;width:500px;background:url(../images/abTitlebg.jpg) center 0 no-repeat;margin:0 auto;}
.about .aboutBox h2 span,.contact .contactBox h2 span,.products h2 span{color:#f08300;}
.about .aboutBox .aboutText{margin-top:20px; min-height:500px;}
.about .aboutBox .aboutText p{width:1180px;display:block;font-size:17px;color:#333;line-height:30px; text-indent:2em; text-align:justify;margin-bottom:50px;}


/* contact us*/
.contact .contactBox{width:1180px;margin:30px auto 60px;overflow:hidden;}
.contact .contactBox h2{height:100px;line-height:100px;font-size:48px; text-align:center;display:block;width:500px;background:url(../images/abTitlebg.jpg) center 0 no-repeat;margin:0 auto;}
.contact .contactBox .ContactForm{padding-top:50px;}
.contact .contactBox .ContactForm .cfLeft{float:left;width:475px;height:565px;display:block; background:#2b2b2b;padding-top:70px;}
.contact .contactBox .ContactForm .cfRight{float:right;width:653px;height:565px;display:block;}
.contact .contactBox .ContactForm .cfRight img{border:1px solid #ccc;width:100%;}
.contact .contactBox .ContactForm .cfLeft .cfFormtext{width:425px;margin:0 auto;}
.contact .contactBox .ContactForm .cfLeft .cfFormtext h3{height:40px;line-height:40px;font-size:42px; text-align:left;display:block;width:425px;color:#fff;}
.contact .contactBox .ContactForm .cfLeft .cfFormtext .text{width:415px;height:40px;background:#333;border:1px solid #555;margin-bottom:15px;padding-left:10px;color:#ccc;}
.contact .contactBox .ContactForm .cfLeft .cfFormtext .message{width:415px;height:150px;background:#333;border:1px solid #555;margin-bottom:15px;padding-left:10px;color:#ccc;padding-top:10px;}
.contact .contactBox .ContactForm .cfLeft .cfFormtext .sent{width:100px;height:38px; text-align:center;font-size:14px;color:#fff;background:#f08300;}
.contact .contactBox .ContactForm .cfLeft .cfFormtext .sent:hover{ cursor:pointer;background:#ff9900;}
.contact .contactBox .ourMess{width:1180px;margin:50px auto 0; position:relative;height:200px;}
.contact .contactBox .ourMess p{font-size:18px;color:#333;line-height:36px;position:absolute;width:320px;top:70px;text-align:center;}
.contact .contactBox .ourMess .address{left:25px;font-size:17px;color:#333;line-height:32px; text-align:justify}
.contact .contactBox .ourMess .number{left:432px; }
.contact .contactBox .ourMess .info{left:836px;}

/* products */
.products{margin:30px auto;width:1180px;display:block;}
.products .bigTitle{height:100px;line-height:100px;font-size:48px; text-align:center;display:block;width:500px;background:url(../images/abTitlebg.jpg) center 0 no-repeat;margin:0 auto;}
.products .productsBox{margin-top:50px;}
.products .productsBox .titleList{width:265px;border:1px solid #ccc;background:#f8f8f8;min-height:1215px;float:left;}
.products .productsBox .titleList h3{width:100%;hegiht:55px;background:#f08300;line-height:55px;font-size:18px;color:#fff;margin-bottom:20px;}
.products .productsBox .titleList .catList{width:225px;margin:0 auto;}
.products .productsBox .titleList .catList .menuheader{font-size:16px;line-height:55px;border-bottom:1px solid #ccc;background:url(../images/listh2bg.jpg) 3px 20px no-repeat;padding-left:25px;}
.products .productsBox .titleList .catList .hover{background:url(../images/listh2bghover.jpg) 0 21px no-repeat;font-size:16px;line-height:55px;border-bottom:1px solid #ccc;padding-left:25px;}
.products .productsBox .titleList .catList .menulist{width:200px;float:right;display:none;}
.products .productsBox .titleList .catList .menulist li{font-size:14px;line-height:50px;border-bottom:1px solid #ccc;color:#666;}
.products .productsBox .titleList .catList .menulist li a,.products .productsBox .titleList .catList .menuheader a{ text-decoration:none;}

.products .productsBox .lists{width:888px;float:right;}
.products .productsBox .lists li{width:280px;height:186px;display:block;overflow:hidden; position:relative;float:left;margin:0 20px 20px 0;}
.products .productsBox .lists .mar0{margin:0;}
.products .productsBox .lists li h3{position:absolute;height:28px;width:280px;display:block; bottom:0px;left:0;color:#fff; text-align:right;font-size:12px;line-height:28px;}
.products .productsBox .lists li h3:hover,.products .productsBox .lists a>h3:hover{background:#f08300;color:#fff;}

.productsShow{width:850px;float:right;}
.productsShow .detailInfo{float:right;width:450px;}
.productsShow .detailInfo h2{line-height:60px;font-size:30px;color:#333;}
.productsShow .detailInfo p{line-height:36px;font-size:14px;color:#333; text-align:justify;}
.productsShow .proDesc{width:848px;border:1px solid #ccc;background:#f8f8f8;margin-top:50px;}
.productsShow .proDesc .prosTitle{width:100%;hegiht:55px;background:#eee;line-height:55px;font-size:24px;color:#f08300;margin-bottom:20px; border-bottom:1px solid #ccc;}
.productsShow .proDesc .description{width:750px;margin:40px auto;}
.productsShow .proDesc .description h2{font-size:24px;line-height:48px; text-justify:;color:#333;margin-bottom:10px;}
.productsShow .proDesc .description p{font-size:16px;line-height:36px; text-justify:;color:#333;margin-bottom:25px;}
.productsShow .proDesc .description img{width:100%;}


/*details imgshow*/
.productsShow .detailImgshow{width:375px;height:325px;float:left;overflow:hidden;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transition-timing-function:ease;-o-transform:translate(0px,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}

.swiper-box {margin:0 auto;width:370px }
.pic_page {position: absolute;z-index: 100;right:10px;bottom: 5px;font-size: 18px;color: #FF5909;font-weight: bold }
.swiper-box img {display: block;width: 100%;height: 100% }
.view {position: relative }
.view .swiper-container {width: 100%;height:247px }
.view .arrow-left {position: absolute;left: 0;top: 50%;margin-top: -25px;width: 28px;height: 50px;background: url('../images/arrow_l.png') no-repeat center;background-size:50%;z-index: 10 }
.view .arrow-right {position: absolute;right: 0;top: 50%;margin-top: -25px;width: 28px;height: 50px;background: url('../images/arrow_r.png') no-repeat center;z-index: 10 ;background-size:50%;}
.view .swiper-slide div {width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover }
.preview {width: 100%;margin-top: 18px;position: relative }
.preview .swiper-container {margin:0;}
.preview .swiper-slide {width:93px;height:57px;cursor: pointer;overflow: hidden ;}
.preview .swiper-slide img {width: 85px;height:57px;margin: 0 auto;border: 1px solid #ccc }
.preview .arrow-left {background-size: 100% 100%;position: absolute;left: 0px;top: 10px;margin-top: -9px;width:25px;height:57px;background: #353535;text-align: center;z-index: 10;color:#fff; }
.preview .arrow-left span {display: inline-block;width: 12px;height: 18px;background: url('images/arrow_l@1x.png') no-repeat center;background-size: 100% 100%;transform: rotate(180deg);margin-top: 34px }
.preview .arrow-right {position: absolute;right: 0px;top: 10px;margin-top: -9px;width:25px;height: 57px;background: #353535;text-align: center;z-index: 10 ;color:#fff;}
.preview .arrow-right span {display: inline-block;width: 12px;height: 18px;background: url('images/arrow_r@1x.png') no-repeat center;background-size: 100% 100%;margin-top: 34px }
.preview .active-nav img {padding: 0;border-color: #ff5909;opacity: .9 }




/*===================
    bannerLiist-css
======================*/

.banner {width: 100%;height:660px;overflow: hidden;position:relative;background:#000;}
.banner > ul {display: none;height:660px;position: absolute;top:0;left: 0;}
.banner > ul > li {float: left;height:660px;}
.banner > ul > li > a {display: block;font-size: 200px;text-align: center;line-height:660px;font-weight: bold;}
.left-btn,.right-btn {width: 61px;height: 61px;position: absolute;top: 45%;right: 30px;background: url("../images/right-1.png");cursor: pointer;}
.left-btn {left: 30px;background: url("../images/left-1.png");}
.img-btn-list {width: 100%;position: absolute;bottom: 10px;left: 0;text-align: center;}
.img-btn-list > span {display: inline-block;width: 20px;height: 20px;border-radius: 12px;margin: 0 5px;background: rgba(255,255,255,0.9);cursor: pointer;}
.img-btn-list > span.current {border: 3px solid rgba(250,131,0,0.8);background: rgba(255,255,255,0.9);}



*{box-sizing: border-box;}