﻿body{font:14px/1.5 helvetica,arial;font-family:'Microsoft YaHei'}
a{color:#333;text-decoration:none;outline:medium none;}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color: #00bfff}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th{font:14px/1.5 helvetica,arial}
input{font:14px/1.5 helvetica,arial}

/*头部*/
header {width:100%;}
/*顶部部分*/
.top{ color:#ccc; padding:15px 0;height:60px}
.top_right{float:right;}
.top_right a{ float:right;line-height:30px; margin-left:15px;} 
.top_right form {display:inline-block;width:225px;}
.top_right input {border:1px solid #ccc;border-radius:20px 0px 0px 20px;color:#000;border-right:0px;padding:2px 0px 2px 10px;height:30px;line-height:25px;}
#sub {border:1px solid #ccc;border-radius:0px 20px 20px 0px;float:right;color:#ccc;padding: 4px 12px;}
#sub:active,#sub:visited,#sub:hover{background-color:#fff;border-left:0px;}
.key{ width:90%; float:left; height:30px; line-height:30px; background:#313674; border:0; color:#fff; padding-left:10px;}

/*导航*/
.logo{position:absolute; top:-25px;left:15px;}
#mynav{border-width:0px; margin:0; background-color:#fff;}
#mynav .nav>li>a{ font-size:16px;text-align:center;color:#333; padding:20px 30px 40px 30px;font-family:'Microsoft YaHei';}
#mynav .nav>li>a>i{ font-size:24px;}
#mynav .nav > li > ul > li > a {text-transform: capitalize;padding: 10px 20px;}
#mynav .nav > li.active > a,#mynav .nav > li.open > a{ background-color:transparent;}
#mynav .nav > li.active > a:before{opacity:1;}
#mynav .dropdown-menu {left:0;right: auto;}
#mynav .dropdown-menu li {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#mynav .dropdown-menu li>a:hover {background:#00bfff;color:#fff;}
#top_search {margin-top: 25px;}
#top_search #top_sform {width: 182px;}
#top_search #top_stext {width: 150px;height: 32px;border: 1px solid #333;padding-left: 5px;background-color: Transparent;color: #fff;}
#top_search #top_sbut {width: 32px;height: 32px;background: #333;border: none;float: right;color: #fff;font-size: 18px;line-height: 32px;}
#wrapper .sidebar-nav li {display: inline-block !important;position: relative !important;}
#wrapper .sidebar-nav i {width: 20px;}
#mynav .nav>li.active>a,#mynav .nav>li:hover>a,#mynav .nav>li.open>a{color:#00bfff;}


/*轮播*/
section{width:100%;}
.carousel-control{bottom:initial;top:calc(46%);background-image:none !important;opacity:0.6;width:70px;height:52px;text-shadow:none;}
.carousel-control span {line-height: 52px!important;font-size:52px;color:#fff;}
.carousel-indicators li {margin:0px 5px;border:0;background:#fff;width:12px;height:12px;}
.carousel-indicators .active {background-color:#eed939;margin:0px 5px;}


/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
#mynav .nav > li > a {padding:20px 14px 40px 14px;}
}
/*平板电脑*/
@media (min-width:768px) and (max-width:991px) {
.carousel-control{width:35px;height:75px;}
.carousel-control span {line-height: 75px  !important;font-size:32px;}
#mynav .nav > li > a {font-size:12px;padding:20px 12px 40px 12px;}
.logo img{width:70%;display:initial}
}

/*手机*/
@media (max-width:767px) {
.carousel-control{width:30px;height:50px;}
.carousel-control span {line-height: 50px  !important;font-size:32px;}
.logo img{width:150px;padding:8px;float:left}
.logo{position:static;}
.carousel-indicators {bottom:0px;}
}

/*产品分类*/
#frame_proc {
    width:100%;
    padding-top:10px;
}
.proc {margin-top:40px;padding:0px 15px;}
.proc_shadow {padding:18px 15px;border: 1px solid #ccc; box-shadow: 3px 3px 20px #ccc;}
.proc_shadow>h1 {font-size:16px;color:#333;padding:0px;margin-top:50px;margin-left:30px;}
.proc_img {width: 125px; height: 125px; border-radius: 50%; background-color: #676767;text-align:center;line-height:125px;float:left;margin-right:30px}
.proc_img >img{vertical-align:middle;}
.proc>a:hover .proc_img{background-color:#00bfff;}

/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
.proc_img {width: 100px; height: 100px; line-height:100px;float:left;margin-right:15px}
.proc_shadow > h1 {margin-top:35px;}
}
/*手机*/
@media (max-width:767px) {
.proc_img {width: 50%;height: 50%;line-height: 100%;float: none;margin-right: auto;max-width: 120px;}
.proc_shadow > h1 {margin-top: 10px;margin-left: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;}
.proc_shadow {padding: 5px;}
.proc {text-align: center;margin-top:20px;padding: 0px 10px;}
}

/*中部*/
#main {width:100%;background-color:#f3f3f3;margin-top:62px;padding:75px 0px 60px 0px;}
/*关于我们*/
.about_bg {background:url(../images/bg.png);background-size:100% 100%;min-height:451px;}
.about_img {padding:35px 35px 35px 15px;}
.about_txt {background-color:#f3f3f3;text-align:center;margin-top:100px;}
.about_txt p {text-align:left;font-size:14px;color:#333;margin:30px 0px 40px 0px;line-height:24px;height:165px;overflow:hidden;}
.about_txt a {width: 150px;color: #fff;background-color: #00bfff;font-size: 14px;font-weight: bold;display: inline-block;vertical-align: middle;line-height:43px;margin:0px 25px;border:1px solid #00bfff;}
.about_txt h1 {color:#00bfff;font-weight:bold;font-size:30px;}
.about_txt a:hover {color: #333;background-color: #f3f3f3;border:1px solid #00bfff;}
/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
.about_txt {margin-top:50px;}
.about_txt p {margin:15px 0px 20px 0px;}
.about_bg {min-height:380px;}
}
/*平板电脑*/
@media (min-width:768px) and (max-width:991px) {
.about_txt {margin-top: 50px;}
.about_txt p {margin: 15px 0px 20px 0px;height:120px}
.about_bg {min-height: 300px;}
.about_txt a {width: 100px;}
}
/*手机*/
@media (max-width:767px) {
#main {margin-top: 20px;padding: 15px 0px;}
.about_bg {background: none;min-height: 0px;}
.about_txt {margin-top: 10px;}
.about_txt a {width: 80px;font-size: 12px;margin: 0px 5px;}
.about_txt p {font-size: 12px;margin: 20px 0px;height:auto;}
.about_txt h1 {font-size:20px;}
}

/*车间展示*/
.workshop_tab{ width:100%;text-align:center; margin:58px 0px 50px 0px;}
.workshop_tab li {display:inline;}
.workshop_tab a{width:27%;background:#676767;margin:0px 5px;line-height:45px;display:inline-block;font-size:18px; color:#fff;position:relative;}
.workshop_tab a:before{-webkit-transition:.5s;transition:.5s;content:'';width:0;height:0;border-style:solid;border-width:0;border-color:transparent transparent transparent #f3f3f3;position:absolute;bottom:0;left:0}
.workshop_tab a:after{-webkit-transition:.5s;transition:.5s;content:'';width:0;height:0;border-style:solid;border-width:0;border-color:transparent #f3f3f3 transparent transparent;position:absolute;top:0;right:0}
.workshop_tab a:hover:before{border-width:30px 0 0 30px;}
.workshop_tab a:hover:after{border-width:0 30px 30px 0;}
.workshop_tab a:hover{background:#00bfff}
.workshop_tab li.active a{background:#00bfff;}
.workshop_tab li.active a:before{border-width:30px 0 0 30px;}
.workshop_tab li.active a:after{border-width:0 30px 30px 0;}
.workshop{ width:100%; float:left;min-height:216px;}
.workshop_img .prolist img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.workshop_img .prolist {margin:0 -15px;}
.workshop_img .prolist .img{overflow:hidden;}
.workshop_img .prolist img{width:100%;box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.workshop_img .item{border:1px solid #ccc;padding:5px;}
.workshop_img .owl-carousel .owl-controls .owl-buttons{}
.workshop_img .owl-carousel .owl-controls .owl-buttons>div{width:26px;height:42px;line-height:42px;padding:0;border-radius:0;position:absolute;top:38%;}
.workshop_img .owl-carousel .owl-controls .owl-buttons>.owl-prev{left:-40px; background:url(../images/left.png)}
.workshop_img .owl-carousel .owl-controls .owl-buttons>.owl-next{right:-40px; background:url(../images/right.png)}
.workshop_img .owl-carousel .owl-controls .owl-buttons>.owl-prev:hover{background:url(../images/left_i.png)}
.workshop_img .owl-carousel .owl-controls .owl-buttons>.owl-next:hover{background:url(../images/right_i.png)}
.workshop_img .owl-theme .owl-controls {margin-top:0px;}
/*手机*/
@media (max-width:767px) {
.workshop_tab{  margin:40px 0px 20px 0px;}
.workshop_img .owl-theme .owl-controls {margin-top:10px;}
.workshop{min-height:0px;}
.workshop_img .owl-carousel .owl-controls .owl-buttons>div{position:static;}
.workshop_tab a {font-size:12px; }
}

/*工厂设备*/
#frame_fac {background:url(../images/bg_fac.jpg) no-repeat bottom center fixed;width:100%;min-height:700px;background-size:cover;text-align:center}
#frame_fac h1 {color:#fff;font-size:30px;font-weight:bold;margin:65px 0px 25px 0px;}
#frame_fac p {color:#fff;font-size:16px;line-height:24px;margin-bottom:100px;}
#carousel_fac .owl-controls .owl-buttons>div{width:55px;height:55px;line-height:55px;padding:0;font-size:32px;border-radius:0;border:2px solid #fff}
#carousel_fac .owl-controls .owl-buttons > .owl-prev {left: 0px;background:none;}
#carousel_fac .owl-controls .owl-buttons > .owl-next {right: 0px;background:none;}
#carousel_fac .owl-prev i ,#carousel_fac .owl-next i{margin-top:7px }
#carousel_fac .owl-buttons {margin-top:60px;}
#carousel_fac .owl-buttons .owl-prev:hover,#carousel_fac .owl-buttons .owl-next:hover{border: 2px solid #00bfff;}
#carousel_fac .owl-buttons>div:hover {color:#00bfff}
#carousel_fac .img {overflow:hidden;}
#carousel_fac img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
#carousel_fac img {-webkit-transition: 0.5s;transition: 0.5s;width:100%;box-sizing: border-box;}
#carousel_fac .owl-item{padding:0 10px;}
/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
#frame_fac {min-height:600px;}
}
/*平板电脑*/
@media (min-width:768px) and (max-width:991px) {
#frame_fac {min-height:500px;}
#frame_fac  p {margin-bottom:50px;}
}
/*手机*/
@media (max-width:767px) {
#frame_fac {min-height:0px;} 
#frame_fac h1 {font-size:20px;margin:30px 0px;}
#frame_fac  p {font-size:14px;margin-bottom:20px;}
#carousel_fac .owl-buttons {margin:20px 0px;}
}

/*热门产品*/
#frame_pro {text-align:center;}
#frame_pro h1 {font-size:36px;font-weight:bold;color:#333;margin:50px 0px;}
.pro_img a:first-child {border: 1px solid #ccc;margin-bottom:20px; display:inline-block;position:relative}
.pro_img>a>h5 {font-size:14px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_img>a>h5:hover {color:#00bfff;}
.pro_img .pro_shade {opacity: 0;position: absolute;top: 0;right: 0px;bottom: 0;left: 0px;background-color: rgba(0,0,0,0.8);-webkit-transition: .5s;transition: .5s;}
.pro_img .pro_shade:hover {opacity: 1;}
.pro_shade>i{font-size:64px;margin-top:28%;color:#fff;}


/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
.pro_shade>i{font-size:54px;}
}
/*平板电脑*/
@media (min-width:768px) and (max-width:991px) {
.pro_shade>i{font-size:44px;}
}
/*手机*/
@media (max-width:767px) {
#frame_pro h1 {font-size:20px;margin:20px 0px;}
.pro_img>a>h5 {font-size:12px;}
.pro_img {margin-bottom: 30px;}
.pro_shade>i{font-size:32px;}
}

/*新闻*/
#frame_new {margin-bottom:60px;}
#frame_new a {font-family:'Microsoft YaHei';  }
#frame_new p {color:#666;font-size:12px;line-height:22px;}
#frame_new h1 {text-align:center;font-size:36px;font-weight:bold;color:#333;margin-top:75px;}
.new_tab {margin:25px 15px 40px 15px;text-align:center;background:url(../images/line.png) repeat-x}
.new_tab > li {display:initial;}
.new_tab >li>a{display:inline-block;width:108px;height:35px;border:1px solid #d7d7d7;border-radius:33px;text-align:center;line-height:33px;margin:0px 8px;background:#fff;}
.new_tab >li>a:hover {background:#00bfff;border:1px solid #1a8fff;color:#fff;}
.new_img {float:left;}
.new_img>h4 {color:#333;font-size:18px;line-height:36px;margin:15px 0px 5px 0px;height:36px;overflow:hidden}
.new_c h2{font-family:Arial;color:#dcdcdc;font-size:72px;padding:0px 30px 0px 20px;}
.new_c h5{color:#333;font-size:16px;overflow: hidden;height:18px;}
.new_c p {margin:15px 0px 40px 0px;}
.new_tab>li.active a{background:#00bfff;border:1px solid #1a8fff;color:#fff;}
.new_img .img {overflow:hidden}
.new_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.new_img img {-webkit-transition: 0.5s;transition: 0.5s;box-sizing: border-box;}

/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
.new_c p {margin:10px 0px;}
}
/*平板电脑*/
@media (min-width:768px) and (max-width:991px) {
.new_c p {margin:10px 0px;}
}
/*手机*/
@media (max-width:767px) {
#frame_new h1 {font-size:20px;margin-top:20px;}
.new_c p {margin:10px 0px;}
.new_tab >li>a{width:80px;height:30px;border-radius:28px;line-height:28px;margin:0px 8px;}
.new_c h2 {font-size:48px;padding:0px 20px;}
#frame_new {margin-bottom:20px;}
#frame_new p {}
}


/*底部部分*/
footer{float:left;width:100%;color:#fff;}
.foot{background-color:#000;float:left;width:100%;padding-top:60px}
.foot a:hover,.foot_copy a:hover{color:#00bfff;}
.foot_line {border-right:1px solid #4c4c4c;}
.foot-menu { min-height:340px;}
.foot-menu dl a,.foot-menu dl dd{color:#bababa;font-size:12px;line-height:24px;}
.foot-menu dl dt{font-size:14px;margin-bottom:20px;font-weight:bold}
.foot_pro >dl{float:left;}
.foot_pro >dl:last-child{margin-left:50px;}
.foot_about,.foot_address{margin-left:100px}
.foot_service {margin-left:50px}
.footer_bottom {float:left;border-top:1px solid #4c4c4c;width:100%;margin:0px 15px}
.footer_bottom ul {margin: 20px 0px;}
.footer_bottom ul li {text-align:left;height:70px;line-height:70px;padding:0px;margin-right:10px;}
.footer_bottom ul li img {vertical-align:middle}
.footer_bottom ul li:last-child {float:right}
.footer_bottom ul li a{font-size:12px;color:#fff;}
.footer_bottom ul li a img{margin-right:2px;}
.foot-bottom {background-color:#0d0d0d;}
.foot_copy {padding:20px 20px}
.foot_copy a {color:#fff;}
.foot_copy img{vertical-align:middle;padding-bottom:3px;}

/*台式电脑*/
@media (min-width:992px) and (max-width:1199px) {
.foot_service,.foot_address,.foot_about {margin-left:20px}
.footer_bottom ul li:last-child {float:initial;width:100%;}
}
/*平板电脑*/
@media (min-width:768px) and (max-width:991px) {
.foot_service,.foot_address,.foot_about,.foot_pro >dl:last-child{margin-left:10px}
.footer_bottom ul li:last-child {float:initial;width:100%;}
}
/*手机*/
@media (max-width:767px) {
footer{margin-bottom:50px}
.foot_copy {text-align:center;padding:10px 0px}
}

/*手机底部导航*/
#mobMenu{min-height:50px;border:1px solid #ddd;position:fixed;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav span {display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
#mobShare{position:fixed;bottom:0;width:100%;z-index:1110;display:none;color:#000}
#mobShare .txt{margin:0 10px;border-radius:2px;background-color:#f5f5f5;}
#mobShare h3{border-bottom:1px solid #ccc;padding:10px;text-align:center;font-size:20px;}
#mobShare .box{overflow-x:scroll;}
#mobShare ul {overflow-x:auto;padding:15px 0;height:110px;overflow-y:hidden;}
#mobShare ul li{float:left;display:block;width:80px;height:80px;text-align:center;}
#mobShare ul li a{display:inline-block;}
#mobShare ul li i{width:50px;height:50px;display:block;line-height:50px;font-size:50px;}
#mobShare ul li i.fa-facebook-square{color:#3b5998;}
#mobShare ul li i.fa-twitter-square{color:#00abf1;}
#mobShare ul li i.fa-google-plus-square{color:#d0422a;}
#mobShare ul li i.fa-tumblr-square{color:#44556b;}
#mobShare ul li i.fa-pinterest-square{color:#ca2127;}
#mobShare ul li i.fa-linkedin-square{color:#0083be;}
#mobShare .bdsharebuttonbox {overflow-x:auto;padding:15px 0;height:90px;overflow-y:hidden;}
#mobShare .bdsharebuttonbox li{width:80px;height:80px;}
#mobShare .bdsharebuttonbox li a{display:block;margin:0 auto;float:none;}
#mobShare .bdsharebuttonbox li span{display:block;text-align:center;margin-top:5px;}
#mobShare .share_btn{margin:10px;}
#mobShare .share_btn button{width:100%;background-color:#e6e6e6;text-align:center;font-size:16px;line-height:40px;height:40px;border:none;border-radius:2px;}
.sharebg{background-color: rgba(0, 0, 0, 0.6);bottom: 0;height: 100%;left: 0;opacity: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 1100;display: none;}
.sharebg-active {opacity: 1;display: block;}






/*轮播*/
#banner a {float: left;display: block;width: 100%;background-position: center center;}
@media (min-width:1360px) {#banner a {height: 300px;background-size: cover;}}
@media (min-width:1024px) and (max-width:1360px) {#banner a {height: 250px;background-size: cover;}}
@media (min-width:768px) and (max-width:1024px) {#banner a {height: 200px;background-size: cover;}}
@media (min-width:1px) and (max-width:768px) {#banner a {height: 100px;background-size: cover;}}


.content{display:block;padding-bottom:15px}
.myBtnStyle{color:#fff;margin-top:15px;background-color:#00bfff;min-width:120px;}
.myBtnStyle:hover{background-color:#333;color:#fff}
.lmb{border:solid 1px #ccc;margin-top:40px;padding:15px}
.lmb li strong{text-align:left;text-transform:capitalize;font-size:16px;padding:5px 0;display:block;cursor:pointer}
.lmb li>ul{display:none}
.thumbnail{margin-bottom:10px;}
a.thumbnail:hover {border-color:#00bfff;}
.cate_hot_info a{font-size:14px;text-align:center;display:block;margin-bottom:10px}
.cate_hot_img a{display:block;overflow:hidden}
.cate_hot_img a:hover{border-color:#00bfff;}
.cate_hot_img img{ width:100%;}
.pro_content{float:left;width:100%}
.pro_content h2{padding-bottom:10px;color:#00bfff}
.pro_content p{font-size:14px}
.pro_tit span{font-size:24px;display:block;border-bottom:solid 2px #f44607;margin-bottom:15px;color:#00bfff}
.hpcp a img{width:100%;margin-bottom:10px}
.hpcp a img:hover{border-color:#f44607}
.hpcp{text-align:center}
.hpcp p{text-align:center;margin-bottom:10px;font-size:12px;font-weight:700;color:#666}
.hpcp input{float:left;width:14px;height:14px}
.hpcp span{display:inline-block;font-weight:700}
.contact{display:block;padding-bottom:15px}
.contact li{line-height:2}
.contact strong{display:block;background-color:#d00;color:#fff;padding:4px 5px}
#mapContent{padding-bottom:50px}
#mapContent h2{font-size:20px;font-weight:700;line-height:45px;text-transform:capitalize}
.cate1 li a.a1{font-size:16px;font-weight:700;line-height:40px}
.cate1{margin-left:25px}
.cate2 li a.a2{font-size:14px;line-height:25px}
#mapContent ul li a.a3{margin-left:25px;text-indent:0;font-size:14px;line-height:30px}
#mapContent a:hover{color:#f44607}
.underline-dashed{border-bottom:dashed 1px #dedede;margin-top:10px; margin-bottom:10px;display:block}
.underline-solid{border-bottom:solid 1px #f4f4f4;display:block}
.top_line{float:left;width:100%;box-shadow:0 2px 3px 0 rgba(0,0,0,.2); }
.no-padding{padding:0px;}
.location{text-transform:capitalize;padding:8px 0 }
.location_img {line-height: 30px;background-image: url(../images/home.png) ;background-position: left center;padding-left: 25px;font-size: 15px;background-repeat:no-repeat;}
.text{margin-top:10px;margin-bottom:10px;min-height:350px}
.main{width:100%;float:left}
#nbar{margin:0 auto;width:100%}
#nbar img{float:left;width:100%;height:auto}

.rbt{font-size:12px;float:left;width:100%;line-height:36px;}
.rbt a,.rbt span{text-transform:capitalize}
.rbt h1{float:left;font-size:24px;text-transform:capitalize; line-height:1.5; border-bottom:solid 1px rgba(153,153,153,.6);width:100%; padding:20px 0px}
@media (max-width:767px){.rbt h1{display:block;font-size:16px;}
.rbt .location{display:none}
}



#left{background:#fff;box-shadow:20px 20px 20px -20px #999;border:1px solid #ddd;margin:25px 0px;}
.left_menu h2{background-repeat:no-repeat;padding-top:8%;padding-bottom:8%;padding-left:50px;background-image:url(../images/lbt_bg.png);background-position:10px;border-bottom:1px solid #ccc;background-color:#00bfff;color:#fff;font-size:20px;text-transform:capitalize}
.left_menu ul{width:100%}
.left_menu ul li{border-bottom:1px solid #ccc;width:100%;line-height:35px;overflow:hidden;}
.left_menu ul li a{font-size:14px;line-height:35px;color:#333;text-transform:capitalize;display:block;padding-left:10px}
.left_menu ul li:hover>a{color:#fff;background-color:#00bfff}
.left_menu ul li.hover>a{color:#fff;background-color:#00bfff}
.left_contact{margin-top:15px;margin-bottom:15px}
.left_contact ul{width:100%}
.left_contact ul h2{font-size:15px;color:#171717;font-weight:700;line-height:35px;height:35px;background-color:#e4e4e4;border-bottom:1px solid #ccc;padding-left:10px;overflow:hidden;text-transform:uppercase}
.left_contact ul li{width:94%;overflow:hidden;font-size:14px;line-height:20px;color:#333;padding:6px 10px 6px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.left_contact ul li:last-child {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;white-space:normal;}
.left_contact ul li img{max-width:100%;margin-right:5px}
.left_contact ul li a{color:#333}
.menu_child{background-color:#62c1fd}
.menu_child li a{color:#fff!important;padding-left:20px!important;font-size:13px!important;line-height:30px!important}
.catelist1 {float:left; width:100%;}
.catelist1 a.thumbnail {float:left; width:100%;}
.catelist1 a.thumbnail:hover {border-color:#00bfff;}
.catelist1 ul{float:left;width:100%;}
.catelist1 a { display:inline-block;font-size:12px;}
.catelist1 a img{height:120px; width:auto;}
.catelist1 a span{ text-transform:capitalize;padding-bottom:6px;font-weight:bold; font-size:14px;}
.catelist1 p{font-size:14px;color:#666;}
.catelist1 li a{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;width:100%;float:left}
.hpcp a img{width:100%;margin-bottom:10px}
.hpcp a img:hover{border-color:#00bfff}
.hpcp{text-align:center}
.hpcp p{text-align:center;margin-bottom:10px;font-size:12px;font-weight:700;color:#666}
.hpcp input{float:left;width:14px;height:14px}
.hpcp span{display:inline-block;font-weight:700}
#right{float:right;width:100%;padding-bottom:50px}
@media (max-width:767px){.hpcp span{font-size:12px}}
.more,.more a{color:#666}
.more a:hover{color:#ca010b}
.pcpcw{float:left;width:225px;padding-right:10px}
.ptpcw{border:2px solid #ebebeb;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.ptpcw,.ptpcw:hover{float:left;width:95%;height:auto;padding:4px;-webkit-border-radius:10px;-moz-border-radius:10px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.ptpcw:hover{border:2px solid #d7000f;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.ptpcw img{height:auto}
.ptpcw img,.text{float:left;width:100%}
.text{margin-top:15px}
.pwzcw{float:left;width:220px;padding:10px 0;line-height:18px;text-align:center;font-size:14px;color:#000}
.pcpcw4{padding-right:0}
#rnrp{float:left;width:100%}
.rtp{float:left;padding:3px;border:1px solid #c8c8c8;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.rtp a{margin:0}
.rtp a,.rtp a img{float:left;padding:0}
.rtp a img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.jCarouselLite{float:left;width:370px;padding-top:2px;padding-left:9px;height:49px;overflow:hidden}
.jCarouselLite LI{text-align:center;padding-right:9px;width:50px;height:49px}
.jCarouselLite LI img{float:left;border:1px solid #999;width:47px;height:47px;margin-left:10px}
.rtp1{float:left;padding:0;border:1px solid #e5e5e5;margin-right:5px}
.rms{color:#000;margin-left:25px}
#rms_tit,.rms{float:left;width:300px}
#rms_tit{padding:5px 0}
#productcanshu,#rms_tit{font-size:14px;line-height:25px}
#productcanshu{min-height:5pc;overflow:hidden}
#productcanshu,.product_act{float:left;width:300px}
.rms a{color:#000}
.rms a:hover{color:#da251d}
.product_act img{float:none}
.product_act_t{font-weight:700}
.product_act tr{min-height:20px;line-height:20px}
.product_act tr td{font-size:9pt;padding:5px 0}
#feed_remark{float:left;width:100%}
#feed_remark a{color:red;font-weight:700}
.repro{float:left;width:45pc;margin:10px 0}
.reprotit{float:left;width:100%;height:30px;margin-top:15px;margin-bottom:10px;line-height:30px;border-bottom:3px solid #0093f9;text-align:left}
.reprotit strong{float:left;padding-left:10px;font-size:9pt;color:#fff;background:#0093f9;padding:0 10px;border-top-right-radius:4px;border-top-left-radius:4px}
.reprocent table{border-collapse:collapse;border:1px solid #666}
.reprocent table tr td{padding-left:10px;line-height:25px;color:#000}
.btnFeedProSend{float:left;font-size:14px;width:120px;color:#fff;text-align:center;cursor:pointer;background-color:#00bfff;}
.btnFeedProSend:hover{color:#fff;background-color:#333;}
@media (max-width:768px) {

    #FeedbackContext ul li {
        width: 100%;
    }
}
.news-img img{width:100%}
.news-text a{float:left;width:100%;text-align:left;font-size:20px}
.news-text a:hover{color:#00bfff}
.news-text span{text-align:left;font-size:14px;padding-top:2%}
.news-text p,.news-text span{float:left;width:100%;color:#999}
.news-text p{max-height:74pt;line-height:20px;overflow:hidden;font-size:9pt}
#newslist {margin:30px 0px}
#newslist img{width:100%;max-width:250px;min-height: 150px;} 
#newslist span{color:#999;}
#newslist h4{color:#666;font-size:16px;margin-top:10px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;overflow: hidden;max-height:50px}

/*手机*/
@media (max-width:767px) {
#newslist h4{font-size:14px;max-height:45px}
}
#newslist p{font-size:14px;font-family:Arial,Helvetica,sans-serif;overflow:hidden;max-height:65px}
#newslist .media{border:solid 1px #fff;}
#newslist .media:hover{border:solid 1px #cccccc;box-shadow:0px 0px 10px #eaeaea;}
#newslist .media:hover h4{color:#00bfff;}
.media, .media-body {overflow: hidden;zoom: 1;}
@media (max-width:767px) {
#newslist img {max-width: 120px;min-height:85px}
#newslist {margin:0px}}
.btn-info {border: 1px solid #00bfff;color: #00bfff;background-color: #fff;max-width:49%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.btn-info:hover {color: #fff;background-color: #00bfff;border: 1px solid #00bfff;}
.knowledgelist{padding-bottom:7.5px;float:left;width:100%}
.knowledgelist a h2{float:left;font-size:14px;font-weight:700;line-height:2}
.knowledgelist p{float:left;width:100%;margin-top:5px;line-height:20px;color:#666;height:60px;overflow:hidden;text-align:left;font-size:12px}
.knowledgelist a.more{float:left;background-image:url(../images/morenews.jpg);background-position:left center;background-repeat:no-repeat;width:92px;margin-top:20px;height:23px;line-height:20px;padding-left:25px;font-size:12px}
#news_tit h1 { font-size:24px;line-height:2;margin:10px 0px;}
#news_tit>p>i{color:#00bfff}
#news_page {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:20px}
@media (max-width:767px) {
    #news_tit h1 {line-height:1.2; font-size:18px}
}

.downloadlist,.downtable{float:left;width:100%}
.downtable{margin-top:10px;border:1px solid #ccc;border-left:0;font-size:14px;font-family:Arial;line-height:20px;border-collapse:collapse}
.downtit1{width:20%}
.downtit1,.downtit2{font-size:14px;font-weight:700;color:#666;text-align:center}
.downtit2{width:60%}
.downtit3{width:20%;font-weight:700;text-align:center}
.downtable td,.downtit3{font-size:14px;color:#666}
.downtable td{height:30px;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.downtable td a{font-size:9pt;color:#666;font-weight:700;line-height:30px}
.downtable td a:hover{color:#ea3e00}
.downtable td a img{padding-right:5px;padding-top:2px}
.trdown1{background:#fff}
.trdown2{background:#eee;font-size:14px}
.contactUs{float:left;width:100%}
#destxt{float:right;width:100%;padding-bottom:5%;background:#f3f3f5;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
#destxt_tit{float:left;width:100%;padding:20px 0}
#destxt_tit strong{float:left;font-size:40px;line-height:60px;padding-left:5%}
.form_list{float:left;width:90%;padding-left:5%}
.form_list li{float:left;width:100%;min-height:30px;padding:5px 0}
.form_list li label{float:left;width:110px;padding-right:10px;font-size:14px;color:#000;line-height:30px;text-align:left}
.form_list li label em{color:red;margin-right:5px;font-size:18px}
.form_list li input{font-family:aller_lightregular;border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.form_list li input.textrequired,.form_list li input.textrequiredname{float:left;width:340px;border:1px solid #c5c5c5;height:30px}
.form_list li select.country{float:left;width:340px;border:solid #c5c5c5;height:30px}
.form_list li textarea.textarea{float:left;width:540px;border:1px solid #c5c5c5;height:30px;font-family:aller_lightregular}
.form_list li select,.form_list li textarea{border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.form_list li select{float:right;width:50px;border:1px solid #c5c5c5;height:30px}
.form_list li input.btn_send{width:127px;background:url(../images/btn_send.jpg) no-repeat left top;color:#fff}
.form_list li input.btn_reset,.form_list li input.btn_send{float:left;height:29px;text-align:center;line-height:29px;font-size:14px;font-family:Verdana;border:0;cursor:pointer}
.form_list li input.btn_reset{width:89px;background:url(../images/btn_reset.jpg) no-repeat left top;margin-left:15px}

/*联系我们*/
.contactDetails{margin:50px 0;float:left;}
.contactDetails h1{margin-bottom:20px;font-size:24px;}
.contactDetails .form-group {line-height:30px;color: #898989;}
#btnFeedbackSend:hover {background-color:#000}
#btnFeedbackSend {margin-top:10px;}
.contactshow {margin-top:50px;float:left;padding-left:50px;}
.contactshow h1{margin-bottom:20px;font-size:24px;}
.contactshow ul li {line-height: 30px;font-size: 18px;color: #898989;float:left;width:100%;margin:10px 0px;}
.contactshow ul li i{ font-size:32px;float:left;}
.contactshow ul li div {max-width: calc(100% - 52px);float:left;margin-left:10px;}
.contactshow  a {color: #898989;}
.contactshow  a:hover {color:red;}
.contactshow>img {float:left}
@media screen and (min-width:1px) and (max-width:768px)
{
    .contactDetails{margin:15px 0px;}
    .contactshow {padding-left:15px;margin:15px 0px;}
    .contactDetails h1,.contactshow h1{font-size:20px;margin-bottom:10px;}
    .contactshow ul li {line-height:initial; font-size:16px; }
    .contactshow ul li i {font-size:16px;}
    .form-group {margin-bottom:5px;}
}
#sitemapnav{padding-top:15px;padding-bottom:15px;float:left;width:100%}
#sitemapnav li{list-style:none}
#sitemapnav a{color:#666;white-space:nowrap;text-decoration:underline;text-transform:capitalize}
#sitemapnav .fontbig{width:100%!important}
#sitemapnav .bigli{float:left;width:100%;line-height:35px;font-size:1pc}
#sitemapnav .bigli a h2{color:#00bfff;font-weight:700;line-height:35px;font-size:1pc;text-transform:capitalize;text-decoration:underline}
#sitemapnav .bigli a:hover{color:#00bfff}
#sitemapnav .abli_02{font-size:14px;line-height:30px;text-align:left;float:left;width:100%}
#sitemapnav .abli_02 a:hover{color:#00bfff}
.jiange{float:left;width:100%;height:1px;background-color:#d2d2d2;margin:15px 0}
.probigclass{padding-left:50px}
#sitemapnav .PROclass_01{line-height:30px;font-weight:700; overflow:hidden;}
#sitemapnav .PROclass_02{line-height:22px;font-weight:400;padding-left:45px}
#sitemapnav .PROclass_01 a{color:#00bfff}
#sitemapnav .PROclass_02 a{color:#666}
#sitemapnav .PROclass_01 a:hover,#sitemapnav .PROclass_02 a:hover{color:#00bfff}
#sitemapnav .PROclass_03{color:#666;font-size:9pt;line-height:20px}
#videotitle{line-height:45px;font-size:14px;font-weight:700;border-bottom:1px solid #ddd;color:#77b725}
#videocontent,#videotitle{float:left;width:100%;text-align:center}
#videocontent{padding:25px 0}
#derster{width:100%;font-size:9pt;height:auto}
#derster,#derstertit{float:left;text-align:left}
#derstertit{margin-bottom:15px;margin-top:15px}
#derstertit span{background:#77b725;color:#fff;text-transform:capitalize;line-height:30px;font-size:14px;width:100%;float:left;padding-left:15px}
#ntframe{background-color:#ebebe9}
#case_show,#ntframe{float:left;width:100%}
#case_show{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc}
.case_list_img{float:left;width:30%}
.case_list_img a img{float:left;width:100%;border:1px solid #ccc;border-radius:10px}
.case_list_show{float:right;width:68%}
.case_list_show a.a1{float:left;width:100%;line-height:30px;font-size:1pc;color:#01a1e7}
.case_list_show p{float:left;max-height:125px;overflow:hidden}
.feedbackUL{float:left;width:100%;margin-top:15px;margin-bottom:15px}
.feedbackUL li{float:left;width:50%;background:#fff}
.feedbackUL li span{float:left;font-size:14px;color:#666;line-height:30px}
.feedbackUL li span em{color:red;padding-right:5px}
.feedbackUL li input{line-height:30px;width:99%;margin-right:1%}
.feedbackUL li.allli{width:100%;padding-bottom:15px}
.feedbackUL li.allli textarea{float:left;width:100%}
.feedbackUL li input.feedbtn{float:left;width:200px;text-align:center;font-size:14px;color:#fff;font-family:Arial;cursor:pointer;background:#3388d8}
.feedbackUL li btnli{float:left;width:100%;margin-right:0;padding:0}
#feedbackremark{float:left;width:100%;color:#666;font-size:16px}
@media screen and (min-width:1px) and (max-width:768px){.feedbackUL li{width:100%}
}

#productdetail_img img{width:100%}
#productdetail{float:left;width:100%;position:relative}
#productdetail_txt{padding-top:10px;padding-bottom:10px}
#productdetail_txt strong{font-size:18px;margin-bottom:10px;text-transform:capitalize}
#productdetail_txt .lianxi a{line-height:2pc;font-size:14px;overflow: hidden;text-overflow:clip;white-space: nowrap;}
#productdetail_txt .lianxi a img{padding-right:10px}

.pro_show_cent{line-height:25px;font-size:15px}
.pro_show_tit{float:left;width:100%}
.pro_show_tit strong{width:100%;font-size:18px;color:#00bfff;line-height:35px}
.pro_show_tit{border-bottom:3px solid #00bfff;margin-top:20px}
.pro_show{float:left;margin-top:15px;width:100%}
.video{margin-bottom:15px}
.video>a>img{width:100%}
#videocontent,.video_title{margin-top:15px}
#videocontent{float:left;width:100%}
.vmcarousel-normal li img{cursor:pointer}
.pichover{border-color:#4f84c4}
.new_hover{position:absolute;right:15px;left:15px;top:0;bottom:0;background-color:#fff;cursor:pointer;opacity:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.new_hover:hover{opacity:1}
.new_hover img{margin-right:5px}
.Ncate a img{max-width:100%;}
.Ncate a{font-size:25px;line-height:50px}
.ca_more{float:right;width:100%;text-align:right;font-size:18px!important;text-transform:capitalize}
@media (max-width:768px){.Ncate a{text-align:center;display:block;line-height:40px}
}
#send{background-color:#00bfff;color:#fff;min-width:190px}
#alibaba{background-color:#ff7300;color:#fff}
#alibaba img{padding-top:3px}
#myTab{margin:2% 0; border-color:#00bfff}
#myTab li { width:50%; text-align:center;
}
#myTab li a{color:#00bfff
}
#myTab li.active a{ background-color:#00bfff; color:#fff;
}



.fa-qrcode{position:relative;width:40px;height:40px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background-image:url(../images/weixin.png);background-position:center center;background-repeat:no-repeat;display:block;float:left;opacity:.6}
.fa-qrcode:hover{opacity:.8}
.fa-qq:hover{opacity:.8}
#bottom-qrcode{position:absolute;top:auto;bottom:0;padding:10px;margin:0;width:200px;right:40px;left:auto;text-align:center;opacity:0;display:none;background-color:#fff;border-radius:2px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
#bottom-qrcode p{font-size:14px}
.sorry{padding:0 15px}
.button--isi{position:relative;overflow:hidden;z-index:2}
.button--isi::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;background:#00bfff;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.7,0,.9,1);transition-timing-function:cubic-bezier(.7,0,.9,1)}
.button--isi:hover::before{-webkit-transform:scale3d(9,9,1);transform:scale3d(9,9,1)}
.strrnr{margin-bottom:15px}
ul.share-buttons{
  list-style: none;
  padding:20px 0px;
}
ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

ul.share-buttons img{
  width: 25px;
}
.ContactUs{	padding-left:15px; padding-right:20px;}
.ContactUs .content {border:#CCC dashed 1px;background-color:#F2F2F2; margin-top:5px; margin-bottom:5px; padding:10px;  float:left;width:100%;}
.ContactUs .companyinfo { float:left;}
.ContactUs .companyimg { float:right; }
.ContactUs .companyimg img { padding-top:3px; width:220px;}
.ContactUs p strong{ font-size:20px;display:block; }
.ContactUs p{ color:#444444; padding:0px; margin-bottom:5px;}
.ContactUs p a{color:#444444;}
.ContactUs p .blue{color:red;}
.ContactUs hr { border-top: dotted 1px #ccc}
.pro_show_describe { padding-top:15px; float:left; width:100%;}
.nav .open a:hover { border-color:#00bfff;}
.video_h1 > h1 {margin:20px 0px 15px 0px;font-size:24px;}

/*提交留言弹出框样式*/
.simpleAlert{position: fixed;z-index: 1000;}
.simpleAlertShelter{position: fixed;width: 100%;height: 100%;top:20px;left:0;background-color: #bfbfbf;opacity: 0.3;filter:alpha(opacity=30);}
.simpleAlertBody{position:fixed;display: none;width:30%;height:55px;top:50%;left:35%;margin:0;opacity:0;border: 1px solid #eaeaea;background-color: #fff;}
@media (min-width:1px) and (max-width:768px)
{.simpleAlertBody{width:70%; left:15%;}}
.simpleAlertBodyClose{position: absolute;width: 14px;height: 14px;top:10px;right: 10px;padding: 5px;cursor: pointer; display:none;}
.simpleAlertBodyContent{position: absolute;top:25%;width:96%;height:48px;overflow-y:auto;left: 2%;text-align: center;font-size: 18px;font-weight: 600;color: #333;}

/*回到顶部*/
.fixed-btn{position:fixed;right:1%;bottom:10%;width:40px;border:1px solid #eee;background-color:#fff;font-size:24px;z-index:1040;-webkit-backface-visibility:hidden;border-radius:2px}
.fixed-btn a{display:inline-block;width:40px;height:40px;text-align:center}
.go-top span{font-size:18px;padding-top:5px}

.foot_pro > dl:last-child {
    margin:0px;
}
.foot-menu {
    min-height: 480px;
}
.new_tab >li>a{display:inline-block;width:108px;height:35px;border:1px solid #d7d7d7;border-radius:33px;text-align:center;line-height:33px;margin:0px 8px;background:#fff;font-size:12px}

/*.about_txt p {
    height:190px;
    overflow:hidden;
}*/
