@charset "utf-8";
html{
    margin:0px;
    padding:0px;
    z-index:1;
    overflow-x:hidden;
    height:100%;
    }
    
body{
    margin:0 auto;  
    padding:0px; 
    font-size:12px; 
    font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
    background:#fff;
    z-index:99;
    height:100%;
    width:100%;
    color:#3e3a39;
    }
    
a{
    font-size:12px; 
    text-decoration:none;
    }
    
a:hover{
    font-size:12px; 
    color:#a30000;
    text-decoration:none;
    }
    
p{
    padding:0px; 
    margin:0px;
    }
    
h1,h2,h3,h4,h5,h6{
    margin:0px;
    padding:0px; 
    font-weight:normal;
    }
    
dl,dt,dd,ul,li{
    margin:0px; 
    padding:0px; 
    list-style-type:none;
    text-decoration:none;
    }
    
input{
    outline:none;
    }
    
img{
    border:0px; 
    margin:0px; 
    padding:0px;
    }
em{
    font-style:normal;
    }
tr{
    _border-top:1px solid #bfbfbf;
    _border-bottom:1px solid #bfbfbf;
}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;}
/*正式*/
.con{ width:980px; margin:0 auto; position:relative;}
.con h2{ font-size: 55px;line-height: 60px;}
.page1{ width:100%; height:700px;background:url(/templets/default/images/newimg/U86-1.jpg) no-repeat center center; background-size: cover; display: inline-block;}
.page1 .con h2{ margin-top: 40px; font-size: 43px; opacity:0;}
.page1 .con h2 b{ font-size: 27px; color:#ff8d00;}
.page1 .con .xt{ margin-top:150px; width:190px;}
.page1 .con .xt img{ display:block; margin:0 auto; opacity:0;}
.page1 .con .xt p{ font-size: 23px; color:#909091; margin-top: 10px; opacity:0; text-align:center;}
.page1 .con .xt p b{ margin-top: 5px;}
.page2{ height:803px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-2.jpg) no-repeat center center; background-size: cover; position:relative; overflow:hidden;}

.page2 .con .txt{ position:absolute;  left:0px; color:#000; top:50px;}
.page2 .con .txt h2{ opacity:0;}
.page2 .con .txt p{ font-size: 28px; margin-top: 20px; opacity:0;}
.page2 .sp{ width:304px; height:inherit; position:absolute; top:540px; right:0;  cursor:pointer;}
.page2 .sp span {position:absolute; top:75px; left:150px;}
.page2 .sp p{ font:26px '微软雅黑'; color:#fff; text-align:center; margin-top:10px;}
.page2 .p2{height:803px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-2.jpg) no-repeat center center; background-size: cover; position:absolute; left:0; top:0;}
.page2 .p2Hover{animation: yd 10s ease 0s;  -webkit-animation: yd 10s ease 0s;  -ms-animation: yd 10s ease 0s;  -moz-animation: yd 10s ease 0s;  -o-animation: yd 10s ease 0s;}

.page3{height:653px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-3.jpg) no-repeat center center; background-size: cover;display: inline-block; overflow:hidden;}

.page3 .txt{position:absolute; top:130px;}
.page3 .txt h2{opacity:0;}
.page3 .txt p{ font-size: 28px; margin-top:10px; line-height: 38px;opacity:0;}
/* .page3 .tu{ width:663px; position:absolute; right:0;} */
.page3 .tu li{ position:absolute; height:620px;}
.page3 .tu li .sp{position:absolute; z-index: 2; }
/*.page3 .tu li .spxx{ animation:xx 1.5s; -webkit-animation:xx 1.5s;}*/
.page3 .tu li:nth-child(1){ left:434px; top:-125px;}

.page3 .tu li .bw{ position:absolute; bottom:0; left:-60px; z-index: 1; animation: shuibo 1.5s ease 0s infinite alternate;  -webkit-animation: shuibo 1.5s ease 0s infinite alternate;  -ms-animation: shuibo 1.5s ease 0s infinite alternate;  -moz-animation: shuibo 1.5s ease 0s infinite alternate;  -o-animation: shuibo 1.5s ease 0s infinite alternate;} 

@-webkit-keyframes shuibo {
    0% { -webkit-transform: scale(0.3,0.3);}
    100% {  -webkit-transform: scale(1,1);}
}
@-moz-keyframes shuibo {
    0% { -moz-transform: scale(0.3,0.3);}
    100% {  -moz-transform: scale(1,1);}
}
@-ms-keyframes shuibo {
    0% { -ms-transform: scale(0.3,0.3);}
    100% {  -ms-transform: scale(1,1);}
}
@-o-keyframes shuibo {
    0% { -o-transform: scale(0.3,0.3);}
    100% {  -o-transform: scale(1,1);}
} 
@keyframes shuibo {
    0% { transform: scale(0.3,0.3);}
    100% {  transform: scale(1,1);}
}
.page3 .tu li:nth-child(1){ left:434px; top:-125px;}
.page3 .tu li:nth-child(2){ left:620px; top:-230px;}
.page3 .tu li:nth-child(3){ left:680px; top:0px;}
.page3 .tu li:nth-child(4){ left:880px; top:-140px;}

.page4{ margin-top: -3px;}
.page4 dl{ width:100%;}
.page4 dl dt{ width:50%; float: left; position:relative;}
.page4 dl dt h2{ position:absolute; text-align:right; right:50px; top:70px; font-size:55px; color:#fff; line-height:45px; text-shadow:1px 0px 5px #000;}
.page4 dl dt h2 b{ font-size:28px;}
.page4 dl dt img,.page4 dl dd img{ width:100%;}
.page4 dl dd{ float: left; width:24.85%;float: left; position: relative; overflow:hidden; cursor: pointer;}


.page4 dl dd:nth-child(4),.page4 dl dd:nth-child(5),.page4 dl dd:nth-child(6){ width:16.53%; margin-top:-2px; }

.page4 dl dd .h{ position:absolute; width:99.8%; height:99.2%; background:rgba(0,0,0,0.5); top:100%; left:0;}
.page4 dl dd .h h3{ font-size: 40px;  text-align: center; color:#fff; position:absolute; transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);top:50%; left:50%;}
/*.page4 dl dd .h h3{top:28%\9; left:37%\9;}*/

.page4 dl dd .h p{ color:#fff; text-align: center; font-size: 18px; line-height: 28px; position:absolute; transform:translate(-50%,15%); -webkit-transform:translate(-50%,15%);top:50%; left:50%;}
/*.page4 dl dd .h p{top:53%\9; left:20%\9; width:170px\9;}*/
@media \0screen {.page4 dl dd .h h3{top:28%; left:37%;}}
@media \0screen{.page4 dl dd .h p{top:53%; left:24%; width:170px;}}
@media \0screen\,screen\9{.page4 dl dd .h h3{top:28%; left:37%;};.page4 dl dd .h p{top:53%; left:20%; width:170px;};}

.page5 .con h2{ margin-top:80px; text-align: center; opacity:0;}
.page5 .con p{ margin-top:20px; font-size: 28px;text-align: center; opacity:0;}

.page5{height:708px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-5.jpg) no-repeat center center; background-size: cover;margin-top:-3px;  position:relative; overflow:hidden;}
.page5 .p5{height:708px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-5.jpg) no-repeat center center; background-size: cover; position:absolute; left:0; top:0;}
.page5 .p5Hover{animation: yd 10s ease 0s;  -webkit-animation: yd 10s ease 0s;  -ms-animation: yd 10s ease 0s;  -moz-animation: yd 10s ease 0s;  -o-animation: yd 10s ease 0s;}
@-webkit-keyframes yd {
    0% { -webkit-transform: scale(1.1,1.1);}
    100% {  -webkit-transform: scale(1,1);}
}
@-moz-keyframes yd {
    0% { -moz-transform: scale(1.1,1.1);}
    100% {  -moz-transform: scale(1,1);}
}
@-ms-keyframes yd {
    0% { -ms-transform: scale(1.1,1.1);}
    100% {  -ms-transform: scale(1,1);}
}
@-o-keyframes yd {
    0% { -o-transform: scale(1.1,1.1);}
    100% {  -o-transform: scale(1,1);}
} 
@keyframes yd {
    0% { transform: scale(1.1,1.1);}
    100% {  transform: scale(1,1);}
}
.page5 .con h2{ margin-top:80px; text-align: center; opacity:0;}

.page6{height:777px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-6.jpg) no-repeat center center; background-size: cover;display: inline-block; margin-top:-3px;overflow: hidden;
position: relative;}
.page6 .txt{ text-align: right; position:absolute; right:0;top:120px;}
.page6 .txt h2{ opacity:0;  line-height:65px;}
.page6 .txt p{ font-size: 28px; line-height: 38px; margin-top: 10px; opacity:0; line-height:42px;}




.page7{height:607px; width:100%; display: inline-block;background:url(/templets/default/images/newimg/U86-7.jpg) no-repeat center center; background-size: cover;display: inline-block; margin-top:-3px; color:#fff; position:relative; overflow:hidden;}
.page7 .p7{ position:absolute; left:0; top:0; width:50%; background:rgba(0,0,0,0.5);height:607px;}
.page7 .con h2{ margin:150px 0 10px 0; opacity:0;}
.page7 .con p{ font-size: 28px; line-height: 38px;opacity:0; }

.page8{ height:264px; width:100%; background:#e0e0e0; display:inline-block;background:url(/templets/default/images/newimg/U86-8.jpg) no-repeat center center; background-size: cover;}
.page8 .con h2{  margin:100px 0 20px 0;font-size:35px; }
.page8 .con p{  font:28px "宋体"; color:#808080;}






.pt-page-moveFromBottomFade {
    -webkit-animation: moveFromBottomFade 2.5s ease both;
    animation: moveFromBottomFade 2.5s ease both;
     
}


.pt-page-moveFromBottomFade1 {
    -webkit-animation: moveFromBottomFade 3.5s ease both;
    animation: moveFromBottomFade 3.5s ease both;
    
}
.pt-page-moveFromBottomFade2 {
    -webkit-animation: moveFromBottomFade 4.5s ease both;
    animation: moveFromBottomFade 4.5s ease both;
     
}

@-webkit-keyframes moveFromBottomFade {
    from { opacity: 0; -webkit-transform: translateY(100%); }
}
    to{opacity: 1; }
@keyframes moveFromBottomFade {
    from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }
    to{opacity: 1; }
}

@-webkit-keyframes moveFromBottomFade-1 {
    from { opacity: 0; -webkit-transform: translateY(200%); }
}
    to{opacity: 1; }
@keyframes moveFromBottomFade-1 {
    from { opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); }
    to{opacity: 1; }
}
/*html{ font-size:62.5%;}
body{ font-size:1.4rem;}
.page4 dl dd .h h3{ font-size:0.4rem;}*/


@media (min-width:640px) and (max-width:1200px) { 
	.page4 dl dd .h h3{ font-size:20px;}
	.page4 dl dd .h p{ font-size:10px; line-height:20px;}
	.page4 dl dt h2{ font-size:27px;right:25px; top:35px;line-height:25px;}
	.page4 dl dt h2 b{ font-size:14px;}
 }

.box12{width:100%;margin:0px auto;height:357px;float:left;}
.box12s{width:980px;margin:0px auto 20px;height:327px;border-top:1px solid #bbb;}
.box12s h2{color:#000;font-weight:blod;font-size:24px;float:left;margin:15px 0;width:100%;}
.box121_wrap{width:492px;float:left;height:257px; border-right:1px solid #ddd;padding-right: 15px;}
.box121_wrap  img{ height:257px;width:100%;float:left;left:0;}
.box121_wrap .box6{ height:257px; width:484px;margin:0 auto;}
.box121_wrap .box6 .txt2{width:484px;height:auto;float: left; position:absolute;z-index:15;}
.box121_wrap .box6 .txt2 ul{width:484px;height:auto;float: left; }
.box121_wrap .box6 .txt2 ul li{text-align:left;color:#000;width:100%;float:left;}
.box121_wrap .box6 .txt2 ul .liOne{width:100%;height:40px;}
.box121_wrap .box6 .txt2 ul li .text1{height:40px;font-size:34px;font-weight:600;height:42px;margin:8px 20px 0px 0;text-align:left;color:#000;float:left;}
.box121_wrap .box6 .txt2 ul li .text2{color:#000;font-weight:blod;font-size:22px;float:left;margin-top:0px;}
.box121_wrap .box6 .txt2 ul li .text3{height:24px;color:#595757;font-weight:blod;font-size:22px;float:left;margin-top:30px;}
.box121_wrap .box6 .txt2 ul li .text4{color:#595757;font-weight:blod;font-size:22px;float:left;margin-top:0px;}
.box121_wrap .box6 .txt2 ul li p a{font-size:16px;margin:0px 20px 0px 0;text-align:left;color:blue;float:left;margin-top:33px;}


.box122_wrap{width:470px;float:left;height:257px; }
.box122_wrap  img{ height:257px;width:100%;float:left;left:0;}
.box122_wrap .box6{ height:257px; width:484px;margin:0 auto;}
.box122_wrap .box6 .txt2{width:484px;height:auto;float: left; position:absolute;z-index:15;padding-left:30px;}
.box122_wrap .box6 .txt2 ul{width:484px;height:auto;float: left; }
.box122_wrap .box6 .txt2 ul li{text-align:left;color:#000;width:100%;float:left;}
.box122_wrap .box6 .txt2 ul .liOne{width:100%;height:40px;}
.box122_wrap .box6 .txt2 ul li .text1{height:40px;font-size:34px;font-weight:600;height:42px;margin:8px 20px 0px 0;text-align:left;color:#000;float:left;}
.box122_wrap .box6 .txt2 ul li .text2{color:#000;font-weight:blod;font-size:22px;float:left;margin-top:0px;}
.box122_wrap .box6 .txt2 ul li .text3{height:24px;color:#595757;font-weight:blod;font-size:22px;float:left;margin-top:30px;}
.box122_wrap .box6 .txt2 ul li .text4{color:#595757;font-weight:blod;font-size:22px;float:left;margin-top:0px;}
.box122_wrap .box6 .txt2 ul li p a{font-size:16px;margin:0px 20px 0px 0;text-align:left;color:blue;float:left;margin-top:33px;}