.clear{clear:both;}
.wh {
    width: 100%;
}

.w1200{ width:1180px; margin:0 auto;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}

.container{
	width:1020px;
	margin:0 auto;
	clear:both;
}
/*标题*/
.tit{text-align:center;line-height:1;}
.tit h2{font-size:38px;border-bottom:1px solid #c3c7d0;font-weight:100;}
.tit h2 a{display:inline-block;position:relative;height:76px;line-height:76px;color:#1d1a19;}
.tit h2 i{position:absolute;width:50px;height:3px;background:#0078ca;bottom:-2px;left:50%;margin-left:-25px;}
.tit h2 b{font-size:40px;color:#0078ca;}
.tit .en,.tit .subti{height:48px;font-size:16px;line-height:48px; font-weight:100;}
.tit .en{text-transform:uppercase;color:#616060;}
.tit .subti{color:#585858;font-weight:bold;}
.tit a:hover i{width:100%;left:0;margin-left:0;}



/*产品*/
.HomeProduct{margin:50px 0}
.leftNav2{width:270px}
.leftNav2 h2{padding:40px 20px 30px;text-align:center;color:#fff;font-size:24px;background:#0078CA;}
.leftNav2 h2 font{display:block;color:#eee;font-size:12px}
.leftNav2 ul{}
.leftNav2 ul li{}
.leftNav2 ul li a{display:block;padding:11px 0 11px 50px;color:#666;font-size:14px;border-top:1px #fff solid;background:#e2e2e2}
.leftNav2 ul li em{display:inline-block;margin-right:10px;width:12px;height:12px;color:#fff;text-align:center;font-size:7px;background:url(../images/ico001.png) no-repeat 0 0}
.leftNav2 ul li:hover a,.leftNav2 ul li.active a{background:-webkit-linear-gradient(left,#7ebf26,#0463b3);color:#fff}
.leftNav2 ul li:hover em,.leftNav2 ul li.active em{color:#0463b3;background-position:-13px 0}
.lefterNavCon{margin:20px 0 0;height:198px;color:#fff;font-size:14px;/*padding:60px 0 0 30px;*/background:url(../images/kefu_bg.jpg) no-repeat center}
.indexlxfs{ padding:55px 30px;}
.lefterNavCon b{color:#fff;font-size:32px;display:block;margin:10px 0}
.lefterNavCon a{display:block;width:100px;line-height:35px;color:#fff;text-align:center;font-size:14px;background:url(../images/btn.png) no-repeat center}
.HomeProduct .right{width:900px}
.HomeProduct .right .top{color:#fff;font-size:18px;padding:20px;background:#0078CA;}
.HomeProduct .right .top a{position:relative;float:right;color:#fff;padding:5px 30px 5px 10px;font-size:12px;border:1px #eee solid;display:block;margin:-6px 0 0}
.HomeProduct .right .top a:before{content:"";position:absolute;right:0;top:10px;display:inline-block;margin-right:10px;width:12px;height:12px;color:#fff;text-align:center;font-size:7px;background:url(../images/ico001.png) no-repeat -13px 0;transition:all .4s ease-in-out}
.HomeProduct .right .top a:hover{color:#0463b3;background:#fff;border:1px #0463b3 solid}
.HomeProduct .right .top a:hover:before{background-position:0 0}
.effect-one {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}
.effect-one .effect-one-img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: hidden;
}
.ImgPrimary {
    background: url(../images/imgprimary.gif) no-repeat center center;
}

.product-list2{margin:20px 0 0 -20px;width:920px}
.product-list2 li{float:left;width:284px;margin:0 0 20px 20px;border:1px #ddd solid}
.product-list2 img{width:282px;height:199px}
.product-list2 li h4{color:#666;font-size:14px;padding:16px 10px;border-top:1px #ddd solid}
.product-list2 li h4 em{position:relative;display:block;float:right;/*width:22px;*/height:22px;/*border-radius:50%;background:#999*/}
/*.product-list2 li h4 em:before{display:block;content:"";position:absolute;left:5px;top:6px;width:10px;height:9px;background:url(../images/line03.png) no-repeat 1px 1px;transition:all .4s ease-in-out}*/
.product-list2 li:hover{border:1px #0463b3 solid}
.product-list2 li:hover em{/*background:#fff*/}
.product-list2 li:hover em:before{background-position:-10px 1px}
.product-list2 li:hover h4{color:#fff;background:#0463b3}
.ProductListBox .product-list2{margin-top:0}

.ipro-wrap{width:100%;overflow:hidden;}
.ipro-wrap .content{padding:40px 0;overflow:hidden;}
.ipro-left{position:relative;float:left;width:238px;padding:0 5px;margin-top:15px;background-color:#0078ca;}
.ipro-left .l,.ipro-left .r,.ipro-left .l:after{position:absolute;width:0;height:0;border-style:solid;}
.ipro-left .l{border-width:0 0 100px 65px;border-color:transparent #fff transparent #fff;left:0;top:0;}
.ipro-left .l:after{content:'';border-width:0 0 80px 52px;border-color:transparent #444543 transparent #444543;left:-65px;bottom:-100px;}
.ipro-left .r{border-width:20px 0 0 8px;border-color:transparent #0050c7 transparent #0050c7;top:0;right:-8px;}
.ipro-left a{display:block;}
.ipro-left h3{height:100px;margin-bottom:10px;line-height:100px;font-size:28px;color:#fff;text-align:center;font-weight:100;}
.ipro-left .title a{padding-left:80px;color:#fff;}
.ipro-nav{padding:15px 9px 5px;background:#f2f2f2;}
.ipro-nav .one{position:relative;height:45px;background:#0078ca;color:#fff;line-height:45px;font-size:18px;font-weight:bold;text-align:center;}
.ipro-nav .one:hover{background:#444543;}
.ipro-nav .subnav{padding:10px 0 10px 10px;overflow:hidden;}
.ipro-nav .subnav a{float:left;min-width:93px;padding-left:12px;height:30px;line-height:30px;color:#727272;background:url(../images/ipro_icon.png) no-repeat 0 0;}
.ipro-nav .subnav a:hover{color:#0078ca;background-position:0 -30px;}
.ipro-left .bt{position:relative;padding:10px 10px 20px 55px;color:#cbdcf0;z-index:1;}
.ipro-left .bt i{position:absolute;width:268px;height:60px;background:url(../images/people.png);bottom:-1px;left:-5px;z-index:-1;}
.ipro-left .bt b{display:block;height:20px;font-size:20px;color:#fffefe;}

.prov { width:934px; float:right;  margin-top:35px;}
.prov .bd{ padding-left:10px; }
.prov .bd li{width:450px;height: auto;  background-color:#fff; float:left; margin-right:10px; margin-bottom:10px;/*box-shadow: 2px 2px 3px #888888;*/ border:1px solid #e2e1df;}
.prov .bd .pic{display:block;width:170px;height:130px;float:left;}
.prov .bd img{width:170px;height:130px;}
.prov .bd .cont{overflow:hidden; padding-left:10px; padding-top:6px;}
.prov .bd .ti{display:inline-block;width:90%;height:28px;margin-bottom:10px;line-height:28px;font-size:16px;color:#0078ca;position:relative;border-bottom:1px solid #cdcdcd;}
.prov .bd .ti i{position:absolute;width:40px;height:3px;background-color:#0078ca;left:0;bottom:-2px;}
.prov .bd .desc{ height:65px;padding-left:10px; padding-right:10px;margin-bottom:5px;color:#585858;line-height:23px;overflow:hidden}
.prov .bd .desc b{color:#191615;font-size:16px;}
.prov .bd .btn{padding:8px 0 0 8px;}
.prov .bd .btn a{display:inline-block;width:90px;height:26px;margin-right:15px;line-height:26px;text-align:center;font-size:14px;color:#585858;border:1px solid #c8c9cd;border-radius:5px;}
.prov .bd .btn a:hover{background-color:#0078ca;border-color:#0078ca;color:#fff;}

/*关键词描述*/
.gjcms{width:100%;padding:35px 0 105px;background:#eff5fd;overflow:hidden;}
.gjcms-list{margin-top:20px;height:302px;}
.gjcms-list a{display:block;float:left;width:283px;height:300px;position:relative;border:1px solid #d2d2d2;margin-left:20px;}
.gjcms-list a:first-child{margin-left:0;}
.gjcms-list img{width:283px;height:300px;}
.gjcms-list .add{position:absolute;width:40px;height:40px;background:#0078ca url(../images/add.png) no-repeat center;right:-1px;bottom:-1px;z-index:3;}
.gjcms-list .tib{position:absolute;width:100%;z-index:1;height:300px;line-height:300px;font-size:18px;color:#0078ca;font-weight:bold;left:0;top:0; text-align:center;}
.gjcms-list .tib i{position:absolute;width:100%;height:100%;background:#c5c5c5;opacity:0.54;filter:alpha(opacity=54);left:0;top:0;z-index:-1;}
.gjcms-list .mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;color:#fff;opacity:0;visibility:hidden;}
.gjcms-list .mask i{position:absolute;width:100%;height:100%;background:#0078ca;opacity:0.77;filter:alpha(opacity=77);left:0;top:0;z-index:-1;}
.gjcms-list .mask span{display:block;}
.gjcms-list .mask .ti{padding:20px 35px 20px;font-size:18px;font-weight:bold;}
.gjcms-list .mask .desc{line-height:28px;padding:20px 35px 0;}
.gjcms-list .mask .line{width:30px;height:2px;background:#a6c63c;margin:0 auto;}
.gjcms-list .shade{position:absolute;width:313px;height:26px;background:url(../images/yy2.png);bottom:-26px;left:50%;margin-left:-156px;}
.gjcms-list a:hover .mask{opacity:1;visibility:visible;}
.gjcms-list a:hover .line{width:210px;}
.gjcms-list a:hover .tib{opacity:0;visibility:hidden;}
.gjcms-list a:hover .add{background-color:#333435;}


.solutes { margin-left: -3%; margin-top: 30px; }
.solutes .solute-block { float: left; padding: 10px 0;background-color:#224d82; margin-left: 3%; margin-bottom: 35px; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.solutes .solute-block:hover {-webkit-box-shadow: 0 0 8px #224d82; -moz-box-shadow: 0 0 8px #224d82; box-shadow: 0 0 8px #224d82;background-color:#eee; }
.solutes .solute-block:hover .dot3 { color: #02a3fe; }
.solutes .solute-block:hover .tit a{color:#224d82; text-decoration:underline;}
.solutes .solute-block:hover .txt {color:#4D76A7;}
.solutes .solute-block:hover .pic{border-right-color:#ccc;}
.solutes .solute1-block { width: 30.3%; height: 112px; position: relative; }
.solutes .solute-block .pic { position: absolute; left: 15px; top: 15px; width: 117px; height: 102px; border-right: 1px solid #637fa2; }
.solutes .solute-block .pic a { display: block; font-size: 14px;color:#fff; }
.solutes .solute-block .pic a img{width: 102px; height: 102px;}
.solutes .solute-block .content1 { margin-left: 150px; margin-right: 10px; position: relative; height: 105px; }
.solutes .tit1{ margin: 6px 0;height: 40px;}
.solutes .tit1 a { color: #fff; font-size: 14px; height: 40px; }
.solutes .txt { color: #a0cbff;}
.solutes .more{position:absolute;right:0;bottom:0; }
.solutes .solute-block .dot3 { color: #a0cbff; font-size: 20px; }
.solutes .solute-block .dot3:hover { color: #02a3fe; }

.testWrap_wc{padding-bottom:30px; background-color:#f2f2f2;}
.test { padding-top: 20px; }
.test .title { font-size: 28px; line-height: 2em; color: #222; font-weight: 700; }
.test .des-text { font-size: 20px; line-height: 1.5em; margin-bottom: 20px; color: #666;float:left; }
.btn-test { border: 1px solid #ddd; font-size: 16px; padding: 3px 20px; color: #666; display: inline-block; float:right;}
.btn-test:hover { color: #224d82; border-color: #224d82; }


.indexcenter{background: url(../img/index_43.jpg);height:629px;width:100%;}

.number li{margin:30px 0px;}
.number li img{margin-right:30px;}
.number li h3{font-size:18px;color:#0871ae;}
.number li p{font-size:12px;color:#666666;}

#Marquee{
	width:1020px;
	height:112px;
	overflow:hidden;
}
#Marquee img{
	width:173px;
	height:122px;

}
#Marquee ul li {
	width:1600px;
	height:112px;
	float:left;
	overflow:hidden;
}
#hzhb ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee ul li div{ float:left;height:112px; width:173px; overflow:hidden;}
#Marquee ul li div img{display:block}


/*公司简介*/
.abo{width:100%;background: url(../img/aboutbg.jpg) no-repeat center center; padding-bottom:20px;}
.abo .tit{text-align:center;line-height:1;}
.abo .tit h2{font-size:38px;border-bottom:1px solid #7EBF26;font-weight:100;}
.abo .tit h2 a{display:inline-block;position:relative;height:76px;line-height:76px;color:#fff;}
.abo .tit h2 i{position:absolute;width:50px;height:3px;background:#7EBF26;bottom:-2px;left:50%;margin-left:-25px;}
.abo .tit h2 b{font-size:40px;color:#0078CA;}
.abo .en{ color:#b5b5b5;}
.abo .content{overflow:hidden;padding:40px 0 30px;}
.tup{display:block;float:left;margin-top:15px;width:585px;height:367px; border:double;}
.tup img{width:585px;height:367px;}
.list{float:left;width:550px;margin:5px 0 0 40px; line-height:30px; color:#000;}
.aboutmore{
    margin-top: 20px;
	float:right;
    /*display: inline-block;*/
    color: #fff;
    font-size: 14px;
    padding: 7px 25px;
    background: -webkit-linear-gradient(left,#7ebf26,#0463b3);
}
.aboutmore:hover{background:#f60; color:#FFFFFF;}

.caseys{ width:100%; height:400px; padding-top:25px;background-color:#f2f2f2;}
.caseyslogo{ width:100%; height:auto; text-align:center; padding-bottom:20px;}
.footlogo1{ width:100%; height:30px; line-height:30px; display:block; font-size:30px; color:#008ad7; font-weight:bold;}
.footlogo2{ width:100%; height:30px; line-height:30px; display:block; text-align:center; color:#b5b5b5;}
#demo {
	WIDTH:1200px; OVERFLOW:hidden; height:280px; margin:0 auto; }

#indemo {
	WIDTH:9999px; FLOAT:left
}
#demo1 {
	FLOAT:left
}
#demo2 {
	FLOAT:left
}

.showcar li{width:280px; height:250px; float:left; margin:18px 15px 0 16px; border:1px solid #d8d8d8; overflow:hidden; display:inline;}
.showcar li img{width:272px; height:205px; margin:4px;}
.showcar li p{width:280px; height:31px; background:#086ed6; text-align:center; line-height:31px;}
.showcar li a{color:#fff; font-size:15px;}

/*新闻*/
.inews-wrap{padding:70px 0 80px; }
.inews-wrap .hd{height:40px;position:relative;margin-bottom:25px;border-bottom:1px solid #7EBF26;line-height:40px;padding-left:28px;}
.inews-wrap .hd a{color:#191615;}
.inews-wrap .hd .txt{font-size:20px;}
.inews-wrap .hd .txt span{font-size:22px;text-transform:uppercase;}
.inews-wrap .hd .more{float:right;text-transform:uppercase;}
.inews-wrap .hd a:hover{color:#0078ca;}
.inews-wrap .hd:before{content:'';position:absolute;width:10px;height:10px;background-color:#0078ca;left:0;bottom:0;}
.inews{width:730px;}
.inews .top{overflow:hidden;}
.inews .top .pic{float:left;display:block;width:294px;height:174px;margin-right:40px;}
.inews .top .pic img{width:294px;height:174px;}
.inews .top .ti{font-size:16px;font-weight:bold;}
.inews .top .ti a{color:#191615;}
.inews .top .desc{height:96px;line-height:24px;color:#8a8989;margin:10px 0;}
.inews .top .btn{display:inline-block;width:103px;height:32px;border:1px solid #7EBF26;background-color:#7EBF26;color:#fff;border-radius:5px;text-align:center;line-height:32px;}
.inews .top .btn:hover{background-color:#0078ca;color:#fff;;border:1px solid #0078ca;}
.inews .list{margin-top:10px; margin:0;}
.inews .list a{width:580px;display:block;padding-left:150px;height:75px;position:relative;background-color:#e5e5e5;margin-top:20px;}
.inews .list a span{display:block;}
.inews .list .date{position:absolute;width:125px;height:75px;background-color:#0078ca;left:0;top:0;color:#dde8f5;text-align:center;font-size:16px;}
.inews .list .date em{display:block;font-size:39px;line-height:1;padding-top:10px;}
.inews .list .ti{ padding:10px 0 5px;font-size:12px;color:#333;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inews .list .desc{color:#5e5e61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px;}
.inews .list a:hover .ti,.inews .top .ti a:hover{color:#0078ca;}
.iqa{width:415px;}
.iqa-list{height:460px;overflow:hidden;}
.iqa-list li{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;}
.iqa-list li .q,.iqa-list li .a{padding-left:30px;position:relative;}
.iqa-list li .q{margin-bottom:15px;}
.iqa-list li .q a{color:#1d1a19;}
.iqa-list li .a{color:#5e5e61;line-height:28px;}
.iqa-list li em{position:absolute;width:21px;height:21px;font-size:12px;color:#fff;left:0;top:3px;text-transform:uppercase;background-color:#7EBF26;line-height:21px;text-align:center;}
.iqa-list li .q em{background-color:#0078ca;top:0;}
.iqa-list li .q a:hover{color:#0078ca;}


/*animation*/
.scale{overflow:hidden;}
.scale img{-webkit-transition:all .5s;transition:all .5s;}
.scale img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);opacity:0.8;}
.ipro-nav .subnav a{-webkit-transition:transform .5s;transition:transform .5s;}
.ipro-nav .subnav a:hover{transform:translate(10px,0);-webkit-transform:translate(10px,0);}
.gjcms-list .mask{-webkit-transition:all .3s linear;transition:all .3s linear;}
.tit a i,.gjcms-list .mask .line{-webkit-transition:all .5s linear;transition:all .5s linear;}