*{outline:none;transition: all 0.3s ease-in-out;  margin: 0;padding: 0;-webkit-font-smoothing: antialiased; font-family: "Raleway", "Helvetica Neue", "Helvetica", "Arial","sans-serif";　-moz-user-select: none; /*火狐*/-webkit-user-select: none;-ms-user-select: none; -khtml-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0)}
li,a{text-decoration: none;list-style: none;}

*:focus{outline:none;}
a:link {color: #000000}
a:visited {color:#000000}
a:active {color:#00B9FC}
body{width: 100%; overflow-x: hidden; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.yc{display: none;}
.xs{display: block;}
.dmy{display: none;}
.w1200{max-width: 1200px; width: 96%; margin: 0 auto;}
.w1100{max-width: 1100px; width: 96%; margin: 0 auto;}
.w1000{max-width: 1000px; width: 96%; margin: 0 auto;}
.w960{max-width: 960px; width: 96%; margin: 0 auto;}
.w840{max-width: 840px; width: 96%; margin: 0 auto;}
.w700{max-width: 700px; width: 96%; margin: 0 auto;}
@media (max-width: 500px){
	.w1200,.w1100,.w1000,.w960,.w840,.w700,.mainjj{width: 90%; margin-left: auto; margin: auto;}
}
.cl{clear: both;}
.carect{position: relative;width: 0;height: 0;margin-left: 5px;margin-bottom: 2px;border-top: 6px solid;border-left: 5px solid transparent;border-right: 5px solid transparent;border-radius: 10px;display: inline-block;}

nav{width: 100%;height: 80px;padding: 10px 0; position:relative; z-index: 9;}
.noindex .nav-list > li a{color: #222}
nav .nav-logo{width: auto;height: 100%;float: left; padding-top: 23.5px;}
nav ::-webkit-scrollbar{display: none;}
nav .nav-list{ -webkit-box-sizing: border-box;box-sizing: border-box;float:left;float: right;}
nav .nav-list > li{transition: all 0.3s ease-in-out; position: relative;list-style: none;float: left;text-align: center;}
nav .nav-list > li a{color: #fff;display: inline-block;line-height: 80px;padding: 0px 25px;font-size: 13px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;}
nav .nav-list > li a:hover{color: #04befc;}
nav .nav-list > li .menu{transition: all 0.3s ease-in-out; margin-left: -10px; min-width: 100px;position: absolute;white-space: nowrap;left: 0;height: 0;overflow: hidden; margin-top: -20px;}
nav .nav-list > li .menu li a{line-height: 2.3em; display: -ms-flexbox;margin: 0;}
nav .nav-list > li:hover .menu{height: auto; }
.noindex .nav-list > li:hover .menu{background: rgba(255,255,255,1);}
nav .nav-menu{display: none;z-index: 999;cursor: pointer;}

@media (max-width: 900px){
	.yc{display: block;}
	.xs{display: none;}
	nav{padding: 0; width: 100%; height: 80px;}
	nav .nav-list{overflow-x: hidden; overflow-y: visible; margin: 10px; position: absolute;  height: auto;  top: 0;  margin-top: 80px;  width: 48%; background: #fff; right: -100%;  -webkit-transition: 1s;  transition: 1s;}
	nav .nav-list > li,nav .nav-list > li .menu li{float: none;  margin: 0;  overflow: hidden; text-align: left;}
	nav .nav-list > li:hover{background: #04befc}
	nav .nav-list > li:hover .menu li{background: #fff}
	nav .nav-list > li .menu li a:hover{color: #000; background: #b8defc}
	nav .nav-list > li a,nav .nav-list > li .menu li a{color: #555; width: 100%;  border-radius: 0;  margin: 0; line-height: 1.7em; font-size: 14px; font-weight: 400;padding: 8px 20px;}
	nav .nav-list > li:hover a{color: #fff;}
	nav .nav-list > li .menu{margin-left: 0; position: relative; width: 100%; border-radius: 0; margin-top: 0; display: block; height: auto;}
	nav .nav-menu{display: block; float: right; padding-top: 33px;  position: relative; margin-right: 10px;}
	nav .nav-menu span{height: 2px;  width: 25px;  display: block;  background: #333;  border-radius: 10px;}
	nav .synav-menu{width: 26px; height: 26px; background: url(../img/t.png) no-repeat center 70%;}
	nav .nav-list > li .menu li a{padding-left: 28px;}
	nav .nav-menu span + span{margin-top: 6px;}
	.nav-logoha{text-align: center; box-shadow: 0px 3px 5px #ccc; padding-bottom: 30px; margin-bottom: 30px;}
}
nav .open{right: 0%;overflow: auto;}
nav .open1 span{ background: #fff;}
nav .synav-menu1{background: url(../img/x.png) no-repeat center center;}
/* banner */
.c-banner .banner{width: 100%;transition: all 0s; }
.c-banner{width: 100%; position: relative;z-index: 1; margin-top:-100px; background: #000;}
.c-banner .banner ul{list-style: none; padding-left: 0px; margin-bottom: 0px; color: #fff;}
.c-banner .banner ul li{transition: opacity 1s ease-in; position: absolute;display: none; opacity: 0;height: 0px}
.c-banner .banner ul li:nth-child(1){opacity: 1; display: block;}
.c-banner .banner ul li img{width: 100%; position: absolute; top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg,.nexa{ padding: 25px 10px 25px 10px; position: absolute; top: 340px; margin-top: -53px; /*background: #000000;*/  border-radius: 5px; z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 1;}
.c-banner .nexImg,.nexa{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.nexa{width: 51%;top: 0;}
.c-banner .jumpBtn{width: 100%; position: absolute; top: 680px; text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px; padding: 0px;}
.c-banner .jumpBtn ul li{width: 50px; height: 3px; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
.banner strong{z-index: 999; position: relative; font-size: 30px; font-family: "微软雅黑";  margin-bottom: 5px; display: block; color: #fff}
.banner strong:hover{color: #04befc;}
.banner h2{margin-bottom: 37px; font-size: 60px; max-width: 600px; margin-top: 16px; z-index: 999; position: relative;}
.banner h2 a{color: #fff;}
.banner h2:hover a{color: #04befc;}
.banner p{font-size: 15px; line-height: 2; margin-bottom: 37px; max-width: 600px;}
.banner .a1{border: 1px solid #fff; padding: 9px 22px; font-size: 14px; color: #fff; margin-right: 20px; z-index: 999; position: relative;}
.banner .a1:hover{color: #00B9FC; border: 1px solid #00B9FC;}
.banner .a2{ background:#04befc; border: 1px solid #04befc;}
.banner .a2:hover{background:#333;}
/* .banner a:hover{ background:#333; border: 1px solid #333; color: #fff} */
.banner1{background: url(../img/k1.jpg); background-size: 100%; width: 100%;}
.banner2{background: url(../img/k2.jpg); background-size: 100%; width: 100%;}
.banner3{background: url(../img/k3.jpg); background-size: 100%; width: 100%;}
.banner4{background: url(../img/k4.jpg); background-size: 100%; width: 100%;}
.banner5{background: url(../img/k5.jpg); background-size: 100%; width: 100%;}
.bannerbox{max-width: 1200px; width: 90%; margin: 10% auto; }
.c-banner .preImg{ margin-left: -100px;opacity: 1;transition: all 0.3s ease-in-out;}
.c-banner .nexImg{ margin-right: -100px;opacity: 1;transition: all 0.3s ease-in-out;}
.nexa{width: 100%;top: 0;}
.nexa:hover .nexImg{ margin-right: 30px;cursor:pointer;}
.nexa:hover .preImg{ margin-left: 30px;cursor:pointer;}

@media screen and (max-width:1130px) {
	.c-banner .nexImg img,.c-banner .preImg img{ width: 76%; }
	.nexa:hover .nexImg{ margin-right: -4px;}
	.nexa:hover .preImg{ margin-left: 13px;}
	.c-banner{width: 100%;}
	.banner{text-align: center;}
	.banner h2{font-size: 38px;margin: 50px 0;}
	/*.banner1{background: url(../img/k11.jpg); background-size: 100%}
	.banner2{background: url(../img/k21.jpg); background-size: 100%}
	.banner3{background: url(../img/k31.jpg); background-size: 100%}*/
}
@media screen and (max-width:720px) {
	/*.banner strong,.banner h2{z-index: 1; }*/
	.bannerbox{margin: 100px auto;}
	/*.banner1{background: url(../img/k12.jpg); background-size: 100%}
	.banner2{background: url(../img/k22.jpg); background-size: 100%}
	.banner3{background: url(../img/k32.jpg); background-size: 100%}*/
	.banner h2{font-size: 20px;}	
}
@media screen and (max-width:500px) {
	.bannerbox{margin: 40px auto}
	.c-banner .banner ul li h2{font-size: 28px;}
	.banner h2{margin: 35px 0;}	
	.c-banner .jumpBtn{top: 570px;}
}
@media screen and (max-width:400px) {
	.banner .a1{display: none;}
}
@media screen and (max-width:900px) {
	.c-banner{margin-top:0px;}
}
.title{text-align: center;}
.title h3{text-align: center;font-size: 12px; margin-bottom: 9px; letter-spacing: 1px; text-transform: uppercase; color: #04befc;font-family: inherit; font-weight: 700; line-height: 1.1;}
.title h2{font-size: 24px; letter-spacing: 2px; margin-bottom: 10px; text-transform: uppercase;font-family: inherit; font-weight: 700; line-height: 1.1; color: #222;}
.title span{display: inline-block; width: 40px; height: 2px; background-color: #04befc; font-size: 14px; line-height: 1.71429; color: #777;}
.mainjj{padding: 80px 0 80px 0; text-align: center; max-width: 600px; margin: 0 auto;}
.mainjj p{font-size: 14px; font-family: 'Roboto Slab', serif; font-size: 16px; margin-top: 14px; line-height: 2; color: #666; margin-bottom: 20px;}
.mainjj p:hover a{color: #04befc;}
.mainjj h4{font-size: 28px; color: #555; padding: 40px 0 20px 0;}
.mainjj h4:hover{color: #00B9FC;}
@media (max-width: 900px){
	.mainjj h4{font-size: 22px; font-weight: 400;}
	.mainjj p{color: #777; font-size: 14px}
	.mainjj h4{font-size: 24px; padding: 30px 0 0px 0;}
}


/*.news{padding-bottom: 50px;}
.newsl{max-width: 550px; float: left;}
.new1{height: 170px; padding: 20px 0; background: #239de9;margin-bottom: 22px;}
.new1,.new2,.new3,.newsr,{transition-duration: 0.5s;}
.new1:hover,.new2:hover,.new3:hover,.newsr:hover{box-shadow:10px 10px 15px #999;}
.new1 p:hover,.new2 p:hover,.new3 p:hover,.newsr p:hover{text-decoration:underline;color: #FFFFFF;}				
.new2{width: 264px; padding: 20px 0; height: 170px; background: #171f32; float: left;}
.new3{margin-left: 22px;}
.newsr{width: 268px; float: right;background: #171f32; height: 442px;}
.new1 h2{font-size: 32px;}
.news h2{color: #fff; font-size: 22px; padding: 0 20px 4px 20px;}
.news h3{color: #fff; font-size: 14px; padding: 0 20px 12px 20px;}
.news p{color: #fff; font-size: 14px; line-height: 1.7em; padding: 0 20px;}
.news a{color: #fff;}
.news .img{display: none; margin-bottom: 35px; overflow: hidden; width: 268px; height: 200px;}
.newsr .img{display: block;}
*/

.xnew{float: left; width: calc(33.333% - 40px); margin: 20px; padding-top: 24px; padding-bottom: 28px; border-bottom: 1px solid #ddd;}
.xnew .img{width: calc(100%); overflow: hidden; height: 200px; text-align: center;}
.xnew .img img{width: 100%}
.xnew .img:hover{box-shadow: 2px 4px 10px #666;}
.xnew h2 a{ color: #222; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-family: inherit;}
.xnew h2:hover a,.xnew p:hover a{color: #04befc}
.xnew h2{line-height: 0.6em; margin-bottom: 16px;}
.xnew h3{line-height: 0.8em; font-size: 13px;font-weight: 400; font-style: italic;}
.xnew p{font-size: 14px; line-height: 2em; padding-bottom: 20px; text-align: left; height: 60px; overflow: hidden;}
.xnewt{border-left: 2px solid #04befc; margin: 14px 0; padding-left: 22px; margin-top: 30px;}
.newstitle p{font-size: 56px; line-height: 80px; color: #b8b8b8; font-weight: 500; padding-bottom: 20px;}
.newstitle .l{float: left; color: #555; line-height: 60px; text-shadow: 1px 1px 1px #999; }
.newstitle .s3{font-size: 32px; padding-left: 14px; padding-top: 3px;}
.newstitle .s2{font-size: 46px; font-weight: 400;}
.newstitle .s1{color: #239de9; font-size: 50px; font-weight: bolder;}



.ydxwbox,.tubiaobox{width:100%; height: 811px; background: #cacaca; margin: 0 auto; position: relative;}
.ydxwimg,.tubiaoimg{width:100%; height: 811px; margin: 0 auto; position:relative; overflow: hidden}
.ydxwimg ul li,.tubiaoimg ul li{width: 100%; height: 811px; position: absolute; top: 0; left: 100%; transition: all .8s; text-align: center; background-size: 100%;}
.ydxwimg ul li:first-child{left: 0}
.ydxwimg ul li h2{font-size: 52px; color: #fff;padding-top: 110px; padding-bottom: 36px;}
.ydxwimg ul li span{font-size: 36px; color: #2da7fc;}
.ydxwimg ul li h3 a{font-size: 24px; color: #fff;}
.ydxwimg ul li h3{padding-bottom: 50px;}
.ydxwimg ul li p a{font-size: 24px; color: #fff;}
.ydxwlist,.tubiaolist{min-width: 30px; margin: 0 auto; margin-top: -50px; position: relative; z-index: 99; }
.ydxwlist li,.tubiaolist li{width:50px; height: 10px;float: left; margin: 0 5px; cursor: pointer;padding: 20px 0;}
.ydxwlist li span,.tubiaolist li span{display: block; width:50px; height: 3px; background: #ddd;}
.ydxwlist li.on span,.tubiaolist li.on span{background: #222;}
.tubiaobox{height: 100px;padding-top: 50px;}
.tubiaoimg{height: 100px;}
.tubiaoimg ul li{width: 100%; height: 70px; text-align: center;}
.tubiaoimg ul li>div{width: calc(20%); height: 70px; padding: 15px 0; float: left;}
.tubiaolist li{width:11px; height: 10px; padding: 0px 0;margin: 0px; margin-top: 50px;}
.tubiaolist li span{width:8px; height: 8px;border-radius: 100%;}
.pinp{padding-top: 60px;}
.tubiao{padding-top: 40px;}


.indfj{margin: 86px 0;}
.inbox{width: 25%; float: left; height: 200px; overflow: hidden;}
.inbox img{width: 100%;}
.inbox .inbox1{color: #6c5ce7; width: 100%; opacity: 0; trasform: translateY(-50%); position: absolute; top: 45%; left: 0; z-index: 2; transition: all 0.4s;}
.inbox:hover .inbox1{ opacity: 1;}
.inbox1 h3{color: #04befc; font-size: 16px; margin-bottom: 10px;}
.inbox1 p{color: #04befc; font-size: 13px}

.inbox{text-align: center; overflow: hidden; position: relative; float: left;width: 25%;}
.inbox:before,.inbox:after{ content: ""; background: rgba(0,0,0,0.4); width: 100%; height: 100%; opacity: 0; position: absolute; top: 50%; left: 0%; z-index: 1; transition: all 0.4s ease-out;}
.inbox:hover:before,.inbox:hover:after{opacity: 1; 	transform: translateY(-50%) rotateY(0);}
.inbox img{height: auto; transition: all 0.4s ease;}
.indfj .gg{background: #04befc; color: #fff; font-size: 20px; text-align: center; padding: 25px 0;}
.indfj .gg:hover{color: #ddd}





.x_foot_1{padding-top: 60px; margin-top: 110px; background: #181819;}
.x_foot_1 .l{padding-top: 67px; float: left;}
.x_foot_1 .l1{padding-left: 120px; float: left;}
.x_foot_1 h2{padding: 0; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.x_foot_1 li{line-height: 32px;list-style: none;padding: 0; margin: 0; font-size: 13px;}
.x_foot_1 li a{color: #989898;}
.x_foot_1 li a:hover{color: #04BEFC;}
.x_foot_1 li a span{padding-right: 8px; color: #0e97dd;}
.x_foot_1 .l1 .p1{color: #fff; font-size: 13px; font-weight: bold; padding-bottom: 6px; margin-bottom: 20px;}
.x_foot_1 .inp1{margin-right: 38px}
.x_foot_1 .input1{color: #555555;padding: 7px 18px; background: url(../img/x_foot.png) no-repeat 5px 8px,#fff; padding-left: 38px; width: 100%; margin: 6px 0; border-radius: 2px; border: #464647 1px solid;}
.x_foot_1 .input2{background: url(../img/x_foot.png) no-repeat 5px -18px,#fff; padding: 7px 18px; padding-left: 38px; margin: 6px 0; border-radius: 2px; border: #464647 1px solid; width: 100%; border: 1px solid #ebebeb; color: #555555;}
.x_foot_1 .input3{border: #222 1px solid; background-color: #222; background: #4d4d4d; color: #afafaf;margin: 6px 0; border-radius: 2px; border: #464647 1px solid; padding: 11px 18px; font-size: 14px; text-transform: uppercase;  font-weight: 600;}
.x_foot_1 .input3:hover{background: #3C4348;}
.x_foot_1 ul{padding-top: 10px; padding-bottom: 60px;}
.x_foot_2{color: #787878; line-height: 1.8em; padding: 20px 0; font-size: 14px; text-align: center;  margin-bottom: 0;background: #000000;}
/* .x_foot_2 #vxer{position: relative;width:800px;margin:0 auto;display:none;}
.x_foot_2 #vxer img{position: absolute;bottom: 2px;left: 620px;}
.x_foot_2 p{color: #787878; line-height: 1.8em; padding: 20px 0; font-size: 13px; text-align: center;  margin-bottom: 0;background: #000000;}
.x_foot_2 #vx{ background: url(../img/vx.png) no-repeat 0px 0px; margin-left: 30px;  font-size: 19px;
} */

.ydfoot{height: 157px; border: 7px solid #fff; font-family: "微软雅黑"}
.ydfoot .l{float: left; width: 50%;}
.ydfoot .r{float: left; width: 50%;}
.ydfoot .l>div{border-right: 5px solid #fff;background: url(../img/ydfoot1.jpg);height: 157px;}
.ydfoot .r>div{border-left: 5px solid #fff; background: url(../img/ydfoot2.jpg);height: 157px;}
.ydfoot h2{padding-top: 50px; padding-bottom: 26px; font-size: 34px; color: #fff; text-align: center; font-weight: bold;}
.ydfoot h2 span{font-size: 16px;}
.ydfoot p{text-align: right; padding-right: 30px;}
.ydfoot p a{font-size: 16px; color: #fff;}
@media (max-width: 1000px){
	.x_foot_2{line-height: 1.8em; padding: 20px;}
	.ydxwimg ul li, .ydxwimg{height: 600px;}
	.news{padding-bottom: 0}
}
@media (max-width: 500px){
	.ydxwimg ul li h3 a{font-size: 20px;}
	.ydxwimg ul li p a{font-size: 16px;}
}
.abbanner{background: rgba(23, 32, 37, 0.95);padding-top: 184px; padding-bottom: 184px;}
.abbanner h1,.abbanner p{color: #fff; font-size: 72px;font-weight: bold; letter-spacing: 7px;text-shadow: 1px 1px 2px #666; text-align: center;}
.abbanner p{font-size: 18px; letter-spacing: 3px; font-weight: 400; padding-top: 16px;}
.abtitle{padding-top: 70px;font-family: 'Roboto', sans-serif; margin-bottom: 0px; font-size: 18px; font-weight: 300; line-height: 1.7em; color: #222; text-align: center;}
.abmain1 .l{float: left; max-width: 620px;margin-left: 60px; margin-top: 20px;}
.abmain1 .l h2{margin-bottom: 25px; letter-spacing: 6px;margin-bottom: 20px;margin-top: 23px;font-family: inherit;font-weight: 700;line-height: 1.1;color: #222;}
.abmain1 .l p{ font-family: "Roboto",sans-serif;margin-bottom: 8px;font-weight: 400;line-height: 2em;text-indent: 2em; color:#555;}
.abmain1 .r{float: right; width: 350px;margin-right: 26px; margin-top: 76px;}
.abmain1 .r .c-banner{margin-top: 150px; height: 200px; background: none}
.abmain1 .r .c-banner li{text-align: center;}
.abmain1 .nexImg,.abmain1 .preImg{top: 55px;}
.abmain1 .preImg{left: -80px;}
.abmain1 .nexImg{right: 40px;}
.abmain2{padding-top: 0px;}
.abmain2 .abtitle h2{font-size: 24px; letter-spacing: 2px;  text-transform: uppercase;margin-bottom: 8px; font-family: inherit; font-weight: 700;color: #222;}
.abmain2 .abtitle p{text-align: center;font-family: 'Roboto Slab', serif; font-size: 16px; color: #999;}
.abmain2 .abtitle{padding-bottom: 60px;}
.abmainbox{background: #f5fafe; }
.abmain2box{padding: 20px 0;float: left; width: 20%; margin-left: 150px; text-align: center;}
.abmain2box>div{width: 74px; height: 127px; background: url(../img/about.png) no-repeat; margin: 0 auto;padding-top: 19px;}
.abmain2box h3{font-size: 15px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; text-transform: uppercase; color: #222;}
.abmain2box p{margin: 14px auto 0 auto; line-height: 1.9em; color: #5e5e5e;max-width: 255px;font-size: 14px;}
.abmain2 li{float: left; width: 25%; text-align: center; padding: 20px 0;}
.abmain2 ul{padding-top: 120px;}
.abmain2 li:hover{background: #b8defc}
@media (max-width: 900px){
	.abmain1 .r .c-banner{margin-top: 80px; margin-left: 100px;}
	.abmain2{padding-top: 0px;}
	.abtitle{padding-top: 80px; padding-bottom: 0px; margin-bottom: 0px;}
	.abmain2box{float: none; width: 100%}
	.abmain2 li{width: 50%;}
	.abmain1 .l{margin-left: 0px;}
	.abmain2box{margin-left: 0px;}
	.pinp{padding-bottom: 50px;}

	.xnew{width: calc(100%); margin-left: 0; margin-right: 0;}
	/*.xnew .img{ height: 150px;}
	.xnew h2 a{font-size: 18px;}
	.xnew h2{padding: 4px 0 8px 0;}
	.xnew h3{padding:0;}
	.xnew p{line-height: 1.8em; text-indent: 2em;}
	.xnewt{border: 0px; margin: 14px 0; padding-left: 0px;}*/
	.newstitle .s3{font-size: 16px; margin-top: 10px;}
	.newstitle .s2{font-size: 34px;}
	.newstitle .s1{font-size: 36px;}
}


.imbanner{background-color: rgba(23, 32, 37, 0.95);}
.imnav{background-color: #131a1e;}
.imnav ul{}
.imnav ul li{font-size: 12px; float: left; padding: 15px;}
.imnav ul li a{color: #ccc;}
.imnav ul li a:hover{color: #fff;}
.immain2 .box{font-family: 'Varela Round', sans-serif; text-align: center; overflow: hidden; position: relative; float: left;width: 25%;}
.immain2 .box:before,.immain2 .box:after{ content: ""; background: rgba(0,0,0,0.4); width: 100%; height: 100%; opacity: 0; /*transform: translateY(-50%) rotateY(90deg); transform-origin: right center; transform-style: preserve-3d; */position: absolute; top: 50%; left: 0%; z-index: 1; transition: all 0.4s ease-out;}
.immain2 .box:after{/*transform: translateY(-50%) rotateY(-90deg); 	transform-origin: left center; left: 100%;*/}
.immain2 .box:hover:before,.immain2 .box:hover:after{opacity: 1; 	transform: translateY(-50%) rotateY(0);}
.immain2 .box img{height: auto; transition: all 0.4s ease; width: 100%; margin-bottom: -4px;}
.immain2 .box:hover img{/* filter: hue-rotate(100deg); */}
.immain2 .box .box-content{color: #6c5ce7; width: 100%; opacity: 0; trasform: translateY(-50%); position: absolute; top: 45%; left: 0; z-index: 2; transition: all 0.4s;}
.immain2 .box:hover .box-content{ opacity: 1;}
@media only screen and (max-width:900px){
	.imnav ul li{padding: 15px 10px;}
	.immain2 .box{width: 50%}
	.abbanner h2{font-size: 43px;}
}
.box-content h3{color: #fff; font-size: 16px; margin-bottom: 10px;}
.box-content p{color: #fff; font-size: 13px}

.nelist{padding-top:40px; border-bottom: 1px solid #ddd; padding-bottom: 60px;}
.nelist .img img{width: 100%}
.nelist .you{ padding: 20px 4px; text-align: right; font-size: 14px; line-height: 1.8em}
.nelist .you .f1{font-size: 14px; font-weight: 900; margin-top: 7px;}
.nelist h2{font-size: 36px; font-weight: 900; margin-bottom: 20px}
.nelist h2:hover a{color: #00b9fc}
.nelist h3{font-size: 14px;line-height: 2.1em;color: #777; font-weight:400; margin-bottom: 30px;}
.nelist .a{margin: 0 17px 15px 0; font-size: 12px; letter-spacing: 1.7px;color: #777;  padding-bottom: 7px; text-align: center;border: 1px solid #999;padding: 9px 22px;}
.nelist .a:hover{color: #fff;border: 1px solid #333;background:#333; }
.newmain{padding-top: 80px; padding-bottom: 40px;}
.newmain h1{margin-bottom: 60px;font-size: 36px; text-align: center;}
.newmain div{text-indent: 2em; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.8em; color: #777;}
.newmain img {max-width: 100%; height: auto;}
.newmain .tbnr{text-indent: 0; margin-top: 25px; line-height: 2.4em;}
.newmaina{padding: 40px 0; text-align: center; background-color: #04befc; color: #fff; margin-bottom: -110px;}
.newmaina p{margin-top: 4px; font-size: 20px; font-family: 'Roboto Slab', serif; margin-bottom: 30px; line-height: 1.6em;}
.newmaina a{padding:10px 40px; font-size: 14px; line-height: 34px; border: 2px solid #fff; color: #fff;}
.newmaina a:hover{background: #fff; color: #333;}
.nemain1{margin-top: 24px;}
.nemain1 .ym{margin-top: 60px; margin-left:-14px;}
.nemain1 .ym a:nth-child(1){display: none;}
.nemain1 .ym a{color: #606060; display: inline-block; padding: 2px 5px; margin: 0 12px 12px 12px;}
.nemain1 .ym a:hover{color: #04befc;}
.nemain1 .ym a.on{color: #333;}




.lxbanner{padding: 110px 0;}
.lxbanner1{max-width: 440px; margin: 0 auto;}
.lxbanner a{color: #fff;text-shadow: 0 0 0 #666;}
.lxbanner .l{float: left; margin-top: 50px;}
.lxbanner .r{float: right; margin-top: 50px;}
.lxbanner span{background: #333536; font-size: 16px; padding: 16px 18px; margin: 0px 33px;}
.lxbanner span:hover{background: #00B9FC;}
.lxbox{margin-top: 80px; text-align: center;}
.lxbox ul li h4 {font-family:"逼格青春体简2.0"; font-size: 24px;}
.lxmain1 h3,.wxgzh h3{text-transform: uppercase; letter-spacing: 2px; margin-bottom: 36px; font-size: 24px;}
.lxmain1 h4{text-align: center; line-height: 40px; font-size: 14px; font-family: "FROM";color: #777; font-weight: 500;}
.lxmain1 h4 span{padding-right: 20px; }
.lxmain1 h4 .s1{background: url(../img/lianxi.jpg) no-repeat 1px 0px;padding: 0 10px;}
.lxmain1 h4 .s2{background: url(../img/lianxi.jpg) no-repeat -32px -2px;padding: 0 10px;}
.lxmain1 h4 .s3{background: url(../img/lianxi.jpg) no-repeat -105px -1px;padding: 0 10px;}
.lxmain1 h4 .s4{background: url(../img/lianxi.jpg) no-repeat -72px -1px;padding: 0 10px;}
.lxmain1 h4 .s5{background: url(../img/lianxi.jpg) no-repeat -134px -1px;padding: 0 10px;}
.lxmain1 li{float: left; width: 33.33%;padding: 30px 0; margin-bottom: 15px;}
.lxmain1 li h4{color: #333; font-size: 22px; font-weight: 400; padding-bottom: 10px; text-align: center; line-height:1.8em; font-family: "zit";}
.lxmain1 li h4 span{font-size: 10px; text-align: left; font-family: "zit";}
.lxmain1 li .font1{font-size: 14px;line-height: 2em;text-align: center; color: #777;  letter-spacing: 1px;}
.lxmain1 li .font1 span{background: url(../img/lianxi.jpg) no-repeat 1px 0px; padding-left: 20px;}
.lxmain1 li .font2 span{background: url(../img/lianxi.jpg) no-repeat -163px -1px; padding-left: 20px;}
.lxmain1 li .font1 .s1{background: url(../img/lianxi.jpg) no-repeat -162px -1px; padding-left: 20px; margin-left: 10px;}
.lxmain1 .gj li{width: 50%;}.lxmain1 .inp1{width: 100%;  border: 1px solid #ebebeb;line-height: 64px; padding-left: 18px}
.lxmain1 form p{ float: left; width:calc(50% - 30px); margin: 15px;}
.wxgzh{max-width: 500px; width: 96%; margin: 0 auto;text-align: center;}
.wxgzh h3{}
.wxgzh .l{float: left; width: auto;}
.wxgzh .r{float: right; width: auto;}
.wxgzh .l p,.wxgzh .r p{font-size: 14px; font-weight: bold;}
.wxgzh .l img,.wxgzh .r img{width: 180px;}

/* .lxmain1 .tex{width:calc(100% - 30px);margin: 40px auto;}
.lxmain1 .tex textarea{width: 100%; border: 1px solid #ebebeb; padding: 18px 0 0 18px; line-height: 1.8em; height: 150px}
.lxmain1 .sub{padding: 15px 34px 13px; background-color: #04befb; border:0;font-size: 12px; font-weight: 600; color: #fff;}
.lxmain1 .sub:hover{background-color: #222;} */

.zpmain1{text-align: center;}
.zpmain1 .x{border-top: 2px solid #ddd; /*width: 75rem;*/ margin: 0 auto; margin-bottom: 10px;}
.zpmain1 h2{padding: 70px 0 30px 0;}
.zpmain1 p{padding-bottom: 10px; line-height: 1.8em; padding-top: 20px;}
.zpmain2{text-align: center;}
.zpmain2 h2{  line-height: 1.7em; color: #555;}
.zpmain2 p{ font-size: 14px; padding-top: 8px;}
@media only screen and (max-width:900px){
	.newmain h1{font-size: 24px;}
	.lxmain1 li{width: 100%; margin: 0 auto;}
	.lxmain1 .gj li{width: 100%;}
	.lxmain1 form p{width:calc(100% - 30px)}
	.zpmain2 p{margin-bottom: 40px;}
	.lxbanner p{margin-top: 16px; font-size: 16px;}
	.wxgzh .l p,.wxgzh .r p{padding-bottom: 60px;}
	.lxbanner{padding: 70px 0;}
	.abbanner h1{font-size: 24px; line-height: 1.5em}
	.abbanner p{font-size: 14px;}
	.nelist h2{font-size: 24px;}
	.nemain1{margin-bottom: 50px;}
	.newmaina{margin-bottom: 0px;}


}


.cpbanner{background: #eee; padding-top: 160px; padding-bottom: 100px;}
.cpbanner .l{float: left;margin-top: 30px;}
.cpbanner .l .img{max-width: 100%;}
.cpbanner .l .img img{max-width: 100%;}
.cpbanner .r{float: right; max-width: 600px;font-family: Open Sans; }
.cpbanner .r h2{font-size: 50px; font-weight:bold; color: #222222; line-height: 1.2em; margin: 0 0 20px 0;}
.cpbanner .r p{font-size: 14px; color: #777;line-height: 1.5em; margin-bottom: 30px;}
.cpbanner .r a{border-radius: 6px; padding: 10px 18px; font-size: 12px; text-transform: uppercase; font-weight: 600; border: 1px solid #04befc; background-color: #04befc; color: #fff;}
.cpbanner .r a:hover { background-color: #222; border-color: #222;}
.cpmain1{background: #FFFFFF; padding: 100px 0 100px 0; text-align: center;}
.cpmain1 h2{font-size: 37px; font-weight: 900; margin: 0 0 10px 0;}
.cpmain1 p{font-size: 16px; font-weight: 400; color: #A1A1A1; line-height: 1.7; margin: 10px 0 50px 0; text-indent: 2em;}
.cpmain1 .cpbox{float: left; width: 33.333%}
.cpmain1 .cpbox img{width: 80%}
.cpmain1 .cpbox:hover{background: #ddd}
.cpmain1 .cpbox:nth-child(3n-1):hover{background: none}
.cpmain1 .cpbox h3{padding-top: 70px;font-size: 16px; font-weight: 600; color: #222222; margin: 0 0 10px 0; letter-spacing: 1px;}
.cpmain1 .cpbox h3:hover{color: #04befc;}
.cpmain1 .cpbox p{font-size: 14px; color: #A1A1A1; line-height: 1.4; padding: 0 16px 40px 16px; margin: 20px 0 0 0;}
.cpmain1 .cpboxf{padding: 20px 0;}
.cpmain2{padding: 200px 0; background:linear-gradient(to right,rgba(0,0,0,0.2),rgba(0,0,0,0.6)), url(../img/yhltp.jpg) no-repeat center center; background-size: 100%; text-align: center;}
.cpmain2 h2{font-size: 27px; font-weight: 500; line-height: 1.5; color: #FFFFFF; margin: 0 auto 40px auto;}
.cpmain2 a{color: #fff; background: #04befc; border:1px solid #04befc; line-height: 2em; padding:10px 14px; font-size: 14px; font-weight: bold;}
.cpmain2 a:hover{color: #04befc; background: transparent;}
.cptitle h2:hover,.cpmain2 h2:hover{color: #04befc}
.category{border-bottom:2px solid #dadada; margin: 76px 0 40px 0;}
.category ul li{color: grey; cursor: pointer;}
.category ul li:hover{color: #000000;}
.category ul li.active{color:#000000;}
.category ul{max-width: 450px; margin: 0 auto;}
.category li{float: left; margin: 0 14px; padding: 0 11px 12px 11px; border-bottom:2px solid #dadada; margin-bottom: -2px;}
.category li.active{border-bottom:2px solid #666;}
.cont{display: none;}
.cont.active{display: block;}
.cont .l{float: left; width: calc(65% - 30px); padding-left: 12px; padding-right: 18px; text-indent: 2em;}
.cont .l p{font-size: 14px; line-height: 1.8em; padding: 2px 0;}
.cont .r{float: right; width: calc(35% - 18px); padding-left: 18px;}
.cont .r p{font-size: 16px; line-height: 1.8em; padding: 2px 0;}
.cont .r span{color: #3C4348;}
.cont table{margin-top: 60px;}
.cont table td{text-align: center; padding: 7px; line-height: 1.6em}
.cont table tr:nth-child(odd){background-color: #ededed;}
.cont table tr:hover{background-color: #b8defc;}
.cont table tr.bt{background-color: #bfbfbf;} 
.cpmain4box{width:calc(33.33% - 40px) ;  float: left; text-align: center; overflow: hidden; margin: 20px; height:314px;}
.cpmain4box:hover{box-shadow: 1px 2px 13px #555;}
.cpmain4{margin-top: 80px}
.cpmain4 p{line-height: 2em; text-align: center; margin-top: 30px;}
.cpmain4 p a{color: #fff; background: #04befc; border:1px solid #04befc; line-height: 2em; padding:10px 14px; font-size: 14px; font-weight: bold;}
.cpmain4 a:hover{color: #04befc; background: transparent;}
.xxbwcl{max-width:355px!important;}
.xxito{max-width:398px!important;}
.xxyhg{max-width:424px!important;}
.xxyhl{max-width:438px!important;}

@media only screen and (max-width:900px){
	.cpmain4box{width:calc(100%); margin: 20px 0; }
	.cpbanner{padding-top: 90px; padding-bottom: 60px;}
	.cpbanner .l{width: 100%; text-align: center; padding-bottom: 60px}
	.cpbanner img{width: 70%;}
	.cpbanner .r{text-align: center; margin: 0 auto; float: none;}
	.cpbanner .r h2{font-size: 30px;}
	.cpmain1 h2{font-size: 28px; margin-bottom: 30px;}
	.cpmain1 .cpbox{float: none; width: 100%}
	.cpmain1 .cpbox img{margin-top: 70px;}
	.cpmain2{padding: 80px 0;}
	.cpmain4{margin-bottom: 80px;}
	.cpmain4 img{ width: 98%}
	.cpmain2{background-size:200%;}
	.cont table td{font-size: 12px;}
	.category ul{max-width: 400px;}
	.category li{margin: 0 9px; padding: 0 9px 12px 9px; margin-bottom: -2px;}
	/*.new1,.new2,.new3,.newsr{height: 100%;}
	.new2{width: 100%;}
	.new3{margin-left: 0; margin-top: 22px;}
	.newsr{width: 100%; margin-top: 22px; padding-bottom: 25px}
	.news .img{width: calc(100% - 44px); display: block; padding: 4px 22px 30px 22px; overflow: hidden; height: 200px;}
	.news .img img{width: 100%; overflow: hidden;}
	.newsr .img{padding-top: 22px;}
	.newstitle{max-width: 600px; margin-left: auto; margin-right: auto;}
	.newsl,.newsr{max-width: 600px; float: none; margin-left: auto; margin-right: auto;}
*/	.cpmain1 .cpbox h3{padding-top: 40px;}
	.cpmain1 .cpbox p{padding-bottom: 30px;}
	.cpmain1 .cpbox img{padding-bottom: 60px;}
	.cont .l,.cont .r{float: none; width: 100%; padding: 0px;}
	.cont .l{margin-bottom: 16px; text-indent: 0;}
	}
@media only screen and (max-width:600px){
	.category li{margin: 0 5px; padding: 0 5px 7px 5px; font-size: 13px; margin-bottom: -2px;}
	.xxbwcl{max-width: 228px!important;}
	.xxito{max-width:260px!important;}
	.xxyhg{max-width:284px!important;}
	.xxyhl{max-width:292px!important;}
}

@media only screen and (max-width:500px){
	.dmy{display: block;}
	.cpmain2 h2{font-size: 22px;}
	.cpmain2{background-size:400%!important;; padding-left: 30px; padding-right: 30px;}
	.category ul{max-width: 291px;}
	.category li{margin: 0 5px; padding: 0 5px 7px 5px; font-size: 13px; margin-bottom: -2px;}
	/*.category .xxbwcl li{padding: 0 4px 7px 4px; font-size: 12px;}*/
	.lxbanner .l,.lxbanner .r{float:none; margin-top: 20px;}
	.wxgzh{max-width: 300px;}
	.wxgzh .l img,.wxgzh .r img{width: 120px;}
	.yc500{display: none;}
	.immain2 .box{width: 100%}
	.xnew{width: calc(100%); margin: 20px 0;}
	nav .nav-logo{float: none; width: 100%; padding-top: 20px; height: 36px; text-align: center;}
	nav{height: 104px;}
	nav .nav-menu{padding-top: 5px;}

}