@charset "utf-8";
html{color:#666}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
strong{font-weight:bold}
/*common*/
body{font-family:"Microsoft YaHei";font-size:14px;min-width:1200px;background-attachment:fixed;position:relative}
.clearfix{clear:both;width:100%;height:0}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.t3{transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}
a{color:#666;text-decoration:none}
a:hover{color:#20b2ff}
.slow{transition-duration:1.2s;-moz-transition-duration:1.2s; /* Firefox 4 */-webkit-transition-duration:1.2s; /* Safari 和 Chrome */-o-transition-duration:1.2s/* Opera */}
.mt20{margin-top:20px !important}
.mb20{margin-bottom:20px !important}
.ml10{margin-left:10px !important}
.iTitle a{font-size:28px;color:#FF3D00}
.iTitle a:hover{opacity:0.5}
.title1{height:60px;line-height:60px;color:#FF3D00;font-size:18px;text-align:center;background:url(../../images/main_img/public/iTitle1.jpg) no-repeat}

.container{width:1400px;margin:0 auto}
.container2{width:1668px;margin:0 auto}

.mainL{width:270px;float:left;margin-right:40px}
.mainR{width:1088px;float:left;border:1px solid #efefef}
.leftBox{background:#f3f3f3;margin-bottom:20px;font-size:14px}
.about .leftBox ul{padding:10px}
.about .leftBox ul li{line-height:30px;text-indent:15px;background:url(../../images/main_img/public/dian.jpg) 0 10px no-repeat}

/*首页头部logo*/
.header .top{width:100%;height:80px;background-color:#fff}
.header .top .topt{width:100%;height:80px;}
.header .topt .logo{height:75px;line-height:195px;padding:2px 0 3px 0;float:left}
.header .topt .logo a{display:block}
.header .topt .logo img{height:75px}
.header .topt .toptr{height:75px;float:right}
.header .topt .toptr .welcome{margin-top:10px;font-size:18px}
.header .top .toptel{margin-top:10px}
.header .top .toptel .icon{float:left;height:30px}
.header .top .toptel .icon img{height:30px}
.header .top .toptel .numb{float:left;height:30px;line-height:30px;margin-left:10px;font-size:20px;color:#333}
.header .top .navbg{background-color:#fff}

/*导航*/
.header .nav{height:70px;line-height:34px;background:#f8551e;position:relative;z-index:1}
.header .nav a{color:#fff}
.header .nav .nLi{float:left;position:relative;display:inline}
.header .nav .nLi h3{float:left}
.header .nav .nLi h3 a{display:block;padding:0 14px;font-size:16px;font-weight:bold;line-height:70px}
.header .nav .sub{display:none;width:144px;left:0;top:70px; position:absolute;background:#6b5e43;line-height:26px;text-align:center}
.header .nav .sub li{zoom:1}
.header .nav li span img{width:10px;height:10px;padding:30px 0}
.header .nav .sub a{display:block;padding:0 10px}
.header .nav .sub a:hover{background:#6d6d6d;color:#fff}
.header .nav .sub li dl dd{border-bottom:1px solid #888;padding:5px 0}
.header .nav .on h3 a{background:#FFC322;color:#fff}

/*首页banner幻灯片*/
.slide{position:relative;width:100%;height:800px;overflow:hidden}
.slide .pic{position:relative;z-index:0}
.slide .pic img{width:100%;height:800px;display:block;transform: scale(1.0,1.0);-ms-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-o-transform:scale(1.0,1.0);-webkit-transition:transform 1.2s ease;transition:transform 1.2s ease}
.slide .pic img:hover{transform: scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transition: transform 1.2s ease;transition: transform 1.2s ease}
.slide .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1}
.slide .hd li{margin:0 5px;background:url(../../images/main_img/public/dot.png) no-repeat 0 -16px;height:16px;overflow:hidden;width:16px;cursor:pointer;display:inline-block;*display:inline;zoom:1;_background:url(../../images/main_img/public/dot8.png) no-repeat 0 -16px}
.slide .hd .on{background-position:0 0}
.slide .prev,
.slide .next{width:60px;height:90px;margin:-60px 0 0;display:none;background:url(../../images/main_img/public/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:0.2}
.slide .prev{left:0;}
.slide .next{background-position:0 -90px;right:0}
.slide .prev:hover,
.slide .next:hover{filter:alpha(opacity=50) !important;opacity:0.5 !important}

.iProduct{margin-top:30px}
.iProduct .desc{margin-top:10px;padding:10px;line-height:30px;padding-bottom:10px;background:#f5f5f5;margin-bottom:20px;font-size:15px}
.iProduct ul a{display:block;width:272px}
.iProduct ul li{width:272px;position:relative;margin-right:10px;float:left}
.iProduct ul li img{width:272px}
.iProduct ul li h4{position:absolute;top:187px;left:52px;font-size:24px;color:#fff}
.iProduct ul li h6{position:absolute;top:220px;left:0px;font-size:16px;color:#fff;padding:20px;text-indent:2em;width:236px;line-height:30px}

.iAbout{margin-top:30px}
.iAbout .desc{margin-top:20px;border:1px solid #00000040;padding:20px}
.iAbout .desc .pic{width:300px;height:175px;float:left;margin-right:20px}
.iAbout .desc .pic img{width:300px;height:175px}
.iAbout .desc .text{font-size:14px;color:#252525;line-height:25px;text-indent:2em}

.showContent{}
.showContent .showTitle{width:1088px;height:34px;line-height:34px;background:url(../../images/main_img/show/titlebg.gif) no-repeat;background-size:100% 100%}
.showContent .showTitle span{float:right;display:block;background:url(../../images/main_img/show/titledoc.gif) no-repeat 0 13px;padding:0 15px 0 12px;color:#fff}
.showContent .showTitle span a{color:#fff}
.showContent .showTitle span a:hover{color:#f8551e}
.showContent .content{padding:60px 40px 40px 40px;font-size:14px;line-height:200%}
.showContent .content img{max-width:100%}

/*产品中心栏目*/
.product{padding:20px 0 70px 0;background:#f5f5f5}
.product .productlist ul li{float:left;width:330px;height:330px;margin:20px 20px 20px 0;position:relative;overflow:hidden}
.product .productlist li img.pm{width:324px;height:324px;padding:2px;background-color:#fff;border:1px solid #ccc}
.product .productlist li .info{width:324px;height:324px;background:rgba(0, 0, 0, 0.4196078431372549);position:absolute;top:330px;left:3px;transition-duration:1.2s;-moz-transition-duration:1.2s; /* Firefox 4 */-webkit-transition-duration:1.2s; /* Safari 和 Chrome */-o-transition-duration:1.2s/* Opera */}
.product .productlist li:hover .info{top:3px;left:3px}
.product .productlist li .img{width:200px;height:60px;position:absolute;top:70px;left:65px;transition-duration:1.2s;-moz-transition-duration:1.2s; /* Firefox 4 */-webkit-transition-duration:1.2s; /* Safari 和 Chrome */-o-transition-duration:1.2s/* Opera */}
.product .productlist li .text{text-align:center;line-height:35px;color:#fff;font-weight:500;font-size:22px;position:absolute;top:145px;left:30px;width:270px;transition-duration:1.2s;-moz-transition-duration:1.2s; /* Firefox 4 */-webkit-transition-duration:1.2s; /* Safari 和 Chrome */-o-transition-duration:1.2s/* Opera */}
.product .productlist li .text p.ptitle{width:270px;height:30px;overflow:hidden}
.product .productlist li .button{text-align:center;width:80px;height:30px;background:#20b2ff;color:#fff;line-height:30px;position:absolute;top:250px;left:125px;transition-duration:1.2s;-moz-transition-duration:1.2s; /* Firefox 4 */-webkit-transition-duration:1.2s; /* Safari 和 Chrome */-o-transition-duration:1.2s/* Opera */}
.product .productlist li .button:hover{background:#20b2ff85}
.product .productlist .more{width:200px;height:40px;margin:20px auto;background:#20b2ff;color:#fff;text-align:center;line-height:40px;font-size:16px}
.product .productlist .more:hover{opacity:0.8}

/*产品内容页*/
.showContent .foucebox{position:relative;width:715px;height:300px;overflow:hidden;margin:20px;float:left} 
.showContent .foucebox .bd{position:relative;float:left;width:600px;height:300px;overflow:hidden}
.showContent .foucebox .bd img{width:600px;height:300px}
.showContent .foucebox .hd{position:relative;width:110px;float:right;padding-right:4px;z-index:1}
.showContent .foucebox .hd ul{position:relative;width:110px;overflow:hidden}
.showContent .foucebox .hd li{height:50px;padding:5px;overflow:hidden}
.showContent .foucebox .hd img {width:110px;height:50px;display:block}
.showContent .foucebox .hoverBg{position:absolute;top:0;left:-10px;width:124px;height:64px;z-index:100;background:url(../../images/main_img/show/hover.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hover.png);_background:none}	
.showContent .productdesc{width:293px;height:300px;float:left;margin:20px}
.showContent .productdesc .title{font-size:18px;font-weight:bold;line-height:28px;letter-spacing:0.2em}
.showContent .productdesc .model{font-size:16px;font-weight:bold;line-height:28px;margin-top:40px}
.showContent .productcontent{}
.showContent .productcontent h1{text-align:center;font-size:22px;font-weight:bold;line-height:35px;width:968px;color:#f29550;padding:30px 60px 10px 60px}
.showContent .productcontent .desc{text-align:center;font-size:14px;font-weight:normal;line-height:20px;color:#999}
.showContent .productcontent .showcontent{font-size:14px;line-height:20px;width:1028px;padding:30px}
.showContent .productcontent .showcontent p{text-indent:2em}
.showContent .productcontent .showcontent img{display:block;max-width:98%;margin:0 auto!important}
.showContent .nextPre{border-top:1px solid #20b2ff;margin:30px 20px}
.showContent .nextPre p{margin-top:10px}

/*产品列表页*/
.productList {margin:20px 0;padding:0 10px}
.productList li{width:330px;height:293px;margin:0 39px 0 0;line-height:24px;float:left;text-align:center;position:relative}
.productList li a{line-height:40px}
.productList li .img{width:330px;height:260px;overflow:hidden;position:absolute;z-index:1}
.productList li:hover .img img{transform:scale(1.1) rotate(1deg);transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s}
.productList li img{width:330px;height:260px;transform:scale(1) rotate(0deg);transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s}
.productList li .font{transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;position:absolute;z-index:2;background:rgba(43,43,43,0.8);width:100%;height:260px;filter:alpha(opacity=0);opacity:0}
.productList li .font a{color:#fff;display:block;width:100%;height:100%}
.productList li .font h3{padding-top:80px;margin-bottom:20px;font-size:18px}
.productList li .font img{width:32px;height:32px}
.productList li:hover .font{display:block;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;filter:alpha(opacity=100);opacity:1}
.productList li .bg{background:url("../../images/main_img/show/productBg.png") bottom center;width:330px;height:33px;position:absolute;bottom:0}

/*分页*/
.pages{height:28px}
.pages a,
.pages span{display:block;float:left;height:100%;width:28px;background:#E7E7E7;margin-right:10px;text-align:center;line-height:28px;color:#000;border-radius:2px}
.pages a:hover{color:#FFF;background:#20b2ff}
.pages .a1{width:58px}
.pages span{color:#FFF;background:#20b2ff}

.copyright{text-align:center;padding:20px 0;background-color:#f3f3f3}

.footer{margin-top:50px}