/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.none{
	display: none;
}
.trans{
	transition:all 0.65s ease 0s;
	-ms-transition:all 0.65s ease 0s; 	/* IE 9 */
	-moz-transition:all 0.65s ease 0s; 	/* Firefox */
	-webkit-transition:all 0.65s ease 0s; /* Safari 和 Chrome */
	-o-transition:all 0.65s ease 0s; 	/* Opera */
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

a:hover{
	text-decoration:none;
	color: #ca1c28;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}





/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

/*header*/



.head{width:100%;height:100px;background:#fff;}
.contain{width:1200px;margin:auto;}
.top{width:100%;height:100px;position:fixed;top:0px;z-index:100;background:#fff;}
.top .contain .logo{float:left;margin-top:0px;font-size:0px;}
.nav{float:right;line-height:100px;margin-top:-15px;}
.navul li{float:left;height:100px;margin-left:30px;position:relative;}
.navul li:first-child{margin-left:0px;}
.navul li.cur>a{color:#d90e04;}
.navul li>a:hover{color:#d90e04;}
.navul li>a{font-size:16px;color:#222;}
.navul li .nav_son{display: none;position: absolute;left: 50%;top: 100px;z-index:100;margin-left: -70px;padding: 10px;width: 120px;font-size: 14px;text-align: center;line-height: 2;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.navul li .nav_son a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#222;display:block;}
.navul li .nav_son a:hover{color:#d90e04;}
.navul li .line{width:0px;height:3px;position:absolute;top:78px;left:0px;background:#d90e04;}
.navul li:hover .line{width:64px;}
.navul li:hover .nav_son{display:block;}

/* search */
.search {margin-top:4px;margin-right:15px;
 float: right;
 _width: 205px;
}


	/*banner*/
#indexbanner{ height: 600px; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,0.8);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;} 





.tit h2{font-size:24px;color:#333;font-weight:normal;font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;}
.tit p{font-size:16px;color:#333;padding-left:29px;margin-top:12px;position:relative;}
.tit p:before{content:"";position:absolute;width:20px;height:2px;background:#356fc7;left:0px;top:8px;}
.tit a{position:absolute;width:42px;height:42px;right:0px;top:5px;border-radius:50%;border:2px solid #356fc7;z-index:1;box-sizing: border-box;}
.tit a i{font-size:32px;color:#356fc7;float:left;margin-left:15px;margin-top:4px;}
.tit a:after{content:''; display:block; width:100%; height:100%; background:#356fc7; position:absolute;box-sizing: border-box; left:0; top:0; border-radius:10px; transition:ease .65s; z-index:-1; visibility:hidden;transform:scale(0) rotate(0);}
.tit a:hover:after{ visibility:visible;transform:scale(1) rotate(360deg);}
.tit a:hover i{color:#fff;}








#indexcon{width:100%;height:1268px;background:#f6f6f7;}
.field{height:606px;overflow:hidden;padding-top:20px;}
.field .f_left{float:left;width:540px;height:427px;background:#fff;margin-top:32px;padding:0px 30px;}
.field .f_left .tit{margin-top:59px;position:relative;animation-delay:.1s;}
.field .f_left .con{font-size:14px;color:#333;line-height:30px;margin-top:50px;animation-delay:.2s;}
.field .f_right{width:516px;height:427px;margin-top:31px;float:left;background:#356fc7;padding:0px 42px;}
.field .f_right .tit{margin-top:29px;animation-delay:.1s;}
.field .f_right .tit h2{color:#fff;}
.field .f_right .tit p{color:#fff;}
.field .f_right .tit p:before{background:#fff;}
.field .f_right .con{margin-top:22px;}
.field .f_right .con .tt{color:#fff;padding-left:29px;animation-delay:.3s;}
.field .f_right ul{margin-top:28px;}
.field .f_right ul li{float:left;width:172px;height:106px;margin-bottom:16px;float:left;}
.field .f_right ul li a{width:100%;height:100%;display:block;}
.field .f_right ul li .pic{width:100%;height:70px;}
.field .f_right ul li p{height:36px;line-height:36px;color:#fff;text-align:center;font-size:16px;}
.field .f_right ul li:nth-child(1) a{animation-delay:.1s;}
.field .f_right ul li:nth-child(2) a{animation-delay:.2s;}
.field .f_right ul li:nth-child(3) a{animation-delay:.3s;}
.field .f_right ul li:nth-child(4) a{animation-delay:.4s;}
.field .f_right ul li:nth-child(5) a{animation-delay:.5s;}
.field .f_right ul li:nth-child(6) a{animation-delay:.6s;}
.field .f_right ul li:hover{transform:translateY(-10px);}
.case{height:565px;position:relative;}
.case:before{content:"";width:276px;height:276px;background:url(../images/square.png) no-repeat center;position:absolute;top:-96px;left:-120px;}
.case .case_box{background:#fff;width:100%;height:100%;position:relative;z-index:1;overflow:hidden;}
.case .case_box .tit{width:1156px;margin:auto;position:relative;margin-top:50px;}
.case .case_con{width:1156px;margin:auto;margin-top:75px;}
.case .case_con .box{width:100%;height:100%;overflow:hidden;}
.case .case_con .box ul{width:999999px;height:345px;}
.case .case_con .box ul li{float:left;width:396px;height:100%;}
.case .case_con .box ul li a{width:100%;height:100%;display:block;}
.case .case_con .box ul li .tt{width:364px;color:#222;font-size:18px;margin-top:27px;}
.case .case_con .box ul li .des{width:364px;margin-top:27px;}
.case .case_con .box ul li .pic{position:relative;width:364px;height:237px;}
.case .case_con .box ul li .pic:before{content: '';display: block;width: 0%;height: 0%;border-left: 1px solid #fff;border-top: 1px solid #fff;position: absolute;z-index: 2;left: 3%;top: 4%;
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-ms-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.case .case_con .box ul li .pic:after{content: '';display: block;width: 0%;height: 0%;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;z-index: 2;right: 3%;bottom: 4%;
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-ms-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.case .case_con .box ul li:hover .pic:before,.case .case_con .box ul li:hover .pic:after{width:94%;height:92%;}
.case .case_con .box ul li:hover .tt{color:#356fc7;}
.case .case_con .box ul li:nth-child(1){animation-delay:.1s;}
.case .case_con .box ul li:nth-child(2){animation-delay:.2s;}
.case .case_con .box ul li:nth-child(3){animation-delay:.3s;}









#indexbusiness{width:100%;height:834px;overflow:hidden;}
.business{width:1200px;height:660px;margin:auto;margin-top:78px;}
.business .business_left{width:50%;height:100%;float:left;background:#356fc7;}
.business .business_left .business_con{padding:0px 25px;}
.business .business_left .business_con .tit{margin-top:42px;position:relative;}
.business .business_left .business_con .tit h2,.business .business_left .business_con .tit p{color:#fff;}
.business .business_left .business_con .tit p:before{background:#fff;}
.business .business_left .business_con .tit a{border:2px solid #fff;}
.business .business_left .business_con .tit i{color:#fff;}
.business .business_left .business_con .tit a:after{background:#fff;}
.business .business_left .business_con .tit a:hover i{color:#356fc7;}
.business .business_left .business_con .con{height:216px;margin-top:40px;color:#fff;line-height:230%;}
.business .business_right{width:50%;height:100%;float:left;}
.business .business_right .box{width:550px;height:100%;margin:auto;overflow:hidden;}
.business .business_right .box ul{width:550px;height:999999px;}
.business .business_right .box ul li{height:132px;border-bottom:1px solid #f6f6f7;position:relative;padding-top:23px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.business .business_right .box ul li:after{content:"";position:absolute;width:0px;border-bottom:1px solid #356fc7;bottom:0px;transition:all 0.3s ease 0s;}
.business .business_right .box ul li a{width:100%;height:100%;display:block;}
.business .business_right .box ul li .img{width:100px;height:86px;float:left;overflow:hidden;}
.business .business_right .box ul li .img img{width:100px;height:86px;position:relative;left: -100px;border-right: 100px solid transparent;z-index: 1;-webkit-filter: drop-shadow(#d7d7d7 100px 0);filter: drop-shadow(#d7d7d7 100px 0);}
.business .business_right .box ul li .line{width:1px;height:86px;background:#f6f6f7;float:left;position:relative;}
.business .business_right .box ul li .line:before{content:"";height:0px;width:1px;background:#356fc7;position:absolute;bottom:0px;transition:all 0.3s ease 0s;}
.business .business_right .box ul li:hover img{-webkit-filter: drop-shadow(#356fc7 100px 0);filter: drop-shadow(#356fc7 100px 0);}
.business .business_right .box ul li:hover .line:before{height:86px;}
.business .business_right .box ul li:hover:after{width:550px;}
.business .business_right .box ul li .content{width:430px;float:right;}
.business .business_right .box ul li .content p{font-size:18px;color:#222;}
.business .business_right .box ul li .content div{line-height:25px;margin-top:15px;}
.business .business_right .box ul li:hover .content p{color:#356fc7;}
.business .business_right .box ul li:hover .content div{color:#666;}
.business .business_right .box ul li:nth-child(1){animation-delay:.1s;}
.business .business_right .box ul li:nth-child(2){animation-delay:.2s;}
.business .business_right .box ul li:nth-child(3){animation-delay:.3s;}
.business .business_right .box ul li:nth-child(4){animation-delay:.4s;}
.business .business_right .box ul li:nth-child(5){animation-delay:.5s;}
.business .business_right .box ul li:nth-child(6){animation-delay:.6s;}
.business .business_right .box ul li:nth-child(7){animation-delay:.7s;}








#indexnews{width:100%;height:255px;border-top:1px solid #f6f6f7;}
.news .detail{width:50%;height:255px;float:left;}
.news .detail:last-child{background:#f6f6f7;}
.news .detail a{float:right;width:600px;height:255px;overflow:hidden;}
.news .detail:last-child a{float:left;}
.news .detail .date{float:left;width:125px;font-size:60px;color:#333;margin-top:80px;}
.news .detail .date span{font-size:14px;margin-left:5px;}
.news .detail .des{float:left;width:445px;margin-top:68px;}
.news .detail .des p{color:#333;}
.news .detail .des div{font-size:12px;color:#999;line-height:26px;margin-top:20px;}
.news .detail a:hover .date{color:#356fc7;}
.news .detail a:hover .des p{color:#356fc7;}






.ne_nav{width:100%;height:36px;padding:29px 0px;overflow:hidden;}
.ne_nav1{text-align:center;}
.ne_nav .nv{padding:0 18px;line-height:36px;border-radius:30px;font-size:16px;color:#fff;background:#356FC7;margin:auto;display:inline-block;}
.ne_nav nav{text-align:center;}
.ne_nav nav a{margin:0px 10px;padding:0 18px;line-height:36px;border-radius:30px;font-size:16px;color:#333;display:inline-block;}
.ne_nav nav a:hover{color:#356FC7;}
.ne_nav nav a.active{background:#356FC7;color:#fff;}
.subnav{height:40px;line-height:40px;overflow:hidden;text-align:center;padding-top:40px;}
.subnav nav{border-bottom:1px solid #d8d8d8;display:inline-block;}
.subnav nav a{float:left;margin-right:50px;padding:0 18px;line-height:39px;color:#333;position:relative;}
.subnav nav a:last-child{margin-right:0;}
.subnav nav a:before{content:"";display:block;width:100%;height:2px;position:absolute;left:0;bottom:-1px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.subnav nav a:hover:before,.subnav nav a.active:before{background:#356FC7;}
.subnav nav a:hover,.subnav nav a.active{color:#356FC7;}






.inset{width:100%;background:#f5f5f5;overflow:hidden;}
.inset .lh-other{padding:58px 0px;position:relative;z-index:1;}
.inset .lh-other:before{content:"";width:268px;height:273px;display:block;background:url(../images/yuan.png) no-repeat center;position:absolute;top:80px;right:-230px;z-index:-1;}
.inset .lh-other:after{content:"";width:276px;height:276px;display:block;background:url(../images/square.png) no-repeat center;position:absolute;left:-90px;top:50%;z-index:-1;}
.col{min-height:200px;background:#fff;line-height:220%;padding:70px;}
.col h2{text-align:center;font-weight:normal;color:#000;font-size:18px;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col .content{margin-top:15px;}




.atlas{width:1060px;margin-top:20px;}
.atlas .bigimg{width:100%;height:530px;overflow:hidden;background:#f0eeee;}
.atlas .bigimg .detail{width:100%;height:100%;display:none;text-align:center;}
.atlas .bigimg .detail:first-child{display:block;}
.atlas .bigimg .detail img{max-width:100%;height:100%;}
.atlas .smallimg{width:100%;padding-top:10px;background:#f5f5f5;overflow:hidden;}
.atlas .smallimg .detail{height:70px;float:left;margin-right:10px;margin-bottom:10px;cursor:pointer;position:relative;}
.atlas .smallimg .detail img{height:70px;}
.atlas .smallimg .detail:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;}
.atlas .smallimg .detail.current:after{display:block;}






.pxxm{min-height:700px;}
.pxxm ul{width:100%;overflow:hidden;}
.pxxm ul li{width:363px;height:314px;float:left;margin-right:54px;margin-bottom:54px;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li .pic{width:100%;height:234px;overflow:hidden;background:#fff;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.pxxm ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.pxxm ul li p{width:100%;height:80px;text-align:center;line-height:80px;font-size:18px;color:#000;background:#fff;}
.pxxm ul li:hover p{color:#fff;background:#356FC7;}
.pxxm ul li:hover img{transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);}








.xwzx{min-height:700px;}
.xwzx ul li{overflow:hidden;margin-bottom:23px;}
.xwzx li .timer{float:left;box-sizing: border-box; width:171px; height:164px; background:#fff; color:#666; font-size:16px; text-align:center; padding:45px 0; transition:ease .65s; position:relative; z-index:1;}
.xwzx li .timer:before{content:''; display:block; width:100%; height:100%; background:#356FC7; position:absolute; left:0; top:0; z-index:-1; transform:scaleY(0); transition:ease .65s;}
.xwzx li .timer h2{font-size:48px;font-weight:normal;transition: ease .65s;}
.xwzx li .timer h3{font-weight:normal;transition: ease .65s;margin-top:8px;}
.xwzx li .text{float:right;box-sizing: border-box; width:1017px; background:#fff;overflow:hidden; height:164px; padding:29px;transition:ease .65s; position:relative;}
.xwzx li .text:before{content:''; display:block; width:0%; height:0%; border-left:1px solid #356FC7; border-top:1px solid #356FC7; position:absolute; left:0; top:0; visibility:hidden; transition:ease .65s;}
.xwzx li .text:after{content:''; display:block; width:0%; height:0%; border-right:1px solid #356FC7; border-bottom:1px solid #356FC7; position:absolute; right:0; bottom:0; visibility:hidden; transition:ease .65s;}
.xwzx li .text .img{float:left; margin-right:29px;}
.xwzx li .text .img img{width:175px;height:107px;}
.xwzx li .text .tt{color:#000;font-size:15px;margin-bottom:5px;}
.xwzx li .text .des{line-height:24px; color:#666; overflow:hidden;}
.xwzx li:hover .timer{color:#fff;}
.xwzx li:hover .timer *{color:#fff;}
.xwzx li:hover .timer:before{transform:scaleY(1);}
.xwzx li:hover .text:before,.xwzx li:hover .text:after{width:4%; height:20%; visibility:visible;}




.zxns{min-height:700px;}
.zxns ul li{float:left;background:#fff;width:380px;height:250px;margin-right:30px;margin-bottom:40px;}
.zxns ul li:nth-child(3n){margin-right:0;}
.zxns ul li a{width:340px;padding:0px 20px;height:250px;display:block;}
.zxns ul li .date{padding-top:30px;color:#999;font-size:13px;}
.zxns ul li .tt{line-height:70px;border-bottom:1px dashed #ccc;font-size:18px;color:#333;}
.zxns ul li .des{line-height:26px;font-size:13px;margin-top:15px;}
.zxns ul li:hover{background:#356FC7;}
.zxns ul li:hover .date,.zxns ul li:hover .tt,.zxns ul li:hover .des{color:#fff;}
.zxns ul li:hover .tt{border-bottom:1px dashed #fff;}




	



.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}









/*footer*/
#footer{width:100%;height:400px;background:#356fc7;}
.footer_left{float:left;width:867px;height:100%;}
.footer_left ul{width:100%;height:260px;margin-top:43px;}
.footer_left ul li{float:left;width:170px;}
.footer_left ul li>a{color:#fff;font-size:16px;}
.footer_left ul li .nav_son{margin-top:25px;}
.footer_left ul li .nav_son p{line-height:25px;color:#fff;}
.footer_left ul li .nav_son a{color:#fff;line-height:25px;}
.footer_left ul li:nth-child(1){animation-delay:.1s;}
.footer_left ul li:nth-child(2){animation-delay:.2s;}
.footer_left ul li:nth-child(3){animation-delay:.3s;}
.footer_left ul li:nth-child(4){animation-delay:.4s;}
.footer_left ul li:nth-child(5){animation-delay:.5s;}
.footer_left .detail{width:100%;height:24px;}
.footer_left .detail .ban{float:left;line-height:24px;color:#fff;margin-right:20px;}
.footer_left .detail a{float:left;width:24px;height:24px;border-radius:50%;margin-right:7px;}
.footer_left .detail .xinlang{background:#fb5b79 url(../images/xinlang.png) no-repeat center;}
.footer_left .detail .qq{background:#fff url(../images/qq.png) no-repeat center;}
.footer_left .bei{margin-top:10px;} 
.footer_right{float:right;width:326px;}
.footer_right .tt{font-weight:bold;color:#fff;margin-top:43px;}
.footer_right .des{color:#fff;line-height:26px;margin-top:14px;}
.footer_right .wx{margin-top:26px;}
.footer_right .wx .qrcode{width:92px;float:left;margin-right:30px;}
.footer_right .wx .qrcode p{text-align:center;line-height:50px;color:#fff;}


.mypage{
    text-align: center;
	float:left;
	width:100%;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}




