/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
.vh {visibility: hidden; }
.hide { display: none; }
body { font-family: "微软雅黑", "宋体", "Arial Narrow"; font-size: 18px; color: #000000; height: 100%; margin: 0; padding: 0; overflow: hidden; }
/*封面*/
.screen { width: 100%; height: 100%; background: url(../images/screen_bg.jpg) top center no-repeat; overflow: hidden; position: relative; background-size: cover; }
.abs { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 500; -moz-perspective: 500; -ms-perspective: 500; perspective: 500; -webkit-transform-style: preserve-3d; transform-origin: center center; display: block; opacity: 0; }
.screen .gaotie { width: 1188px; height: 33px; background: url(../images/screen_gaotie.png); position: absolute; left: -580px; top: 647px; animation: gaotiemove 5s ease-in-out .5s forwards normal; z-index: 90; }
.screen .road { width: 5760px; height: 275px; background: url(../images/screen_road1.png); position: absolute; left: 0px; top: 405px; animation: move2 22s linear 0s infinite; z-index: 89; }
.screen .sub { width: 1920px; height: 545px; left: 0px; top: 100px; z-index: 100; position: absolute; }
.screen .sub i { background: url(images/screen_sub.png); position: absolute; width: 1920px; height: 545px; z-index: 101; }
.screen .sub i { animation: 'flash-down' 4s linear 0s infinite; -ms-animation: flash-down 4s linear 0s infinite; -moz-animation: flash-down 4s linear 0s infinite; -o-animation: 'flash-down' 4s linear 0s infinite; -webkit-animation: 'flash-down' 4s linear 0s infinite; }
.screen .sub { animation: 'open' 2s ease-in-out .5s forwards; -ms-animation: open 2s ease-in-out .5s forwards; -moz-animation: open 2s ease-in-out .5s forwards; -o-animation: 'open' 2s ease-in-out .5s forwards; -webkit-animation: 'open' 1s ease-in-out .5s forwards; }
.topic { width: 1200px; height: 915px; position: relative; margin-top: 0px; overflow: hidden; background-size: cover; z-index: 99ddd; }
.topic .title01 { width: 870px; height: 78px; background: url(../images/screen_tit1.png); position: absolute; left: 130px; top: 10px; ; -webkit-animation: fadeInUp .5s .3s ease both; -moz-animation: fadeInUp .5s .3s ease both; ; }
.topic .title02 { width: 870px; height: 250px; background: url(../images/screen_tit2.png); position: absolute; left: 130px; top: 90px; ; -webkit-animation: fadeInUp .5s .5s ease both; -moz-animation: fadeInUp .5s .5s ease both; }
.topic .dibiao { width: 1045px; height: 220px; background: url(../images/screen_sub.png); position: absolute; left: 20px; top: 460px; ; -webkit-animation: fadeInUp .5s .8s ease both; -moz-animation: fadeInUp .5s .8s ease both; }
.topic .txt { width: 880px; height: 160px; background: url(../images/screen_txt.png); position: absolute; left: 120px; top: 330px; ; -webkit-animation: fadeInUp .5s .6s ease both; -moz-animation: fadeInUp .5s .6s ease both; }
.topic .logo { width: 550px; height: 115px; background: url(../images/screen_logo.png); position: absolute; left: 260px; top: 730px; ; -webkit-animation: fadeInUp .5s 1s ease both; -moz-animation: fadeInUp .5s 1s ease both; }
.topic .enter { width: 220px; height: 70px; left: 450px; top: 510px; z-index: 110; position: absolute; cursor: pointer; }
.topic .enter i { background: url(../images/screen_enter.png); position: absolute; width: 220px; height: 70px; z-index: 101; }
.topic .enter i { animation: 'flash-down2' 3s linear .5s infinite; -ms-animation: flash-down2 3s linear .5s infinite; -moz-animation: flash-down2 3s linear .5s infinite; -o-animation: 'flash-down2' 3s linear .5s infinite; -webkit-animation: 'flash-down2' 3s linear .5s infinite; }
.topic .enter { animation: 'open' 1s ease-in-out 1s forwards; -ms-animation: open 1s ease-in-out 1s forwards; -moz-animation: open 1s ease-in-out 1s forwards; -o-animation: 'open' 1s ease-in-out 1s forwards; -webkit-animation: 'open' 1s ease-in-out 1s forwards; }
@keyframes gaotiemove { 0% { transform: translateX(0%); }
	100% { transform: translateX(45%); }
	}
@-webkit-keyframes gaotiemove { 0% { transform: translateX(0%); }
	100% { transform: translateX(45%); }
	}
@keyframes move2 { 0% { transform: translateX(0); }
	100% { transform: translateX(-3840px); }
	}
@-webkit-keyframes move2 { 0% { transform: translateX(0); }
	100% { transform: translateX(-3840px); }
	}
@-ms-keyframes open { from {} to { opacity: 1; }
	}
@-moz-keyframes open { from {} to { opacity: 1; }
	}
@-o-keyframes open { from {} to { opacity: 1; }
	}
@-webkit-keyframes open { from {} to { opacity: 1; }
	}
@keyframes open { from {} to { opacity: 1; }
	}
@-ms-keyframes flash-down { from {} 50% { margin-top: 15px; }
	to {}}
@-moz-keyframes flash-down { from {} 50% { margin-top: 15px; }
	to {}}
@-o-keyframes flash-down { from {} 50% { margin-top: 15px; }
	to {}}
@-webkit-keyframes flash-down { from {} 50% { margin-top: 15px; }
	to {}}
@keyframes flash-down { from {} 50% { margin-top: 15px; }
	to {}}
@-ms-keyframes flash-down2 { from {} 50% { margin-top: 8px; }
	to {}}
@-moz-keyframes flash-down2 { from {} 50% { margin-top: 8px; }
	to {}}
@-o-keyframes flash-down2 { from {} 50% { margin-top: 8px; }
	to {}}
@-webkit-keyframes flash-down2 { from {} 50% { margin-top: 8px; }
	to {}}
@keyframes flash-down2 { from {} 50% { margin-top: 8px; }
	to {}}
@-webkit-keyframes fadeInLeft {0% {opacity: 0; -webkit-transform: translateX(-20px)}
	100% {opacity: 1; -webkit-transform: translateX(0)}
	}
@-moz-keyframes fadeInLeft {0% {opacity: 0; -moz-transform: translateX(-20px)}
	100% {opacity: 1; -moz-transform: translateX(0)}
	}
@-webkit-keyframes fadeInRight {0% {opacity: 0; -webkit-transform: translateX(20px)}
	100% {opacity: 1; -webkit-transform: translateX(0)}
	}
@-moz-keyframes fadeInRight {0% {opacity: 0; -moz-transform: translateX(20px)}
	100% {opacity: 1; -moz-transform: translateX(0)}
	}
@-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px)}
	100% {opacity: 1; -webkit-transform: translateY(0)}
	}
@-moz-keyframes fadeInUp {0% {opacity: 0; -moz-transform: translateY(20px)}
	100% {opacity: 1; -moz-transform: translateY(0)}
	}
/*主页*/
.main { display: none;  position: fixed; top: 0; width: 100%; height: 100%; overflow: hidden; }
.main .nav { position: absolute; width: 1920px; height: 77px; left: calc(50% - 960px); background: url(../images/main_navbg.jpg); z-index: 100; }
.main .nav ul { margin-left: 600px; }
.main .nav li { float: left; width: 160px; height: 66px; line-height: 66px; text-align: center; font-size: 24px; color: #ffffff; font-weight: 700; cursor: pointer; letter-spacing: 2px; }
.main .cons { position: relative; height: 100%; }
.main .con { width: 100%; height: 100%; overflow: hidden; }
.main .con1 { background: url(../images/main_bg1.jpg) top center no-repeat; }
.main .con2 { background: url(../images/main_bg2.jpg) top center no-repeat; }
.main .con3 { background: url(../images/main_bg3.jpg) top center no-repeat; }
.main .con4 { background: url(../images/main_bg4.jpg) top center no-repeat; }
.main .con5 { background: url(../images/main_bg5.jpg) top center no-repeat; }
.main .con6 { background: url(../images/main_bg6.jpg) top center no-repeat; }
.main .con6 { background: url(../images/main_bg7.jpg) top center no-repeat; }
.main .con .title { width: 1200px; height: 113px; margin-top: 100px; }
.main .con .box { width: 1158px; height: 530px; margin-top: 30px; overflow: hidden; }
.main .con .box li { position: relative; float: left; width: 360px; height: 250px; margin: 0 13px 15px 13px; border-radius: 5%; overflow: hidden; }
.main .con .box li img { width: 340px; height: 185px; margin: 15px 10px 5px 10px; }
.main .con .box li span { display: block; width: 360px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; color: #ffffff; }
.main .con .menu { width: 280px; height: 30px; margin-top: 10px; }
.main .con .menu span { float: left; width: 70px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; }
.main .con .menu ul { float: left; margin: 0 10px; }
.main .con .menu li { float: left; width: 30px; height: 30px; line-height: 30px; margin: 0 5px; text-align: center; cursor: pointer; }
.main .con .menu .on { color: #ffffff; }
.main .con1 .box li:before{ display: block; position: absolute; content: " "; width: 56px; height: 56px; left: 152px; top: 80px; background: url(../images/main_ico.png) no-repeat; pointer-events: none;}
.main .con2 .box li:before{ display: block; position: absolute; content: " "; width: 56px; height: 56px; left: 152px; top: 80px; background: url(../images/main_ico.png) no-repeat; pointer-events: none;}
.main .con1 .box li { background: #3eb2e5;}
.main .con1 .menu .on { background: #3eb2e5; }
.main .con2 .box li { background: #f2914a;}
.main .con2 .menu .on { background: #f2914a; }
.main .con3 .box li { background: #eb6100;}
.main .con3 .menu .on { background: #eb6100; }
.main .con4 .box li { background: #008047;}
.main .con4 .menu .on { background: #008047; }
.main .con5 .box li { background: #d6311e;}
.main .con5 .menu .on { background: #d6311e; }
.main .con6 .box li { background: #007780;}
.main .con6 .menu .on { background: #007780; }
.main .con7 .box li { background: #3eb2e5;}
.main .con7 .menu .on { background: #3eb2e5; }