@charset "utf-8";

/* CSS Document */

button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}
.clearfix:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;}
.hide{display:none;}
.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none;font-size:3px;color:transparent;line-height:0;}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;background:transparent !important;}


/* Dots */
.slick-dotted.slick-slider{padding-bottom:50px;}
.slick-dots{/* position:absolute;*/bottom:0px;display:block;padding:0;margin:0;list-style:none;/* text-align:left;*/;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height: 3px;background: #fff;opacity:0.5;cursor:pointer;color:transparent;border:0;}
.slick-dots li.slick-active button{width:50px;opacity:0.4;background:#00afd5;}
.main01sec-1{font-weight:600;font-size:16px;color:#fff;height:40px;line-height:40px;text-align:center;border:1px solid #fff;padding:0 20px;display:inline-block;text-align:center;margin-bottom:15px;}
.main01sec-2{font-size:60px;font-weight:500;line-height:122%;letter-spacing:-5px;text-align:center;}
.main01sec-2 span{color:#0dd6ed;}
.main01sec-3{font-size:36px;color:rgba(255,255,255,1);line-height:140%;text-align:center;padding-top:20px; padding-bottom: 20px}
.main01sec-3 span{font-weight:700;}
.mainsmore a{border: 1px solid #13dcf3;display: block;font-size: 24px;width: 170px;text-align: center;color: #13dcf3;margin: 0 auto 100px;padding:10px 0;}

.main01sec{float:left;/* text-align:left;*/;}
.main01secw{overflow:hidden;/* height:225px;*/position:relative;text-align:center;}

.tfixmenu{float:right;margin-top:100px;position:relative;width:270px;height:360px;background:url(../img/main/tfixmenubg.png);box-sizing:border-box;padding-top:10px;}
.tfixmenu ul li a{color:rgba(255,255,255,1);width:115px;height:110px;text-align:center;box-sizing:border-box;padding-top:70px;float:left;margin:0 10px;position:relative;display:block;}
.tfixmenu ul li a:after{position:absolute;width:110px;height:1px;background:rgba(255,255,255,0.5);content:'';display:block;bottom:0;}
.tfixmenu ul li:nth-child(1) a{background:url(../img/main/tfix01.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(2) a{background:url(../img/main/tfix02.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(3) a{background:url(../img/main/tfix03.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(4) a{background:url(../img/main/tfix04.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(5) a{background:url(../img/main/tfix05.png) no-repeat center 20px;}
.tfixmenu ul li:nth-child(6) a{background:url(../img/main/tfix06.png) no-repeat center 20px;}

.tfixmenupop{position:fixed;top:230px;left:50%;margin-left:-175px;display:none;z-index:3;}
.tfixmenupop ul li a{display:block;width:350px;height:50px;border-radius:20px;background:#e88109;font-size:18px;line-height:50px;margin-bottom:3px;color:rgba(255,255,255,1);padding-left:60px;font-weight:500;box-sizing:border-box;}
.tfixmenupop ul li:nth-child(1) a{background:url(../img/main/tfixpop_01.png) no-repeat 15px center #e88109;}
.tfixmenupop ul li:nth-child(2) a{background:url(../img/main/tfixpop_02.png) no-repeat 15px center #e85509;}
.tfixmenupop ul li:nth-child(3) a{background:url(../img/main/tfixpop_03.png) no-repeat 15px center #e88109;}
.tfixmenupop ul li:nth-child(4) a{background:url(../img/main/tfixpop_04.png) no-repeat 15px center #e85509;}

.tfixmenupop .tfixmenupopt{width:350px;height:50px;border-radius:20px;background:#fff;text-align:center;color:rgba(0,0,0,1);line-height:50px;margin-bottom:3px;font-size:21px;font-weight:600;}
.tfixmenupop .tfixmenupopclose{position:absolute;right:0px;top:-35px;cursor:pointer;}
.maintop{position:relative;margin:0 auto;padding:0;width:100%;text-align:center;background:url(../img/main/mainbg.png) no-repeat center top; background-size:cover;z-index:0;}
.maintop .mainimg{margin:0 auto;width:1400px;text-align:left;overflow:hidden;height:620px;position:relative;}
.maintop .text{padding:191px 0 0 0;width:800px;color:#ffffff;font-size:32px;line-height:36px;text-align:center;margin:0 auto;}
.maintop .text strong{font-size:52px;display:block;padding:0 0 25px 0;}

.mcbt2{font-size: 24px;font-weight: 700;padding-right: 10px;padding-left: 11px;}
.mcbt2 span{color: #efe652}
.mcbt3{font-size: 30px; font-weight: 700;   font-family: 'Futura-Bold'; padding-right: 20px}
.mcbt4{font-size: 14px; letter-spacing: 0}
.mcbt4 span{padding-right: 10px}

.sec01{padding:50px 0 65px; background:#eef9ff}
.mtit{font-size:29px; color:#000000; margin-bottom:20px; font-weight: 500;    letter-spacing: -2px;}
.surveyw{overflow:hidden; }
.surveyboxw{/* display:flex; *//* justify-content: space-between; *//* flex-wrap: nowrap; *//* flex-direction: row; */}
.survey{float:left;width: 75%;position:relative;}

.surveyw .survey  .more a{right: 10px}
.surveybox{border:1px solid #ccc;background:#f8fafc;/* flex:1; *//* margin-right:20px; */height:430px;box-sizing:border-box;display:block;padding: 15px;width: 32%;float: left;margin-right: 1.5%;}
.surveybox a{display: block}
.surveybox:nth-child(3){margin-right: 0;}
.survetop{border-bottom:1px solid #ccc; overflow:hidden; padding-bottom: 10px;}
.survetop .survname{float:left; font-size:17px; font-weight:700}
.survetop .survname img{padding-right:10px}
.survetop .surdate{float:right; color:#8c8c8c; font-size:14px; padding-top:7px}
.survcontit{font-size:22px; color:#454545; padding:15px 0; font-weight:600;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.survboxtit{font-size:16px; color:#696969; font-weight:600}
.survbox{padding-bottom:20px;}
.survtxt{font-size:14px}
.gongamw{overflow:hidden; margin-bottom: 13px;}
.gongam{float:left; color:#0f5bb9}
.opion{float:right; color:#209ad9}
 .mixed-bar-on{position:relative;width:100%; height:18px; line-height:18px; text-align:center; background:#d7e5ff; color:#333; margin-right:20px; z-index:0}
.mixed-bar-on span{position:absolute; right:10px; color:#333; font-size:13px; font-weight: 500;}
.surv-upload-line {  content: '';  display: block;  background: #1075d1;  width: 50%;  height: 100%;  box-sizing:border-box; top: 0;   position: absolute; left:0; z-index: -1; }




.offer{float:left;width: 25%;position:relative;}
.offerbox  a{border:1px solid #ccc; background: #f8fafc; flex:1; height:430px; box-sizing:border-box; display:block; padding: 15px;}
.offerimg{overflow:hidden; }
.offerimg img{width:100%;  height:170px;}
.offertit{text-align:center; font-size:18px; color:#454545; padding:20px 0; font-weight: 600;}
.offerstit{font-size:14px; color:#696969;}
.chanboxw{text-align:center; padding-top:8px}
.chanboxw > div{display:inline-block; padding: 0 5px; font-size:14px;}
.chanb{color:#0f5bb9;}
.chanbc{color:#209ad9;}
.surveyw .more a{position:absolute;right: 0;top: 10px;display:block;border:1px solid #ccc;font-size:14px;padding:3px 10px;}


.progarmzone{background:url("../img/main/progbg.png") no-repeat;padding:60px 0 50px;background-size:cover;}
.protit{text-align: center;    font-size: 32px;    font-weight: 500;    padding-bottom: 40px;    color: #000;}
.protit:after{width:50px; height:1px; background:rgba(102,102,102,1); display:block; content:''; margin:10px auto 10px;}
.prostit{text-align:center;font-size:16px;padding-bottom:40px; color: #6d6d6d}
.progarmzone .tabs{text-align:center;margin-bottom:40px;}
.progarmzone .tabs li{display:inline-block;cursor:pointer;color:#e6e6e6;height:50px;line-height:50px;border:1px solid #e6e6e6;box-sizing:border-box;margin:0 5px;width:180px;text-align:center;}
.progarmzone .tabs li.active{background:#dd415a ;color:rgba(255,255,255,1.00);border:1px solid #dd415a;}

.progimg img{width:100%; border-radius: 10px 10px 0 0 }
.progboxw{background: #f9f9f9;/* height: 325px; */}
.prodate{color:#00bbd0; font-size:16px; padding-bottom:25px;}
.progtxt{padding: 30px 20px 15px;border: 1px solid #c0c0c0;box-sizing: border-box;height: 325px;}
.progtxt:hover{border: 1px solid #00bbd0}
.progtxt .progt1{font-weight:500;font-size:21px;color:#231815;padding-bottom:10px;height: 70px;}
.progtxt .progt1:after{content:'';display:block;width:80px;height:1px;background:#CCC;margin-top: 20px;/* margin-bottom: 30px; */}
.progtxt .progt2{font-size:16px;color:#474747;/* padding-bottom:10px; *//* overflow: hidden; *//* text-overflow: ellipsis; *//* white-space: nowrap; */padding-top: 30px;}
.sec02 .swiper-button-prev, .sec02 .swiper-button-next{width: 61px; height: 60px;}
.sec02 .swiper-button-prev{background:url("../img/main/prev.png")}
.sec02 .swiper-button-next{background:url("../img/main/next.png")}
.sec02 .container{padding-bottom:40px; width: 1230px}
.sec02 .proSwiper{    margin: 0 auto;    overflow: hidden;}

.sec03{background:#f9f9f9;padding:60px 0 50px;}
.nomuboxw{float: left;  overflow: hidden; border-radius: 10px;  color: #fff; box-sizing: border-box;  width: 670px; height: 490px;}
.nomuboxw a{display: block;position: relative;}

.nomuboxw .bg{ background:url(../img/main/nomu.png) no-repeat;    color:rgba(255,255,255,1);    width: 670px;
    height: 490px;    background-size: cover;    transform: scale(1);     transition: all 0.3s ease-in-out;    position: absolute;    }
.nomuboxw .bg:hover{transform:scale(1.1);}
.nomuboxw .nomutxt{position: absolute;    top: 320px;    left: 30px;}
.nomutit{font-size: 23px;font-weight: 500;padding-bottom: 15px;padding-right: 27px;background: url("../img/main/cboxt.png") no-repeat right  11px;display: inline-block;color: #fff;}
.nomustit{font-size: 16px;color: #fefefe;/* font-weight: 500; */}



.cboxw{height: 230px;border-radius: 10px;overflow: hidden;}
.cboxw  .cbox a{float: left;width: 315px;margin-right: 20px;border-radius: 10px;height: 230px;padding: 30px;box-sizing: border-box;display: block;position: relative;overflow: hidden;}
.cboxw  .cbox:last-child a{margin-right: 0}
.cboxw .cbox01 .bg{background:url(../img/main/cbox01.png) no-repeat;color:rgba(255,255,255,1);width: 315px;height: 230px;background-size: cover;transform: scale(1);transition: all 0.3s ease-in-out;position: absolute;left: 0;top: 0;}
.cboxw .cbox01:hover .bg:hover{transform:scale(1.1);}
.cboxw .nomutxt{position: absolute;    top:40px;    left: 30px;}
.cboxw .cbox02 .bg{background:url(../img/main/cbox02.png) no-repeat;color:rgba(255,255,255,1);width: 315px;height: 230px;background-size: cover;transform: scale(1);transition: all 0.3s ease-in-out;position: absolute;left: 0;top: 0;}
.cboxw .cbox02:hover .bg:hover{transform:scale(1.1);}



.galleryzone{ }
.gallerytit{/* padding-bottom:40px; */text-align: left;/* padding-right: 30px; */}
.gallerytit .ntit{ color: #282828; font-size: 35px; font-weight: 700; padding-bottom: 20px;}
.gallerytit .nstit{ color: #6d6d6d; font-size: 16px; padding-bottom: 40px}
.gallerytit  .more a{display: block; width: 110px; height: 45px; border: 1px solid #cbcbcb; line-height: 45px; padding-left: 20px; background: url("../img/main/morec.png") no-repeat 80% center; }
.gallerytit  .more a:hover{border: 1px solid #14b1c7; background:#14b1c7 url("../img/main/morecw.png") no-repeat 80% center; color: rgba(255,255,255,1.00); transition: all 0.3s ease-in-out; }

.galleryzone .container{padding-bottom:50px;}
.gallerybox{float:left;width: 420px;padding-right: 30px;box-sizing: border-box;}
.galleryimg{float:left;width:calc(100% - 420px);overflow: hidden;position: relative;background:url(../img/main/e-daul.png) no-repeat;background-size:cover;height: 360px;}

.gaimg{overflow: hidden;position: relative;width: 365px;height: 225px;margin: 20px auto 35px;border-radius: 10px;border: 1px solid #eeeeee;box-sizing: border-box;}
.gaimg img{width: 100%; height: 100%; display: block; -webkit-transition: all 0.3s;overflow: hidden;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.galleryimg .swiper-slide:hover .gaimg img{transform: scale(1.1);}
.galleryimg .swiper-pagination{bottom: 0px}


.banzone{margin-bottom:40px; margin-top:50px; display:flex}
.banzbox{flex:1; overflow: hidden;  margin-right:30px;}
.banzbox a{display:block; overflow:hidden; height:215px;text-align:center;color:rgba(255,255,255,1);font-weight: 500;font-size:24px;padding-top: 140px;box-sizing: border-box;transform: scale(1);     transition: all 0.3s ease-in-out;}
.banzbox:last-child{margin-right:0;}
.banzbox a:hover{transform:scale(1.1);}
.banz01 a{background:url(../img/main/ban01.png) no-repeat; background-size: cover;}
.banz02 a{background:url(../img/main/ban02.png) no-repeat; background-size: cover;}
.banz03 a{background:url(../img/main/ban03.png) no-repeat; background-size: cover;}
.sec04{overflow: hidden}
@media only all and (max-width:1500px){
	.maintop .mainimg{width:100%;}
	.sec02 .container{width: 100%}
	.sec02 .proSwiper{width: 100%}
}

@media only all and (max-width:1350px){
	.noticezone{width: 60%}
	.newsletter{width:39%; margin-left: 1%}
	.noticew{width: 60%; padding-bottom: 0}
	.jobw{width: 40%}
	.gallerybox{width: 40%; padding-left: 0;}
	.galleryimg{ width: 60% }
	.nomuboxw{ width: 49%; margin-right: 1%}
	.talkboxw{width: 50%; padding-left: 1%}
	.cboxw .cbox a{width: 49.5%; margin-right: 1%}
	.cboxw .cbox:last-child a{margin-right: 0}
	.nomustit p{ font-size: 15px}
	.surveybox a, .offerbox a{}
	
	
}

@media only all and (max-width:1024px){
	.maintop .mainimg{height:500px;}
   .Mainbg{overflow: hidden; height:500px !important;}
   .maintop .text{padding-top: 80px}
   .maintop .mainban{width: 100%; left: 0; margin-left: 0}
   .cont-s{height: 70px; overflow: hidden}
   .conts_list li + li{margin-top: 5px; margin-bottom: 5px}
   .conts_list li a .date{font-size: 13px}
   .conts_list li a .title{padding-right: 50px}
   .nomustit p{display: inline}
   .survey{width:100%; margin-bottom: 20px;}
   .offer{width:100%;}
   .surveybox:last-child a{margin-right:0;}
   .surveyw .more a{right:0;}
   .progtxt{height:400px;}
   	.maintop .text{width:100%;padding-top:90px;}
	.main01sec-2{font-size: 35px}
   
}



@media only all and (max-width:800px){
.surveybox{width: 100%;     height: auto; margin-bottom: 10px}
	.maintop .mainban p{display: block; text-align: center}
	.mcbt1, .mcbt2, .mcbt3{display: inline-block !important}
	.mcbt4{padding-top: 10px}
	.maintop .manbantxt{display: block}
	.noticezone{width: 100%}
	.newsletter{width: 100%; margin-left: 0; margin-top: 10px}
	.noticew{width: 100%; border: none}
	.jobw{width: 100%}
	.sec03{padding: 20px 0}
	.nomuboxw{width: 100%; margin-right: 0; height: 200px; margin-bottom: 15px}
	.nomuboxw .bg{width: 100%; height: 200px; background-position: center}
	.talkboxw{width: 100%; padding-left: 0}
	.nomuboxw .nomutxt{left: 30px; top: 50px}
	.cboxw .cbox01 .bg, .cboxw .cbox02 .bg{width: 100%}
	.cboxw .nomutxt{width: 80%}
    .banbox{margin-right: 5px; height: 180px}
	.gallerytit .ntit{font-size: 24px}
	.gaimg{width: 100%; margin: 0}
	.progarmzone{padding-bottom: 0}
	
}

@media only all and (max-width:520px){
.Mainbg{height: 350px !important}
.maintop .mainimg{height: 350px }
.main01sec-2 p{display: inline}
.main01sec-3 p{display: inline}
.mcbt4 span{display: block}
.main01sec-2{font-size: 26px; letter-spacing: -2px}
.gallerybox{width: 100%; padding-right: 0;}
.galleryimg{width: 100%; height: 200px;}
.gallerytit .nstit p{display: inline}
.gallerytit .nstit{padding-bottom: 20px; font-size: 15px}
.bantxt{font-size: 14px}
.banbox{height: 150px}
.sec01{padding-top: 20px; padding-bottom: 20px}
.protit{font-size: 28px}
.progtxt .progt1{font-size: 18px}
.nomuboxw .nomutxt{top: 80px}
.newsletter{padding: 20px}
.progarmzone{padding-top: 30px;}
.cboxw .cbox a{width: 100%; margin-right: 0}
.cboxw{height: auto}
.cboxw .cbox01 .bg, .cboxw .cbox02 .bg{height: 200px}
.cboxw .cbox a{height: 200px; margin-bottom: 10px; }
.talkbox .bg{background-size: 60%;background-position: right bottom;width: 100%;}
.talkbox a{height: 185px;overflow: hidden;margin-bottom: 10px;}
.banbox{flex: none;display: block;width: 31%;margin-right: 1%;/* float: left; */text-align: center;margin-bottom: 10px;padding-top: 20px;height: 120px;display: inline-block;text-align: center;}
.banimg{height: 70px; line-height: 70px}
.banbox:nth-child(3){/* margin-right: 0 */}
.banbox a{display: block}
.banw{display: block;text-align: center;}
.galleryzone{padding-top: 30px}
.gallerytit{position: relative; padding-bottom: 0;}
.gallerytit .more a{position:absolute; width: 80px; height: 30px; line-height: 30px; right: 0; font-size: 14px; top: 0}
.offerbox a{height: auto}
.banzone{display:block; margin-top: 20px    }
.banzbox{margin-right:0; margin-bottom: 10px;}
.banzbox a{width:100%; background-position: center; margin-bottom: 10px; height: 170px; padding-top: 100px;}
.surveybox a{flex:none; height:auto;     margin-right: 0; margin-bottom: 15px   }
.surveyboxw{display:block;}
.main01sec-3{font-size:23px;}
.mainsmore a{font-size: 17px;padding:5px 0;margin-bottom: 0;width: 117px;height: auto;line-height: initial;}
.sec02 .container{padding-bottom: 0}
.progtxt{padding: 15px; height: 310px}
.mtit{font-size: 22px}
.progtxt .progt2{font-size: 14px}
}