@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:12px; color:#393939; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a, time{ outline:none; cursor:pointer; text-decoration:none; color:#393939; 
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s; 
}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*hover-color*/
/*::selection { color: #fff; background-color: #A97F48;}    
::-moz-selection { color: #fff; background-color: #A97F48;} 

::-webkit-scrollbar  
{  width:8px;  height: 8px; background-color: #F5F5F5;  }  
::-webkit-scrollbar-track  
{ border-radius: 10px; background-color: #E2E2E2;  }  
::-webkit-scrollbar-thumb  
{  border-radius: 10px; background-color: #2583C6; -webkit-box-shadow: inset 0 0 6px rgba(33,120,181,.3);}*/
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
/*input, button, select, textarea{ outline:none}*/
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- tabless///-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix///-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*----- dis///-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*----- 文字两侧对齐///-----*/
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
@media screen and (-webkit-min-device-pixel-ratio:0){
   .justify:after { position:absolute; content:"."; display: inline-block; width:100%; overflow:hidden; height:0;}
}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/

@font-face
{
font-family: ziti1;
src: url(FUTURASTD-BOOK.OTF);
}
@font-face
{
font-family: ziti;
src: url(HELVETICANEUELTPRO-THEX.OTF);
}




.nav{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}

header{position: absolute;top: 0;width: 100%;z-index: 3;box-sizing: border-box;padding: 15px 50px;line-height: 70px;transition: 0.3s ease-out;}
header.active3{background: rgba(0,0,0,.4);position: fixed;padding: 5px 50px;}

.mobile{display:none;float: right;margin-top: 20px;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box;
padding-top: 2px;transition: 0.4s ease-in-out;}
.mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background: #fff;margin-top: 5px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:16px}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);}


.nav{display: inline-block;float: right;}
.sousuo{display: inline-block;vertical-align: top;}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;}
.nav ul li a{font-size: 15px;color:#333;}
.nav ul li a:hover{color: #fff;}
.nav ul>li{display: inline-block;vertical-align: top;text-align: center;width: auto;padding: 0;margin-right: 35px;}

.lisnj a:nth-child(4){position: relative;}
.lisnj a:nth-child(4) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(4):hover img{display: block;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 12px;position: relative;border-bottom:1px solid transparent;font-size: 16px;
color: white;transform: translateY(3px);position: relative;}
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;width: 0;position: absolute;opacity:0;width: 100%;height: 2px;background: white;bottom: -6px;
transform: scaleX(0);transition: 0.5s ease-in-out;}
.nav ul>li:hover>a:after,.nav ul>li.active>a:after{opacity: 1;transform: scaleX(1);}

.cbl li:nth-child(4){position: relative;}
.cbl li:nth-child(4) img{position: absolute;width: 120px;top: 0;left: -125px;display: none;}
.cbl li:nth-child(4):hover img{display:block;}
.cbl li:nth-child(3){ position: relative; }
.cbl li:nth-child(3) .cbl_p{ position: absolute; width: 180px; top:0; left: -205px; font-size: 16px; display: none; height:60px; padding: 10px; line-height:30px; background: #b3916c; text-align: center; color: #fff;}
.cbl li:nth-child(3) .cbl_p img{ float: left; width: 50px; height: auto; margin:5px 0px; }
.cbl li:nth-child(3):hover .cbl_p{ display: block; }
.cbl li:nth-child(2){ position: relative; }
.cbl li:nth-child(2) p{ width: 200px; padding:20px 10px; left: -225px; top:0px; position: absolute; display:none; background: #fff; }
.cbl li:nth-child(2) p input{ width: 100%; height: 36px; line-height: 26px; margin-bottom: 10px; padding:5px 0px 5px 10px; box-sizing: border-box; border:1px solid #b3916c; color:#b3916c;}
.cbl li:nth-child(2) p input::-webkit-input-placeholder {color:#b3916c;}
.cbl li:nth-child(2) p button{ width: 100%; height: 36px; line-height:36px; background: #b3916c; color: #fff;}
.cbl li:nth-child(2):hover p{ display: block; }
/*.nav ul>li.active>a{border-bottom:1px solid white;}*/
.nav ul>li:last-child:before{display: none}

.cbl li:nth-child(1){
	display: none
}
.sousuo input[type=text]{width:240px;height: 38px;border: 1px solid rgba(250,250,250,.8);background: transparent;box-sizing: border-box;padding: 0 15px;
color: white;font-size: 15px;outline: none;}
.sousuo input[type=text]:focus{border-color: #b3916c;}
.sousuo{position: relative;}
.sousuo font{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 3px;cursor: pointer;}
.lisnj{display: inline-block;vertical-align: top;margin-left: 25px;}
.lisnj a{display: inline-block;width: 31px;height: 31px;margin-left: 0px;vertical-align: middle;border-radius: 50%;}
.lisnj a:nth-child(1){background: url(../images/h2.png) no-repeat center center #fff;}
.lisnj a:nth-child(2){background: url(../images/h1.png) no-repeat center center #fff;}
.lisnj a:nth-child(4){background: url(../images/h3.png) no-repeat center center #fff;}
.lisnj a:nth-child(3){background: url(../images/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}

.lisnj a:nth-child(1):hover{background: url(../images/cc1.png) no-repeat center center #fff;}
.lisnj a:nth-child(2):hover{background: url(../images/dd1.png) no-repeat center center #fff;}
.lisnj a:nth-child(4):hover{background: url(../images/ff2.png) no-repeat center center #fff;}
.lisnj a:nth-child(3):hover{background: url(../images/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.divBox{width: 75%;margin: 0 auto;}
.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;}
.bav_list{width: 100%;line-height: 35px;transform:translateY(50px);opacity: 0;z-index: -1;height: 0 ;overflow: hidden;transition: 0.4s ease-in;}
.nav ul>li:hover .bav_list{transform: translateY(0);opacity: 1;z-index: 1;height: 245px;}
.langgus{display: inline-block;margin-left: 15px;transform: translateY(100px);opacity: 0;    transition: 0.8s ease-out 1.3s;}
.langgus a{font-size: 15px;color: white;}
header.sb .langgus{transform: translateY(0);opacity: 1;}
.bav_list ol{display: inline-block;vertical-align: middle;width: 30%;padding: 30px;box-sizing: border-box;background: #f8f8f8;height: auto;position: relative;z-index: 2;}
.bav_list ol li{border-bottom: 1px solid #f1f1f1;position: relative;}
.bav_list ol li:last-child{border: none;}
.bav_list ol li a{font-size: 14px;color: gray;}
.bav_list ol li:hover a{color: #000;}
.bav_list ol li i{display: inline-block;position: absolute;font-size: 13px;left: 9px;color: transparent;transition: 0.3s ease-in-out;}
.bav_list ol li:hover i{color: gray;}
.bav_list:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;background: #f8f8f8;}

.bav_list dl{display: inline-block;vertical-align: middle;padding: 20px 0;text-align: center;width: 70%;}
.bav_list dl span{display: block;}
.bav_list dl span img{max-width: 55%;}
.bav_list dl dd{display: none;}
.bav_list dl dd p{font-size: 14px;color: #666666;}
.bav_list dl dd p font{font-size: 12px;color: gray;}





.in_fot{background: #333; display: block; overflow: hidden; padding: 50px 0 0 ;}
.container{ width: 75%; margin: auto; }
.indf_left{width: 27.66%;padding-right: 25px;border-right: 1px solid #535353; float: left;box-sizing: border-box;}
.in_ldhbf_tit{font-size: 20px; color: #fff; display: block; line-height: 30px; margin-bottom: 10px; text-align: center;}
.ywnkjfd{font-size: 18px;text-transform: uppercase;color: #fff; display: block; line-height: 40px; margin-bottom: 10px;}
.in_fot_jskd{font-size: 14px; color: #959595; display: block; line-height: 30px;padding-left: 100px;}

.in_fotvgfwk{width: 15.86%;padding: 0 25px; border-right: 1px solid #535353;float: left;box-sizing: border-box;}
.in_fotvgfwk ul{padding: 0;}
.in_fotvgfwk li{width:100%; float: left;}
.in_fotvgfwk li a{font-size: 14px; color: #959595; display: block; line-height: 30px;}
.inscxjd_logd{ width: 100%; text-align: center; }
.inscxjd_logd img{ margin: 25px auto 20px auto; }
.xgfwk{font-size: 16px; color: #fff; display: block; line-height:30px ;margin-bottom: 20px;}
.in_fotfwrxk{width:30.66%; padding:0 25px; display: block; border-right: 1px solid #535353;float: left; box-sizing: border-box;}
.in_fofwrzk span{font-size: 16px; color:#fff; display: block;line-height: 30px;margin-bottom: 20px;}
.in_forxhmk{font-size: 36px; color: #fff; display: block; line-height: 45px;}
.in_fot_xxkjd{clear: both;}
.in_foitjbxxjd{display: block; font-size: 14px; color: #b7b7b7;  line-height:30px ;}
.in_fot_ewmk ul{padding: 0;}
.in_fot_ewmk li{width: 50%; padding-left: 20px; display: block;float: left; box-sizing: border-box; }
/*.in_fot_ewmk li:nth-child(2){ padding-left: 0px; }*/
.in_fot_ewmk{width:25.8%; float: left;}
.in_fonslf_ewm_img img{width: 134px; height: 134px; display: block;}
.indezkdf{font-size: 14px; width: 100%; color: #959595; display: block;line-height:30px ;text-align: center; margin-top: 5px;}

.in_fonslf_ewm_img{ width: 100%; height: 0; padding-bottom: 100%; position: relative;}
.in_fonslf_ewm_img img{ width: 100%; height: 100%; position: absolute; }

.indf_left,.in_fotvgfwk,.in_fotfwrxk,.in_fot_ewmk{height: 210px; overflow: hidden;}
.ind_fosbk{overflow: hidden; border-bottom: 1px solid #535353;padding-bottom: 40px;}
.in_bqkjd{padding: 20px 0; display: block;overflow: hidden; }

.in_klnd_lef{font-size: 14px; color: #959595; display: block; line-height:30px ; float: left;}
.in_jkbdsrigth{ float: right;}
.in_jkbdsrigth a,.in_jkbdsrigth{font-size: 14px; color: #959595;  line-height:30px ;}


.sibg {
    background: #f5f5f5;
    padding: 20px 0;
}
.juzhong {
    width: 75%;
    overflow: hidden;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sikb li {
    display: block;
    float: left;
    width: 33.33%;
    position: relative;
    left: 100px;
    opacity: 0;
}
.situ {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
}
.situ img{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.sis {
    margin-left: 88px;
}
.sis p{ width: 100%; line-height:70px; color: #b3916c; font-size: 22px;}

.cbl{width: 50px;position: fixed;right:0;bottom:10%;z-index: 3333;}
.cbl li{margin-top: 0px;transition: 0.4s ease-in-out;height: 51px;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 50px;height:50px;text-align: center;background:#fff;box-sizing: border-box;
font-size: 12px;color: white;line-height: 50px;border: 1px solid #b3916c;}
.cbl span i{display: block;font-size: 40px;color: white;}
.cbl span p{}
/*.cbl li:nth-child(1) span{background: url(../images/cc3.png) no-repeat center center #fff;}*/
.cbl li:nth-child(2) span{background: url(../images/dd3.png) no-repeat center center #fff;}
.cbl li:nth-child(2) span{background: url(../images/dd3.png) no-repeat center center #fff;}
.cbl li:nth-child(3) span{background: url(../images/sc1.png) no-repeat center center #fff;}

.cbl li:nth-child(4) span{background: url(../images/ff3.png) no-repeat center center #fff;}
.cbl li:nth-child(5) span{background: url(../images/ee3.png) no-repeat center center #fff;}
.cbl li:nth-child(1):hover span{background: url(../images/cc4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(2):hover span{background: url(../images/dd4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(3):hover span{background: url(../images/sc2.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(4):hover span{background: url(../images/ff4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(5):hover span{background: url(../images/ee4.png) no-repeat center center #b3916c;border-radius: 50%;}
.logo{transform: translateX(-100px);opacity: 0;transition: 0.8s ease-out .3s;display: inline-block;}
header.sb .logo{transform: translateX(0px);opacity:1;}
header.sb .nav>ul>li>a,header.sb .sousuo,header.sb .lisnj{transform: translateY(0);opacity: 1;}
.nav>ul>li>a,.sousuo,.lisnj{transform: translateY(100px);opacity: 0;}


.nav>ul>li:nth-child(1)>a{transition: 0.8s ease-out .3s;}
.nav>ul>li:nth-child(2)>a{transition: 0.8s ease-out .4s;}
.nav>ul>li:nth-child(3)>a{transition: 0.8s ease-out .5s;}
.nav>ul>li:nth-child(4)>a{transition: 0.8s ease-out .6s;}
.nav>ul>li:nth-child(5)>a{transition: 0.8s ease-out .7s;}
.nav>ul>li:nth-child(6)>a{transition: 0.8s ease-out .8s;}
.nav>ul>li:nth-child(7)>a{transition: 0.8s ease-out .9s;}
.nav>ul>li:nth-child(8)>a{transition: 0.8s ease-out 1s;}
.sousuo{transition: 0.8s ease-out 1.1s;}
.lisnj{transition: 0.8s ease-out 1.2s;}

.youqinglianjie{margin-top: 23px;}
.youqinglianjie li{display: inline-block;vertical-align: top;font-size: 14px;color: #333;margin-right: 15px;}
.youqinglianjie li a{font-size: 14px;color: #999;}
.youqinglianjie li:hover a{color: #333;}


.logo img:nth-child(1){ display: none; }


@media only screen and (max-width:1660px) {
	.footer dl dd a{font-size: 14px;}
}
@media only screen and (max-width:1550px) {
	.divBox{width: 85%;}
	.nav ul>li{margin-right: 25px;}
	.sousuo input[type=text]{width: 220px;height: 32px;}
	.logo img{height: 66px;}
	.footer dl dd a{font-size: 13px;}
}


.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 0;width:0%;height: 65px;line-height: 65px;color: white;font-size: 24px;font-family:"times new roman";overflow: hidden;
background: rgba(0,0,0,.2);text-align: right;box-sizing: border-box;padding-right: 210px;transition: 1s ease-out;}

.index_con1.active .swiper-pagination{width: 87.5%;}
.banner .swiper-button-next,.banner .swiper-button-prev{display: block;width: 45px;height: 45px;background-size: 12px;top: auto;left: auto;right: auto;
transition: 0.3s ease-in-out;}
.banner .swiper-button-next{right: 15%;bottom: 10px;}
.banner .swiper-button-next:hover{transform: translateX(6px);}
.banner .swiper-button-prev:hover{transform: translateX(-6px);}
.banner .swiper-button-prev:hover:after{transform: translateX(6px);}
.banner .swiper-button-prev{right:calc(15% + 47px);bottom: 10px;}
.banner .swiper-button-prev:after{content: '';display: block;position: absolute;right: -3px;border-right: 1px solid rgba(250,250,250,.5);height: 17px;top: 31%;
transition: 0.3s ease-in-out;}
.in_pin{position: absolute;bottom: 20px;z-index: 11;left: 12.5%;}
/*.banner .swiper-slide{opacity: 0;}
.banner .swiper-slide-active{opacity: 1;}*/
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide-active img{animation:banrun 6s linear infinite;}
@keyframes banrun{
	0%{transform: scale(1)}
	50%{transform: scale(1.03)}
	100%{transform: scale(1)}
}
.index_con1_list{position: relative;}

.index_con2{background: #fff;padding: 70px 0;text-align: center;}
.title {text-align: center;}
.title h1{font-size: 30px;font-family: ziti;text-transform: uppercase;color: #000;letter-spacing: 2px;}
.title h2{font-size: 22px;color: #b3916c;margin-top: 5px;}
.title h2:after{content: '';display: block;margin: 20px auto 0;width: 30px;height: 1px;background: #000;}
.index_con2 p{font-size: 14px;color: #333333;line-height: 28px;margin-top: 35px;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow: hidden;}
.more {display: inline-block;font-size: 12px;color: #d1d1d1;font-family: arial;margin-top: 33px;}
.more span{display:block;width: 35px;height: 35px;border: 2px solid #d1d1d1;text-align: center;line-height: 35px;color: #d1d1d1;border-radius: 50%;
font-weight: bold;margin: 0 auto 10px;transition: 0.3s ease-in-out;}
.more font{transition: 0.3s ease-in-out;}
.more:hover {color: #000;}
.more:hover font{color: #333;}
.more:hover span{border-color: #000;color: #000;}
/*.index_con2_list2 svg{fill: none;stroke-width:1px;stroke:#fff;width: 110px;height: 120px;text-align: center;}*/

.index_con2_list2{/*background: url(../images/baog_03.jpg) no-repeat center center ;*/background-size: cover;/*padding: 75px 0;*/text-align: center;margin-top: 35px;}
.index_con2_list2 ul{font-size: 0;}
.index_con2_list2 ul li{display: inline-block;vertical-align: top;margin-right: 12%;cursor: pointer;}
.index_con2_list2 ul li:last-child{margin-right: 0;}
.index_con2_list2 ul li span{display: inline-block;width: 105px;height: 120px;position: relative;line-height: 120px;}
.index_con2_list2 ul li span i{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/bg1_03.png) no-repeat center center;
background-size: 100% 100%;transition: 0.3s ease-in-out;}
.index_con2_list2 ul li:hover span i{background: url(../images/bg_03.png) no-repeat center center;background-size: 100% 100%;}
.index_con2_list2 ul li font{display: block;width: 100%;line-height: 120px;text-align: center;height: 120px;
position: relative;z-index: 2;transition: 0.3s ease-in-out;}
.index_con2_list2 ul li:nth-child(1) font{background: url(../images/a11.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(1):hover font{background: url(../images/a1.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(2) font{background: url(../images/b11.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(2):hover font{background: url(../images/b1.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(3) font{background: url(../images/c11.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(3):hover font{background: url(../images/c1.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(4) font{background: url(../images/d11.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(4):hover font{background: url(../images/d1.png) no-repeat center center;}
.index_con3_usl li:hover font {
    transform: translateY(-5px);
}
/*.index_con2_list2 ul li:nth-child(1):hover font{background: url(../images/a2.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(2):hover font{background: url(../images/b2.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(3):hover font{background: url(../images/c2.png) no-repeat center center;}
.index_con2_list2 ul li:nth-child(4):hover font{background: url(../images/d2.png) no-repeat center center;}*/
.index_con2_list2 ul li p{margin-top: 0;font-size: 20px;color: white;}


.index_con2_list2  .index_con3_usl{margin-top: 30px;}
.index_con2_list2  .index_con3_usl li {display:inline-block;vertical-align:top;width:23.5%;margin-right:2%;box-sizing:border-box;text-align:center;position:relative;transition:0.; text-align: center;}
.index_con2_list2  .index_con3_usl li a {display:block;background:#f6f6f6;padding:35px 0px;box-sizing:border-box;transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;position:relative;}
.index_con2_list2  .index_con3_usl li:hover a {background:#b3916c;}
.index_con2_list2 .index_con3_usl li a:after {content:'';display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #d3d3d3;box-sizing:border-box;transform:scale(0.95,0.9);transition:0.3s ease-in-out;z-index:2;}
.index_con2_list2 .index_con3_usl li:hover p{ color: #fff;transform: translateY(5px); }
.index_con2_list2 .index_con3_usl li:hover a:after {border:1px solid rgba(250,250,250,.7);}
.index_con2_list2 .index_con3_usl li font {width:65px;height:65px;margin-bottom:5px;transition:0.3s ease-in-out; background-size: cover; margin: auto;}
.index_con2_list2 .index_con3_usl li p,.index_con4 .index_con3_usl li font {position:relative;z-index:3;}
.index_con2_list2 .index_con3_usl li p {font-size:16px;color:#333;transition:0.3s ease-in-out;}




.index_con3{padding: 75px 0; background: url(../images/1.jpg) no-repeat center;}
.index_con3_list:after{content: '';display: block;clear: both;}
.index_con3_list .title{display: inline-block;text-align: left;}
.index_con3_list .title h2:after{margin: 25px 0 0;}
.index_con3_list_list,.index_con4_list_list{display: inline-block;float: right;margin-top:20px; width: 100%; text-align: center;}
.index_con3_list_list span,.index_con4_list_list span{display: inline-block;vertical-align: top;font-size: 14px;color: #333333;padding: 9px 23px;border: 1px solid #cccccc;border-radius: 8px;
cursor: pointer; transition: 0.3s ease-in-out;margin-left: 3px;}
.index_con3_list_list span:hover,.index_con3_list_list span.active,.index_con4_list_list span:hover,.index_con4_list_list span.active{background: #b3916c;border-color: #b3916c;color: white;}



.index_con3_list2_lis2{display: inline-block;vertical-align: top;width: 48.7%;position: relative;}
.index_con3_list2_list{font-size: 0;}
.index_con3_list2_lis2 .swiper-slide span{display: block;overflow: hidden;position: relative; height: 0; padding-bottom:80%; position: relative;}
.index_con3_list2_lis2 .swiper-slide span img{ position: absolute; height: 100%; }
.index_con3_list2_lis2 .swiper-slide span:after{content: '';position: absolute;width: 100%;height:100%;background:rgba(0,0,0,.3);position: absolute;top: 0;
left: 0;display: none;}
.index_con3_list2_lis2 .swiper-slide span img{width: 100%;transition: 0.3s ease-in-out;}
.index_con3_list2_lis2 .swiper-slide:hover span img{transform: scale(1.05);}
.woeur{position: absolute;text-align: center;width: 100%;bottom: 90px;overflow: hidden;padding-bottom: 2px;}
.woeur h1{font-family: ziti;color: white;font-size: 35px;letter-spacing: 2px;transform: translateX(-150px);opacity: 0;transition: 0.8s ease-in-out 0.5s ;}
.woeur h2 {display: inline-block;min-width: 240px;border-top: 1px solid white;border-bottom: 1px solid white;padding: 12px 0;font-size: 16px;
color: white;margin-top: 17%;transform: translateX(150px);opacity: 0;transition: 0.8s ease-in-out 0.5s ;}
.index_con3_list2_lis2 .swiper-slide-active .woeur h1,.index_con3_list2_lis2 .swiper-slide-active .woeur h2{transform: translateX(0);opacity: 1;}
.index_con3_list2_lis2 .swiper-pagination{bottom: 35px;}
.index_con3_list2_lis2 .swiper-pagination span{width: 11px;height: 11px;background: white;}
.index_con3_list_list2{margin-top: 90px}

.uosd{position: absolute;top: 20px;left: 20px;background: white;padding: 18px;text-align: center;z-index: 3;width: 96px;height: 90px;box-sizing: border-box;display: none;}
.index_con3_list2_list_p{display: none;}
.uosd font{display: block;font-family: ziti;color: #585858;font-size: 27px;text-transform: uppercase;font-weight: bold;position: relative;z-index: 2;}
.uosd span{font-size: 14px;color: #D1D1D1;position: relative;z-index: 2;}
.uosd:after{content: '';display: block;position: absolute;width:110px;height: 104px;left: -7px;top: -7px;background: rgba(250,250,250,.4);}
.index_con3_list2_list_p{font-size: 36px;color: white;font-family: ziti;position: absolute;right: 50px;top: 40px;z-index: 2;}

.index_con3_list2_list1{display: inline-block;vertical-align: top;width: 48.7%;margin-left:2.6%;font-size: 0;}
.index_con3_list2_list1 li{display: inline-block;vertical-align: top;margin-right: 4%;width: 48%;overflow: hidden;position: relative;margin-bottom:4%;}
.index_con3_list2_list1 li:nth-child(2n){margin-right: 0;}
.index_con3_list2_list1 li img{width: 100%;zoom: 1;transition: 0.3s ease-out;}
.index_con3_list2_list1 li span{overflow: hidden; display: block; height: 0; padding-bottom:79%; position: relative; width: 100%}
.index_con3_list2_list1 li span img{ position: absolute; height: 100%; }
.index_con3_list2_list1 li:hover img{transform: scale(1.05);}
.index_con3_list2_list1 li p{position: absolute;bottom: 50px;width: 100%;text-align: center;z-index: 2;opacity: 0;transition: 0.4s ease-in-out;}
.index_con3_list2_list1 li p font{display: inline-block;width: 210px;line-height: 40px;background: white;}
.index_con3_list2_list1 li p:before{content: '';width: 0;border: 5px solid transparent;border-bottom-color: white;display: block;margin: 0 auto;}

.index_con3_list2_list1 li:hover p{bottom: 20px;opacity: 1;}
.index_con3_list2_list1 li a{display: block;width: 100%;height: 100%;}
.index_con3_list2_list1 li a:after{content: '';display: block;position:absolute;width: 100%;height: 100%;background:rgba(0,0,0,0);top: 0;left: 0;transition: 0.3s ease-in-out;}
.index_con3_list2_list1 li:hover a:after{background:rgba(0,0,0,.4);}
.index_con3_list2_list1 li:last-child a:after{display: none;}
.index_con3_list2_list1 li:last-child a:before{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5);
content: '';transition: 0.3s ease-in-out;}
.index_con3_list2_list1 li:last-child:hover a:before{transform: scale(0.9);}


.index_con3_list_list2{position: relative;}
.index_con3_list2_list{position: absolute;top: 0;width: 100%;opacity: 0;z-index: 1;}
.index_con3_list2_list.active{opacity: 1;z-index: 2;}

.inde_zong .index_con3_list2_list1{margin-left: 0;width: 100%;}
.inde_zong .index_con3_list2_list1 li{width: 23.3%;margin-right: 2.222%;margin-left: 0;}
.inde_zong .index_con3_list2_list1 li:nth-child(2n){margin-right: 2.222%;}
.inde_zong .index_con3_list2_list1 li:nth-child(4n){margin-right: 0;}
.index_con3_list2_list{transition: 0.4s ease-in-out;}

.index_con3_list_list2{position: relative;}
.index_con3_list_list_font{display: inline-block;}
.inde_zong{position: absolute;top: 0;left: 0;z-index: 4;}
.index_list{display: none;}





.index_con4{padding: 75px 0;background:#fff;}
.index_con4_list {margin-top:90px;position: relative;}
.index_con4_list li{position: absolute;top: 0;left: 0;width: 100%;}
.index_con4_list_swiper{position: relative;}
.index_con4_list_swiper .swiper-container{padding:10px 5px;box-sizing: border-box;}
.index_con4_list_swiper span{display: block;overflow: hidden;}
.index_con4_list_swiper span img{display: block;width: 100%;transition: 0.3s ease-in-out;}
.index_con4_list_swiper p{position: absolute;bottom: 50px;width: 100%;text-align: center;opacity: 0;transition: 0.3s ease-in-out;}
.index_con4_list_swiper p font{display: inline-block;width: 80%;font-size: 14px;color: white;background: #b3916c;line-height: 42px;position: relative;}
.index_con4_list_swiper p font:after{content: '';display: block;width: 0;border: 5px solid transparent;border-bottom-color:#b3916c;position: absolute;
top: -10px;left: 50%;transform: translateX(-50%);}
.index_con4_list_swiper .swiper-slide:hover span img{transform: scale(1.05);}
.index_con4_list_swiper .swiper-slide:hover{box-shadow: 0 0 5px 3px rgba(0,0,0,.05);}
.index_con4_list_swiper .swiper-slide:hover p{bottom: 20px;opacity: 1;}
.index_con4_list_swiper .swiper-button-next,.index_con4_list_swiper .swiper-button-prev{display: inline-block;width: 44px;text-align: center;height: 45px;line-height: 45px;
background: white;background-image: none;transition: 0.3s ease-in-out;}
.index_con4_list_swiper .swiper-button-next{right: -65px;}
.index_con4_list_swiper .swiper-button-prev{left: -65px;}
.index_con4_list_swiper .swiper-button-next:hover{right: -70px;}
.index_con4_list_swiper .swiper-button-prev:hover{left: -70px;}
.index_con4_list_swiper .swiper-button-next:hover,.index_con4_list_swiper .swiper-button-prev:hover{box-shadow: 0 0 5px 3px rgba(0,0,0,.05);}
.index_con4_list li .index_con4_list_swiper{opacity: 0;}
.index_con4_list li.active  .index_con4_list_swiper{opacity: 1;z-index: 333;}

.index_con4_list_swiper .swiper-slide span{ height:0; padding-bottom: 75%; position: relative; }
.index_con4_list_swiper .swiper-slide span img{ position: absolute; height: 100%; }


.con5_zong{position: relative;font-size: 0;}
.con5_right{width: 45%;position: static;top: 0;right: 0;display: inline-block;vertical-align: top;}
.con5_right img{width: 100%;}
.con5_left{width: 55%;background: white;position: relative;z-index: 2;top:150px;box-sizing: border-box;padding-right: 70px;display: inline-block;vertical-align: top;}
.con5_left p{font-size: 16px;color: #333333;line-height: 25px;}
.con5_left span{display: block;color: #333;text-align: right;margin-bottom: 40px;display: none;}
.con5_left span img{transform: translateX(50px);display: none;}
.con5_right a{display: block;width: 210px;height: 50px;text-align: center;line-height: 50px;background: #b3916c;position: relative;left: 0%;}
.con5_right a img{width: auto;transition: 0.3s ease-in-out;}
.con5_right a:hover img{transform: translateX(10px);}

.index_con6{padding: 75px 0;background: #f6f6f6;}
.index_con6_u1{font-size: 0; margin-top: 40px;}
.index_con6_u1 li{display: inline-block;vertical-align: top;width: 31%;margin-right: 3%;position: relative;}
.index_con6_u1 li:last-child{margin-right: 0;}
.index_con6_u1 li span{display: block;overflow: hidden;}
.index_con6_u1 li span img{width: 100%;transition: 0.3s ease-in-out;}
.index_con6_u1 li:hover span img{transform: scale(1.05);}
.index_con6_u1 li a:after{position: absolute;top: 0;left: 0;width: 100%; height: 100%;border: 1px solid rgba(250,250,250,.5);box-sizing: border-box;transform: scale(0.9);
content: '';}
.index_con6_u1 li a:before{position: absolute;top: 0;left: 0;width: 100%; height: 100%;border: 1px solid rgba(250,250,250,1);box-sizing: border-box;transform: scale(1);

content: '';opacity: 0;transition: 0.3s ease-in-out;z-index: 2;}
.index_con6_u1 li:hover a:before{transform: scale(0.9);opacity: 1;}
.index_con6_u1_div{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.index_con6_u1_div p{color: white;font-size: 20px;margin-top: 10px;}
.index_con6_u1_div i{display: inline-block;width: 155px;height: 40px;text-align: center;line-height: 40px;background: white;position: relative;
font-size: 14px;color: #333;margin-top: 32px;opacity: 0;}
.index_con6_u1_div i:before{content: '';display: inline-block;width:0;border: 5px solid transparent;border-bottom-color: white;position: absolute;top: -10px;
left: 48%;}
.index_con6_u1_div font{transition: 0.3s ease-in-out;}
.index_con6_u1_div p{transition: 0.3s ease-in-out 0.2s;}
.index_con6_u1_div i{transition: 0.3s ease-in-out 0.4s;}
.index_con6_u1_div font,.index_con6_u1_div p{transform: translateY(30px);display:block;}
.index_con6_u1_div i{transform: translateY(30px);}
.index_con6_u1 li:hover .index_con6_u1_div font,.index_con6_u1 li:hover .index_con6_u1_div p,.index_con6_u1 li:hover .index_con6_u1_div i{transform: translateY(0);opacity: 1;}



.index_con7{padding: 75px 0;}
.index_con7 .swiper-slide{padding: 15px 0 50px;}
.icon7_swier{margin-top: 40px;position: relative;}
.con7_list{position: relative;box-sizing: border-box;border: 2px solid #b8b8b8;padding: 90px 40px;}
.con7_list_ls{position: absolute;display: inline-block;background: #bbbbbb;text-align:center;top: -10px;padding: 12px 10px;transition: 0.3s ease-in-out;}
.con7_list_ls font{display: block;color: white;font-weight: bold;font-family: ziti;font-size: 20px;}
.con7_list_ls time{font-family: ziti;color: white;}
.con7_list h1{font-size: 16px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con7_list h1:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 1px;background: #787878;transition: 0.3s ease-in-out;}
.con7_list p{font-size: 14px;line-height: 22px;color: #6e6e6e;margin-top: 20px;}
.con_spans{display: block;position: absolute;width: 54px;height: 54px;border-radius: 50%;background: #bbbbbb;text-align: center;line-height: 52px;
left: 50%;transform: translateX(-50%);bottom: -27px;}
.con_spans i{font-size: 30px;color: white;display: inline-block;position: relative;z-index: 2;transition: 0.4s ease-in-out;}
.con_spans:after{content: '';display: block;width: 82px;height: 82px;background: rgba(187,187,187,.2);position: absolute;left: -14px;top: -14px;
border-radius: 50%;transition: 0.4s ease-in-out .1s;}
.con_spans:before{content: '';display: block;width: 82px;height: 82px;background: rgba(187,187,187,.2);position: absolute;left: -14px;top: -14px;
border-radius: 50%;transform: scale(0);transition: 0.4s ease-in-out;}
.index_con7 .swiper-slide:hover .con_spans:after{transform: scale(1.5);opacity: 0;background: rgba(179,145,108,.1);}
.index_con7 .swiper-slide:hover .con_spans:before{transform: scale(1);opacity: 1;background: rgba(179,145,108,.1);}
.index_con7 .swiper-slide:hover .con_spans{background: #b3916c;}
.index_con7 .swiper-slide:hover .con7_list_ls{background: #b3916c;}
.index_con7 .swiper-slide:hover h1:before{width: 35px;margin-right: 5px;}
.icon7_swier .swiper-button-next,.icon7_swier .swiper-button-prev{width: 70px;height: 35px;text-align: center;line-height: 32px;background-color: #d9c8b5;
background-size: 10px;top: -100px;transition: 0.3s ease-in-out;}
.icon7_swier .swiper-button-prev{left: auto;right: 75px;}
.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color: #b3916c;}

.more1{display: block;margin: 0 auto;text-align: center;width: 125px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #666666;
border-radius: 50px;font-size: 14px;color: #666;position: relative;overflow: hidden;margin-top: 50px;}
.more1:before{content: '';display: block;width: 0%;height: 100%;background: #787878;position: absolute;left: 0;top: 0;z-index: -1;transition: 0.3s ease-in-out;}
.more1:hover:before{width: 100%;}
.more1:hover{color: white;}


.index_con8{padding: 50px 0;background: url(../images/dengs_03.jpg) no-repeat center center;background-size: cover;}
.index_con8_u1{font-size: 0;margin-top:65px;}
.index_con8_u1 li{display: inline-block;vertical-align: top;width:16.6%;text-align: center;}
.index_con8_u1 li span{display: inline-block;width: 65px;height: 65px;position: relative;text-align: center;line-height: 65px;}
.index_con8_u1 li span:after{content: '';display: block;width: 100%;height: 100%;border: 1px solid rgba(250,250,250,.5);box-sizing: border-box;top: 0;
position: absolute;transform: rotate(45deg);transition: 0.4s ease-in-out;}
.index_con8_u1 li:hover span:after{transform: rotate(0deg);background: #b3916c;z-index: -1;border-color: transparent;}
.index_con8_u1 li h1{font-size: 16px;color: white;font-weight: bold;margin-top: 25px;}
.index_con8_u1 li h1:after{content: '';display: block;width: 20px;height: 1px;background: white;margin: 10px auto 8px;}
.index_con8_u1 li p{color: white;font-size: 14px;}



.title h1,.title h2{transform: translateY(150px);opacity: 0;transition:1s ease-in-out;}
.title h2 {transition: 1s ease-in-out 0.5s;}
.index_con2.active .title h1,.index_con2.active .title h2,.index_con3.active .title h1,.index_con3.active .title h2,
.index_con4.active .title h1,.index_con4.active .title h2,.index_con8.active .title h1,.index_con8.active .title h2,
.index_con6.active .title h1,.index_con6.active .title h2,.index_con7.active .title h1,.index_con7.active .title h2,
.index_con2.active .divBox>p,.index_con2.active .more,.index_con2_list2.active ul li:nth-child(odd),.index_con2_list2.active ul li:nth-child(even),
.index_con3.active .index_con3_list_list2,.index_con4.active .index_con4_list,.index_con6.active .index_con6_u1 li,.index_con7.active .icon7_swier{transform: translateY(0);opacity: 1;}
.index_con2 .divBox>p{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out 1s;}
.index_con2 .more{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out 1.2s;}

.index_con2_list2 ul li:nth-child(odd),.index_con4_list{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out;}
.index_con2_list2 ul li:nth-child(even){transform: translateY(-150px);opacity: 0;transition: 1s ease-in-out;}
.index_con4_list{transition: 1s ease-in-out 0.8s ;}
.index_con3_list_list2{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out 1s;}
.index_con6_u1 li,.icon7_swier{transform: translateY(200px);opacity: 0;transition: 1s ease-in-out .5s;}
.index_con6_u1 li:nth-child(2){transition: 1s ease-in-out .8s;}
.index_con6_u1 li:nth-child(3){transition: 1s ease-in-out 1.1s;}

.index_con8_u1 li{transform: translateX(200px);transition: 1s ease-in-out;opacity: 0;}
.index_con8_u1 li:nth-child(2){transition: 1s ease-in-out 0.2s;}
.index_con8_u1 li:nth-child(3){transition: 1s ease-in-out 0.4s;}
.index_con8_u1 li:nth-child(4){transition: 1s ease-in-out 0.6s;}
.index_con8_u1 li:nth-child(5){transition: 1s ease-in-out 0.8s;}
.index_con8_u1 li:nth-child(6){transition: 1s ease-in-out 0.8s;}
.index_con8_u1 li:nth-child(7){transition: 1s ease-in-out 0.8s;}
.index_con8.active .index_con8_u1 li{transform: translateX(0);opacity: 1;}

.index_con8 .title h1{ color: #fff; }
.index_con8 .title h2{ color: #fff; }
.index_con8 .title h2::after{ background: #fff; }

.index_con3_list2_list1 li:last-child a{position: relative;}
.index_con3_list2_list1 li:last-child span{display: block;padding: 50% 0px 29% 0px;}
.index_con3_list2_list1 li:last-child span img{opacity: 0;}
.index_con3_list2_list1 li:last-child:hover .ls_ind{background: #b3916c;}
.ls_ind{position: absolute;width: 100%;height: 100%;background: #787878;top: 0;left: 0;z-index: 2;text-align: center;transition: 0.3s ease-in-out;}

.ls_ind font i{display: inline-block;width: 25px;height: 25px;background: white;border-radius: 5px;margin: 0px;}
.ls_ind font i:nth-child(2){position: relative;animation: rns 10s linear infinite;}
.ls_ind_list{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.ls_ind_list font{top:36%; left: 41.5%; position: absolute; }
.ls_ind_list span{color: white;margin-top: 0px;display: block;}
.index_con3_list2_list1 li:last-child a:before{z-index: 22;}
.index_con1 .IndexList{display: none;}

.g-section3 {height:330px;background-position:center center;background-repeat:no-repeat;padding-top:56px;color:#fff;text-align:center;font-size:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-attachment:fixed; position: relative;}
.play_box{ position: absolute; cursor: pointer; z-index: 2; color: #fff; transition: all .4s;  left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.play_box h3{ text-transform: uppercase; font-size: 36px; font-family: "en";}
.play_box h4{ font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.play_box .play_bar{ display: flex; align-items: center;}
.play_box .play_bar img{ width: auto;  transition: all .4s;}
.play_box:hover .play_bar img{ transform:rotate(360deg) scale(1.1,1.1);}
.play_box .play_bar span{ display: inline-block; border-bottom:1px solid #fff; line-height: 30px; font-style: italic; margin-left: 20px;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}


@keyframes rns{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@media only screen and (max-width:1660px) {
	.title h1{font-size: 28px;}
	.index_con3_list_list2{margin-top:90px;}
	.index_con3_list2_list1 li{margin-bottom: 20px;}
	.title h2{font-size: 20px;}
	.index_con6_u1_div p{font-size: 16px;}
	.woeur h1{font-size: 25px;}
	.woeur h2{margin-top: 60px;}
	
}
@media only screen and (max-width:1550px) {
	.index_con8_u1{margin-top:65px;}
	.juzhong{width: 85%;}
	.wp{  width: 85%; }
	.ls_ind_list font{ left: 40%;top:33%;  }
	.in_pin{left: 7.5%;}
	.container{ width: 85%; }
	.index_con3,.index_con6,.index_con7{padding: 55px 0;}
	.index_con2,.index_con4{padding: 55px 0;}
	.more1{margin-top: 20px;}
	.con7_list{padding: 72px 25px 50px;}
}
@media only screen and (max-width:1440px) {
	.in_fot_ewmk li{ width:50%;}
	.index_con3_list2_list1 li{margin-bottom: 4%;}
	.con5_left{}
}