

/*banner*/



.banner{height: 750px;position: relative; }

.bdu{width: 100% !important;height: 750px;}

.bdu li{width: 100% !important;height: 750px;position:relative;}

.bdu li a{display: block;height: 750px;}

.bdu li img{height:750px;margin-left: -960px;position:absolute;left:50%;}

.hdu{position: absolute;width: 100%;height: 13px;right: 0;bottom: 44px;text-align: center;}

.hdu li{display: inline-block;width: 17px;height: 17px;background: #2a273a;margin:0 10px;border-radius:17px;}

.hdu li.on{background: #F39800; border: 2px solid #F39800; box-sizing: border-box; }

.container {
    width: 1300px;
    margin: 0 auto;
}



















.search_box {
	display: none;
	position: absolute;
	top: 120px;
	height: 100px;
	left: 0;
	width: 100%;
	background: #e8eaeb;
}

.search_1 {
	float: right;
	border: 1px solid #aaa;
	border-radius: 25px;
	margin-top: 32px;
}

.search_box input[type=text] {
	border: none;
	background: none;
	height: 35px;
	width: 240px;
	outline: none;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 16px;
	color: #666;
}

.search_box input[type=submit] {
	border: none;
	background: url(../images/search.png) no-repeat;
	background-position: 5px 5px;
	display: block;
	height: 35px;
	width: 35px;
	float: right;
	outline: none;
}

.black_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
}

.wechat_box {
	display: none;
	position: fixed;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 101;
}

.wechat_box img {
	width: 200px;
}














/*搜索*/

.search{height: 90px;background: #fff;}

.search .keyword{float: left;margin-left: 150px;line-height:90px;max-width: 680px;height: 90px;overflow: hidden;}

.search .keyword b{color: #5C5C5C;margin-right:12px;}

.search .keyword a{color: #BFBFBF;margin-right:26px;}

.search .sou{float: right;height: 89px;border-bottom: 1px solid #0350a2;box-sizing: border-box;width: 300px;padding-top: 24px;}

.search .sou .txt{height: 24px;width:229px;line-height: 24px;color: #666;border: none;background: none;float: left;margin-top: 9px;border-right: 1px solid #E2E2E2;}

.search .sou .btn{display: block;width: 42px;height: 42px;background: url(../images/search.png) no-repeat;border: none;float: right;}





/*公共标题*/

.title-b{text-align: center;font-size: 40px;line-height: 40px;}

.title-b a{display: block;color: #333;}

.title-b:after{content: "";display: block;width: 74px;height: 3px;background: #F39800;margin: 12px auto 0;}



.title_01{

	

	padding-top: 73px;

    text-align: center;

    margin-bottom: 15px;

}

.title_01  em {

    font-size: 48px;

    color: #333333;

    display: block;

    line-height: 48px;

    font-weight: bold;

}

.title_01  span {

    font-size: 18px;

    color: #333333;

    display: block;

    line-height: 18px;

    font-weight: normal;

    padding-top: 16px;

    text-align: center;

}



.tit {

    background: url(../images/tt-s1.png) no-repeat center;

}

i, em {

    font-style: normal;

}

/*产品中心*/

.probox{height:1452px;font-family:"Microsoft Yahei";overflow: hidden;}

.pro_nav{background:url(../images/pronavbg.gif) no-repeat 0 0 #0350a2;padding: 0 3px;width: 230px;margin-top: 32px;}

.pro_nav h3{line-height:35px;font-size: 30px;font-weight: normal;height:89px;padding:33px 0 0;text-align: center;}

.pro_nav h3 em{line-height:24px;font-size:24px;display: block;text-transform: uppercase;opacity: 0.4;font-family: Arial;}

.pro_nav a{color: #fff;display: inline-block;}

.pro_nc{height: 922px;padding: 12px 8px 0;background: #fff;}

.pro_nc h4{height:39px;padding:0 0 0 18px;background: #8b8b8b;font-size: 16px;margin-bottom: 12px;clear: both;line-height: 39px;border-radius: 3px;}

.pro_nc h4:hover,.pro_nc h4.pro_n1{background: #0350a2;}

.pro_nc h4 a{display: block;padding: 0 0 0 28px;}

.pro_nc ul{display:none;}

.pro_nc ul.pro_c1{display:block;}

.pro_nc li{padding: 0 0 9px 44px;background:url(../images/ico03.gif) no-repeat 28px 9px;height: 25px;line-height: 25px;}

.pro_nc li a{display: block;color: #666;}

.pro_pho{clear: both;background:url(../images/c_pho.gif) no-repeat 32px 16px;text-align: center;color: #fff;padding: 16px;line-height: 20px;font-size: 16px;}

.pro_pho span{display: block;font-family: Arial;line-height: 30px;font-size: 24px;}



.pro_c{width: 963px;overflow: hidden;margin-top: 32px;}

.pro_c li{width: 304px;float: left;margin: 0 0 20px 17px;position: relative;}

.pro_c li p{border: solid 1px #dae0e7;}

.pro_c li p,.pro_c li p img{width: 302px;height: 226px;display: block;overflow: hidden;}

.pro_c li span{line-height: 43px;height: 43px;text-align: center;display: block;background: #fff;}

.pro_c li span a{display: block;color: #666;}







/*我们的优势*/

.cpt-1{height:793px;background: url(../images/cpt1-bg.jpg) no-repeat center;}



.cpt-1 h2{padding-top:90px;text-align: center;}

.cpt-1 h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}

.cpt-1 h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top:16px;text-align: center;}



.cp1{margin-top:32px;position:relative;}

.cp1 dl{height:539px;position:relative;}

.cp1 dl dt{float:right;margin-right: -360px;display: block;height:539px;width:960px;overflow:hidden;}

.cp1 dl dt img{display: block;height:539px;width:960px;transition: all 0.5s;}



.cp1 dl dt:hover img{transform:scale(1.1);}

.cp1 dl dd{float: left;width: 600px;height: 465px;margin-top: 60px;}

.cp1 dl dd h3{height:121px;border-bottom: 2px solid #cacaca;box-sizing: border-box;width: 510px;}

.cp1 dl dd h3 em{height: 50px;}

.cp1 dl dd h3 em img{float: left;display:block;width: 59px;height: 50px;}

.cp1 dl dd h3 em b{float: left;display:block;font-size: 38px;font-weight: bold;color: #005bac;margin-left: 11px;margin-top: 3px;}

.cp1 dl dd h3 span{display:block;font-size: 20px;font-weight: normal;color: #666666;line-height: 30px;float: left;margin-top: 20px;}





.cp1 dl dd .cpt-f{display: block;width: 540px;overflow: hidden;margin-top: 20px;}



.cp1 dl dd .cpt-f a{

	float: left;

    padding-left: 20px;

    /* width: 158px; */

    line-height: 50px;

    font-size: 18px;

    color: #1a1a1a;

    font-weight: normal;

    background: url(../images/dian.png) no-repeat left top 20px;}



.cp1 dl dd .cpt-f a:hover{color: #005bac;}

.cp1 dl dd .tjc{box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.04);padding: 12px;background: #ffffff;width:786px;margin-top: 50px;position: relative;z-index:99;}

.cp1 dl dd .tjc ul{border: 1px solid #efefef;overflow: hidden;}

.cp1 dl dd .tjc ul li{float: left;width: 260px;height: 195px;position: relative;}

.cp1 dl dd .tjc ul li i{width: 260px;height: 195px;display: block;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}

.cp1 dl dd .tjc ul li i img{width: 260px;height: 195px;display: block;transition: all 0.5s;}

.cp1 dl dd .tjc ul li:hover i img{transform:scale(1.1);}





.cp1 dl dd .tjc ul li span{ position: absolute;left:20px;bottom:4px;display: block;font-size: 16px;line-height: 16px;color: #595959; width: 242px;}

.cp1 dl dd .tjc ul li em{ width: 20px;height: 20px;overflow: hidden; float: right;margin-right: 31px;}

.cp1 dl dd .tjc ul li em>img{ display: block;width: 20px;height: 20px;transition: all 0.5s; }

.cp1 dl dd .tjc ul li:hover em>img:nth-child(1){ margin-top: -20px; }

.cp1 dl dd .tjc ul li:last-of-type{border-right: none;}



.cp1 dl dd  .tjc .ban_pg{position: absolute;left:-3px;bottom:-30px;height:10px;z-index: 10;width:30%;text-align: center;}

.cp1 dl dd  .tjc .ban_pg li{display: inline-block;width: 10px;height: 10px;background: #c5c5c5;margin: 0 10px;vertical-align: top;font-size: 0;}

.cp1 dl dd  .tjc .ban_pg li.on{background: #000000;}





/* -- 产品中心2 -- */

.cpt-2{height:540px;background: url(../images/cpt2-bg.jpg) no-repeat center;}

.cp2{position: relative;}

.cp2 dl{height:539px;}

.cp2 dl dt{float:left;margin-left: -360px;display: block;height: 539px;width:960px;overflow:hidden;}

.cp2 dl dt img{display: block;height: 539px;width:960px;transition: all 0.5s;}



.cp2 dl dt:hover img{transform:scale(1.1);}





.cp2 dl dd{float: left;width: 600px;height: 445px;margin-top:94px;}

.cp2 dl dd h3{height:121px;border-bottom: 2px solid #cacaca;box-sizing: border-box;width: 510px;float: right;}

.cp2 dl dd h3 em{height: 50px;}

.cp2 dl dd h3 em img{float: left;display:block;width:61px;height: 50px;}

.cp2 dl dd h3 em b{float: left;display:block;font-size: 38px;font-weight: bold;color: #005bac;margin-left: 11px;margin-top: 3px;}

.cp2 dl dd h3 span{display:block;font-size: 16px;font-weight: normal;color: #666666;line-height: 30px;float: left;margin-top: 20px;}



.cp2 dl dd .cpt-f{display: block;width: 510px;overflow: hidden;margin-top: 20px;float: right;}







.cp2 dl dd .cpt-f a{

	float: left;

    padding-left: 20px;

    /* width: 158px; */

    line-height: 50px;

    font-size: 18px;

    color: #1a1a1a;

    font-weight: normal;

    background: url(../images/dian.png) no-repeat left top 20px;}











.cp2 dl dd .cpt-f a:hover{color: #005bac;}

.cp2 dl dd .tjc{box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.04);padding: 12px;background: #ffffff;width:786px;margin-top: 50px;position: relative;float: right;}

.cp2 dl dd .tjc ul{border: 1px solid #efefef;overflow: hidden;}

.cp2 dl dd .tjc ul li{float: left;width: 260px;height: 195px;position: relative;}

.cp2 dl dd .tjc ul li i{width: 260px;height: 195px;display: block;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}

.cp2 dl dd .tjc ul li i img{width: 260px;height: 195px;display: block;transition: all 0.5s;}

.cp2 dl dd .tjc ul li span{ position: absolute;left:20px;bottom:4px;display: block;font-size: 16px;line-height: 16px;color: #595959; width: 242px;}

.cp2 dl dd .tjc ul li:hover i img{transform:scale(1.1);}



.cp2 dl dd .tjc ul li em{ width: 20px;height: 20px;overflow: hidden; float: right;margin-right: 31px;}

.cp2 dl dd .tjc ul li em>img{ display: block;width: 20px;height: 20px;transition: all 0.5s; }

.cp2 dl dd .tjc ul li:hover em>img:nth-child(1){ margin-top: -20px; }

.cp2 dl dd .tjc ul li:last-of-type{border-right: none;}



.cp2 dl dd .tjc .ban_pg{position: absolute;right:-7px;bottom:-30px;height:10px;z-index: 10;width:27%;text-align: center;}

.cp2 dl dd .tjc .ban_pg li{display: inline-block;width: 10px;height: 10px;background: #c5c5c5;margin: 0 10px;vertical-align: top;font-size: 0;}

.cp2 dl dd .tjc .ban_pg li.on{background: #000000;}







.cpt-3{height:540px;background: url(../images/cpt3-bg.jpg) no-repeat center;}



.cpt-3 h2{padding-top:90px;text-align: center;}

.cpt-3 h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}

.cpt-3 h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top:16px;text-align: center;}



.cp3{position:relative;}

.cp3 dl{height:539px;position:relative;}

.cp3 dl dt{float:right;margin-right: -360px;display: block;height:539px;width:960px;overflow:hidden;}

.cp3 dl dt img{display: block;height:539px;width:960px;transition: all 0.5s;}



.cp3 dl dt:hover img{transform:scale(1.1);}

.cp3 dl dd{float: left;width: 600px;height: 450px;margin-top: 90px;}

.cp3 dl dd h3{height:121px;border-bottom: 2px solid #cacaca;box-sizing: border-box;width: 510px;}

.cp3 dl dd h3 em{height: 50px;}

.cp3 dl dd h3 em img{float: left;display:block;width: 59px;height: 50px;}

.cp3 dl dd h3 em b{float: left;display:block;font-size: 38px;font-weight: bold;color: #005bac;margin-left: 11px;margin-top: 3px;}

.cp3 dl dd h3 span{display:block;font-size: 20px;font-weight: normal;color: #666666;line-height: 30px;float: left;margin-top: 20px;}





.cp3 dl dd .cpt-f{display: block;width: 540px;overflow: hidden;margin-top: 20px;}



.cp3 dl dd .cpt-f a{

	float: left;

    padding-left: 20px;

    /* width: 158px; */

    line-height: 50px;

    font-size: 18px;

    color: #1a1a1a;

    font-weight: normal;

    background: url(../images/dian.png) no-repeat left top 20px;}



.cp3 dl dd .cpt-f a:hover{color: #005bac;}

.cp3 dl dd .tjc{box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.04);padding: 12px;background: #ffffff;width:786px;margin-top: 50px;position: relative;z-index:99;}

.cp3 dl dd .tjc ul{border: 1px solid #efefef;overflow: hidden;}

.cp3 dl dd .tjc ul li{float: left;width: 260px;height: 195px;position: relative;}

.cp3 dl dd .tjc ul li i{width: 260px;height: 195px;display: block;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}

.cp3 dl dd .tjc ul li i img{width: 260px;height: 195px;display: block;transition: all 0.5s;}

.cp3 dl dd .tjc ul li:hover i img{transform:scale(1.1);}





.cp3 dl dd .tjc ul li span{ position: absolute;left:20px;bottom:4px;display: block;font-size: 16px;line-height: 16px;color: #595959; width: 242px;}

.cp3 dl dd .tjc ul li em{ width: 20px;height: 20px;overflow: hidden; float: right;margin-right: 31px;}

.cp3 dl dd .tjc ul li em>img{ display: block;width: 20px;height: 20px;transition: all 0.5s; }

.cp3 dl dd .tjc ul li:hover em>img:nth-child(1){ margin-top: -20px; }

.cp3 dl dd .tjc ul li:last-of-type{border-right: none;}



.cp3 dl dd  .tjc .ban_pg{position: absolute;left:-3px;bottom:-30px;height:10px;z-index: 10;width:30%;text-align: center;}

.cp3 dl dd  .tjc .ban_pg li{display: inline-block;width: 10px;height: 10px;background: #c5c5c5;margin: 0 10px;vertical-align: top;font-size: 0;}

.cp3 dl dd  .tjc .ban_pg li.on{background: #000000;}







.cpt-4{height:540px;background: url(../images/cpt4-bg.jpg) no-repeat center;}

.cp4{position: relative;}

.cp4 dl{height:539px;}

.cp4 dl dt{float:left;margin-left: -360px;display: block;height: 539px;width:960px;overflow:hidden;}

.cp4 dl dt img{display: block;height: 539px;width:960px;transition: all 0.5s;}



.cp4 dl dt:hover img{transform:scale(1.1);}





.cp4 dl dd{float: left;width: 600px;height: 465px;margin-top:94px;}

.cp4 dl dd h3{height:121px;border-bottom: 2px solid #cacaca;box-sizing: border-box;width: 510px;float: right;}

.cp4 dl dd h3 em{height: 50px;}

.cp4 dl dd h3 em img{float: left;display:block;width:61px;height: 50px;}

.cp4 dl dd h3 em b{float: left;display:block;font-size: 38px;font-weight: bold;color: #005bac;margin-left: 11px;margin-top: 3px;}

.cp4 dl dd h3 span{display:block;font-size: 16px;font-weight: normal;color: #666666;line-height: 30px;float: left;margin-top: 20px;}



.cp4 dl dd .cpt-f{display: block;width: 510px;overflow: hidden;margin-top: 20px;float: right;}







.cp4 dl dd .cpt-f a{

	float: left;

    padding-left: 20px;

    /* width: 158px; */

    line-height: 50px;

    font-size: 18px;

    color: #1a1a1a;

    font-weight: normal;

    background: url(../images/dian.png) no-repeat left top 20px;}











.cp4 dl dd .cpt-f a:hover{color: #005bac;}

.cp4 dl dd .tjc{box-shadow: 0px 0px 18px 0px rgba(4, 0, 0, 0.04);padding: 12px;background: #ffffff;width:786px;margin-top: 50px;position: relative;float: right;}

.cp4 dl dd .tjc ul{border: 1px solid #efefef;overflow: hidden;}

.cp4 dl dd .tjc ul li{float: left;width: 260px;height: 195px;position: relative;}

.cp4 dl dd .tjc ul li i{width: 260px;height: 195px;display: block;overflow: hidden;border-right: 1px solid #efefef;box-sizing: border-box;}

.cp4 dl dd .tjc ul li i img{width: 260px;height: 195px;display: block;transition: all 0.5s;}

.cp4 dl dd .tjc ul li span{ position: absolute;left:20px;bottom:4px;display: block;font-size: 16px;line-height: 16px;color: #595959; width: 242px;}

.cp4 dl dd .tjc ul li:hover i img{transform:scale(1.1);}



.cp4 dl dd .tjc ul li em{ width: 20px;height: 20px;overflow: hidden; float: right;margin-right: 31px;}

.cp4 dl dd .tjc ul li em>img{ display: block;width: 20px;height: 20px;transition: all 0.5s; }

.cp4 dl dd .tjc ul li:hover em>img:nth-child(1){ margin-top: -20px; }

.cp4 dl dd .tjc ul li:last-of-type{border-right: none;}



.cp4 dl dd .tjc .ban_pg{position: absolute;right:-7px;bottom:-30px;height:10px;z-index: 10;width:27%;text-align: center;}

.cp4 dl dd .tjc .ban_pg li{display: inline-block;width: 10px;height: 10px;background: #c5c5c5;margin: 0 10px;vertical-align: top;font-size: 0;}

.cp4 dl dd .tjc .ban_pg li.on{background: #000000;}









/*货架案例*/

.case{padding:0px 0 70px;}

.case h2{margin-bottom: 50px;}

.case_con{position: relative;}

.case_list dl{float: left;width: 305px;margin-right: 8px;}

.case_list dt{height: 247px;overflow: hidden;}

.case_list dt img{display:block;width: 305px;height: 247px;transition: all 0.5s;}

.case_list dt:hover img{transform:scale(1.05);}

.case_list dd{height: 122px;background: #fff;position: relative;}

.case_list dd h3{font-size: 16px;color: #333;line-height: 16px;padding:26px 0 10px;}

.case_list dd p{font-size: 14px;color: #666;line-height: 24px;width: 300px;}

.case_list dd .more{position: absolute;right: 0;top: 24px;width: 115px;height: 74px;border-left:1px solid #ececec;font-size: 16px;color: #666;font-family: Arial;line-height: 16px;text-align: center;background:url(../images/c1.png) no-repeat center 24px;}

.case_list dd .more:hover,.case_list dd h3:hover a{color: #0060b7;}

.case_con .prev{position: absolute;width: 55px;height: 55px;left: -70px;top: 190px;background:url(../images/prev1.png) no-repeat;}

.case_con .next{position: absolute;width: 55px;height: 55px;right: -70px;top: 190px;background:url(../images/next1.png) no-repeat;}

.case_con .prev:hover{background:url(../images/prev1h.png) no-repeat;}

.case_con .next:hover{background:url(../images/next1h.png) no-repeat;}

.case_pg{height: 15px;padding:30px 0;text-align: center;}

.case_pg i{display: inline-block;width: 15px;height: 15px;background: #dcdcdc;border-radius: 50%;margin:0 10px;}

.case_pg i.cur{background: #2258c2;}

.coop{height: 314px;background: #fff;}

.coop h3{float: left;width: 130px;height: 314px;background: #1568b4;padding:0 40px;font-weight: normal;}

.coop h3 b{display:block;font-size: 26px;color: #fff;line-height: 26px;margin:68px 0 15px;height: 48px;position: relative;}

.coop h3 b:after{position: absolute;width: 98px;height: 1px;background: #75a6d3;content: "";left: 0;bottom: 0;}

.coop h3 i{display:block;font-size: 20px;color: #fff;font-family: Arial;opacity: 0.3;line-height: 24px;}

.coop_r{float: right;width: 990px;height: 282px;overflow: hidden;padding-top: 32px;}

.coop_r li{float: left;width: 247.5px;position: relative;}

.coop_r li img{display:block;width: 247px;height:125px;border-bottom: 1px solid #e6e6e6;}

.coop_r li a:nth-child(2n) img{border: 0;}

.coop_r li:after{position: absolute;width: 1px;height: 170px;background: #e6e6e6;content: "";left: -1px;top: 50%;margin-top: -85px;}





/*四大保障*/



.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 0;height: 1000px;overflow: hidden;}

.yous{height: 840px;}

.yous .cp_tit{color: #fff;background: url(../images/ys_tline.png) no-repeat center 60px;}

.yous .cp_tit span{color: #fff;}

.ys_t{height: 143px;width: 672px;background: #fff;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: absolute;top: 620px;left: 264px;z-index: 10;}

.ys_t ul li{font-size: 20px;color: #333;float: left;width: 168px;height: 123px;padding: 20px 0 0;position: relative;text-align: center;}

.ys_t ul li:before{content: "";width: 1px;height: 37px;background: #efefef;position: absolute;top: 50px;left: 0;z-index: -1;}

.ys_t ul li p{width:46px; height:46px; position:relative;margin: 0 auto;}

.ys_t ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}

.ys_t ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}

.ys_t ul li b img,.ys_t ul li em img{ display: block;width: 46px;height: 46px;}

.ys_t ul li span{display: block;padding: 10px 0 0;line-height: 22px;}

.ys_t ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.4);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}

.ys_t ul li.on{background: #0350a2;color: #fff;font-weight: bold;z-index: 5;}

.ys_t ul li.on i{color: rgba(255,255,255,0.4);font-weight: normal;}

.ys_t ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.ys_t ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.ys_t ul li:first-child:before{background: none;}

.yous dl{position: relative;height: 617px;background: #fff;margin-top: 48px;}

.yous dl dt{width: 960px;height: 617px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}

.yous dl dt img{width: 960px;height: 617px;}

.yous dl dd{width: 500px;float: left;padding: 135px 0 0 55px;}

.yous dl dd h5{height: 90px;border-bottom: #d6d6d6 2px solid;width: 500px;display: inline-block;font-size: 30px;color: #333;}

.yous dl dd em{width: 46px;height: 46px;display: block;float: left;line-height: 0;margin: 6px 15px 0 0;}

.yous dl dd em img{width: 46px;height: 46px;}

.yous dl dd span{display: block;float: left;line-height: 32px;}

.yous dl dd i{display: block;font-size: 16px;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}

.yous dl dd b{width: 60px;height: 50px;display: block;float: right;line-height: 0;}

.yous dl dd b img{width: 60px;height: 50px;}

.yous dl dd p{font-size: 16px;color: #333;padding: 20px 0 0;line-height: 30px;}

.ban01{padding: 88px 0 0;}

.ban01_l{width: 900px;}

.ban01_l b{background: url(../images/ban_k.png) no-repeat;display: block;width: 196px;height: 57px;line-height: 56px;overflow: hidden;font-size: 20px;color: #0350a2;text-align: center;float: left;margin-top: 25px;}

.ban01_lm{padding: 0 0 0 40px;width: 660px;float: left;}

.ban01_lm p{font-size: 32px;color: #fff;font-weight: bold;height: 56px;line-height: 56px;}

.ban01_lm ul li{font-size: 18px;color: #fff;float: left;line-height: 36px;background: url(../images/ban_ico.png) no-repeat 0 13px;padding: 0 40px 0 20px;}

.ban01_tel{width: 220px;}

.ban01_tel span{display: block;text-align: center;height: 75px;}

.ban01_tel b{display: block;font-size: 26px;color: #fff;height: 40px;line-height: 40px;}

.ban01_tel em{width: 22px;height: 22px;display: block;line-height: 0;margin: 0 auto;}

.ban01_tel em img{width: 22px;height: 22px;}

.ban01_tel a{font-size: 14px;color: #333;display: block;width: 110px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;background: #fff;border-radius: 30px;margin: 0 auto;}

.ban01_tel a {

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

}

.ban01_tel a:hover {

  -webkit-animation-name: hvr-pulse;

  animation-name: hvr-pulse;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.pr {

    position: relative;

}









/*流程*/



.ser h2{margin-bottom: 55px;}

.ser ul{height: 420px;padding:0 40px;background:url(../images/ser_bg.jpg) no-repeat center 65px;}

.ser li{float: left;width: 280px;text-align: center;height: 120px;margin-bottom: 64px;position: relative;}

.ser li span{ display:block;width:72px; height:72px;  margin:13px auto 17px;  position:relative;}

.ser li span em{position:absolute;width:100%;height:100%;background: #ededed;border-radius: 50%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.ser li span i{position:absolute;width:100%;height:100%;background: #0060b7;border-radius: 50%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.ser li:hover span em,.ser li.cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.ser li:hover span i,.ser li.cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.ser li b{display:block;font-size: 16px;color: #333;line-height: 16px;}

.ser li:hover b,.ser li.cur b{color: #0060b7;}

.ser li:hover:after,.ser li.cur:after{position: absolute;width: 13px;height: 8px;content: "";background:url(../images/san4.png) no-repeat;top: 104px;left: 50%;margin-left: -7px;}

.ser .tel{font-size: 14px;color: #333;line-height: 14px;padding-top: 18px;}

.ser .tel strong{display:block;font-size: 24px;color: #333;line-height: 30px;}

.ser .tel .zx{display: block;width: 95px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #333;background: #fff;border-radius: 17px;margin:4px auto 0;}

.ser li.bt:hover:after,.ser li.bt.cur:after{top: 0;background:url(../images/san5.png) no-repeat;}

.ser_con{position: relative;}

.ser_bd{position: absolute !important;width: 100%;left: 0;top: 137px;z-index: 10;}

.ser_bd p{font-size: 14px;color: #666;line-height: 24px;text-align: center;}







	

/*小banner*/

/* -- 表单 -- */

.bds{height:447px;background: url(../images/bd-bg.jpg) no-repeat center;}

.bd1{padding-top: 107px;overflow: hidden;}

.bd_l{float: left;width:640px;height: 149px;}

.bd_l h2{text-align: center;padding-top: 34px;}

.bd_l h2 em{font-size:38px;color:#ffffff;display: block;line-height:48px;font-weight:bold;}

.bd_l h2 span{font-size:24px;color:#ffffff;display: block;line-height:24px;font-weight: normal;padding-top:9px;text-align: center;}





.zx_r{height:210px;width:488px;float: right;}

.zx_r ul{overflow: hidden;}

.zx_r li{height:45px;width:226px;border: 1px solid #ffffff;float: left;line-height:44px;box-sizing: border-box;border-radius: 5px;}

.zx_r .xm{margin-right:11px;height:45px;width:226px;}

.zx_r li input{border: none;background: none;height:44px;width:210px;font-size: 15px;color: #ffffff;padding-left:14px;background: url(../images/x_01.png) no-repeat 205px 17px;}

.zx_r .dh{height:45px;width:251px;}

.zx_r .dh input{border: none;background: none;height:44px;width:235px;font-size: 15px;color: #ffffff;padding-left:14px;background: url(../images/x_01.png) no-repeat 230px 17px;}

.zx_r .ly{height:91px;width:389px;margin-top: 10px;}

.zx_r li textarea{

  font-size: 15px;

  font-weight: normal;

  color: #ffffff;

  display: block;

  padding-left: 14px;

  background: none;

  padding-top: 13px;

  width: 373px;

  height: 75px;

}

.form-btn-reset{display: none;}

.zx_r .form-btn-submit{height: 91px;width:88px;cursor: pointer;font-size: 15px;color: #141414;display: block;font-weight:normal;background:url(../images/tj-1.png) no-repeat center;text-align: center;float: left;margin-top:10px;border: none;    margin-left: 11px;line-height: 125px;}



.xad_s{ margin-top: 56px; }

.xad_s p{ float: left;margin-left:331px;margin-right: 45px;position:relative; }

.xad_s p span img{animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;position:absolute;left:0;}

	

@keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -8px); } 100% { transform: translate(0, 0); } }

@-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -8px); } 100% { -webkit-transform: translate(0, 0); } }



.xad_s p strong {display: block;font-size: 38px;color: #fff;line-height: 38px;float: left;font-family: Arial; font-weight: bold;margin-left:90px;}

.xad_s p strong i{ font-size: 13px;color: #fff;line-height: 14px; display: block;padding-bottom:7px;font-weight: normal;}

.xad_s p:hover span img {animation-duration: 2s;animation-name: flipInY;}

.xad_s .more{ display: block;font-size: 20px;color: #fff;text-align: center;width: 195px;height: 51px;background: #0350a2;border-radius: 30px;line-height: 51px;float: left;}

.xad_s .more img{display: inline-block; margin-left: 12px; width: 18px;-o-transition: all .3s ease;transition: all .3s ease;}

.xad_s .more:hover img {margin-left: 16px;}











/*新闻*/



/*新闻资讯*/

.news_bg{padding: 0px 0 80px;}

.news_bg h2{margin-bottom: 50px;}

.new_con{}

.new_l{float: left;width: 586px;background: #fff;}

.new_l h4{height: 60px;background: #3f3f3f;font-weight:normal;}

.new_l h4 b{float: left;width:190px;padding-left: 20px;height: 60px;line-height: 60px;background: #0060b7;font-size: 20px;}

.new_l h4 b a{color: #fff;}

.new_l h4 b i{font-size: 14px;font-weight:normal;font-family: "Arial";margin-left: 10px;text-transform: uppercase;}

.new_l h4>a{float: right;margin:17px 30px 0 0;}

.new_bd{padding:0 30px;height: 302px;overflow: hidden;}

.new_l h5{height: 60px;line-height: 60px;font-weight:normal;border-top:1px solid #ececec;}

.new_l h5 b{float: right;font-size: 16px;color: #484848;}

.new_l h5 a{float: left;width: 430px;color: #666;font-size: 14px;}

.new_l h5.cur{height: 30px;line-height: 30px;padding-top: 24px;}

.new_l h5.cur a{font-weight: bold;font-size: 16px;color: #333;}

.new_l p{height: 50px;font-size: 14px;color: #333;line-height: 24px;}

.new_r{width: 576px;background: #fff;}

.new_r h4{height: 58px;background:#f4f4f4;font-weight:normal;}

.new_r h4 b{float: left;padding-left: 35px;height: 58px;line-height: 58px;font-size: 20px;}

.new_r h4 b a{color: #333;}

.new_r h4 b i{font-size: 14px;font-weight:normal;font-family: "Arial";margin-left: 10px;text-transform: uppercase;color: #b0b0b0;}

.new_r h4>a{float: right;margin:16px 30px 0 0;}

.bk_con{}

.new_r dl{height: 150px;}

.new_r dt img{display:block;width:220px;height:150px;}

.new_r dd{float: left;width: 300px;margin-left:30px;}

.new_r dd i{display:block;font-size:16px;color: #484848;margin-bottom:12px;line-height: 42px;}

.new_r dd h5{display:block;font-size: 16px;color: #333;line-height: 30px;margin:30px 0 10px;}

.new_r dd .more{display:block;font-size: 14px;color: #666;line-height: 24px;margin-top: 12px;}

.new_r dd p{font-size:14px;color:#333;line-height:24px;}

.new_r dd h5:hover a,.new_r dd .more:hover{color: #0060b7;}

.bk_list p{height: 58px;line-height: 58px;border-bottom:1px solid #ececec;padding:0 20px;}

.bk_list p b{float: right;font-size: 16px;color: #484848;}

.bk_list p a{font-size: 14px;color: #666;}

.bk_list p:hover a{color: #0060b7;}

.bk_list p:last-child{border: 0;}

/*常见问答*/

.wd{padding: 35px 0 0;}

.wd_t{width: 190px;height: 265px;background: #0350a2 url(../images/wd_bt.jpg) no-repeat;overflow: hidden;}

.wd_t a{font-size: 18px;color: #fff;font-weight: bold;display: block;width: 144px;height: 160px; padding:40px 0 0 30px;}

.wd_m{width: 970px; padding-left:40px;overflow: hidden;}

.wd_m em{width: 37px;height: 23px;float: left;margin-right: 15px;}

.wd_m em img{width: 37px;height: 23px;}

.wd dl{ width:240px;float: left; padding:32px 60px 0 0;margin-right: 35px;position: relative;}

.wd dl:after{position: absolute;width: 1px;height: 168px;background: #e5e5e5;content: "";right: 0;top: 56px;}

.wd dt{ height:46px; overflow:hidden;border-bottom:1px solid #ececec;margin-bottom: 17px;}

.wd dt a{ font-size:14px; color:#333;font-weight: bold;}

.wd dt a:hover{color: #0060b7;}

.wd dt span{float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 30px;width: 180px;}

.wd_desc{font-size:14px; color:#666;height: 108px;line-height: 24px;overflow: hidden;display:inline-block;width: 180px;}

.wd dd .more{display: block; font-size: 12px; color: #484848; text-transform: uppercase; width: 100px; text-align: center; height: 30px; line-height: 30px; overflow: hidden;border: #949494 1px solid;border-radius: 15px;}

.wd dd .more:hover{background: #0060b7;color: #fff;border: #0060b7 1px solid;}





.client-2 .my-kefu-main{

	background: #0350a2!important;

}

.client-2 .my-kefu-tel-main {

    background: #0350a2!important;

    

}



/*关于*/

.about{background:url(../images/abobj.jpg) no-repeat top center;padding-bottom:69px;}

.abo{padding-top:397px;}

.abo .abo-con{background:#FFF;padding:38px 39px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}

.abo .abo-con h4{text-align: center;margin-bottom:26px; }

.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}

.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}

.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}

.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}

.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}

.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}

.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}

.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}

.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}

.abo .abo-con .abo-nav li.cur a{color:#FFF;}

.abo .abo-con .abo-nav li.ab1.cur{background:url(../images/abo-nav1.png) no-repeat center;}

.abo .abo-con .abo-nav li.ab2.cur{background:url(../images/abo-nav2.png) no-repeat center;}

.abo .abo-con .abo-bot{position: relative;}

.abo .abo-con .abo-bot .abo-list{width:1005px;margin:0 auto;}

.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}

.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin-right: 17px;}

.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}

.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}

.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(../images/abo-yy.png) no-repeat center;}

.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}

.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}

.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:0;top:40%;}





.tit01{

	padding-top: 90px;

    text-align: center;

}



.tit01  em {

    font-size: 48px;

    color: #333333;

    display: block;

    line-height: 48px;

    font-weight: bold;

}



.tit01  span {

    font-size: 18px;

    color: #333333;

    display: block;

    line-height: 18px;

    font-weight: normal;

    padding-top: 16px;

    text-align: center;

}



.tit2 {

    background: url(../images/tt-s2.png) no-repeat center;

}







/*底部*/

.footer{height:406px;background:#0350a2;overflow:hidden;}

.footer .footer-l{float:left;padding-top:51px;width:252px;}

.footer .footer-l h2{line-height:0;}

.footer .footer-l h2 img{width:250px;height:55px;display:block;}

.footer .footer-l p{margin-top:27px;}

.footer .footer-l p em{text-align:center;float:left;display:block;}

.footer .footer-l p em img{width:112px;height:112px;display:block;}

.footer .footer-l p em span{font-size:14px;font-weight:normal;line-height:14px;color:#ffffff;margin-top:12px;display:block;}

.footer .footer-l p em:last-of-type{margin-left:28px;}

.footer .footer-c{float:left;width:402px;border-top:2px solid rgba(255,255,255,0.1);margin-top:64px;margin-left:127px;}

.footer .footer-c .fnav{padding-top:32px;height:110px;border-bottom:2px solid rgba(255,255,255,0.1);}

.footer .footer-c .fnav a{font-size:14px;font-weight:normal;line-height:14px;color:#ffffff;background-image:url('../images/f-sj.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:13px;opacity:0.6;width:33.33%;display:block;float:left;box-sizing:border-box;margin-bottom:20px;}

.footer .footer-c .finfo{padding-top:16px;}

.footer .footer-c .finfo span{display:block;float:left;font-size:14px;font-weight:normal;line-height:24px;color:#ffffff;opacity:0.6;width:165px;}

.footer .footer-c .finfo span:nth-of-type(odd){width:236px;}

.footer .footer-c .finfo a{color:#fff;}

.footer .footer-r{float:left;margin-left:120px;width:276px;padding-top:56px;}

.footer .footer-r p{font-size:14px;font-weight:normal;line-height:22px;color:#ffffff;margin-bottom:25px;padding-left:35px;}

.footer .footer-r p b{display:block;margin-bottom:3px;font-size:14px;}

.footer .footer-r p:nth-of-type(1){background-image:url('../images/f-ic1.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;font-size:32px;line-height:26px;}

.footer .footer-r p:nth-of-type(2){background-image:url('../images/f-ic2.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;}

.footer .footer-r p:nth-of-type(3){background-image:url('../images/f-ic3.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;}

.footer:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}



.clear:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}





          .topWrap {background:#fff;font-family: "Microsoft Yahei"; position: relative;height:137px; }
          .topWrap .header { width:1200px;margin: 0 auto;}
          .twz { background: #f6f6f6; height:36px; color: #666666; line-height: 36px; font-size: 12px;}
          .twz a { display: inline-block;  color: #999999; position: relative;padding:0 0.4rem 0 0.6rem; }
          .twz a:nth-child(1){background: url(../images/tpico1.png) no-repeat left center;background-size: 0.45rem;}
          .twz a:nth-child(2){background: url(../images/tpico1.png) no-repeat left center;background-size: 0.45rem;}
          .twz a:nth-child(3){background: url(../images/tpico1.png) no-repeat left center;background-size: 0.45rem;}
          .twz a:nth-child(4){background: url(../images/wzico.png) no-repeat center center;background-size:3.85rem 0.9rem;color: #fff;}
          .logo { width:208px; overflow: hidden; margin-top:18px; float: left;}
          .logo img { width:100%; display: block; }
          .logo_txt {
    font-size: 18px;
    color: #4f4f4f;
    text-align: left;
    line-height: 28px;
    font-weight: normal;
    margin-top: 25px;
    margin-left: 15px;
    float: left;
}
          .logo_txt i {
    font-weight: bold;
    font-size: 22px;
    color: #000000;
    display: block;
}
          .nav{ height: 100px;position: relative;float: right; font-size: 0;}
          .nav li {display: inline-block;*display: inline;zoom: 1;margin-left: 27px;position:relative;}
          .nav li a { font-size: 16px;line-height: 100px;display: block;color: #333;transition: color .2s;}
          .nav li a:hover, .nav .cur a {font-weight: bold; text-decoration: none;  color: #0350a2; }
      	.menu ul li .nav01 { position: absolute;
    top: 100px;
    left: -30px;
    width: 160px;
    border-top: 2px solid #0350a2;
    background: rgba(250,248,246,0.9);
    height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
     display: none; 
    z-index: 10; }
		.menu ul li .nav01 li { font-size: 14px; height: 42px; background: none; float: none; text-align: left; width: 100%; margin-left:0;}
		.menu li::before .nav01 li::before { background: none; border-right: 0; }
		.menu ul li .nav01 li a { color: #666666; padding: 0; height: 42px; line-height: 42px; display: block; text-align: left; float: none; padding-left: 30px; background: none; font-size: 14px; font-weight: normal; }
		.menu ul li.cur .nav01 li a { background: none; font-weight: normal; }
		.menu ul li .nav01 li::before { background: none; border: 0; }
		.menu ul li .nav01 li a:hover { color: #fff; background: #0350a2; font-weight: normal; }

        .menu ul li .nav_2{width:160px;}
        .menu ul li .nav_4{width:120px;}
        .menu ul li .nav_3{width:120px;}
        .menu ul li .nav_5{width:120px;}

        
         
    .header .tel {
    float: right;
    font-size: 14px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #404040;
    background: url(../images/tels.png) no-repeat left center;
    padding-left: 27px;
}
          
        
      




  .p1-search-1 {

            background: #f2f2f2;

            height: 82px;

            border-bottom: 1px solid #eee;

            overflow: hidden;

            font-size: 14px;

        }

        

        .p1-search-1 p {

            color: #444;

            line-height: 82px;

        }

        .gdhj{width:1200px;margin: 0 auto;}

        .p1-search-1 a {

            color: #444;

            display: inline-block;

            margin-right: 15px;

        }

        

        .p1-search-1-inp {

            width: 270px;

            height: 30px;

            border-radius: 20px;

            background: #fff;

            padding-left: 10px;

            margin-top: 28px;

        }

        

        .p1-search-1-inp input {

            border: 0;

        }

        

        .p1-search-1-inp1 {

            width: 224px;

            height: 30px;

            line-height: 30px;

            color: #a9a9a9;

            float: left;

        }

        

        .p1-search-1-inp2 {

            width: 30px;

            height: 30px;

            background: url(../images/VISkins-p1.png) no-repeat -258px -936px;

            float: right;

            cursor: pointer;

        }



















