@charset "utf-8";
/* CSS Document */

img{ max-width:100%}
@font-face {
    font-family: 'gotham-book';
    src: url('../fonts/gotham-book-webfont.eot');
    src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/gotham-book-webfont.woff') format('woff'),
         url('../fonts/gotham-book-webfont.ttf') format('truetype'),
         url('../fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
	font-family: aria;
	src: url("../font/arial-webfont.eot");
	src: url("../font/arial-webfont.eot?#iefix") format('embedded-opentype'), url("../font/arial-webfont.woff") format('woff'), url("../font/arial-webfont.ttf") format('truetype'), url("../font/arial-webfont.svg") format('svg');
	font-weight: normal; font-style: normal;
}

@font-face{
	font-family: DINCond;
	src: url("../font/DINCond-Medium.eot");
	src: url("../font/DINCond-Medium.eot?#iefix") format('embedded-opentype'), url("../font/DINCond-Medium.woff") format('woff'), url("../font/DINCond-Medium.ttf") format('truetype'), url("../font/DINCond-Medium.svg") format('svg');
	font-weight: normal; font-style: normal;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,  img, button{margin: 0;padding: 0;border: 0; font-family: -apple-system, SF UI Text, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Arial, sans-serif;}
html{-webkit-text-size-adjust:none; }
*{margin:0;padding:0;list-style-type:none;}
table{border-collapse:collapse; border-color:#cccccc;  }
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:14px;}
h6{font-size:12px;}
.abc{font-size:24px;color:#e9a329; padding-left:10px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
ol, ul,li,div,p { list-style: none; }
a{ color:#000000; text-decoration:none;}
a:hover{ color:#ff6400}
.clear{ clear:both}
.head_bg{ background-color:#ff6400; height:3px; overflow:hidden;}
.pagger{ width:1100px; margin:0 auto; border-bottom:1px solid #e5e5e5}
.main{ width:1100px; margin:0 auto;}
.m30{ margin-top:30px;}
.top_logo{ float:left;  background:url(../images/logo.png) no-repeat left center; width:188px; height:43px; padding:20px 0}
.top_menu{ margin-left:270px}
.nav{ float: left; display: block; margin: 25px 40px 0 0px;}
.nav li{ float: left; display: block; position: relative; padding: 0px 16px;}
.nav>li>a{ display: block; height: 64px; text-align: left; position: relative; }
.nav>li>a:before{content:""; width:100%; height:4px; background-color:#ff6400; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; }
.nav>li>a:hover:before,.nav>li>a.hov:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.nav>li>a.active .zh,.nav>li>a.hov .zh{ color: #ff6400;}
.nav .zh{display: block; font-size: 16px; line-height:16px; font-weight:bold;}
.nav .en{  color: #999; font-size:12px;}

.left_pro{ width:270px; float:left;   border-right:1px solid #e5e5e5; }
.pro_title{ color:#000000; font-size:20px; font-weight:bold; line-height:40px;}
.suckerdiv ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 270px; /* Width of Menu Items */
z-index:10;
/* border:1px solid #ffffff;*/

}
	
.suckerdiv ul li{
position: relative;
z-index:10;
width:270px;
font-size:14px;
background:url(../images/pbg.jpg) no-repeat center top;
height:45px;
line-height:40px;


}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 271px; /* Parent menu width - 1*/
position: absolute;
width: 270px; /*sub menu width*/
top:0px;
display: none;
color:#ff6400;
z-index:10px;

}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 270px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color:#666666;
text-decoration: none;
padding: 5px 25px;
border-bottom: 0;
}


.suckerdiv ul li a:hover{
color: 666666;
}

.l_contact{ background-image:url(../images/l_contact.jpg); width:270px; height:102px; margin:0 auto; margin-top:20px;}
<!--左侧联系方式-->

.pcontactl { padding:6%; width:38%; float:left;}
.pctitle { padding-left:8px; border-left:#ff6400 2px solid;}
.pctitle  h3{ font-size:20px; text-transform:uppercase; color:#000000; font-weight:bold;} 
.pctitle  h4{ font-size:14px; color:#999;} 
.pcontactl ul{ padding:30px 0 10px 0;}
.pcontactl ul li{ padding-left:60px; border-bottom:#e5e5e5 1px solid; padding-bottom:20px; margin-bottom:30px;}
.pcontactl ul li h4{font-size:14px; color:#333; font-weight:bold;}
.pcontactl ul li h5{font-size:14px; color:#666;}
.pcontactl ul li.pcl1 { background:url(../images/ctel.png) left  -5px  no-repeat;}
.pcontactl ul li.pcl2 { background:url(../images/cemail.png) left  -5px no-repeat;}
.pcontactl ul li.pcl3 { background:url(../images/cadd.png) left  -5px no-repeat;}

<!--左侧动态-->
.newslist {}
.newslist *{ display:block; overflow:hidden;}
.newslist ul {text-align:center;}
.newslist li {float: left; width: 100%; margin-bottom: 10px; }
.newslist li a{ border:#e5e5e5 1px solid; border-right:none; border-left:none; border-top:none; padding:10 0px; margin:0 }
.newslist li a span{ padding:0 0px;line-height:24px; text-align:left;}
.newslist li a span h1{ font-size:16px; color:#666666; padding-top:10px;}
.newslist li a span h2{ font-size:12px; color:#989898; padding-bottom:20px;}
.newslist li a:hover { color:#ff6400 }
.newslist li a:hover span h1,.newslist li a:hover span h2,.newslist li a:hover span h3{ color:#ff6400 }
.newslist .btn{width: 200px; line-height: 46px; text-align: center;  background: #e9a329; color: #fff; display: block; margin: 10px auto 30px;}
.newslist .btn:hover { background: #336da0; }
.loadmore {text-align:center;}




.left_right{ width:810px; float:right; }
.sbanner{height:250px; background:url(../images/banner.jpg) no-repeat center top;margin-bottom:30px;}
.pbanner { height:250px; background-position:center top; background-repeat:no-repeat; clear:both; text-align:center; color: #FFF;}
.pbanner span { width:1200px; margin:auto;padding-top:180px; display:block; overflow:hidden;}
.pbanner span h1{ font-weight:bold;}
.pbanner span h2{ text-transform:uppercase;padding-bottom:20px; display:block; overflow:hidden;}
.pbanner span i{background:#fff; height:1px; width:40px; margin:auto; display:block;opacity:0.5;}

.pbanner span h3{ font-weight:bold;text-align:left; font-size:30px;}
.pbanner span h4{ text-transform:uppercase; padding-bottom:20px; display:block; overflow:hidden;text-align:left;font-size:24px; color:#CCC;}
.pbanner span em{background:#fff; height:1px; width:40px; margin:auto; display:block;opacity:0.5; float:left; clear:both;}



.productlist { padding-bottom:50px; clear:both; }
.productlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.productlist li{ width:40%;border:#e5e5e5 1px solid;padding:10px;float:left;margin-right:23px;margin-bottom:33px;}
.productlist li:nth-child(2n+2){width:40%;border:#e5e5e5 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.productlist li a.hpimg{}
.productlist li a img{ max-width:100%;}
.productlist li a h1{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ;text-transform:uppercase; }
.productlist li a:hover h1{color:#ff6400;}
.productlist li i { background:#CCC; height:1px; width:30px;}
.productlist li span {padding:20px 0px 10px 0px; }
.productlist li span h2{ padding:0px 0px 20px 0px ; font-size:12px; width:100%;}
.productlist li span h4{padding:0px 0px 10px 0px;}
.productlist li span a{ border:#e5e5e5 1px solid; width:21%;  font-size:13px;height:20px; line-height:20px;overflow:hidden; padding:5px 8px;border-radius:6px; margin-bottom:5px;margin-right:10px; float:left;}
.productlist li span a:hover {color:#fff; background:#ff6400;}
.productlist li a.more{padding:5px 0px; font-size:12px}
.productlist li a.more:hover {color:#ff6400;}
.productlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#ff6400 1px solid; box-shadow:0px 1px 20px 0px #ccc;}



.nproductlist { padding-bottom:50px; clear:both;  }
.nproductlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.nproductlist li{ width:230px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-right:23px;margin-bottom:33px; height:660px;}
.nproductlist li:nth-child(5n+5){width:230px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.nproductlist li a.hpimg{}
.nproductlist li a img{ width:230px; height:180px;}
.nproductlist li a h1{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ;text-transform:uppercase; }
.nproductlist li a:hover h1{color:#ff6400;}
.nproductlist li i { background:#CCC; height:1px; width:30px;}
.nproductlist li span {padding:20px 0px 10px 0px; }
.nproductlist li span h2{ padding:0px 0px 20px 0px ; font-size:12px; width:100%;}
.nproductlist li span h4{padding:0px 0px 10px 0px;}
.nproductlist li span a{ border:#e5e5e5 1px solid; width:90%;  font-size:14px;height:20px; line-height:20px;overflow:hidden; padding:5px 10px;border-radius:6px; margin-bottom:8px;margin-right:10px; float:left;}
.nproductlist li span a:hover {color:#fff; background:#ff6400;}
.nproductlist li a.more{padding:20px 0px;}
.nproductlist li a.more:hover {color:#ff6400;}
.nproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#ff6400 1px solid; box-shadow:0px 1px 20px 0px #ccc;}


.pproductlist { padding-bottom:50px; clear:both;  }
.pproductlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.pproductlist li{ width:92%;border:#e5e5e5 1px solid;padding:5px ;margin-bottom:33px; }
.pproductlist li a.hpimg{}
.pproductlist li a img{ max-width:100%; }
.pproductlist li a h1{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ;text-transform:uppercase; }
.pproductlist li a:hover h1{color:#ff6400;}
.pproductlist li i { background:#CCC; height:1px; width:30px;}
.pproductlist li span {padding:20px 0px 10px 0px; }
.pproductlist li span h2{ padding:0px 0px 20px 0px ; font-size:12px; width:100%;}
.pproductlist li span h4{padding:0px 0px 10px 0px;}
.pproductlist li span a{ border:#e5e5e5 1px solid; width:90%;  font-size:14px;height:20px; line-height:20px;overflow:hidden; padding:5px 10px;border-radius:6px; margin-bottom:8px;margin-right:10px; float:left;}
.pproductlist li span a:hover {color:#fff; background:#ff6400;}
.pproductlist li a.more{padding:20px 0px;}
.pproductlist li a.more:hover {color:#ff6400;}
.pproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#ff6400 1px solid; box-shadow:0px 1px 20px 0px #ccc;}

/* 页尾 */ 
.footer{width:100%; background:#ffffff;overflow:hidden;margin:auto;padding-top:20px; border-top:1px solid #e5e5e5; z-index:0;}
.footer * { display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.footer .footer_main{padding-bottom:3%;width:100%; padding:0 15px;overflow:hidden; margin:auto; position:relative; }
.footer .footer_main ul{ float:right;color:#000000; margin-left:6%; width:8%;  overflow:hidden;}
.footer .footer_main ul h1 { font-size:16px; padding-bottom:20px; margin-bottom:35px; background:url(../images/xline.jpg) left bottom no-repeat;color:#000000; font-weight:bold;}
.footer .footer_main ul li a{ font-size:14px;color:#666666;line-height:26px; height:30px; overflow:hidden;}
.footer .footer_main ul li a:hover {color:#ff6400;}
.footer .footer_main ul.footer_l{float:left;width:100%;margin-left:0; }
.footer .footer_main ul.footer_l li{ padding:30px 0px 20px 0px;color:#666666;font-size:14px; line-height:24px;}
.footer .footer_main ul.footer_l li h2 { padding-bottom:5px;font-size:14px; font-weight:bold;color:#000000; }
.footer .footer_main ul.footer_l li strong { display:inline-block; color:#ff6400; font-size:16px;}
.copyright { background:#ff6400; clear:both;}
.copyright ul {width:100%;overflow:hidden; margin:auto;color:#ffffff;font-size:12px; line-height:60px;height:60px;text-transform:uppercase; position:relative;}
.copyright ul li.fl { width:100%; text-align:left; padding-left:20px;}
.copyright ul li.fr a { margin-left:50px;}
.copyright ul a{ display:inline-block;color:#ff6400;}
.copyright ul a:hover {color:#ff6400;}

.flink { text-align:left; color:#a3a8bb;font-size:12px; line-height:24px; padding-top:20px;}
.flink * { display:inline-block; vertical-align: top;color:#a3a8bb;}
.flink a{ font-size:12px;color:#a3a8bb;}
.flink a:hover {color:#ff6400;}


<!--内页样式-->
.ny_banner{ width:100%; height:320px; background:url(../images/nbanner1.jpg) no-repeat center top}
.pageAct { color: #c5c5c5; line-height: 40px; font-size:14px; }
.pageAct .ico { background: url(../images/home_ico.png) no-repeat scroll left center; padding-left: 26px; }
.pageAct a:link, .pageAct a:visited { color: #c5c5c5; }
.pageAct a:active, .pageAct a:hover { color: #ff6400; }
.pageAct span { padding: 0px 5px; }
.pageAct span.act { padding: 0px; }

.pabout {}
.paboutl {width:55%; float:left;}
.paboutr {width:43%; float:right;}
.paboutr img{width:100%; height:auto; display:block;float:right; padding-top:10px;}
.paboutl_mian {font-size:14px; color:#737373; line-height:26px; padding:40px 10px; overflow:hidden; clear:both;} 
.paboutl_mian strong { color:#000;}


.aboutitle { text-align:left;position:relative;overflow:hidden;height:80px; float:left; }
.aboutitle span {  padding:0;position:absolute; left:0;width:300px;height:50px; top:50%; margin-top:-8px; z-index:9; display:block;}
.aboutitle span * { display:inline-block;overflow:hidden; vertical-align:middle;}
.aboutitle span i{ position: relative; width:50px; height:1px; background:#000; overflow:hidden;}
.aboutitle span h3{padding:0 10px 0 0px; font-size:24px;}
.aboutitle h1{ color:#eeeeee;font-size:30px;line-height:100px;display:block; margin:auto; width:100%;text-transform:uppercase;font-family: gotham-book;}


.videobox{padding: 150px 0 50px 0;}
.videobox .ct{background: #fff8ee;}
.videobox .ct:after{content: ''; display: block; clear: both;}
.videobox .ct .l{float: left; width: 60%; padding: 10px 20px; box-sizing: border-box;}
.videobox .ct .l .p1{color: #011051; letter-spacing: 8px;}
.videobox .ct .l .p2{line-height: 30px; margin-top: 20px;}
.videobox .ct .r{float: left; width: 40%;}
.videobox .ct .r span{position: relative; top: -35px; width: 340px; line-height: 70px; font-size: 30px; font-weight: bold; text-align: center; margin: auto; background: #ff6400; color: #fff; display: block;}
.videobox .warp a { position:relative; display:block;}
.videobox .warp a h1{ position:absolute; width:400px; height:200px; left:50%; margin-left:-200px; top:52%; margin-top:150px; z-index:3; color:#FFF; text-align:center; font-size:41px;}
.videobox .warp a h1 strong{ color: #fff;}
.videobox .warp a h1 i{ width:85px; height:85px; background:url(../images/play.png) center no-repeat; display:block; margin:auto auto 20px auto;}


<!--关于我们企业理念-->
.philosophy-box{ padding:86px 0 90px; background:#fafcfe;}
.philosofix{ width:1100px; margin:auto; margin-top:5px;}
.philosofix p{ color:#333333; font-size:16px; text-align:center;}
.philosoban{ margin-top:50px; position:relative;}
.philoso-info{ float:left; width:50%}
.philowr{ margin:0 20px; overflow:hidden;}
.philowr figure{ display:block; line-height:0; overflow:hidden; }
.philowr figure img{ display:block; transition:0.5s; width:100%; height:auto;}
.philodown{padding:20px 40px; border:2px solid #eaeaea; border-top:none;}
.philodown span{ display:block; color:#333333; font-size:16px; height:58px; overflow:hidden; }
.philosoban .slick-prev,.philosoban .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.philowr:hover figure img{ transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03);}
.honorimg.article-block,.honorlist.article-block,.philosofix.article-block{ opacity:0; transform:translateY(78px); -webkit-transform:translateY(78px); -moz-transform:translateY(78px); transition:0.78s;}
.honorlist.article-block{ transition-delay:0.3s;}
.honorimg.articleShow,.honorlist.articleShow,.philosofix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}



.about-main {padding-top: 80px; padding-bottom: 50px;}
.about-main .w1200 .about-title {padding-left: 0px;}
.about-main .w1200 .about-title h2 {font-family: DINCond; font-size: 30px; line-height: 30px; color: #d4d4d4; text-transform: uppercase;}
.about-main .w1200 .about-title h4 { font-size: 36px; line-height: 40px; margin-top: 10px;}
.about-main .w1200 .about-con {padding-left: 0px; margin-top: 50px;}
.about-main .w1200 .about-con .about-con-le {float: left; width: 550px;}
.about-main .w1200 .about-con .about-con-ri {float: right;  margin-right: -150px;}
.about-main .w1200 .about-con .about-con-le .about-con-txt { font-size: 15px; line-height: 28px; color: #717171;}
.about-main .w1200 .about-con .about-con-ri img {display: block; width: 100%;}


<!--联系我们-->
.npcontact { background:#FFF;overflow:hidden;box-shadow:0px 2px 10px 0px #ccc;}
.npcontact *{ display:block;overflow:hidden;}
.npcontactl { padding:6% 0 ; width:30%; float:left;}
.npcontactr { width:60%;float:right;}
.npctitle { padding-left:8px; border-left:#333 2px solid;}
.npctitle  h3{ font-size:20px;font-family:"gotham-book"; text-transform:uppercase; color:#333;} 
.npctitle  h4{ font-size:12px; color:#999;} 
.npcontactl ul{ padding:40px 0 10px 0;}
.npcontactl ul li{ padding-left:60px; border-bottom:#d2ceda 1px solid; padding-bottom:20px; margin-bottom:30px;}
.npcontactl ul li h4{font-size:14px; color:#333; font-weight:bold;}
.npcontactl ul li h5{font-size:14px; color:#666;}
.npcontactl ul li.pcl1 { background:url(../images/ctel.png) left  -5px no-repeat;}
.npcontactl ul li.pcl2 { background:url(../images/cemail.png) left  -5px no-repeat;}
.npcontactl ul li.pcl3 { background:url(../images/cadd.png) left  -5px no-repeat;}
.ncewm {}
.ncewm li{ display:inline-block; text-align:center; margin-right:20px; font-size:14px;}
.ncewm li img { margin-bottom:10px;}
.npcontactr img { width:97%; height:auto; display:block; padding:1.5%;}

<!--服务专区-->




.gallery-box { background-color: #f2f2f2; padding:0px; }
.gallery-box .gallery { width:810px; margin: 0 auto; }
.gallery-box .list { margin-left: -1%; margin-top: 0px; }
.gallery-box .list li { float: left; width: 49%; position: relative; margin-left: 1%; margin-bottom: 100px; }
.gallery-box .list li:before { content: ""; display: block; bottom: 0; right: 0; width: 0%; height: 8px; background-color: #183883; position: absolute; z-index: 50; transition: .56s; -webkit-transition: .56s; }
.gallery-box .list li:hover:before { width: 100%; left: 0; }
.gallery-box .list .linka { display: block; padding: 40px 50px; background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); transition: .46s; -webkit-transition: .46s; position: relative; }
.gallery-box .list .linka .figure { float: left; width: 36%; overflow: hidden; }
.gallery-box .list .linka .img { display: block; width: 100%; float:left; transition: .46s; -webkit-transition: .46s; }
.gallery-box .list .linka .con { float: right; width: 55%; }
.gallery-box .list .linka .btn-box { margin-top: 5px; }
.gallery-box .list .linka .btn { display: block; border: 2px solid #cfcfcf; width: 45%; text-align: center; color: #333; line-height: 1; padding: 12px 0; }
.gallery-box .list .linka .btn.preview { float: left; }
.gallery-box .list .linka .btn.download { float: right; }
.gallery-box .list .linka .btn:hover { border-color: #fff; background-color: #fff; color: #000 !important; }
.gallery-box .list .linka .t { color: #333; font-size: 20px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .56s; -webkit-transition: .56s; }
.gallery-box .list .linka .format { display: block; font-size: 14px; line-height: 1; margin-top: 15px; }
.gallery-box .list .linka:hover { background-color: #da271e; color: #fff; }
.gallery-box .list .linka:hover .t { color: #fff; }
.gallery-box .list .linka:hover .btn { color: #fff; }
.gallery-box .list .linka:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.gallery-box .more { display: block; line-height: 43px; width: 158px; height: 43px; margin: 0 auto; border: 2px solid #da271e; text-align: center; color: #666; margin-top: 65px; z-index: 1; position: relative; }
.gallery-box .more:hover { color: #fff; }
.gallery-box .more:hover:before { width: 100%; left: 0; }
.gallery-box .more:before { content: ""; display: block; position: absolute; width: 0%; height: 100%; background-color: #da271e; z-index: -1; top: 0; right: 0; transition: .46s; -webkit-transition: .46s; }






<!--	产品详情-->
.pb50 { padding: 0 0px; }
.blackPro { color: #7b7b7b; font-size: 14px; margin-top:30px; }
.blackPro:hover { color: #39B54A; }
.proIdemo a:link, .proIdemo a:visited { color: #7b7b7b; }
.proIdemo a:active, .proIdemo a:hover { color: #39B54A; }
.proIdemo { font-size: 14px; padding-top: 10px; }
.proIdemo .blackPro { float: right; display: block; }
.proIdemo .bimg { position: relative; float: left; display: block; width:100%; }
.proIdemo .bimg img { width: 100%;  display: block; }
.bigimg { width:300px; }
.proIdemo .pcon { float: left; display: block; width: 100%; padding: 10px; overflow: hidden; background-color: #fff; color: #525252; }
.proIdemo .pcon .name { font: 28px/1.4 "microsoft yahei"; padding: 5px 5px 0px; height: 54px; overflow: hidden; }
.proIdemo .pcon .con { overflow: hidden; line-height: 2; }
.btn1 { width:140px; padding:10px; text-align:center; font-size:14px; float:left; border:#CCC 1px solid; margin-top:20px; color:#ffffff;}
.btn1 { margin-right:10px; background:#eca838; border:#eca838 1px solid; color:#FFF;}
.btn1:hover {color:#fff; background:#bb3300;border:#bb3300 1px solid;}

.cd-main-btn {overflow: hidden; margin-top: 0px; color:#ffffff;}
.cd-main-btn a {display: block; float: left; width: 140px; height: 50px; line-height: 50px;  font-size: 16px; text-align: center; color: #fff;}
.cd-main-btn a.zx {background: #12298c; color:#ffffff;}
.cd-main-btn a.dz {background: #7fbe25; color:#ffffff; margin-left: 10px;}
.cd-main-btn a:hover {background: #496bd9;}



.content-page { padding: 18px 0px 50px; }
.proDnav { margin-bottom: 38px; }
.proDnav li { float: left; cursor: pointer; color: #727272; text-align: center; display: inline-block; padding: 16px 47px; font: 14px/1.2 "microsoft yahei"; position: relative; overflow: hidden; }
.proDnav li .ico { background: url(../images/sj.png) no-repeat; width: 11px; height: 8px; position: absolute; left: 50%; bottom: -8px; margin-left: -5px; transition: 400ms; }
.proDnav li.active { background-color: #39b54a; color: #fff; }
.proDnav li.active .ico { bottom: 0; }
.proDnav { border-bottom: 2px solid #c2c2c2; width: 100%; }
.proDpage { color: #525252; }


.inner{ width:810px; margin:0 auto;}
.charact{ background: #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-top:30px;}
.charactwr span{ display: block; float: left; width: 176px; text-align: center; height: 46px; line-height: 46px; color: #646464; font-size: 14px; position: relative; z-index: 5; transition: 0.4s; background: #f5f5f5; border-right: 1px solid #f5f5f5; cursor: pointer;}
.charactwr span:before{ content: ""; width: 100%; height: 100%; background: #009de4; position: absolute; left: 0; top: 0; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.charactwr span:hover,.charactwr span.on{ color: #fff;}
.charactwr span:hover:before,.charactwr span.on:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.chardown{ padding: 100px 0 50px;}
.charinfo{ display: none;}
.charinfo:first-child{ display: block;}
.charinfo img{ max-width: 100%; width: auto !important; height: auto !important;}
.charinfo p{ color: #646464; font-size: 14px;}
.characteristic{ overflow: hidden;}



.project-list{ margin-left:0;}
.project-list li{ float: left; display: block; width: 20%; margin:0px 10px 35px 0px; position: relative;}
.project-list .txt{ background-color: #fff; text-align: center; height: 54px; line-height: 54px; font-size: 16px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s;}
.project-list li:hover .grimg img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.project-list li:hover .txt{ background-color: #ECA838; color: #fff;}
.grimg{ overflow: hidden;}
.grimg .img{ width: 100%; display: block; transition: transform .6s; -webkit-transition: transform .6s;}
.grimg:hover .img{ transform: scale(1.06); -webkit-transform: scale(1.06);}

.project-list li:nth-child(3n+3){float: left; display: block; width: 20%; margin:0px 0px 35px 0px; position: relative;}



<!--相关产品-->
 .four{ width:800px; margin:0 auto;margin-bottom: 50px;}
.four .list{margin-top: 40px; overflow: hidden;}
.four .list li{float: left; width:50%; padding: 0 5px; margin-bottom: 30px; box-sizing: border-box;}
 .four .list li .img{width: 100%; height: 240px; overflow: hidden;}
.four .list li .img img{min-height: 100%; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;}
.four .list li:hover .img img{transform: scale(1.1);}
 .four .list h3{margin-top: 20px; font-size: 16px; color: #000;}
.four .list p{color: #999;}


<!--企业文化-->

.pculture { position:relative; overflow:hidden;}
.pculture div{background:#e6e6e6; overflow:hidden; width:1100px; margin-bottom:19px;}
.pculture div * { display:block; overflow:hidden;}
.pculture div img{float:left;width:395px; height:auto;}
.pculture div li{float:left;width:600px; padding:40px 50px;}
.pculture div li h3{ font-size:22px; color:#000; padding:0px 0px 10px 0px; }
.pculture div li h3 i{ height:1px; background:#666; width:20px; margin-top:10px;}
.pculture div li span {font-size:14px;}
.pculture div li span h6{ font-size:14px; padding:10px 0; line-height:22px; color:#666;}
.pculture div li span h6 strong{font-size:16px;padding:10px 0;color:#000;}
.endculture {width:395px !important; position:relative; right:0; top:0px; z-index:1;}
.endculture li { position:absolute;left:0; top:0px; width:100%; color:#FFF;}
.endculture li h3{ font-size:22px; color:#fff!important; padding:0px 0px 10px 0px; }
.endculture li h6{font-size:14px; padding:10px 0; line-height:22px; color:#fff;}





/*tab内容区域*/
.tabmain{width:100%;margin:0 auto;}
 .tabmain .tabGroup{float:left;width:150px;height:auto; z-index:3;}
.tabmain .tabGroup li{height:48px;line-height:48px; border-bottom:1px solid #e5e5e5;padding-left:8px;text-align:left;cursor:pointer;-webkit-user-select:none; -moz-user-select:none;font-size:16px;}
.tabmain .tabGroup li.selectedTab{padding-left:10px;background:#fff;color:#e9a329;font-weight:bold;}
.tabmain .tabContent{padding:10px 20px;background-color:#fff;color:#777; min-height:384px;}
.tabContent p a{margin-right:15px;text-decoration:none;text-align:center;color:orange; font-weight:bold;}
.tabContent h3{margin-bottom:5px;background:orange;color:#fff;font-size:14px;font-weight:bold;line-height:28px;text-align:center;}
.tabContent dl{line-height:22px;margin-bottom:10px;}
.tabContent dt{color:#e9a329;font-weight:bold;}
.tabContent dd img{display:block;}
.tabmain .blueline{position:absolute;top:0px;left:0px;width:3px;height:48px;background:#e9a329;overflow:hidden;}

.tabContent .witness p{position:relative;padding-left:20px;}
.tabContent .witness p em{color:orange; font-weight:bold;}
.tabContent .witness p a{color:#666;font-weight:normal;display:block; line-height:24px; text-align:left;}
.tabContent .witness p a:hover{background-color:#efefef;}
.tabContent .witness p .ele{left:0px;}

#container{float:left;width:600px;height:704px;background:#fff;overflow:hidden;}
#slider{position:absolute;top:0px;right:0;width:6px;border-radius:6px;background:#ccc;cursor:pointer;}

#outerWrap{position:relative;z-index:999}

/*滚动条
.wrapacon{position:relative;float:left;width:810px;height:360px;margin-top:5px;overflow:hidden;}
.wrapaconlis{position:absolute;left:0;top:0;width:620px;}
.scrbar{position:relative; width:4px; height:355px;border:1px solid #f4f4f4;border-radius:20px;background-color:#f4f4f4; float:left;left:620px;margin-left:15px;}
.scrbar .barbg{position:absolute;right:-1px;top:50px;width:2px;height:105px;border:2px solid #dadada;background-color:#dadada;border-radius:20px;}
*/




.suCai17-content {
    position: relative;
    width: 810px;
    margin: 0 auto;
height:700px;
	 margin-top:30px;
}

.suCai17-background {
    width: 100%;
    background: #f5f5f5;
    margin: 0px 0;
    position: relative;
    -webkit-box-shadow: 0px 0px 8px rgba(99,127,136,.2);
    -moz-box-shadow: 0px 0px 8px rgba(99,127,136,.2);
    box-shadow: 0px 0px 8px rgba(99,127,136,.2);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 100%;
}

.suCai17-nav {
    width: 140px;
	height:700px;
    float: left;
	background-color:#e5e5e5;
}



.suCai17-info {
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-radius: 0 4px 4px 0;
    padding: 40px 10px;

}

.suCai17-nav-list .suCai17-item {
    margin-top: 0px;
    border-left: 2px #f7f9fa solid;
    padding-left: 18px;
    height: 52px;
    cursor: pointer;
    font-size: 15px;
    line-height: 52px;
}

.suCai17-nav-list .suCai17-item.on {
    background: #f5f5f5;
    border-color: #ff6400;
	color:#ff6400;
}

.icon {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    margin-right: 8px;
    margin-top: 15px;
}

.suCai17-info ul  {
	margin-bottom:30px
}
.suCai17-info ul li h2 {
    font-weight: normal;
    color: #000;
    font-size: 16px;
}

.suCai17-info ul li h3 {
    font-weight: normal;
    color: #666;
    font-size: 16px;
}

.lin {
    width: 63px;
    height: 1px;
    background: #313534;
    margin: 8px 0 10px 0;
}

.suCai17-info ul li p {
    font-size: 14px;
    color: #999;
    padding-bottom: 8px;
}

.suCai17-side {
    padding-top: 1px;
}

.suCai17-info .suCai17-side h3 {
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #999;
    cursor:pointer;
}

.suCai17-info .suCai17-side h3:hover{
    color:#08acee;
}

.suCai17-info .suCai17-side ul {
    padding-top: 14px;
}

.suCai17-info .suCai17-side ul li {
    font-size: 13px;
    padding: 5px 0;
}

.suCai17-info ul li a {
    color: #08acee;
    text-decoration: underline;
}

.suCai17-info ul li .suCai17-info-title {
    font-size: 14px;
    padding-bottom: 4px;
}

.suCai17-info ul li h4 {
    font-size: 14px;
    padding-bottom: 10px;
}

 /*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:300px;height:237px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;/*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:300px;height:237px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:302px;}
.spec-scroll .prev{float:left;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #DFDFDF;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative;width:270px; margin:0 auto;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px; }
.spec-scroll .items ul li{float:left;width:74px;text-align:center; }
.spec-scroll .items ul li img{border:1px solid #DFDFDF;padding:2px;width:63px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.aproductlist { padding-bottom:50px; clear:both; background-color:#ffffff;  }
.aproductlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.pproductlist li{ width:92%;border:#e5e5e5 1px solid;padding:5px ;margin-bottom:33px; }
.aproductlist li a.hpimg{}
.aproductlist li a img{ max-width:100%; }
.aproductlist li a h1{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ;text-transform:uppercase; }
.aproductlist li a:hover h1{color:#ff6400;}
.aproductlist li i { background:#ffffff; height:1px; width:30px;}
.aproductlist li span {padding:20px 0px 10px 0px; }
.aproductlist li span h2{ padding:0px 0px 20px 0px ; font-size:12px; width:100%;}
.aproductlist li span h4{padding:0px 0px 10px 0px;}
.aproductlist li span a{ border:#e5e5e5 1px solid; width:85%;  font-size:14px;height:20px; line-height:21px;overflow:hidden; padding:5px 10px;border-radius:6px; margin-bottom:8px;margin-right:10px; float:left;}
.aproductlist li span a:hover {color:#fff; background:#ff6400;}
.aproductlist li a.more{padding:20px 0px;}
.aproductlist li a.more:hover {color:#ff6400;}
.aproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#ff6400 1px solid; box-shadow:0px 1px 20px 0px #ccc;}


.tearmlist li{ width:31.2%; float:left; margin-right:3.2%; margin-bottom:25px; background:#f0f2f5;}
.tearmlist li:nth-child(3n+3){ margin-right:0;}
.tearmlist li figure{ display:block; line-height:0; overflow:hidden;}
.tearmlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.52s ease-in-out;}
.tearmlist li span{ display:block; line-height:53px; text-align:center; color:#333333; font-size:16px; background:#fff; transition:0.43s;}
.tearmlist li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.tearmlist li:hover span{ background:#da271e; color:#fff;}

.probg_bg{ background:url(../images/p_bg.jpg) no-repeat center top; height:350px;}

.industry-list{ position:relative; z-index:5; }
.industry-list li{ position:relative; width:50%; float:left; line-height:0;}
.industry-list li figure{ display:block; line-height:0; overflow:hidden;}
.industry-list li figure img{ width:100%; height:auto; line-height:0; transition:0.54s;}
.industryfix{ width:100%; height:100%; position:absolute; left:0; top:0;}
.indusbg{ width:100%; height:100%; background:rgba(189,103,27,0.8); background:#bd671b\9; filter:alpha(opacity=80); position:absolute; left:0; top:0; transition: -webkit-transform .56s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .56s cubic-bezier(.4,0,.2,1); transition: transform .56s cubic-bezier(.4,0,.2,1); transition: transform .56s cubic-bezier(.4,0,.2,1),-webkit-transform .56s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.inwr{ width:100%; position:absolute; left:0; top:50%; margin-top:-43px; text-align:center; opacity:0; transform:rotateY(90deg); -moz-transform:rotateY(90deg); -webkit-transform:rotateY(90deg); visibility:hidden; transition:0.44s;}
.industryfix i{ display:block; width:27.34%; height:1px; background:#e3c2a6; position:absolute; top:50%; opacity:0; visibility:hidden; width:0; transition:0.34s;}
.industryfix i.line1{ left:0; transform-origin:0 0; -webkit-transform-origin:0 0;}
.industryfix i:before{ content:""; width:1px; height:9px; background:#e3c2a6; position:absolute; top:-4px;}
.industryfix i.line1:before{ left:0;}
.industryfix i.line2{ right:0; transform-origin:right 0; -webkit-transform-origin:right 0;}
.industryfix i.line2:before{ right:0;}
.inwr b{ display:block; width:56px; height:57px; position:relative; margin:auto; margin-bottom:12px;}
.inwr b img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.inwr span{ display:block; text-align:center; color:#fff; line-height:1; font-size:16px; padding-top:35px;} 
.industry-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.industry-list li:hover .indusbg{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;} 
.industry-list li:hover .industryfix i{ width:27.34%; opacity:1; visibility:visible; transition-delay:0.15s;}
.industry-list li:hover .inwr{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0); visibility:visible; transition-delay:0.2s;}




.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



#owl-demo{position:relative;width:100%;margin:0px auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%; z-index:15555;height:78px;background-color:#333333;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;color:#fff;text-align:center;}
.owl-pagination{position:absolute;left:0;bottom:20px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}