@charset "utf-8";

*:before,*:after {  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;font-family: "微软雅黑";list-style:none;font-size:13px; font-weight:normal}


.clearline{ background:#f5f5f5; height:0.7rem; clear:both}
.comm-width{ max-width:1200px; margin:0 auto;  float:none; display:block}
.fl{float: left;}
.fr{float: right;}



.flexslider_common{position:relative;}
.slides_common{position:relative;z-index:1;float:none;}
.slides_common li{height:auto; float:none}
.flexslider_common .slides_common li img{ width:100%; border:none; display:block}
.slides_common li a{ width:100%; height:100%; display:block;}
.flex-control-nav{position:absolute;bottom:25px;z-index:200;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;height:10px;text-indent:-100px;width: auto;margin: 0 20px}
.flex-control-nav a{display:inline-block;width:10px;height:10px;overflow:hidden; background:#fff;cursor:pointer; border-radius: 50%;}
.flex-control-nav a.flex-active{ background:#fa8815;width: 45px;border-radius:5px; }
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:37%; display:none}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}



.shad{ background:url(shad.gif) repeat-x top; width:100%; height:80px}
.comm-title{ width:100%; background:url(line.gif) repeat-x bottom; padding-bottom:30px}
.comm-title .title{ border-left:6px solid #f08000; height:55px; padding-left:20px;}
.comm-title .title h1{ color:#0068b7; line-height:32px; font-size:25px; font-weight:bold}
.comm-title .title h2{ line-height:23px; color:#888}
.comm-title .fr{ padding-top:13px;}
.comm-title .fr a{ background:url(more.gif) no-repeat center center #1474b5; border-radius:2px; display:inline-block; width:55px; height:18px}
.comm-title .fr a:hover{ background-color:#0c59a0}



.home-aboutus{background: url(about_bg.jpg) no-repeat left #d9d9d9;width: 100%;background-size: auto 100%;position:relative;height: 70%;overflow: hidden;}
.home-aboutus .comm-width{position:relative;}
.into-company{width: 45%;position: absolute;left: 0}
.into-company .title{border-left: 5px #f08000 solid;padding-left: 15px;margin-top: 25%;}
.into-company .title h1{font-size:28px;line-height: 40px;color: #1474b5;font-weight: bold;}
.into-company .title h2{font-size: 18px; color: #444;line-height: 30px}
.into-company .intro{width: 100%;margin-top:50%;line-height: 28px;font-size: 14px;padding-left: 20px;position: absolute;left: 0;visibility: visible;opacity:1;top: 0;transition: all .2s;}
.into-company .intro.hiddle{visibility: hidden;opacity: 0;transition: all .2s;color: #fff;top: 50px}

.into-company .link{width: 100%;font-size: 0;padding: 0 20px;margin-top: 95%;position: absolute;left: 0}
.into-company .link a{padding: 10px 50px;background: #fff;display: inline-block;border-right: 1px #eee solid;font-size: 13px}
.into-company .link a:last-child{border-right: none;}
.into-company .link a:hover,.into-company .link a.this{background:#1474b5;color: #fff}
.company-video{width: 50%;height: 100%;position: absolute;right:0;top: 0}
.company-video video{width: 100%;}


.about-video{width: 100%;position: relative;}
.about-video .intros{width: 50%}



.our-advantage{padding: 70px 0;width: 100%;font-size: 0}
.our-advantage dl{width: 31%;margin-right: 3.5%;display: inline-block;margin-top: 40px}
.our-advantage dl:last-child{margin-right: 0}
.our-advantage dl a dt{width: 100%;overflow: hidden;height: 245px}
.our-advantage dl a dt img{width: 100%;transition: all 0.2s;}
.our-advantage dl a:hover dt img{transform: scale(1.1);}
.our-advantage dl a dd{width: 100%}
.our-advantage dl a dd h1{font-size: 20px;color: #000;line-height: 50px}
.our-advantage dl a dd h2{line-height: 25px;font-size: 13px}



.our-customers{width: 100%;padding: 70px 0 20px 0}
.our-customers ul{width: 100%;font-size: 0;padding: 50px 0}
.our-customers ul li{width: 23.5%; margin-right: 2%;display: inline-block;vertical-align: top;margin-bottom: 15px}
.our-customers ul li:nth-child(4n){margin-right: 0}
.our-customers ul li a img,.our-customers ul li img{width: 100%;border: 1px #eee solid}
.our-customers.inner{padding-top: 0}
.our-customers.inner ul{padding:20px 0}
.our-customers.inner ul li{margin-bottom: 40px}


.localtion{width: 100%;height: 55px;background: #f5f7fa;border-bottom: 1px #eee solid}
.localtion .fl a{display: inline-block;margin-right: 30px;line-height: 52px;font-size: 15px;}
.localtion .fl a:last-child{margin-right: 0}
.localtion .fl a.this,.localtion .fl a:hover{color: #ff6f37;border-bottom: 3px #ff6f37 solid;}
.localtion .fr {line-height: 55px;}
.localtion .fr i{display: inline-block;vertical-align: middle;background: url(/images/local.png) no-repeat left center;width:13px;height: 18px;margin-right: 10px }
.about-content{width: 100%}
.four-block{width: 100%;font-size: 0;padding: 50px 0;}
.four-block dl{width: 23.5%; margin-right: 2%;display: inline-block;vertical-align: top;text-align: center;border-right: 1px #eee solid}
.four-block dl:last-child{margin-right: 0; border-right: none;}
.four-block dl dt{font-size: 45px;line-height: 140px; font-family:Arial, Helvetica, sans-serif;border-radius: 50%;background: #ff6f37;width: 140px; height: 140px;color: #fff;display: inline-block;}
.four-block dl dt a{font-style: normal;color: #fff}
.four-block dl dd{line-height: 20px;height: 40px;margin:20px 30px;}

.about-us{background:#f5f7fa;padding: 40px 0;width: 100%}
.about-us .title{text-align: center;width: 100%}
.about-us .title h1{font-size: 25px;color: #222;font-weight: bold;padding-top: 25px}
.about-us .content{padding: 40px 0;font-size: 14px;line-height: 25px}
.about-us .content p{padding: 10px 0}

.core-strengths{width: 100%;font-size: 0;padding: 70px 0}
.core-strengths dl{width: 31%; margin-right: 3.5%;display: inline-block;}
.core-strengths dl:last-child{margin-right: 0}
.core-strengths dl a dt{overflow:hidden;width: 100%;height: 240px}
.core-strengths dl a dt img{width: 100%;transition: all 0.2s;height: 240px}
.core-strengths dl a:hover dt img{transform: scale(1.05);}
.core-strengths dl a dd{padding-top: 20px}
.core-strengths dl a dd h1{font-size: 20px;color: #333;font-weight: bold;}
.core-strengths dl a dd h2{padding-top: 15px;line-height: 20px;}

.about-certificate {width: 100%;background: #f5f7fa;padding: 70px 0}
.about-certificate .title,.histroy .title,.comm-title-inner .title h1{font-size: 25px;color: #222;font-weight: bold;text-align: center;width: 100%;padding-bottom: 15px}
.about-certificate .act-icon{ margin:0 auto; float: none; text-align:center; padding-bottom:30px; width:100%} 
.about-certificate .act-icon a{ background:url(arr.png) no-repeat 11px 8px; width:35px; height:35px; display:inline-block; border:1px #ddd solid;border-radius:5px; margin:0 5px}
.about-certificate .act-icon a.next{ background-position: -28px 8px}
.about-certificate .act-icon a:hover{ border-color:#ff6f37}
.about-certificate .act-icon a.prev:hover{ background-position:11px -32px}
.about-certificate .act-icon a.next:hover{ background-position:-28px -32px}
.about-certificate { width:100%; overflow:hidden}
.about-certificate .b{ width:2500px;font-size: 0}
.about-certificate .b ul li{ width:285px; margin:0 10px;display: inline-block;text-align: center;background: #fff;padding-top: 30px}
.about-certificate .b ul li a{ height:280px; display:block;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;}
.about-certificate .b ul li a img{ width:100%;display: inline-block;}
.about-certificate .b ul li a h1,.about-certificate .b ul li a h2{ width:90%;color:#666; margin:10px 5%; font-size:12px;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;}
.about-certificate .b ul li a h1{ font-size:16px; color:#111; height:40px; line-height:20px; overflow:hidden; margin-top:25px}
.about-certificate .b ul li a h2{ height:69px; overflow:hidden}
.about-certificate .learnmore{text-align: center;width: 100%;padding-top: 50px}
.about-certificate .learnmore a{background: #0c59a0;padding: 12px 60px;color: #fff;display: inline-block;border-radius: 20px;font-size: 14px}
.about-certificate .learnmore a:hover{background: #ff6f37}

.histroy{width: 100%;padding: 70px 0}
.histroy .title{padding-bottom: 40px}
.histroy .fl{width: 45%;}
.histroy .fr{width: 50%}
.scr_con {position:relative;height:350px;width:100%;}
#dv_scroll{position:absolute;height:350px;overflow:hidden;width:100%;background:url(/images/history_line.png) repeat-y left top;}
#dv_scroll .Scroller-Container{width:100%;padding-left:50px}
#dv_scroll_bar {position:absolute;right:0;top:0;width:13px;height:350px;background: #aaa; border-radius: 8px}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:6px;width:15px;height:338px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:1px;top:0;width:11px;height:61px;overflow:hidden;background:url(/images/scroll.png) no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;}
.histroy .Scroller-Container li{width: 90%;border-bottom: 1px #eee solid;padding: 20px 0;font-size: 0}
.histroy .Scroller-Container li:first-child{padding-top: 0}
.histroy .Scroller-Container li:last-child{padding-bottom: 0;border-bottom: none;}
.histroy .Scroller-Container li h1{color: #f50;width: 16%;display: inline-block;font-size: 28px; font-family: Arial, Helvetica, sans-serif;vertical-align: top;line-height: 32px}
.histroy .Scroller-Container li h2{width: 84%;display: inline-block;line-height: 22px;vertical-align: top;}

.comm-title-inner {width: 100%;padding-top: 60px}
.comm-title-inner .title{padding-bottom: 20px;border-bottom: 1px #eee solid;margin-bottom: 40px}
.comm-title-inner .title h2{font-size: 14px;color: #888;text-align: center; line-height:25px; margin-bottom: 20px}
.comm-title-inner.nopadding .title{padding:40px 10%; padding-top:0; margin-bottom:20px}
.comm-content{width: 100%;padding: 25px 0}
.comm-content .message .fl{width: 32%;background: url(/images/ceo_bg.png) no-repeat center bottom;padding-bottom: 250px;background-size: 120% auto}
.comm-content .message .fl .img{width: 100%;padding-bottom: 20px}
.comm-content .message .fl .img img{width: 90%;display: inline-block;}
.comm-content .message .fl dl dt{font-size: 20px;line-height: 30px}
.comm-content .message .fl dl em{width: 35px;background: #ff6f37;height: 2px;overflow: hidden;display: inline-block;}
.comm-content .message .fl dl dd{width: 100%;padding-top: 20px}
.comm-content .message .fl dl dd p{line-height: 30px;padding: 0;font-size: 14px}
.comm-content .message .fl dl dd p i{width: 10px;height: 10px;border: 1px #065fae solid;border-radius: 50%;display: inline-block;vertical-align:top;margin-right: 8px;margin-top: 10px}
.comm-content .message .fr{width: 65%}
.comm-content .message .fr h1{font-size: 18px;font-weight: bold;color: #333;padding-bottom: 20px}
.comm-content .message .fr p{line-height: 30px;font-size: 14px;padding: 10px 0}

.comm-content.contactinfo{width: 100%}
.comm-content.contactinfo .fl{width: 600px}
.comm-content.contactinfo .fr{width: 500px}
.comm-content.contactinfo .fl h1{font-size: 28px;font-weight: bold;line-height: 40px; padding-bottom: 30px;border-bottom: 1px #ddd dotted;margin-bottom: 30px}
.comm-content.contactinfo .fl p{line-height: 35px;font-size: 15px;padding: 5px 0}
.comm-content.contactinfo .fl p.c-add{background: url(add.png) no-repeat 0 12px; padding-left: 30px;background-size: auto 21px}
.comm-content.contactinfo .fl p.c-tel{background: url(telphone.png) no-repeat 0 12px; padding-left: 30px;background-size: auto 21px}
.comm-content.contactinfo #dituContent{ width:100%; height:600px; float:left; margin-bottom:60px}
.comm-content.contactinfo #dituContent div{ float:left}
.comm-content.feedback{width: 100%;}
.comm-content.feedback .ftext b{font-size: 20px;line-height: 40px;display: block;}
.comm-content.feedback .ftext{font-size: 14px}
.comm-content.feedback table td{padding: 10px}
.comm-content.feedback table td input,.comm-content.feedback table td textarea{line-height: 25px;border:1px #ddd solid;}
.comm-content.feedback table td input.submit{background: #0c59a0;padding: 5px 25px;border-radius: 3px;border:none;cursor: pointer;color: #fff;margin-right: 10px;font-size: 14px}
.comm-content.feedback table td input.submit:hover{background: #ff6f37;}

.culture-content{width: 100%;font-size: 14px; line-height: 30px;padding-bottom:70px}
.culture-content p{padding: 10px 0}

.honor-list{width: 100%;padding-bottom: 30px;}
/*.honor-list .list-box-bg{width: 100%;background: url(/images/HonorBg.png) no-repeat left bottom;margin-bottom: 20px;font-size: 0;padding: 0 8%;padding-bottom: 20px}*/
.honor-list h1{width: 100%; line-height: 50px;font-weight: bold;color: #333;font-size: 25px;display: inline-block;padding-bottom: 10px}
.honor-list .list-box-bg{width: 100%;margin-bottom: 20px;font-size: 0;}
.honor-list .list-box-bg dl{width: 23.5%;display: inline-block;vertical-align: top;margin-right: 2%;}
.honor-list .list-box-bg dl:last-child{margin-right: 0}
.honor-list .list-box-bg dl dt{width: 100%;background: #fff;padding: 20px 0;height: 225px;text-align: center;border:1px #f5f5f5 solid;border-bottom: none;color: #333;font-size: 16px;overflow: hidden;}
.honor-list .list-box-bg dl dt img{width: 100%;display: inline-block;transition: all 0.2s}
.honor-list .list-box-bg dl:hover dt img{ transform: scale(1.05);}
.honor-list .list-box-bg dl dd{background: url(/images/HonorlineBg.png) repeat-x top;height:40px;text-align: center;line-height: 40px}

.comm-title-inner.noborder .title{border-bottom: none;padding-bottom: 0}
.comm-title-inner .product-list-inner{width: 100%;padding: 50px 0}
.comm-title-inner .product-list-inner:nth-child(2n){background: #f5f7fa}
.comm-title-inner .product-list-inner .fl{width: 25%}
.comm-title-inner .product-list-inner .fl dl{width: 100%;background: #fff}
.comm-title-inner .product-list-inner .fl dl a dt{width: 100%}
.comm-title-inner .product-list-inner .fl dl a dt img{width: 100%}
.comm-title-inner .product-list-inner .fl dl a dd{padding: 15px}
.comm-title-inner .product-list-inner .fl dl a dd h1{font-size: 18px;color: #333;line-height: 25px; padding-bottom:15px}
.comm-title-inner .product-list-inner .fl dl a dd h2{font-size: 12px;line-height: 22px;height: 66px;overflow: hidden;color: #888}
.comm-title-inner .product-list-inner .fl dl a dd h3{background: #f5f7fa;padding: 8px 30px; border-radius: 20px;color: #333;display: inline-block;margin: 20px 0;font-size: 12px;text-transform:uppercase;}
.comm-title-inner .product-list-inner .fl dl a:hover dd h3{background: #0c59a0;color: #fff}
.comm-title-inner .product-list-inner .fr{width: 70%}
.comm-title-inner .product-list-inner .fr .note{width: 100%;border-bottom: 1px #ddd solid;}
.comm-title-inner .product-list-inner .fr .note h1{ color:#0068b7; font-size:20px; line-height:30px; padding-top:10px; padding-bottom:10px}
.comm-title-inner .product-list-inner .fr .note h1 i{ width:4px; height:24px; display:inline-block; background:#f08000; margin-right:15px; vertical-align: text-bottom}
.comm-title-inner .product-list-inner .fr .note h2{padding: 30px 0; padding-top:10px;line-height: 22px;font-size: 14px}
.comm-title-inner .product-list-inner .fr .products{width: 100%;padding-top:40px;font-size: 0}
.comm-title-inner .product-list-inner .fr .products dl{width: 22.75%; margin-right: 3%;display: inline-block;vertical-align: top;text-align: center;}
.comm-title-inner .product-list-inner .fr .products dl:last-child{margin-right: 0}
.comm-title-inner .product-list-inner .fr .products dl a dt{width: 100%;height: 185px;overflow: hidden;text-align: center;background: #fff; border:1px #f5f7fa solid}
.comm-title-inner .product-list-inner .fr .products dl a dt img{width: 100%;transition: all .2s;padding: 5px;display: inline-block;}
.comm-title-inner .product-list-inner .fr .products dl a:hover dt img{transform: scale(1.05);padding: 0px;}
.comm-title-inner .product-list-inner .fr .products dl a dd{line-height: 30px;height: 30px;overflow: hidden;margin-top: 10px}
.comm-title-inner .product-list-inner:nth-child(2n+1) .fl dl{background: #f5f7fa}
.comm-title-inner .product-list-inner:nth-child(2n+1) .fl dl a dd h3{background: #fff;}
.comm-title-inner .product-list-inner:nth-child(2n+1) .fl dl a:hover dd h3{background: #0c59a0;}

.prutitem-list{width: 100%;font-size: 0;padding-bottom: 20px}
.prutitem-list dl{width: 21.8%;display: inline-block; margin-right: 2%;margin-bottom:40px;vertical-align: top;background: #f5f7fa;text-align: center;padding: 10px}
.prutitem-list dl:nth-child(4n){margin-right: 0;}
.prutitem-list dl:hover{background:#0c59a0 }
.prutitem-list dl a dt{text-align: center;padding: 10px;background: #fff; margin-bottom: 15px;height: 262px;overflow: hidden;}
.prutitem-list dl a dt img{width: 100%;display: inline-block;vertical-align: top;transition: all .2s}
.prutitem-list dl a:hover dt img{transform: scale(1.1);}
.prutitem-list dl a dd{line-height: 20px;height: 20px;text-align: center;overflow: hidden;}
.prutitem-list span{width: 100%;text-align: center;padding: 20px 0;display: inline-block;}
.prutitem-list span a{display: inline-block;padding: 8px 30px;background: #eee}
.prutitem-list span a:first-child{border-top-left-radius:20px; border-bottom-left-radius:20px;border-right: 1px #ddd dotted}
.prutitem-list span a:last-child{border-top-right-radius:20px; border-bottom-right-radius:20px;}
.prutitem-list span a:hover{background: #2d7dff;color: #fff}
.prutitem-list span a:first-child:hover{border-right-color: #0c59a0}
.prutitem-list dl:hover a dd{color: #fff}

.news-block{width:100%; padding-top:50px}
.news-block .title{border-bottom: 1px #eaeaea solid;padding: 15px 0;width: 100%; margin-bottom: 50px}
.news-block .title h1{font-size: 20px;font-weight: bold;line-height: 30px}
.news-block .title h1 i{width: 4px;height: 28px;display: inline-block;background:#0c59a0;overflow: hidden;vertical-align:text-top;margin-right: 15px}
.news-block .title h2{line-height: 30px}
.news-block .company-news{ width:100%;font-size:0}
.news-block .company-news dl{ width:31%; margin-right:3.5%; display:inline-block; vertical-align:top;padding-bottom: 50px}
.news-block .company-news dl:nth-child(4){margin-right:0px;}
.news-block .company-news dl:last-child{margin-right:0}
.news-block .company-news dl a dt{ width:100%; height: 248px; overflow: hidden;}
.news-block .company-news dl a dt img{width:100%;transition: all .2s}
.news-block .company-news dl a:hover dt img{transform: scale(1.05);}
.news-block .company-news dl a dd h1{line-height: 25px;font-size: 20px;height: 25px;overflow:hidden;margin-top: 20px;font-weight: bold;}
.news-block .company-news dl a dd h2{line-height: 50px;color: #999;font-size: 0.9rem}
.news-block .company-news dl a dd h3{line-height: 25px;height: 100px;overflow: hidden;}
.news-block .company-news dl a dd h4{margin-top: 20px;border: 1px #d1d1d1 solid;padding: 12px 45px;border-radius: 50px;display: inline-block;transition: all .2s;color: #999;font-size: 15px}
.news-block .company-news dl a:hover dd h4{background: #0c59a0;color: #fff;border-color: #0c59a0}
.news-block .industry-news{ width:100%;font-size:0;background: #f5f7fa;padding: 30px 0;}
.news-block .industry-news dl{width: 48%; margin-bottom: 30px;font-size: 0;border-bottom: 1px #eee solid; padding-bottom: 30px;display: inline-block; margin-right: 4%}
.news-block .industry-news dl:nth-child(2n+1){margin-right: 0;}
.news-block .industry-news dl a dt{width: 42%;display: inline-block;vertical-align: top;}
.news-block .industry-news dl a dt img{width: 100%}
.news-block .industry-news dl a dd{width: 53%;padding-left: 5%;display: inline-block;vertical-align: top;}
.news-block .industry-news dl a dd h1{font-size: 20px;line-height: 36px;font-weight: bold;}
.news-block .industry-news dl a dd h2{line-height: 30px;color: #999;font-size: 0.9rem}
.news-block .industry-news dl a dd h3{line-height: 22px;height: 44px;overflow: hidden;}
.news-block .industry-news dl a dd h4{margin-top: 20px;border: 1px #d1d1d1 solid;padding: 4px 30px;border-radius: 30px;display: inline-block;transition: all .2s;color: #999;font-size: 15px}
.news-block .industry-news dl a:hover dd h4{background: #0c59a0;color: #fff;border-color: #0c59a0}
.news-center-list{width: 100%}
.news-center-list .all-news{ width:100%;font-size:0;padding-bottom: 30px;}
.news-center-list .all-news dl{width: 100%; margin-bottom: 30px;font-size: 0;border-bottom: 1px #eee solid; padding-bottom: 30px}
.news-center-list .all-news dl a dt{width: 30%;display: inline-block;vertical-align: top;}
.news-center-list .all-news dl a dt img{width: 100%}
.news-center-list .all-news dl a dd{width: 65%;padding-left: 5%;display: inline-block;vertical-align: top;}
.news-center-list .all-news dl a dd h1{font-size: 20px;line-height: 50px;font-weight: bold;}
.news-center-list .all-news dl a dd h2{line-height: 50px;color: #999;font-size: 0.9rem}
.news-center-list .all-news dl a dd h3{line-height: 25px;height: 75px;overflow: hidden;}
.news-center-list .all-news dl a dd h4{margin-top: 20px;border: 1px #d1d1d1 solid;padding: 8px 35px;border-radius: 50px;display: inline-block;transition: all .2s;color: #999;font-size: 15px}
.news-center-list .all-news dl a:hover dd h4{background: #0c59a0;color: #fff;border-color: #0c59a0}


.ProductShow{width: 100%;overflow: hidden;height: 820px;background: #e4edf1;padding: 50px 0}
.ProductShow .lunB{width: 600px;float: left;position: relative;}
.ProductShow .lunB .box{width: 600px;height: 617px;margin: 0 auto;position: relative;overflow: hidden;margin-top: 0px;} 
.ProductShow .lunB .box ul{width: 100%;overflow: hidden;height: 617px;position: absolute;top: 0;left: 0;}
.ProductShow .lunB .box li{float: left;width: 600px;}
.ProductShow .lunB i{width: 44px;height: 44px;display: block;position: absolute;top: 43%;z-index:99;}
.ProductShow .lunB i:hover{cursor: pointer;}
.ProductShow .lunB i.prev{background: url(ProductShow-Btn.jpg) no-repeat top; left: 0;}
.ProductShow .lunB i.next{background: url(ProductShow-Btn.jpg) no-repeat bottom;right: 0;}
.ProductShow .lunBList{text-align: center;width: 100%;overflow: hidden;margin-top: 13px;}
.ProductShow .lunBList li{display: inline-block;width: 10px;height: 10px;overflow: hidden;background: url(Productshow-BtnList.png) no-repeat top;margin-left: 20px; font-size:0;}
.ProductShow .lunBList li:first-child{margin-left: 0;}
.ProductShow .lunBList li.on{background: url(Productshow-BtnList.png) no-repeat bottom;}
.ProductShow .txt{width: 530px;float: left;padding-left: 70px;padding-top: 50px;}
.ProductShow .txt > h1{font-size: 25px;color: #333;font-weight: bold; border-bottom: 1px #ddd solid;padding-bottom: 25px}
.ProductShow .txt > h2{font-size: 14px;color: #333;font-weight: normal;margin: 20px 0}
.ProductShow .txt p{font-size: 13px;color: #666666;line-height: 24px;margin-top: 40px;}
.ProductShow .txt .qq-online,.ProductShow .txt .tel{display: inline-block;vertical-align:middle; margin-right: 40px}
.ProductShow .txt .qq-online a{padding: 12px 40px;font-size:20px;background:#0c59a0;border-radius: 30px;color: #fff;display: inline-block;}
.ProductShow .txt .qq-online a i{background: url(message.png) no-repeat;width: 25px;height: 22px;display: inline-block;vertical-align:text-bottom;margin-left: 10px}
.ProductShow .txt .qq-online a:hover{background: #ff6f37}
.ProductShow .txt .tel{margin-right: 0}
.ProductShow .txt .tel i{background: url(tel.png) no-repeat center center #0c59a0;display: inline-block;width: 42px;height: 42px;vertical-align:text-bottom;border-radius: 50%}
.ProductShow .txt .tel em{margin-left: 10px;display: inline-block;font-size: 0}
.ProductShow .txt .tel em h1{font-size: 12px;color: #333;font-weight: normal;line-height: 16px;margin: 0}
.ProductShow .txt .tel em h2{font-size: 25px;font-family:Helvetica, sans-serif;line-height: 28px;margin: 0;color: #0c59a0}
.ProductShow .txt .bdsharebuttonbox{border-top: 1px #ddd solid;width: 100%;padding-top: 30px;}

.fenlei { position:relative; clear:both; width: 100%;}
.fenlei .tit {width: 100%;height: 60px;position: absolute;margin-top: -60px;}
.fenlei .tit a { height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-weight:bold;color: #fff;background: #0c59a0;float: left;border-left: 1px solid #fff;box-sizing:border-box; width:24%;}
.fenlei .tit a span { color:#fff;}
.fenlei .tit a:hover, .fenlei .tit .cur { background: #0c59a0;}
.fenlei .tit a:hover span, .fenlei .tit .cur span {}
.fenlei .tit a.first { color:#C10005;}
.fenlei .tit a.first:hover { color:#fff;}
.fenlei table { border:solid 1px #ddd; border-right:0; border-left:0;background:#F6F6F6; width:100%; }
.fenlei table td { padding-left:15px; line-height:25px;}
.fenlei table .top_td td { padding-top:5px;}
.fenlei table .bot_td td { padding-bottom:5px;}
.prut-detail{padding: 30px 5px; font-size:15px; }
.prut-detail h1{font-weight: bold;font-size: 20px;line-height: 60px}
.prut-detail,.prut-detail p,.prut-detail div{
	font-size: 15px;line-height: 35px;
word-wrap: break-word;
    word-break: normal;
	}
.prut-detail h2{ font-size:17px; color:#ff0000;line-height:30px;}
.prut-detail h3{ font-size:15px; color:#666;line-height:30px;}
.prut-detail h3 a{ font-size:15px; }
.prut-detail h3 a:hover{ color:#ff0000; font-weight:bold;}
.prut-detail table.ke-zeroborder-default{width: 100%}
.prut-detail table.ke-zeroborder{border: 0;padding: 0;margin: 0;width: 100%}
.prut-detail table.ke-zeroborder td{background: #f5f7fa;padding: 0 10px}
.prut-detail table.ke-zeroborder tr:first-child td{background: #b8bec2;color: #fff}

.same-product{ width:100%; padding:40px 0; background:#e4edf1}
.same-product h1{font-size:24px; color:#333; margin:25px 0; font-weight:bold;}
.same-product ul{ width:100%; font-size:0}
.same-product ul li{ width:23.5%; margin-right:2%; display:inline-block}
.same-product ul li img,.same-product ul li span{ width:100%; display:block; text-align:center; line-height:50px; font-size:16px;transition: all 0.4s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;
text-overflow: ellipsis;
overflow:hidden;
height:50px;}
.same-product ul li p{ width:100%;  overflow:hidden; display:block}
.same-product ul li img{ height:180px;}
.same-product ul li a:hover img{transform: scale(1.08);}
.same-product ul li a:hover span{ background:#0c59a0; color:#fff;}
.same-product ul li:nth-child(4n){ margin-right:0}

.buy-order{ width:100%; padding-bottom:50px}
.buy-order h1{font-size:24px; color:#333; margin:55px 0 25px 0; font-weight:bold}
.buy-order .ny_lyk{ width:550px; height:45px; margin-right:100px; margin-bottom:15px; float:left;}
.buy-order .ny_lyk input{ width:490px; font-size:14px; color:#555; margin-left:60px; line-height:45px; height:45px; border:none; background:none; outline:none;}
.buy-order .ny_lyk  textarea{width:1140px; margin-left:60px; padding-top:15px; height:140px; border:none; resize:none; background:none; outline:none; font-size:12px; color:#555;}
.buy-order .ny_lyk input.mm{ width:180px; float:left;}
.buy-order .ny_lyk  span{ display:block; float:right; margin-top:1px; margin-right:1px;}
.buy-order .ny_lyk  span img{ display:block}
.buy-order .ny_lyk.ys01{ background:url(nycply01.png) no-repeat left;}
.buy-order .ny_lyk.ys02{ margin-right:0px; background:url(nycply02.png) no-repeat left;}
.buy-order .ny_lyk.ys03{ background:url(nycply03.png) no-repeat left;}
.buy-order .ny_lyk.ys04 {margin-right:0px; background:url(nycply04.png) no-repeat left;}
.buy-order .ny_lyk.ys05{margin-right:0px; width:1200px; height:160px; background:url(nycply05.png) no-repeat left;}
.buy-order .ny_lyk.ys06{margin-right:0px; width:351px; background:url(nycply06.png) no-repeat left;}
.buy-order .ny_lykff{ width:444px; height:45px; float:right;}
.buy-order .ny_lykff a{ display:block; width:210px; margin-right:20px; height:43px; float:left; line-height:43px; font-size:14px; text-align:center; color:#555; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px; text-decoration:none;}
.buy-order .ny_lykff a:hover{ background-color:#0c59a0; color:#fff;}
.buy-order .ny_lykff input.last{ display:block; width:210px; height:43px;  line-height:43px; font-size:14px; text-align:center; color:#555; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px;background-color:#0c59a0; color:#fff; cursor:pointer}

.sever-content{width:100%;padding:20px 0;font-size: 15px;line-height: 25px}
.sever-content p,.sever-content div{padding:10px 0;font-size: 15px;line-height: 25px;}
.sever-content h1{font-weight: bold;color: #333;font-size: 20px;line-height: 40px}

.view-news{width: 100%;padding:40px 0; background:#e4edf1}
.view-news .comm-width{position: relative;}
.view-news .comm-width a.class{position: absolute;width: 49px;height:49px;left: -49px;top:0;background:url(class.gif) no-repeat center center #ccc}
.view-news .fl{background: #fff;width: 820px;padding: 50px 30px 0 30px}
.view-news .fl .title {width: 100%;border-bottom: 1px #f1f1f1 solid;padding-bottom: 30px;font-size: 0}
.view-news .fl .title h1{font-size: 25px;line-height: 40px;color: #333;}
.view-news .fl .title h2{font-size: 12px;color: #999;line-height: 40px; width:70%;display: inline-block;}
.view-news .fl .title .bshare-custom{width:30%;text-align: right;display: inline-block;vertical-align: text-bottom;}
.view-news .fl .title h2 i{width: 1px;height: 10px;border-right: 1px #ddd dotted; margin: 0 10px;display: inline-block;}
.view-news .fl .content{width: 100%;line-height: 32px;font-size: 15px;padding: 40px 0}
.view-news .fl .content p{padding:10px 0;}
.view-news .fl .content div{width:100%;}
.view-news .fl .nextpre{background: #fff;border-top: 1px #f1f1f1 solid;width: 100%;font-size: 0}
.view-news .fl .nextpre li{width: 49%;line-height:50px;display: inline-block;border-right: 1px #eee solid; margin: 20px 0;font-size: 15px;height: 50px;overflow:hidden;}
.view-news .fl .nextpre li:last-child{border-right: none;text-align: right;}
.view-news .fl .nextpre li span{width: 7px;height: 16px;display: inline-block; margin-right: 12px;background: url(prenext.gif) no-repeat;vertical-align:middle;}
.view-news .fl .nextpre li a{font-size: 15px;height: 50px;overflow:hidden;width: 90%;display: inline-block;vertical-align: top;}
.view-news .fl .nextpre li:last-child span{ margin-right: 0; margin-left: 12px;background-position:-10px 0}
.view-news .fl .nextpre li:hover span{background-position: 0 -28px}
.view-news .fl .nextpre li:last-child:hover span{background-position: -10px -28px}
.view-news .fr{background: #fff;width: 300px}
.view-news .fr .title {width: 100%;padding:20px;}
.view-news .fr .title h1{font-size: 18px;font-weight: bold;color: #333;border-bottom: 1px #e7e7e7 solid;position: relative;width:100%;display: inline-block;line-height: 50px}
.view-news .fr .title h1 b{color:#c8c84f;line-height: 50px}
.view-news .fr .title h1 i{width:35px;height: 1px;background: #c8c84f;position: absolute;left: 0;bottom: -1px;overflow:hidden;}
.view-news .fr ul{width:100%;padding:20px;padding-top: 0}
.view-news .fr ul li{width:100%;}
.view-news .fr ul li a{line-height: 30px;color: #333;font-size: 12px;height:30px; overflow:hidden;}
.view-news .fr .space-line{height: 15px;width:100%;background: #e4edf1; overflow:hidden;}



.tech_center{width:100%}
.techp01 { overflow:hidden; width:100%; padding:65px 0;}
.techp01.nopaddingtop{padding:0}
.techp01 .title {text-align: center;width:100%;}
.techp01 .content{padding:20px 0;line-height: 30px;font-size: 14px}
.techp01 .content p{padding:10px 0;}
.techp01 .title h2 { text-align: center; font-weight: normal; font-size: 30px; color: #333;}
.techp01 .p02box{ overflow:hidden; margin-top:50px; width:100%; height:300px; position:relative; margin-bottom:40px;}
.techp01 #ndtbox-17{height:380px;}
.techp01 .p02box ul{ overflow:hidden; position:absolute}
.techp01.nopaddingtop ul{margin-top:10px;height:auto;width:100%; margin-bottom: 30px}
.techp01 .p02box li{ float:left; width:340px;margin-right:90px;position: relative;}
.techp01 .p02box li a i{background:url(play_grey.png) no-repeat; width: 85px;height: 60px;display: inline-block;position: absolute;left: 37%;top: 22%}
.techp01 .p02box li a:hover i{background: url(play_red.png) no-repeat;}
.techp01.nopaddingtop .p02box li{width:31%;margin-right: 3.5%;overflow: hidden;}
.techp01.nopaddingtop .p02box li:nth-child(3n){margin-right: 0}
.techp01 .p02box li img{ display:block; margin-bottom:30px; border: 1px #f5f7fa solid;transition: all .2s}
.techp01 .p02box li:hover img{transform: scale(1.05);}
.techp01.nopaddingtop .p02box li img{ width: 100%; border: 1px #ddd solid }
.techp01 .p02box li h4{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.techp01 .p02box li h4 a{ color:#333;}
.techp01 .p02box li span{ display:block; font-size:14px; color:#777; padding-bottom:18px; border-bottom:1px solid #e2e2e2; margin-bottom:20px;}
.techp01 .p02box li p{ font-size:14px; line-height:22px; color:#666; height:66px; overflow:hidden; text-align:justify;}
.techp01.nopaddingtop .p02box li h4{ text-align: center;padding-bottom: 30px;width:100%; }
.techp01 .p02box li:hover h4 a{ color:#1a46a1;}
.techp01 .btnbox{ overflow:hidden; width:100%; text-align:center;}
.techp01 .btnbox i{ display:inline-block; width:10px; height:18px; cursor:pointer; margin:0 15px;}
.techp01 .btnbox .btn01{ background:url(index_btn02.png) no-repeat center top;}
.techp01 .btnbox .btn02{ background:url(index_btn03.png) no-repeat center top;}
.techp01 .btnbox .btn{ display:inline-block; overflow:hidden}
.techp01 .btnbox .btn span{ display:inline-block; width:15px; height:15px; background:url(index_btn01.png) no-repeat right center; margin:0 3px; cursor:pointer}
.techp01 .btnbox .btn span.cur{ background-position:left}
.techp01 .btnbox i,.techp01 .btnbox .btn,.techp01 .btnbox .btn span{ *display:inline}
.techp01 .btnbox i:hover{ background-position:bottom}
.tech_center .techp01:nth-child(2n){ background-color:#f5f7fa}


.yingxiang { overflow:hidden; width:100%;padding:65px 0;background-color: #f5f7fa;}
.yingxiang .yxbox{ overflow:hidden; margin-top:40px;}
.yingxiang .listbg{ overflow:hidden; width:400px; height:360px; float:left; position:relative; margin-right:10px;}
.yingxiang .listbg img{ display:block;}
.yingxiang .listbg .name{ overflow:hidden; width:100%; height:70px; background:url(index04.png) repeat center; position:absolute; left:0; bottom:0;}
.yingxiang .listbg h3{ font-size:16px; color:#fff; float:left; line-height:70px; margin-left:25px;}
.yingxiang .listbg .name img{ float:right; margin-right:25px; margin-top:20px;}
.yingxiang .listbg a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.yingxiang .listsm{ overflow:hidden; width:380px; height:360px; float:right;position: relative;}
.yingxiang .listsm .slists{ overflow:hidden; width:100%; height:175px; margin-bottom:10px;}
.yingxiang .listsm .slists .tu{ display:block; float:left; width:190px; height:175px; position:relative}
.yingxiang .listsm .slists .tu img{ display:block}
.yingxiang .listsm .slists .tu .icon{ position:absolute; left:65px; top:56px;}
.yingxiang .listsm .slists .wen{ overflow:hidden; width:149px; height:173px; border:1px solid #cecece; border-left:none; padding:0 20px;}
.yingxiang .listsm .slists h3{ font-size:16px; text-align:justify; line-height:25px; height:50px; margin-bottom:30px; margin-top:35px; overflow:hidden}
.yingxiang .listsm .slists h3 a{ color:#333}
.yingxiang .listsm .slists em{ font-size:12px; color:#888; padding-left:16px; background:url(index_time.png) no-repeat left center;}

.showerr{ padding-bottom: 30px; line-height:35px; width:100%; text-align:center; display:block}
.showerr B{color:#c01130; font-size:18px; }
.pagelink{width:100%; padding-bottom:15px; clear:both; border-top:1px #eaeaea dotted; text-align: center;padding-top: 40px}
.pagelink em{ font-style:normal}
.pagelink.noborder{ border-top:none; padding-top:20px}
.pagelink select{font-family:Arial; padding:3px; border:1px #ddd solid}
.yellow {padding: 7px 0; margin: 4px; text-align: center; font-size:14px; float:none}
.yellow B{ padding:0 4px; font-size:12px}
.yellow a {border: #ddd 1px solid; margin: 3px; padding: 3px 7px; text-decoration: none; font-size:14px; color:#666}
.yellow a:hover {border: #0c59a0 1px solid;background: #0c59a0; color: #fff; text-decoration:none}
.yellow span.current {border: #0c59a0 1px solid; font-weight: bold; margin: 3px; color: #fff; padding: 3px 7px;background: #0c59a0; font-size:14px}
.yellow span.disabled {border: #ddd 1px solid; padding: 3px 7px; margin: 3px; color: #aaa; font-size:14px }

.friendlink{background: #f9f9f9;border-top: 8px #f0f0f0 solid;width: 100%;padding: 20px 0}
.friendlink .title{background: url(/images/linkpoint.gif) repeat-x 0 37px;width: 100%}
.friendlink .title h1{background: url(/images/flink.png) no-repeat left bottom; padding-left: 95px;padding-top: 15px;height: 38px;font-size: 15px;font-weight: bold;}
.friendlink ul{width: 100%;padding: 20px 0;display:inline-block;color: #ddd}
.friendlink ul a{line-height: 16px;display: inline-block;border-right: 1px #ddd dotted; margin: 10px; padding-right: 25px}
.friendlink ul a:last-child{margin-right: 0;border-right: none;}

.footer{background: #1e1e1e;width: 100%; padding: 70px 0}
.footer .quicklink{width: 100%;font-size: 0}
.footer .quicklink dl{width: 16%;display: inline-block; border-right:1px #404040 dotted;padding-left: 4%;height: 250px;vertical-align: top;}
.footer .quicklink dl:first-child{width: 12%;padding-left: 0}
.footer .quicklink dl:last-child{border-right: none;width: 24%}
.footer .quicklink dl dt{color: #fff;font-size:18px}
.footer .quicklink dl:last-child dt{font-size: 14px}
.footer .quicklink dl dd{padding-top: 20px}
.footer .quicklink dl dd a{color: #888;display: block;line-height: 30px}
.footer .quicklink dl dd a:hover{color: #eee}
.footer .quicklink dl:last-child dd h1{color: #f50;font-size: 20px;font-family:Arial, Helvetica, sans-serif }
.footer .quicklink dl:last-child dd h2{padding-top: 20px}
.footer .quicklink dl:last-child dd h2 img{border-radius: 3px}
.footer .quicklink dl:last-child dd h3{color:#fff;line-height: 40px;font-size: 12px}

.copyright{position: relative;}
.copyright > .fl{background:#0068b7;width: 50%; height: 60px}
.copyright > .fr{background:#272727;width: 50%; height: 60px}
.copyright .copys{height: 60px;line-height: 60px;position: absolute;left:0;top: 0;width: 100%}
.copyright .copys .fl{color: #fff}
.copyright .copys .fr{color: #666}
.copyright .copys .fr img{display: inline-block;vertical-align: middle;}

@media screen and (max-width: 900px){
.ProductShow .lunB .box {
    width: 100%;
    height: auto;
}
.ProductShow .lunB .box img{ width:100%;}
.ProductShow .lunB .box ul{ height:auto;}
.ProductShow .lunB{ width:100%;}
.ProductShow .txt{ width:auto;    float: none;
    padding-left: 20px;
    padding-top: 20px;}
.qq-online{ display:none !important;}
.prut-detail img{ width:100%;}
.title h2{ display:none;}
.comm-width{ background-color:#fff;}
.banner_pro{margin-top: 0px !important;}
.comm-width .fl{ height:40px;}
.view-news .fr {
    background: #fff;
    width: 100%;
	float:none;
	clear:both;
	
}

.news-detail{ }
.comm-title-inner {
    padding-top: 30px;
}
.news-center-list .all-news dl dd h2 {
    line-height: 26px !important;
}
.news-center-list .all-news dl dt {
    width: 100% !important;
}
.news-center-list .all-news dl dd {
    width: auto !important;
}
.product .comm-width{ height:30px !important;}
.news-block .company-news dl a dt {
    height: auto;
}
.news-block .company-news dl a dd h3{ display:none;}
.news-block .company-news dl {
    width: 45%;
}
.news-block .company-news dl {
    margin-left: 3.5%;
	margin-right:0px;
}
.news-block .company-news dl:nth-child(4) {
    margin-right: 3.5%;
}
.news-block .company-news dl:nth-child(5) {
    
}
.same-product ul li {
    width: 48%;
}
.techp01.nopaddingtop .p02box li h4 {
    display:none;
}
.prut-detail h2 {
    font-size: 14px;
}
.banner_nei {
	background-size:300%;
    margin-top: 0px !important;
	height:200px !important;
}
video{ width:100%;}
.txt h2{ display:none;}
.localtion .fl a {
    margin-right: 0px;
    font-size: 15px;
	margin-left: 10px;
}
.comm-width table{ width:100% !important;}
.ProductShow {
  padding: 0px 0;
}
.view-news .fl {
    background: #fff;
    width: auto;
    padding: 50px 30px 0 30px;
	float:none;
	min-height:1400px;
}
.localtion .fr{ display:none;}
.buy-order .ny_lyk {
    width: 100%;
}
.buy-order .ny_lyk textarea {
    width: 100%;
}
.buy-order .ny_lyk.ys05 {
    width: auto;
}
.buy-order .ny_lykff a {
    width: 150px;
}
.buy-order .ny_lykff {
    width: 100%;

}
.buy-order .ny_lyk input {
    width: auto;
}
.same-product {
    padding: 0px 0;
}
.news-block .title {
    padding: 0px 0; 
    margin-bottom: 0px; 
}
.news-block .industry-news dl {
    width: 100%;
}
.news-block .industry-news dl a dd h3 {
    height: auto;
}
.news-block .company-news dl a dd h2 {
    display: none;
}
.news-center-list .all-news dl a dd h3 {
    display: none;
}
.txt h2:nth-child(3){ display:none !important;}
}
.pro_list a{color: #03F;
	text-decoration: underline;}