﻿@import url('common.css');
@import url('animate.css');

body{background:#ffffff;}
.aboutwrap{min-width:1200px;overflow:hidden;background:#ffffff;position:relative;padding:50px 0;}
.aboutwrap .about{overflow:hidden;}
.aboutwrap .about .jianjie{font-size:14px;line-height:24px;color:#666666;text-align:justify;margin-bottom:50px;overflow:hidden;}
.aboutwrap .about .zu{overflow:hidden;margin-bottom:50px;}
.aboutwrap .about .zu ul{overflow:hidden;width:1000px;margin:0 auto;}
.aboutwrap .about .zu ul li{width:25%;float:left;text-align:center;overflow:hidden;border-left:dashed 1px #cccccc;margin-left:-1px;padding:10px 0;}
.aboutwrap .about .zu ul li p{display:block;width:100%;height:110px;overflow:hidden;text-align:center;}
.aboutwrap .about .zu ul li p span{display:inline-block;width:110px;height:110px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.aboutwrap .about .zu ul li h3{color:#555555;font-weight:bold;font-size:20px;margin-top:10px;}
.aboutwrap .about .zu ul li a:hover h3{color:#1e58a9;}
.aboutwrap .about .detail{overflow:hidden;text-align:center;}
.aboutwrap a.aboutMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.aboutwrap a.aboutMore:hover{background:#1e58a9;color:#ffffff;}

.businesswrap{min-width:1200px;overflow:hidden;background:#ffffff;position:relative;padding:50px 0;border-bottom:solid 1px #dddddd;}
.businesswrap .business{overflow:hidden;width:900px;margin:0 auto;}
.businesswrap .business ul{overflow:hidden;width:1270px;}
.businesswrap .business ul li{float:left;overflow:hidden;height:100px;}
.businesswrap .business ul li.sx{width:35px;display:block;border-left:dashed 1px #cccccc; margin-left:35px;}
.businesswrap .business ul li a{display:block;height:100px;overflow:hidden;background:url(/cms/image/b.png) no-repeat 10000px 10000px;}
.businesswrap .business ul li a p{margin-left:120px;display:inline-block;height:24px;overflow:hidden;line-height:24px;margin-top:42px;}
.businesswrap .business ul li a i{display:inline-block;width:9px;height:24px;overflow:hidden;background:url(/cms/image/arrow.png) no-repeat 0px 0px;margin-left:20px;}
.businesswrap .business ul li a:hover i{background-position:0px -24px;}
.businesswrap .business ul li a.bussiness1 {background-position:0 -200px;}
.businesswrap .business ul li a.bussiness1 i.on{background-position:0 -300px;}
.businesswrap .business ul li a.bussiness2 {background-position:0 0;}
.businesswrap .business ul li a.bussiness2 i.on{background-position:0 -180px;}
.businesswrap .business ul li a.bussiness3 {background-position:0 -100px;}
.businesswrap .business ul li a.bussiness3 i.on{background-position:0 -120px;}
.businesswrap .business ul li a.bussiness4 i{background-position:-60px -60px;}
.businesswrap .business ul li a.bussiness4 i.on{background-position:0 -60px;}
.businesswrap .business ul li a.bussiness5 i{background-position:-60px 0;}
.businesswrap .business ul li a.bussiness5 i.on{background-position:0 0;}
.businesswrap .business ul li a.bussiness6 i{background-position:-60px -240px;}
.businesswrap .business ul li a.bussiness6 i.on{background-position:0 -240px;}
.businesswrap .business ul li a h3{display:block;width:150px;height:30px;line-height:30px;font-size:20px;color:#333333;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;position:absolute;z-index:10;top:94px;left:0px;}
.businesswrap .business ul li a h3.on{left:200px;color:#1e58a9;}

.processwrap{min-width:1200px;overflow:hidden;background:#bfd9ea url(/cms/image/jm.jpg) no-repeat left center;position:relative;padding:50px 0;}
.processwrap .comtitle h2 span{background:none;}
.processwrap .comtitle h2 span a,.processwrap .comtitle h2 span a:hover{color:#ffffff;}
.processwrap .comtitle p{display:none;}

.processwrap .opacity{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity: 0.1;background:#000000;position:absolute;z-index:1;height:100%;width:100%;left:0;top:0;}
.processwrap .main{position:relative;overflow:hidden;z-index:10;}
.processwrap .process{overflow:hidden;height:105px;}
.processwrap .process div{overflow:hidden;text-align:center;}
.processwrap .process div a{color:#f0f0f0;font-size:20px;margin:0 10px;}
.processwrap .detail{overflow:hidden;text-align:center;margin-top:50px;}
.processwrap a.processMore{border:solid 0px #f99a00;background:#ffffff;font-size:16px;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.processwrap a.processMore:hover{background:#1e5ba9;color:#ffffff;}


.productswrap{background:url(/cms/image/productbg.jpg) no-repeat center top;background-size:cover;min-width:1200px;padding:50px 0 80px 0;}
#products-demo{position: relative;z-index: 1;width:1200px;margin:0 auto;}
.com {font-size:20px;border-bottom:solid 2px #dddddd;height:50px;line-height:50px;margin-bottom:20px;position:relative;z-index:1;font-weight:bold;}
.com em{display:inline-block;border-bottom:solid 2px #1e58a9;position:absolute;z-index:2;top:0;left:0;font-style:normal;padding-right:5px;}
.com span{float:right;font-size:14px;font-weight:normal;}
.com span.title_more{font-size:16px;font-family:Arial;}
.products h2{font-size:30px;padding-bottom: 50px;text-align:center;text-transform:uppercase;color:#333333;}
.products h2 a{color:#333333;}
.products h2 a:hover{color:#009cff;}
.products .item{display:block;width:284px;height:333px;overflow:hidden;border:solid 1px #dddddd;padding:1px;margin:0 auto;}
.products .item a{display:block;overflow:hidden;position:relative;z-index:1;background:#e3e8ec;height:333px;}
.products .item a p.im{display:block;background:#ffffff;overflow:hidden;width:284px;height:213px;margin-bottom:10px;}
.products .item a p.im img{display:block;width:284px;height:213px;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.products .item a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:264px;margin:0 auto;margin-bottom:0px}
.products .item a p.ct{color:#888888;font-size:12px;line-height:18px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.products .item a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}

.owl-carousel .owl-stage-outer1{width:1100px;margin-left:-7px;overflow:hidden;}

.products .owl-theme .owl-nav div{
       background-color: transparent;
        color: #666666;
    float:left;
    font-family:SimSun;
    font-size: 80px;
    line-height:80px;
    margin:0;
    margin-left: 1px;
    opacity: 1;
    padding: 2px 10px;
   position: absolute;
   top:112px;
}
.products .owl-theme .owl-nav div:hover{color:#009cff;background-color: transparent;}
.owl-theme .owl-controls .owl-nav .owl-prev {
    left: -80px;
}
.owl-theme .owl-controls .owl-nav .owl-next {
    right: -80px;
}

.newswrap{min-width:1200px;overflow:hidden;padding:50px 0 80px;background:#f9f9f9;}
.news_ct{display:block;overflow:hidden;}
.news_ct .childitem_ct{width:1200px;overflow:hidden;display:none;}
.news_ct .fg{border-top:solid 1px #dddddd;height:15px;line-height:15px;overflow:hidden;margin-top:15px;}
.news_ct a{display:block;width:750px;overflow:hidden;position:relative;height:60px;}
.news_ct a span{display:block;background:#1e58a9;overflow:hidden;width:60px;height:60px;margin-right:20px;float:left;color:#ffffff;text-align:center;line-height:24px;font-size:12px;}
.news_ct a span i{font-weight:bold;font-style:normal;display:block;font-size:18px;margin-top:6px;}
.news_ct a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:18px;margin-bottom:10px;color:#333333;}
.news_ct a p.ct{color:#555555;font-size:12px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;}

.news_ct a.first{width:380px;height:330px;float:right;margin-left:50px;margin-bottom:0px;}
.news_ct a.first p.im{display:block;background:#ffffff;overflow:hidden;width:380px;height:285px;line-height:285px;text-align:center;margin-right:0;margin-bottom:15px;float:none;}
.news_ct a.first p.im img{display:block;width:100%;height:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.news_ct a.first h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:22px;width:380px;color:#555555;}
.news_ct a.first p.ct{color:#888888;font-size:12px;line-height:18px;height:90px;overflow:hidden;width:440px;}
.news_ct a:hover h3{color:#1e58a9;}
.news_ct a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.newswrap .detail{overflow:hidden;text-align:center;margin-top:50px;}
.newswrap a.newsMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.newswrap a.newsMore:hover{background:#1e58a9;color:#ffffff;transition: background 0.5s;}


.contactwrap{background:#ff9e01;padding:30px 0;margin-bottom:20px;}
.contacttitle{overflow:hidden;zoom:1;}
.contacttitle h2{font-weight:normal;text-align:center;height:50px;overflow:hidden;}
.contacttitle h2 a{background-position:center -150px;}
.contacttitle p{overflow:hidden;zoom:1;text-align:center;color:#f0f0f0;font-size:12px;margin-top:20px;}
.contacttitle p span{display:inline-block;overflow:hidden;line-height:35px;margin:0 5px;}
.contacttitle p span a{color:#f0f0f0;}
.contacttitle p span a:hover{color:#f54b24;}
.contacttitle p .on{border-bottom:solid 1px #f54b24;}
.contacttitle p .on a{color:#f54b24;}

.childtitle{text-align:center;margin-bottom:50px;}
.childtitle span{display:inline-block;margin:0 10px;font-size:16px;}
.childtitle span.on a,.childtitle span a:hover{color:#1e58a9;}
.casewrap{min-width:1200px;overflow:hidden;background:#ffffff;position:relative;padding:80px 0;}
.casewrap .case{overflow:hidden;}
.casewrap .case ul{overflow:hidden;width:1220px;}

.casewrap .case ul li{overflow:hidden;float:left;margin-bottom:16px;margin-right:16px;border:solid 1px #efefef;width:384px;box-sizing:border-box;}
.casewrap .case ul li a{display:block;overflow:hidden;background:#f9f9f9;position:relative;z-index:1}
.casewrap .case ul li a span{display:block;background:#ffffff;overflow:hidden;padding:1px;}
.casewrap .case ul li a span i{display:block;background:#ffffff;overflow:hidden;text-align:center;line-height:285px;}
.casewrap .case ul li a span i img{display:block;width:100%;height:auto;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.casewrap .case ul li a h2{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin:10px;}
.casewrap .case ul li a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.casewrap .case ul li a:hover span i img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.casewrap .case ul li a:hover h3{color:#1e58a9;}
.casewrap .case ul li a:hover{border-color:#f99a00;}

.casewrap .detail{overflow:hidden;text-align:center;margin-top:34px;}
.casewrap a.caseMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.casewrap a.caseMore:hover{background:#1e58a9;color:#ffffff;transition: background 0.5s;}

.productwrap{min-width:1200px;overflow:hidden;background:#f2f2f2 url(/cms/image/customer.jpg) no-repeat center top;background-size:cover;position:relative;padding:50px 0;}
.productwrap .product_ct{}
.product_ct .childitem_ct{width:1220px;overflow:hidden;display:none;}
.product_ct a{box-sizing:border-box; display:block;width:384px;overflow:hidden;border:solid 1px #efefef;padding:1px;float:left;margin:0 16px 16px 0;background:#f9f9f9;position:relative;z-index:1}
.product_ct a p.im{display:block;background:#ffffff;overflow:hidden;width:100%;text-align:center;line-height:285px;}
.product_ct a p.im img{display:block;width:100%;height:auto;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.product_ct a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin:10px;}
.product_ct a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.product_ct a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.product_ct a:hover h3{color:#1e58a9;}
.product_ct a:hover{border-color:#cccccc;}

.productwrap .detail{overflow:hidden;text-align:center;margin-top:34px;}
.productwrap a.productMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.productwrap a.productMore:hover{background:#1e58a9;color:#ffffff;transition: background 0.5s;}




.customerswrap{min-width:1200px;overflow:hidden;position:relative;padding:50px 0;}
.customerswrap .customers_ct{width:1225px;overflow:hidden;}
.customers_ct a{display:block;width:220px;height:100px;overflow:hidden;border:solid 1px #dddddd;padding:1px;float:left;margin:0 20px 20px 0;background:#f9f9f9;position:relative;z-index:1}
.customers_ct a p.im{display:block;background:#ffffff;overflow:hidden;width:220px;height:165px;margin-bottom:10px;text-align:center;line-height:165px;}
.customers_ct a p.im img{display:block;width:220px;height:165px;overflow:hidden;margin-top:-32px;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.customers_ct a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:264px;margin:0 auto;margin-bottom:0px}
.customers_ct a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.customers_ct a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}

.customerswrap .detail{overflow:hidden;text-align:center;margin-top:30px;}
.customerswrap a.customersMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.customerswrap a.customersMore:hover{background:#1e58a9;color:#ffffff;transition: background 0.5s;}