@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,main{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}table{border-collapse:collapse;border-spacing:0}html,body,fieldset,img,iframe,abbr{border:0}[hidefocus],summary{outline:0}
a{background-color:transparent}a:active,a:hover{outline:0}img{vertical-align:middle}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}small{font-size:80%}sub,sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%}sub{bottom:-0.25em}sup{top:-0.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace}q:before,q:after{content:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit}textarea{overflow:auto}body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333}.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden}.clearfix{zoom:1}.wrapper{width:1140px;margin:0 auto}.left{float:left}.right{float:right}img{width: initial;}
/*banner*/
.bybxC ul,.five-hd{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.bybxC ul:after,.five-hd:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}

.banner{ position:relative;height:500px; overflow:hidden;min-width:1200px;}
.bannerBg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}

.bannerCon{width: 1140px;margin: 0 auto;cursor: pointer;text-align: center;}
.bannerCon .banbox{font-size: 0;text-align: center;}
.bannerCon .p1,.bannerCon h3 em,.titO em,.titO h2,.five-hd li{display: inline-block;vertical-align: top;}
.bannerCon h3{font-size: 30px;color: #fff;text-align: center;line-height: 64px;width: 358px;height: 64px;border-radius: 50px;background: linear-gradient(90deg,#fe854e,#fe854e);margin: 0px auto 0px;}
.bannerCon h3 em{background: url(../images/dy02.png) no-repeat center;width: 31px;height: 64px;margin-left: 5px;}
.bannerCon .p1{min-width: 140px;height: 32px;font-size: 20px;margin: 26px 5px 38px ;color: #bdbcff;line-height: 32px;border-radius: 30px;border: 1px solid #bdbcff;padding: 0 20px;}

.titO{text-align: center;font-size: 0;}
.titO h2{font-size: 36px;color: #0f0c50;line-height: 48px;padding: 0 20px;}
.titO h2 span{color: #ff612b;}
.anniuA{display: block;margin: 0 auto;text-align: center;width: 260px;height: 65px;line-height: 65px;font-size: 24px;color: #fff;background: linear-gradient(#ff6600,#ff6600);border-radius: 50px;box-shadow:0 6px 0 rgba(236,102,12,0.55);}
.titO em{background: url(../images/tit02.png) no-repeat center;width: 30px;height: 48px;}
.titO .em01{transform: rotateY(180deg);}
/*one*/

/*three*/
.bybx{padding: 30px 0 27px;background: #fff;overflow: hidden;}
.bybxC{background: url(../images/leifbg.png) no-repeat left top;}
.bybxC ul li{margin-bottom: 20px;display: inline-block;vertical-align: top;width: 272px;height: 76px;border: 1px solid #508bfc;border-radius: 10px;text-align: center;}
.bybxC ul{padding-top: 90px;}
.bybxC ul li img{margin-top: -72px;}
.bybxC ul li h3{font-size: 22px;color: #040404;line-height: 60px;}


/*two*/
.two{padding: 30px 0 30px;background: url(../images/bg03.jpg) top center no-repeat;min-width: 1140px;}
.twoC{text-align: center;padding-top: 40px;}
.twoC p{padding-bottom: 32px;line-height: 38px;font-size: 14px;color: #2984f4;text-align: right;}

.two .titO h2{color: #fff;}
.two .titO em{background-image: url(../images/tit01.png);}
/*four*/
.jstd{padding: 34px 0;overflow: hidden;}
.jstdC{box-shadow: 0 0 16px rgba(124,124,124,0.61);border-radius: 10px;overflow: hidden;margin-top: 20px;position: relative;margin-bottom: 30px;}
.jstd p{position: absolute;font-size: 18px;color: #fff;line-height: 28px;top: 154px;left: 0;width: 100%;text-align: center;}
.titO p{font-size: 28px;color: #000;display: inline-block;background: url(../images/tit.png) no-repeat center left,url(../images/tit.png) no-repeat right center;padding: 0 55px;line-height: 52px;}
/* .titO p strong{color: #133cf7;} */
/*five*/
.five{padding: 30px 0 40px;background: url(../images/bg01.jpg) no-repeat center bottom;}
.five-hd li{margin-top: 28px;font-size: 24px;color: #fff;background: #89acff;width: 180px;text-align: center;height: 64px;line-height: 64px;border-radius: 10px 10px 0 0;cursor: pointer;}
.five-hd li.on{background: #242ea8;font-weight: bold;}
.five-bd{padding: 0px 46px 50px 40px;background: #fff;border-radius: 0 0 12px 12px;margin-top: -0px;border: 1px solid #89acff;}
.five-bd ul li{margin-top: 18px;}
.five-bd ul li h3{font-size: 22px;color: #447bff;background: url(../images/icon.png) no-repeat center left;line-height: 42px;padding-left: 46px;}
.five-bd ul .li01 h3{background-position: 0 -1px;}
.five-bd ul .li02 h3{background-position: 0 -51px;}
.five-bd ul .li03 h3{background-position: 0 -100px;}
.five-bd ul li p{font-size: 16px;color: #333;margin-top: 5px;line-height: 28px;}
.five .fiveA{margin-top: -30px;border-bottom: none;margin-bottom: 40px;}

.five-boxcon{padding: 30px 0 30px;}
.five-boxhd{width: 200px;}
.five-boxhd li{background: #4c68fe;color: #fff;border-radius: 10px 0 0 10px;height: 99px;padding-top: 31px;line-height: 35px;text-align: center;font-weight: bold;font-size: 20px;cursor: pointer;}
.five-boxhd li.on{background: #fff;color: #3958fa;}
.five-boxbd{padding: 20px 18px 0 26px;background: #fff;width: 894px;border-radius: 0 12px 12px 0;height: 370px;}
.five-boxbd dl dt{width: 668px;}
.five-boxbd dl dd{width: 226px;}
.five-boxbd dl dd .p2{font-size: 20px;color: #4c68fe;line-height: 36px;margin-top: 10px;}
.five-boxbd dl dd .p3{margin-top: 8px;line-height: 26px;font-size: 16px;color: #676767;text-align: justify;}

.fivetit .em02{margin-right: -200px;}
.fivetit .em01{margin-left: -200px;}
.fivetit1 em{background-image: url(../images/tit01.png);}
.fivetit1 h2{color: #fff;}
/*six*/
.six{padding: 20px 0 30px;background: #f2f7fe;overflow: hidden;}
.six01{padding:20px 0 12px ;}
.six01 ul{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.six01 ul:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.six01 ul li{display: inline-block;vertical-align: top;}
.six01 ul li{/* box-shadow: 0 0 21px rgba(140,169,225,0.39); */border-radius: 10px;width: 180px;padding-top: 16px;height: 204px;text-align: center;font-size: 0;background: #fff;border: 1px solid #ddd;}
.six01 ul li .p1{font-size: 18px;color: #1c1c1c;line-height: 25px;margin-top: 5px;}
.six01 ul li span{display: inline-block;vertical-align: top;margin: 0 3px 6px;background: #eee;width: 82px;height: 26px;line-height: 26px;border-radius: 50px;font-size: 16px;color: #7f7f7f;}

.six01 ul li img{border-radius: 10px;}
.six01 ul li .p2{font-size: 15px;color: #fd8640;line-height: 24px;padding-bottom: 2px;}
.six01 ul li .p3{font-size: 16px;color: #fff;background: #0186fa;line-height: 32px;border-radius: 0 0 8px 10px;}
.mszd{padding: 11px 0 ;box-shadow: 0 0 9px rgba(115,155,155,0.3);border-radius: 10px;overflow: hidden;margin-bottom: 25px;}
.mszd ul{text-align: center;font-size: 0;}
.mszd ul li{position: relative;display: inline-block;vertical-align: top;margin: 0 3px;}
.mszd ul li p{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;color: #fff;height: 30px;line-height: 30px;background: rgba(0,0,0,0.6);}

.jxjd{padding: 30px 0 40px;background: #fff;overflow: hidden;}
.jxjdC{margin-top: 12px;margin-bottom: 24px;box-shadow: 0 0 16px rgba(124,124,124,0.6);border-radius: 10px;overflow: hidden;}

.biaoge{padding: 46px 0 36px;background: url(../images/bg.jpg) no-repeat center;min-width: 1140px;overflow: hidden;}
.biaodan{width: 392px;border-radius: 10px;padding-top: 14px;background: rgba(255,255,255,0.2);}
.biaodan h2{font-size: 32px;color: #fff;line-height: 48px;text-align: center;padding-bottom: 10px;}
.biaodan h3{font-size: 28px;color: #fff;line-height: 35px;text-align: center;}
.biaodan form p{display:block;margin: 0px auto 18px;width: 365px;height: 68px;line-height: 68px;background: #fff;border-radius: 6px;color: #9d9b9b;overflow: hidden;}
.biaodan form input{width: 100%;height:100%;padding-left: 60px;border-radius: 6px;box-sizing: border-box;border: none;font-size: 18px;color: #9d9b9b;outline: none;}
.biaodan form a{font-size: 20px;color: #fff;margin: 28px auto 0;display: block;border-radius: 50px;width: 186px;height: 47px;line-height: 47px;background: linear-gradient(90deg,#ff614c,#f9cd28);text-align: center;letter-spacing: 1px;font-weight: bold;}

.biaodan .p1{font-size: 14px;color: #fff;line-height: 60px;text-align: center;}

.biaoge .biaogeleft{width: 478px;padding-left: 100px;margin-right: 119px;}
.biaoge .biaogeleft h3{font-size: 36px;color: #fff;text-align: center;line-height: 56px;padding-bottom: 25px;}
.biaoge .biaogeleft p{position: relative;padding: 0 0px 0 29px;font-size: 18px;color: #fff;line-height: 34px;margin-bottom: 32px;}
.biaoge .biaogeleft p a{font-size: 21px;color: #fff;border-radius: 5px;width: 125px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #fff;}

.biaoge .biaogeleft p a:hover{background: linear-gradient(60deg,#ee5f2f,#ee5f2f);border-color: #ee5f2f;}
.biaoge .biaogeleft p span{font-size: 40px;color: #fff;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;display: inline-block;vertical-align: top;margin-right: 50px;display: none;}
.biaoge .biaogeleft p em{width: 7px;height: 7px;border: 2px solid #fff;border-radius: 100px;position: absolute;left: 0px;top: 10px;background: #fff;}
.biaoge .biaogeleft p i{width: 2px;height: 65px;background: #fff;position: absolute;left:6px ;top: 22px;display: none;}

.biaoge p input[name="username3"]{
    background:#fff url(../images/ren.png) no-repeat 28px center;}
.biaoge p input[name="phone3"]{
    background: #fff url(../images/dh.png) no-repeat 28px center;}
	
	.animated {
		  -webkit-animation-duration: 1s;
		          animation-duration: 1s;
		  -webkit-animation-fill-mode: both;
		          animation-fill-mode: both;
		}
		@keyframes fadeInUp {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(0, 100%, 0);
		            transform: translate3d(0, 100%, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		.fadeInUp {
		  -webkit-animation-name: fadeInUp;
		          animation-name: fadeInUp;
		}
		@-webkit-keyframes shake {
		  0%, 100% {
		    -webkit-transform: translate3d(0, 0, 0);
		            transform: translate3d(0, 0, 0);
		  }
		
		  10%, 30%, 50%, 70%, 90% {
		    -webkit-transform: translate3d(-10px, 0, 0);
		            transform: translate3d(-10px, 0, 0);
		  }
		
		  20%, 40%, 60%, 80% {
		    -webkit-transform: translate3d(10px, 0, 0);
		            transform: translate3d(10px, 0, 0);
		  }
		}
		
		@keyframes shake {
		  0%, 100% {
		    -webkit-transform: translate3d(0, 0, 0);
		            transform: translate3d(0, 0, 0);
		  }
		
		  10%, 30%, 50%, 70%, 90% {
		    -webkit-transform: translate3d(-10px, 0, 0);
		            transform: translate3d(-10px, 0, 0);
		  }
		
		  20%, 40%, 60%, 80% {
		    -webkit-transform: translate3d(10px, 0, 0);
		            transform: translate3d(10px, 0, 0);
		  }
		}
		
		.shake {
		  -webkit-animation-name: shake;
		          animation-name: shake;
		}
		
		@-webkit-keyframes swing {
		  20% {
		    -webkit-transform: rotate3d(0, 0, 1, 15deg);
		            transform: rotate3d(0, 0, 1, 15deg);
		  }
		
		  40% {
		    -webkit-transform: rotate3d(0, 0, 1, -10deg);
		            transform: rotate3d(0, 0, 1, -10deg);
		  }
		
		  60% {
		    -webkit-transform: rotate3d(0, 0, 1, 5deg);
		            transform: rotate3d(0, 0, 1, 5deg);
		  }
		
		  80% {
		    -webkit-transform: rotate3d(0, 0, 1, -5deg);
		            transform: rotate3d(0, 0, 1, -5deg);
		  }
		
		  100% {
		    -webkit-transform: rotate3d(0, 0, 1, 0deg);
		            transform: rotate3d(0, 0, 1, 0deg);
		  }
		}
		
		@keyframes swing {
		  20% {
		    -webkit-transform: rotate3d(0, 0, 1, 15deg);
		            transform: rotate3d(0, 0, 1, 15deg);
		  }
		
		  40% {
		    -webkit-transform: rotate3d(0, 0, 1, -10deg);
		            transform: rotate3d(0, 0, 1, -10deg);
		  }
		
		  60% {
		    -webkit-transform: rotate3d(0, 0, 1, 5deg);
		            transform: rotate3d(0, 0, 1, 5deg);
		  }
		
		  80% {
		    -webkit-transform: rotate3d(0, 0, 1, -5deg);
		            transform: rotate3d(0, 0, 1, -5deg);
		  }
		
		  100% {
		    -webkit-transform: rotate3d(0, 0, 1, 0deg);
		            transform: rotate3d(0, 0, 1, 0deg);
		  }
		}
		
		.swing {
		  -webkit-transform-origin: top center;
		      -ms-transform-origin: top center;
		          transform-origin: top center;
		  -webkit-animation-name: swing;
		          animation-name: swing;
		}
		@-webkit-keyframes fadeInLeft {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(-100%, 0, 0);
		            transform: translate3d(-100%, 0, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		@keyframes fadeInLeft {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(-100%, 0, 0);
		            transform: translate3d(-100%, 0, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		.fadeInLeft {
		  -webkit-animation-name: fadeInLeft;
		          animation-name: fadeInLeft;
		}
		
		@-webkit-keyframes fadeInRight {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(100%, 0, 0);
		            transform: translate3d(100%, 0, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		@keyframes fadeInRight {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(100%, 0, 0);
		            transform: translate3d(100%, 0, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		.fadeInRight {
		  -webkit-animation-name: fadeInRight;
		          animation-name: fadeInRight;
		}
		
		@-webkit-keyframes fadeInDown {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(0, -100%, 0);
		            transform: translate3d(0, -100%, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		@keyframes fadeInDown {
		  0% {
		    opacity: 0;
		    -webkit-transform: translate3d(0, -100%, 0);
		            transform: translate3d(0, -100%, 0);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: none;
		            transform: none;
		  }
		}
		
		.fadeInDown {
		  -webkit-animation-name: fadeInDown;
		          animation-name: fadeInDown;
		}
		@-webkit-keyframes zoomIn {
		  from {
		    opacity: 0;
		    -webkit-transform: scale3d(.3, .3, .3);
		    transform: scale3d(.3, .3, .3);
		  }
		
		  50% {
		    opacity: 1;
		  }
		}
		
		@keyframes zoomIn {
		  from {
		    opacity: 0;
		    -webkit-transform: scale3d(.3, .3, .3);
		    transform: scale3d(.3, .3, .3);
		  }
		
		  50% {
		    opacity: 1;
		  }
		}
		
		.zoomIn {
		  -webkit-animation-name: zoomIn;
		  animation-name: zoomIn;
		}
	@-webkit-keyframes slideInUp {
	  from {
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	    visibility: visible;
	  }
	
	  to {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	@keyframes slideInUp {
	  from {
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	    visibility: visible;
	  }
	
	  to {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	.slideInUp {
	  -webkit-animation-name: slideInUp;
	  animation-name: slideInUp;
	}