@import url('common.css');
@import url('animate.css');
body{background:#ffffff;}
.indexleft{width:48%;overflow:hidden;float:left;}
.indexright{width:48%;overflow:hidden;float:right;}
.mask{background: #000000;bottom:0;display:block;height:40px;left:0;line-height:40px;opacity:0.8;overflow:hidden;position:absolute;width:100%;z-index:10;}
h2.childitem{overflow:hidden;font-size:16px;text-align:center;}
h2.childitem a,h2.childitem span{display:inline-block;color:#353535;height:48px;line-height:48px;padding:0 15px;overflow:hidden;}
h2.childitem a:hover,h2.childitem a.on{color:#3888cd;border-bottom:solid 2px #3888cd;}
.childitem_ct{display:none;}
.comtitle{overflow:hidden;margin-bottom:30px;}
.comtitle h2{text-align:center;font-size:30px;color:#333333;font-weight:400;}
.comtitle h2 a,.comtitle h2 a:active{color:#333333;display:inline-block;}
.comtitle p{text-align:center;height:24px;line-height:1.5;font-size:14px;color:#666666;text-transform:uppercase;font-family:Arial;}
.comtitle h2 span{background:url(/cms/image/title.png) no-repeat center center;overflow:hidden;display:block;}
.casewrap{overflow:hidden;background:#ffffff;position:relative;padding:50px 0;}
.casewrap .case{overflow:hidden;}
.casewrap .tb{color:#3888cd;font-size:30px;text-align:center;}
.casewrap .case .item{overflow:hidden;width:32%;float:left;margin-right:2%;margin-top:30px;}
.casewrap .case .mr0{margin-right:0;}
.casewrap .case .item a{display:block;box-sizing:border-box;overflow:hidden;background:#ffffff;border:solid 1px #dddddd;position:relative;z-index:1}
.casewrap .case .item a p.im{display:block;background:#ffffff;overflow:hidden;padding:2px;margin-bottom:0;}
.casewrap .case .item a p.im span{display:block;overflow:hidden;}
.casewrap .case .item a p.im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.casewrap .case .item a h3{overflow:hidden;padding:10px;}
.casewrap .case .item a h3 span{display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:18px;}
.casewrap .case .item a:hover h3 span{color:#3888cd;}
.casewrap .case .item a:hover{border-color:#3888cd;}
.casewrap .case .item a:hover p.im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.casewrap .detail{overflow:hidden;margin-top:30px;}
.casewrap .detail a {font-size:16px;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:200px;height:50px;line-height:50px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.casewrap .detail a::after {background-color:#3888cd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.casewrap .detail a:hover::after{width:100%;}
.casewrap .detail a:hover{border-color:#3888cd;color:#ffffff;}



.productswrap{overflow:hidden;background:#ffffff;position:relative;padding:50px 0;}
.productswrap .products{overflow:hidden;}
.productswrap .tb{color:#3888cd;font-size:30px;text-align:center;}
.productswrap .products .item{overflow:hidden;width:32%;float:left;margin-top:30px;margin-right:2%;}
.productswrap .products .mr0{margin-right:0;}
.productswrap .products .item a{display:block;margin:0 auto;box-sizing:border-box;overflow:hidden;background:#ffffff;border:solid 1px #dddddd;position:relative;z-index:1}
.productswrap .products .item a p.im{display:block;background:#ffffff;overflow:hidden;padding:2px;margin-bottom:0;}
.productswrap .products .item a p.im span{display:block;overflow:hidden;}
.productswrap .products .item a p.im span img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.productswrap .products .item a h3{overflow:hidden;padding:10px;}
.productswrap .products .item a h3 span{display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:18px;}
.productswrap .products .item a:hover h3 span{color:#3888cd;}
.productswrap .products .item a:hover{border-color:#3888cd;}
.productswrap .products .item a:hover p.im span img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.productswrap .detail{overflow:hidden;margin-top:50px;}
.productswrap .detail a {font-size:16px;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:200px;height:50px;line-height:50px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.productswrap .detail a::after {background-color:#3888cd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.productswrap .detail a:hover::after{width:100%;}
.productswrap .detail a:hover{border-color:#3888cd;color:#ffffff;}

.aboutwrap{padding:50px 0;overflow:hidden;background:url(/cms/image/about.jpg) no-repeat center top;background-size:cover;box-sizing:border-box;position:relative;}
.aboutwrap .about{overflow:hidden;position:relative;}
.about .jianjie {position:relative;z-index:1;overflow:hidden;line-height:30px;font-size:16px;text-align:justify;}
.about .jianjie .im{float:right;overflow:hidden;width:300px;margin-left:30px;}
.about .jianjie .im img{width:100%;}
.aboutwrap .about .zu{overflow:hidden;margin-top:50px;}
.aboutwrap .about .zu ul{overflow:hidden;}
.aboutwrap .about .zu ul li{width:25%;float:left;text-align:center;overflow:hidden;border-left:dashed 1px #cccccc;margin-left:-1px;padding:20px 0;}
.aboutwrap .about .zu ul li p{display:block;width:100%;height:140px;overflow:hidden;text-align:center;}
.aboutwrap .about .zu ul li p span{display:inline-block;width:140px;height:140px;overflow:hidden;}
.aboutwrap .about .zu ul li.zu1 span{background:url(/cms/image/zu1.png) no-repeat center center;}
.aboutwrap .about .zu ul li.zu2 span{background:url(/cms/image/zu2.png) no-repeat center center;}
.aboutwrap .about .zu ul li.zu3 span{background:url(/cms/image/zu3.png) no-repeat center center;}
.aboutwrap .about .zu ul li.zu4 span{background:url(/cms/image/zu4.png) no-repeat center center;}
.aboutwrap .about .zu ul li h3{color:#333333;font-weight:bold;font-size:20px;}
.aboutwrap .detail{overflow:hidden;margin-top:50px;}
.aboutwrap .detail a {font-size:16px;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:200px;height:50px;line-height:50px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.aboutwrap .detail a::after {background-color:#3888cd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.aboutwrap .detail a:hover::after{width:100%;}
.aboutwrap .detail a:hover{border-color:#3888cd;color:#ffffff;}

.linkwrap{overflow:hidden;position:relative;margin-bottom:50px;}
.linkwrap .link{display:block;overflow:hidden;box-sizing: border-box;border:solid 1px #dddddd;position:relative;overflow:hidden;}
.linkwrap .link span{position:absolute;z-index:10;left:0;top:0;background:#3888cd;height:100%;width:80px;}
.linkwrap .link span em{position:absolute;z-index:10;left:50%;margin-left:-20px;top:50%;margin-top:-20px;color:#ffffff;width:40px;height:40px;text-align:center;font-size:18px;line-height:20px;}
.linkwrap .link .linkct{padding:5px 5px 5px 80px;overflow:hidden;min-height:50px;line-height:25px;}
.linkwrap .link a{display:inline-block;margin-left:15px;}
.newspage{overflow:hidden;}
.newswrap{overflow:hidden;padding:50px 0px;background:#ffffff;}
.news{display:block;overflow:hidden;padding-top:15px;}
.news .item{display:block;overflow:hidden;position:relative;height:80px;margin-bottom:15px;border:solid 1px #dddddd;box-sizing:border-box;background:#ffffff;}
.news .item a p.im{display:block;background:#ffffff;overflow:hidden;width:120px;height:80px;margin-right:20px;float:left;}
.news .item a p.im img{display:block;width:120px;height:80px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;}
.news .item a h3{height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin-bottom:0px;color:#333333;padding-right:15px;}
.news .item a p.ct{color:#666666;font-size:12px;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;text-align:justify;padding-right:15px;}
.news .item a:hover h3{color:#3888cd;}
.news .item a:hover p.im img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}

.news .first{width:450px;height:365px;float:left;margin-right:30px;margin-bottom:0px;}
.news .first a p.im{display:block;background:#ffffff;overflow:hidden;width:450px;height:300px;margin-right:0;margin-bottom:10px;float:none;}
.news .first a p.im img{display:block;width:450px;height:300px;overflow:hidden;}
.news .first a h3{height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:22px;width:400px;margin-bottom:10px;color:#18478f;padding:0 10px;}
.news .first a p.ct{display:none;color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:400px;padding:0 10px;}
.news .first a:hover h3{color:#3888cd;}
.newswrap .detail{overflow:hidden;margin-top:50px;}
.newswrap .detail a {font-size:16px;border:1px solid #cccccc;box-sizing:border-box;color:#222222;display:block;margin:0 auto;width:200px;height:50px;line-height:50px;text-align:center;position: relative;transition:all 0.4s ease 0s;z-index:2;}
.newswrap .detail a::after {background-color:#3888cd;content: "";height:100%;left: 0;position:absolute;top:0;transition:all 0.2s ease 0s;width:0;z-index:-1;}
.newswrap .detail a:hover::after{width:100%;}
.newswrap .detail a:hover{border-color:#3888cd;color:#ffffff;}