@charset "utf-8";
body,html{width:100%;height:100%;padding:0;margin:0;font-family:microsoft yahei,arial;line-height:1.5;color:#333;font-size:.3rem;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;-webkit-overflow-scrolling : touch;}
body,button,input,select,textarea{font-family:microsoft yahei,arial;*line-height:1.5;}
body{background:#fff;position:relative;}
*{box-sizing:border-box;}
img{max-width:100%;}
a{color:#333;text-decoration:none;hide-focus:expression(this.hideFocus=true);outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,area,a,button{border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
textarea{-webkit-appearance: none;}
ol,ul{list-style:none;}
a:focus,input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
.t_center{text-align:center;}
.grid{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.lineflex{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.fr{float:right;}

.indexBoxBg{background:#41c3e5 url(../images/bgtop.jpg) no-repeat top center;background-size:contain;width:100%;min-width:1240px;min-width:1240px;min-height:100%;}
.indexBox{background:url(../images/bgbottom.jpg) no-repeat bottom center;background-size:contain;position:relative;width:100%;padding-bottom:150px;position:relative}
@media (min-width: 1860px) {
.indexBoxBg{min-width:1760px;}
}
@media (max-width: 1860px) and (min-width: 1680px) {
.indexBoxBg{min-width:1580px;}
}
@media (max-width: 1680px) and (min-width: 1480px) {
.indexBoxBg{min-width:1380px;}
}
@media (max-width: 1480px){
.indexBoxBg{min-width:1240px;}
}

.indexBox .top{padding:30px;height:202px;}
.indexBox .top .logo{float:left;}
.indexBox .top .logo a{float: left;}
.indexBox .top .logo .img img{height:107px;}
.indexBox .top .logo .ewm{margin-left: 20px;}
.indexBox .top .logo .ewm img{height:107px;}
.indexBox .top .logo .Tel{color: #fff;font-size: 18px;margin-left: 20px;}
.indexBox .top .logo .img,.indexBox .top .logo .ewm,.indexBox .top .logo .Tel{display: inline-block; vertical-align: middle;}
@media (min-width: 1860px) {
.indexBox .top .logo .img img{height:107px;}
.indexBox .top .logo .ewm img{height:107px;}
}
@media (max-width: 1860px) and (min-width: 1680px) {
.indexBox .top .logo .img img{height:90px;}
.indexBox .top .logo .ewm img{height:90px;}
}
@media (max-width: 1680px) and (min-width: 1480px) {
.indexBox .top .logo .img img{height:80px;}
.indexBox .top .logo .ewm img{height:80px;}
}
@media (max-width: 1480px){
.indexBox .top .logo .img img{height:80px;}
.indexBox .top .logo .ewm img{height:80px;}
}

.topRight{float:right;color:#fff;}
.topRight .topUser span{display:block;}
.topRight .topUser .pic{width:140px;text-align:center;float:left}
.topRight .topUser .pic img{border-radius:50%;border:4px #fff solid;width:76px;height:76px;}
.topRight .topUser .user{position:relative;width:160px;float:left;margin:10px 0;}
.topRight .topUser .login{display:block;text-align:center;background:#258eb0;border-radius:8px;box-shadow:0 0 10px rgba(37,142,176,0.5);line-height:50px;font-size:26px;color:#fff;letter-spacing:3px;width:100%;}
.topRight .topDate{clear:both;font-size:22px;line-height:28px;margin-top:10px;letter-spacing:1px;}
.topRight .topDate .tiem{width:140px;text-align:center;font-weight:bold;font-family:arial;font-size:52px;height:56px;line-height:56px;float:left;margin-right:15px;}
.topRight .topUser .user span{display:block;text-align:center;background:#258eb0;border-radius:8px;box-shadow:0 0 10px rgba(37,142,176,0.5);line-height:50px;font-size:20px;color:#fff;width:100%;}
.userOpen{display:none;background:#fff;border-radius:8px;width:130px;position:absolute;padding:0 15px;z-index:999;text-align:center;left:10px;}
.triangleUp{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;top:-8px;left:55px;}
.userOpen li{font-size:22px;border-bottom:1px #eee solid;}
.userOpen li a{display:block;padding:18px 0;color:#999;}
.userOpen li a i{display:inline-block;height:32px;width:32px;background:url(../images/userOpen.png) no-repeat 1000px 1000px;vertical-align:middle;margin-right:10px; background-size:auto 200%;}
.userOpen li a i.accountIco{background-position:0 0;}
.userOpen li a i.quitIco{background-position:100% 0;}
.userOpen li a font{display:inline-block;vertical-align:middle;}
.topRight .topUser .user:hover .userOpen{display:block;}
.userOpen li a:hover{color:#258eb0}
.userOpen li a:hover i.accountIco{background-position:0 100%;}
.userOpen li a:hover i.quitIco{background-position:100% 100%;}
@media (min-width: 1860px) {
.indexBox .top{padding:30px;height:202px;}
.topRight .topUser .pic{width:140px;}
.topRight .topUser .pic img{border:4px #fff solid;width:76px;height:76px;}
.topRight .topUser .user{width:160px;}
.topRight .topUser .login{font-size:26px;line-height:50px;}
.topRight .topUser .user span{font-size:20px;line-height:50px;}
.userOpen{border-radius:8px;width:130px;padding:0 15px;left:10px;}
.userOpen li{font-size:22px;}
.userOpen li a{padding:18px 0;}
.userOpen li a i{height:32px;width:32px;}
.topRight .topDate .tiem{width:140px;font-size:52px;height:56px;line-height:56px;margin-right:15px;}
}
@media (max-width: 1860px) and (min-width: 1680px) {
.indexBox .top{padding:25px;height:190px;}
.topRight .topUser .pic{width:140px;}
.topRight .topUser .pic img{border:3px #fff solid;width:70px;height:70px;}
.topRight .topUser .user{width:160px;}
.topRight .topUser .login{font-size:24px;line-height:46px;}
.topRight .topUser .user span{font-size:20px;line-height:46px;}
.topRight .topDate{font-size:20px;line-height:25px;margin-top:10px;letter-spacing:1px;}
.userOpen{border-radius:8px;width:120px;padding:0 15px;left:20px;}
.userOpen li{font-size:20px;}
.userOpen li a{padding:15px 0;}
.userOpen li a i{height:28px;width:28px;}
.topRight .topDate .tiem{width:140px;font-size:50px;height:50px;line-height:50px;margin-right:12px;}
}
@media (max-width: 1680px) and (min-width: 1480px) {
.indexBox .top{padding:20px;height:190px;}
.topRight .topUser .pic{width:140px;}
.topRight .topUser .pic img{border:3px #fff solid;width:66px;height:66px;}
.topRight .topUser .user{width:150px;}
.topRight .topUser .login{font-size:22px;line-height:42px;}
.topRight .topUser .user span{font-size:18px;line-height:42px;}
.topRight .topDate{font-size:20px;line-height:23px;margin-top:10px;letter-spacing:1px;}
.userOpen{border-radius:6px;width:110px;padding:0 15px;left:15px;}
.userOpen li{font-size:18px;}
.userOpen li a{padding:15px 0;}
.userOpen li a i{height:26px;width:26px;}
.topRight .topDate .tiem{width:140px;font-size:46px;height:46px;line-height:46px;margin-right:12px;}
}
@media (max-width: 1480px){
.indexBox .top{padding:20px;height:150px;}
.topRight .topUser .pic{width:140px;}
.topRight .topUser .pic img{border:3px #fff solid;width:60px;height:60px;}
.topRight .topUser .user{width:140px;}
.topRight .topUser .login{font-size:18px;line-height:42px;}
.topRight .topUser .user span{font-size:16px;line-height:42px;}
.topRight .topDate{font-size:16px;line-height:21px;margin-top:5px;letter-spacing:1px;}
.userOpen{border-radius:8px;width:110px;padding:0 10px;left:15px;}
.userOpen li{font-size:18px;}
.userOpen li a{padding:12px 0;}
.userOpen li a i{height:26px;width:26px;}
.topRight .topDate .tiem{width:140px;font-size:42px;height:42px;line-height:42px;margin-right:12px;}
}

.indexArea{width:1600px;margin:0 auto; clear:both;position:relative;z-index:3;}
.indexArea .container{margin:0 -10px;}
.indexArea .shadow{float:left;padding:10px;overflow:hidden;}
.indexArea .item{width:385px;height:310px;position:relative;}
.indexArea .item .show{border-radius:15px;width:100%;height:310px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.indexArea .item .show a{display:block;position:relative;padding:30px;width:100%;height:100%;}
.indexArea .item.itemOne,.indexArea .item.itemOne .show{height:640px;}
.indexArea .item .ico{text-align:center;display:block;position:relative;}
.indexArea .item.itemOne .ico{top:130px;}
.indexArea .item .tit{color:#fff;font-size:26px;line-height:50px;position:absolute;left:20px;bottom:10px;}

.indexArea .item .hover{width:100%;margin-top:10px;}
.indexArea .item .hover .grid{border-radius:15px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:28px;color:#fff;padding:10px 20px;}
.indexArea .item .hover .grid .lineflex{float:left;width:50%;}
.indexArea .item .hover a:first-child .grid{margin-top:0;}
.indexArea .item .hoverOne .grid{height:145px;line-height:145px;margin-top:20px;}
.indexArea .item .hoverTwo .grid{height:100px;line-height:100px;margin-top:5px;}
.indexArea .item .hover .grid img{max-width:160px;max-height:135px;}
.indexArea .item .hoverTwo .grid img{max-width:160px;max-height:70px;}

.indexArea .item .across{position:absolute;top:0;width:100%;}
.indexArea .item:hover .across{position:absolute;top:-320px;}
.indexArea .item:hover .across .show{box-shadow:none;}
.indexArea .item:hover .across .hover .grid{box-shadow:0 0 10px rgba(0,0,0,0.3)}
.flexslider{position:relative;}
.indexModule{margin-top:30px;width:100%;height:auto;}
.indexModule .flex-control-nav{width:100%;position:absolute;bottom:-45px;text-align:center;}
.indexModule .flex-control-nav li{margin:0 10px;display:inline-block;zoom:1;*display:inline;width:20px;}
.indexModule .flex-control-paging li a{display:block;width:20px;height:20px;border-radius:50%;background:#fff;overflow:hidden;cursor:pointer;text-indent:99em;}
.indexModule .flex-control-paging li a.flex-active{background:#3399ff;}
.indexModule .flex-direction-nav{width:1600px;margin:0 auto;position:relative;}
.indexModule .flex-direction-nav .flex-prev{position:absolute;display:block;text-indent:-9999px;background:url(../images/prev.png) no-repeat;background-size:100% 100%;width:105px;height:105px;left:-130px;top:-382px;}
.indexModule .flex-direction-nav .flex-next{position:absolute;display:block;text-indent:-9999px;background:url(../images/next.png) no-repeat;background-size:100% 100%;width:105px;height:105px;right:-130px;top:-382px;}
.indexModule .flex-direction-nav .flex-prev.flex-disabled,.indexModule .flex-direction-nav .flex-next.flex-disabled{opacity:0.3;filter:Alpha(opacity=30);}


@media (min-width: 1860px) {
.indexArea{width:1600px;}
.indexArea .item{width:385px;height:310px;}
.indexArea .item .ico img{min-height:250px;}
.indexArea .item.itemOne .ico img{min-width:280px;}
.indexArea .item .show{height:310px;}
.indexArea .item .show a{padding:30px;}
.indexArea .item.itemOne,.indexArea .item.itemOne .show{height:640px;}
.indexArea .item .tit{font-size:26px;line-height:50px;width:100%;}
.indexArea .item .hover .grid{font-size:26px;}
.indexArea .item .hoverOne .grid{height:145px;line-height:125px;margin-top:20px;}
.indexArea .item .hoverTwo .grid{height:100px;line-height:80px;margin-top:5px;}
.indexArea .item .hover .grid img{max-width:160px;max-height:135px;}
.indexArea .item .hoverTwo .grid img{max-width:160px;max-height:70px;}
.indexArea .item:hover .across{position:absolute;top:-320px;}
.indexArea .item.itemOne:hover .across{position:absolute;top:-660px;}
.indexArea .item.itemOne:hover .across .grid{height:310px;margin-top:20px;}
.indexModule .flex-direction-nav{width:1600px;}
.indexModule .flex-direction-nav .flex-prev{width:105px;height:105px;left:-130px;top:-382px;}
.indexModule .flex-direction-nav .flex-next{width:105px;height:105px;right:-130px;top:-382px;}
}
@media (max-width: 1860px) and (min-width: 1680px) {
.indexArea{width:1400px;}
.indexArea .item{width:335px;height:270px;}
.indexArea .item .ico img{max-height:220px;}
.indexArea .item.itemOne .ico img{max-width:250px;}
.indexArea .item .show{height:270px;}
.indexArea .item .show a{padding:25px;}
.indexArea .item.itemOne,.indexArea .item.itemOne .show{height:560px;}
.indexArea .item .tit{font-size:24px;line-height:50px;}
.indexArea .item .hover .grid{font-size:24px;}
.indexArea .item .hoverOne .grid{height:125px;line-height:105px;margin-top:20px;}
.indexArea .item .hoverTwo .grid{height:86px;line-height:66px;margin-top:6px;}
.indexArea .item .hover .grid img{max-width:160px;max-height:115px;}
.indexArea .item .hoverTwo .grid img{max-width:160px;max-height:65px;}
.indexArea .item:hover .across{position:absolute;top:-280px;}
.indexArea .item.itemOne:hover .across{position:absolute;top:-580px;}
.indexArea .item.itemOne:hover .across .grid{height:270px;margin-top:20px;}
.indexModule .flex-direction-nav{width:1400px;}
.indexModule .flex-direction-nav .flex-prev{width:90px;height:90px;left:-110px;top:-325px;}
.indexModule .flex-direction-nav .flex-next{width:90px;height:90px;right:-110px;top:-325px;}
}
@media (max-width: 1680px) and (min-width: 1480px) {
.indexArea{width:1300px;}
.indexArea .item{width:310px;height:250px;}
.indexArea .item .ico img{max-height:200px;}
.indexArea .item.itemOne .ico img{max-width:225px;}
.indexArea .item .show{height:250px;}
.indexArea .item .show a{padding:20px;}
.indexArea .item.itemOne,.indexArea .item.itemOne .show{height:520px;}
.indexArea .item .tit{font-size:20px;line-height:40px;}
.indexArea .item .hover .grid{font-size:20px;}
.indexArea .item .hoverOne .grid{height:115px;line-height:95px;margin-top:20px;}
.indexArea .item .hoverTwo .grid{height:80px;line-height:60px;margin-top:5px;}
.indexArea .item .hover .grid img{max-width:160px;max-height:100px;}
.indexArea .item .hoverTwo .grid img{max-width:160px;max-height:60px;}
.indexArea .item:hover .across{position:absolute;top:-260px;}
.indexArea .item.itemOne:hover .across{position:absolute;top:-540px;}
.indexArea .item.itemOne:hover .across .grid{height:250px;margin-top:20px;}
.indexModule .flex-direction-nav{width:1300px;}
.indexModule .flex-direction-nav .flex-prev{width:70px;height:70px;left:-85px;top:-305px;}
.indexModule .flex-direction-nav .flex-next{width:70px;height:70px;right:-85px;top:-305px;}
}

@media (max-width: 1480px){
.indexArea{width:1100px;}
.indexArea .item{width:260px;height:210px;}
.indexArea .item .ico img{max-height:160px;}
.indexArea .item.itemOne .ico img{max-width:175px;}
.indexArea .item .show{height:210px;}
.indexArea .item .show a{padding:15px;}
.indexArea .item.itemOne,.indexArea .item.itemOne .show{height:440px;}
.indexArea .item .tit{font-size:20px;line-height:40px;}
.indexArea .item .hover .grid{font-size:18px;}
.indexArea .item .hoverOne .grid{height:98px;line-height:78px;margin-top:14px;}
.indexArea .item .hoverTwo .grid{height:67px;line-height:47px;margin-top:5px;}
.indexArea .item .hover .grid img{max-width:140px;max-height:67px;}
.indexArea .item .hoverTwo .grid img{max-width:160px;max-height:50px;}
.indexArea .item:hover .across{position:absolute;top:-220px;}
.indexArea .item.itemOne:hover .across{position:absolute;top:-460px;}
.indexArea .item.itemOne:hover .across .grid{height:210px;margin-top:20px;}
.indexModule .flex-direction-nav{width:1100px;}
.indexModule .flex-direction-nav .flex-prev{width:65px;height:65px;left:-80px;top:-265px;}
.indexModule .flex-direction-nav .flex-next{width:65px;height:65px;right:-80px;top:-265px;}
}
.indxTip{background:rgba(255,255,255,0.6); position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.tipBox{position: absolute; width:537px;height:392px;padding:55px 80px 50px 150px;left:50%;top:50%;margin-left:-270px;margin-top:-186px;background:url(../images/tip.png) no-repeat;text-align:center;}
.tipBox .close{position:absolute;right:6px;top:2px;cursor:pointer;}
.tipBox h2{color:#fffd3c;font-size:30px;font-weight:normal;}
.tipBox p{color:#ffffff;font-size:14px;margin-top:42px;line-height:24px;height:72px;}
.closebtn{background:#ff9600;color:#fff;font-size:18px;border-radius:8px;width:126px;line-height:42px;margin:5px auto 0;cursor:pointer;box-shadow: 0 2px 0 #dc8100;}

.lgxia{width:1600px; margin:20px auto; overflow:hidden;position:absolute;left:50%;margin-left:-450px;bottom:50px;z-index:96;color:#fff;}
.lgxia p{font-size:12px;}
.lgxia a{ color:#ecf3e7;}
.lgxia a:hover{ text-decoration:underline;}
@media (min-width: 1860px) {
.lgxia{width:1600px;margin-left:-800px;}
}
@media (max-width: 1860px) and (min-width: 1680px) {
.lgxia{width:1400px;margin-left:-700px;}
}
@media (max-width: 1680px) and (min-width: 1480px) {
.lgxia{width:1300px;margin-left:-650px;}
}
@media (max-width: 1480px){
.lgxia{width:1100px;margin-left:-550px;}
}