@charset "utf-8";
/* css document */
@font-face {font-family:"思源黑体"; src:url(/uploads/image/skins/sourcehansanscn-regular.otf);}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,button,input,textarea,th,td,table,a,em,span,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
body,button,input,select,textarea{font-family:aria,"思源黑体","黑体"; font-size:14px; color:#331115; line-height:24px; outline:none; }
h1,h2,h3,h4,h5,h6,select{font-size:14px; font-weight:normal; font-style:normal;}
em{ font-style:normal;}
ul,li{list-style:none;}
input,select,img{ border:none; vertical-align:middle;}
p{word-wrap:break-word}
a{text-decoration:none; color:#5b5b5b;}
a span,a em{ cursor:pointer;}
html,body{ overflow:hidden; width:100%; height:100%;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
.textl{ text-align:left;}
.textc{ text-align:center;}
.textr{ text-align:right;}

/*头部导航*/
.head{ position:fixed; left:0; right:0; top:0; background:#fff; z-index:999; border-bottom:solid 1px #f0f0f0; overflow:hidden; height:100px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.backold{position:absolute;right:3.125%;top:5px;font-size:14px;color:#666;}
.head .logo{ position:absolute; left:3.125%; top:0; height:100%;}
.head .logo img{ display:block; height:100%;}
.head .nav{ padding-top:20px; text-align:center; font-size:18px; line-height:80px;}
.head .nav a{ color:#666; margin:0 1.46%; transition:color 0.35s ease-out;-webkit-transition:color 0.35s ease-out;-moz-transition:color 0.35s ease-out;-ms-transition:color 0.35s ease-out;-o-transition:color 0.35s ease-out;}
.head .nav a:hover,.head .nav a.cur{ color:#32c1cf; font-weight:bold;}
.head h1{position:absolute; bottom:0; right:3.125%; font-size:20px; line-height:80px; font-weight:bold; background:url(/uploads/image/snewimage/tel_bg.png) no-repeat left center; color:#32c1cf;letter-spacing:1px; padding-left:50px;}
@media only screen and (max-width: 1200px) {
	.head{ min-width:1000px; height:82px;}
	.head .nav{ font-size:16px; line-height:72px; padding-top:10px;}
	.head h1{ font-size:18px; line-height:72px;}
	.main{ top:82px !important;}
	}
@media only screen and (max-width: 980px) {
	.head{ min-width:780px; height:70px;}
	.head .nav{ font-size:14px; line-height:60px; padding-top:10px;}
	.head h1{ font-size:15px; line-height:60px;}
	.main{ top:70px !important;}
	}
/*主体*/
.main{ position:fixed; left:0; top:100px; right:0; bottom:0;}
.main .mod{ width:100%; height:100%; position:absolute; left:0; top:0; transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0); overflow:hidden;}
.mod1{z-index:1;}
.mod2{z-index:2;}
.mod3{z-index:3;}
.mod4{z-index:4;}
.mod5{z-index:5;}
.mod6{z-index:6;}
/*第一屏*/
.main .mod.mod1{transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.main .mod1 .banner{ position:relative; width:100%; height:100%; overflow:hidden;}
.main .mod1 .ban{ position:absolute; left:100%; top:0; overflow:hidden; width:100%; height:100%;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);}
.main .mod1 .ban:first-child{left:0;}
.main .mod1 .ban.cur{ z-index:100;}
.main .mod1 .ban div.img{ width:100%; height:100%;background-size:cover; background-repeat:no-repeat; background-position:center center;}
.main .mod1 .ban:nth-child(3) div.img{ transform:scale(1.5,1.5);-moz-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);}
.main .mod1 .ban:nth-child(3) div.curs{transition:all 4s;-moz-transition:all 4s;-ms-transition:all 4s;-o-transition:all 4s;-webkit-transition:all 4s; transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);}
.main .mod1 .ban div.text{ position:absolute; left:0; top:21.38%; width:100%; height:100%; text-align:center;}
.main .mod1 .ban div.text div{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s; transform:translate(0,100px); opacity:0; text-align:center;}
.main .mod1 .ban div.text div:nth-child(1){ height:25.92%;}
.main .mod1 .ban div.text div:nth-child(2){ height:8%; margin-top:2.92%;transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-ms-transition-delay:0.8s;-o-transition-delay:0.8s;}
.main .mod1 .ban div.text div:nth-child(3){ height:4.78%; margin-top:3.02%;transition-delay:1.6s;-moz-transition-delay:1.6s;-webkit-transition-delay:1.6s;-ms-transition-delay:1.6s;-o-transition-delay:1.6s;}
.main .mod1 .ban div.text div:nth-child(3) a{ display:inline-block; height:100%;}
.main .mod1 .ban div.text div.curs{ transform:translate(0,0) !important; opacity:1 !important;}
.main .mod1 .ban div.text img{ display:block; height:100%; position:relative;left:50%;transform:translatex(-50%);-moz-transform:translatex(-50%);-ms-transform:translatex(-50%);-o-transform:translatex(-50%);-webkit-transform:translatex(-50%);}
.line{ position:absolute; left:0; bottom:0; width:100%; height:5px;z-index:101;}
.line i{ display:block; height:5px; background:#32c1cf; width:0;}
.main .mod1 .mouse{ position:absolute; bottom:65px; left:50%; margin-left:-10px; z-index:900;}
/*第二屏*/
.mod2{background:#fff;}
.mod2 figure{position: relative;display:block; float:left;overflow: hidden;width:25%;text-align: center;cursor: pointer; background-size:cover; background-position:center center;}
.mod2 figure:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);z-index:1; visibility:hidden;opacity:0;transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;}
.mod2 figure.curs:after{visibility:visible;opacity:1;}
.mod2 figure.ts{width:50%;}
.mod2 figure figcaption::before,
.mod2 figure figcaption::after {position: absolute;top: 22.85%;right: 16.66%;bottom: 22.85%;left: 16.66%;content: '';opacity: 0;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, transform 0.4s;}
.mod2 figure figcaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.mod2 figure figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.mod2 figure h2{ position:absolute; text-align:center; width:100%; left:0; top:50%; font-weight:bold; color:#fff;opacity: 0;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, transform 0.4s;transform: translate3d(0,20px,0); -webkit-transform: translate3d(0,20px,0);-moz-transform: translate3d(0,20px,0);-ms-transform: translate3d(0,20px,0);-o-transform: translate3d(0,20px,0);box-sizing:border-box; padding:0 10%; line-height:150%;}
.mod2 figure h3{ position:absolute; text-align:center; width:100%; left:0; top:50%; font-weight:bold; color:#fff;opacity: 0;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, transform 0.4s;transform: translate3d(0,20px,0); -webkit-transform: translate3d(0,20px,0);-moz-transform: translate3d(0,20px,0);-ms-transform: translate3d(0,20px,0);-o-transform: translate3d(0,20px,0);box-sizing:border-box; padding:10% 30%;}
.mod2 figure .sp{ position:absolute; text-align:center; width:100%; left:0; top:50%; font-weight:bold; color:#fff;opacity: 0;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, transform 0.4s;transform: translate3d(0,20px,0); -webkit-transform: translate3d(0,20px,0);-moz-transform: translate3d(0,20px,0);-ms-transform: translate3d(0,20px,0);-o-transform: translate3d(0,20px,0);box-sizing:border-box; padding:0 15%;}
.mod2 figure:hover figcaption::before,.mod2 figure:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.mod2 figure:hover h2{opacity: 1;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
.mod2 figure figcaption {color: #fff;text-transform: uppercase;-webkit-backface-visibility: hidden;backface-visibility: hidden;background:#5d9bee; opacity:0;transition:all 0.4s; position:relative;z-index:2;}
.mod2 figure figcaption::before,.mod2 figure figcaption::after {pointer-events: none;}
.mod2 figure figcaption,.mod2 figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%; display:block;}
.mod2 figure figcaption:hover{opacity:1;}
.mod2 figure:after{width:100%;height:100%;content:"";position:absolute;left:0;top:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden;transition:all 0.4s;}
.mod2 figure.curs:after{ opacity:1; visibility:visible;}
/*第三屏*/
.mok3{ width:100%; position:absolute; left:0; top:0;}
.mok3 .fwxm{padding:160px 0 180px;color:#fff; width:62.5%;min-width:1200px; margin:auto;}
.mok3 .fwxm>.clearfix .bt{width:18.3%;height:0;padding-bottom:18.3%;box-sizing:border-box;position:relative;border:solid 5px #fff;}
.mok3 .fwxm>.clearfix .bt div{width:82%;position:absolute;top:50%;left:9%;transform:translatey(-50%);-moz-transform:translatey(-50%);-ms-transform:translatey(-50%);-o-transform:translatey(-50%);-webkit-transform:translatey(-50%);font-weight:bold;}
.mok3 .fwxm>.clearfix .bt div a{color:#fff;}
.mok3 .fwxm>.clearfix .bt div span{font-size:30px;line-height:1.2;display:block;}
.mok3 .fwxm>.clearfix .bt div em{font-size:18px;line-height:1.5; text-transform:uppercase;display:block;}
.mok3 .fwxm>.clearfix .xx{width:85%;box-sizing:border-box;border:solid 1px #fff;text-align:center;padding:3.33% 0 1.25%;margin-top:-3.33%;position:relative;z-index:1;}
.mok3 .fwxm>.clearfix .xx>span{display:block; float:left;box-sizing:border-box;width:20%;padding:0 2.4%;}
.mok3 .fwxm>.clearfix:nth-child(1) .xx>span{width:16.18%;padding:0 1.96%;}
.mok3 .fwxm>.clearfix:nth-child(1) .xx>span:nth-child(1){margin-left:1.46%;}
.mok3 .fwxm>.clearfix:nth-child(2){margin:90px 0;}
.mok3 .fwxm>.clearfix .xx>span span{display:block;width:50px;height:50px;box-sizing:border-box;border-radius:100%;border:solid 1px #fff;line-height:1.33;font-size:36px;margin:0 auto 4.2%;}
.mok3 .fwxm>.clearfix .xx>span em{display:block;font-size:18px;line-height:1.33;}

@media only screen and (max-width: 1600px) {
	.mok3 .fwxm{min-width:1000px; padding:132px 0 150px;}
	.mok3 .fwxm>.clearfix .bt{border:solid 4px #fff;}
	.mok3 .fwxm>.clearfix .bt div span{font-size:22px;}
	.mok3 .fwxm>.clearfix .bt div em{font-size:12px;}
	.mok3 .fwxm>.clearfix .xx>span span{width:42px;height:42px;font-size:30px;}
	.mok3 .fwxm>.clearfix .xx>span em{font-size:15px;}
	}
@media only screen and (max-width: 1200px) {
	.mok3 .fwxm{min-width:750px; padding:100px 0 112px;}
	.mok3 .fwxm>.clearfix .bt{border:solid 3px #fff;}
	.mok3 .fwxm>.clearfix .bt div span{font-size:16px;}
	.mok3 .fwxm>.clearfix .bt div em{font-size:12px;}
	.mok3 .fwxm>.clearfix .xx>span span{width:32px;height:32px;font-size:24px;}
	.mok3 .fwxm>.clearfix .xx>span em{font-size:12px;}
	}

/*第四屏*/
.mok4{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.mok4 .wzys{ width:37.5%;min-width:720px;color:#fff;text-align:center;padding:160px 0 160px; margin:auto;}
.mok4 .wzys h1{font-size:90px;line-height:1;padding-top:60px;}
.mok4 .wzys div{font-size:18px;line-height:2;padding-top:32px;}
.mok4 .wzys img{display:block;width:20px;margin:45px auto 0;}
.mod4 .image{ position:absolute; top:50%; left:50%; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
@media only screen and (max-width: 1600px) {
.mod4 .wzys{ min-width:600px;}
.mok4 .wzys h1{font-size:56px;padding-top:50px;}
.mok4 .wzys div{font-size:16px;padding-top:30px;}
.mok4 .wzys img{width:18px;}
}
@media only screen and (max-width: 1200px) {
.mod4 .wzys{ min-width:450px;}
.mok4 .wzys h1{font-size:46px;padding-top:40px;}
.mok4 .wzys div{font-size:14px;padding-top:28px;}
.mok4 .wzys img{width:16px;}
}

.mod5{ background:#32c1cf;}
.mod5 .news{ width:83.33%; height:100%; margin:auto;}
.mod5 h1{ font-size:36px; color:#fff; line-height:60px; text-align:center;}
.mod5 h2{ font-size:60px; line-height:60px; color:#fff; text-align:center;}
.mod5 .clearfix{ width:100%;}
.mod5 .clearfix .floatl{ width:23.75%; margin-left:1.6%; overflow:hidden;}
.mod5 .clearfix .floatl:first-child{ margin-left:0;}
.mod5 .clearfix .floatl>a{ display:block;}
.mod5 .clearfix .floatl>a img{ width:100%; display:block;}
.mod5 .clearfix .floatl h3{ font-size:18px; font-weight:bold; overflow:hidden; margin-top:10px; line-height:30px; height:60px;}
.mod5 .clearfix .floatl h3 a{color:#fff;}
.mod5 .clearfix .floatl h4{ font-size:14px; line-height:24px; height:48px; color:#fff; overflow:hidden; width:100%; display:block;}
.mod5 .text5{ font-size:12px; color:#fff; line-height:24px; height:48px; overflow:hidden; width:100%; margin:0 auto;}
.mod5 .text5 a{color:#fff;margin-right:10px;}
.mod5 .text5 a span{margin-right:5px;}
@media only screen and (min-width: 1600px) {
	.mod5 h1{ font-size:36px; color:#fff; line-height:60px; text-align:center;}
	.mod5 h2{ font-size:60px; line-height:60px; color:#fff; text-align:center;}
                .mod5 .text5{font-size:14px;height:72px;}
	}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.mod5 h1{ font-size:28px; color:#fff; line-height:48px; text-align:center;}
	.mod5 h2{ font-size:48px; line-height:48px; color:#fff; text-align:center;}
.mod5 .clearfix .floatl h3{font-size:14px;line-height:24px; height:48px;}
	}
@media only screen and (max-width: 1199px) {
	.mod5 h1{ font-size:22px; color:#fff; line-height:36px; text-align:center;}
	.mod5 h2{ font-size:36px; line-height:36px; color:#fff; text-align:center;}
.mod5 .clearfix .floatl h3{font-size:12px;line-height:20px; height:40px;}
	}
.mod6 .lxwm{ width:59.375%; margin:auto; position:relative; top:50%; height:25vw; margin-top:-13vw;}
.mod6 .lxwm .floatl{ width:29.56%;}
.mod6 .lxwm .floatr{ width:63.16%; height:25vw;}
.mod6 .lxwm .floatr h1{ font-size:2.5vw; line-height:3.125vw; color:#fff; font-weight:bold; padding-top:0.9375vw;}
.mod6 .lxwm .floatr div{ margin:2.4479vw 0 0.625vw;}
.mod6 .lxwm .floatr div a{ display:inline-block; line-height:3.3333vw; height:3.3333vw; padding-left:3.8542vw;background:url(/uploads/image/snewimage/qq.png) no-repeat left center; color:#fff; font-size:0.9375vw; background-size:contain;}
.mod6 .lxwm .floatr h2{font-size:0.9375vw; line-height:1.6667vw; color:#fff;}
.mod6 .lxwm .floatr h3{ font-size:2.5vw; line-height:2.5vw; color:#fff;}
.mod6 .lxwm .floatr h4{ line-height:2.1875vw; font-size:0.7292vw; color:#ccc;}
.foot{ position:absolute; bottom:0; left:0; width:100%;}
.foot div{ width:90.625%; margin:auto; border-top:solid 1px #7f8493; padding:0.8333vw 0;}
.foot div h1{ font-size:0.7292vw; color:#ccc; line-height:1.5625vw;}
.foot div h1 a{ color:#ccc;margin-right:8px;}

.right_page{ position:fixed;top:50%; right:30px; transform:translatey(-50%);-webkit-transform:translatey(-50%);z-index:999999;}
.right_page li{width:16px; height:16px; box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:100%;border:solid 2px #fff;cursor:pointer;margin:10px 0;}
.right_page li.cur{background:#fff;}