body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{ width: 1200px; margin: 0 auto }
/* head */
.head{ width: 100%;  position: absolute; left: 0; top: 0; z-index: 999; background: url(../images/headbj.png) left top  repeat; height: 110px; }
.logo{ float: left; width: 20%; padding-left: 55px; box-sizing: border-box; line-height: 110px; }
.head_inner{ float: left; width: 80%; padding-right: 55px; box-sizing: border-box; }
.nav_ul{ float: left; width: 84%; text-align: right;}
.nav_ul li{display: inline-block;vertical-align: top; margin-left: 34px; position: relative;}
.nav_ul li a{ display: block; font-size: 15px; height:110px; line-height: 110px; color: #fff; padding: 0 10px;  }
.lan{ width: 12%; float: left; padding: 0; box-sizing: border-box; text-align: center;}
.lan a{ display: block; display: inline-block;vertical-align: top; height: 110px; line-height: 110px; font-size: 15px; color: #fff; padding: 0 10px;background: url(../images/line.png) right center  no-repeat; }
.lan a:nth-last-child(1){ background: none; }
.search{ float: left; width: 3%; height: 110px; line-height: 110px; position: relative;cursor: pointer;}
.search .ims2{display: none;}
.search .shows{position: absolute;top:111px;right: 0;height:40px;line-height: 40px;width:200px;border:1px solid #cacaca;border-radius: 8px;display: none;background: #fff;}
.search .shows input{width: 80%;height:40px;line-height: 40px;background: none;border:none;padding-left:5%;box-sizing: border-box;vertical-align: top;float: left;}
.search .shows button{background: none;border:none;border-radius: 8px;width:40px;height:40px;position: absolute;right:0;top:0px;}
.search .shows button i{font-size: 18px;}

.fixeds .head{position: fixed;top: 0;left: 0;right: 0;margin: 0 auto;background: rgba(0, 0, 0, .7);}
.fixeds .head:hover,
.head:hover{background: #fff;}
.fixeds .head:hover .nav_ul li a,
.head:hover .nav_ul li a,
.fixeds .head:hover .lan a,
.head:hover .lan a{color:#333;}
.fixeds .head:hover .lan a,
.head:hover .lan a{background: url(../images/line2.png) right center no-repeat;}
.fixeds .head:hover .lan a:last-child,
.head:hover .lan a:last-child{background: none;}
.fixeds .head:hover .search .ims2,
.head:hover .search .ims2{display: inline-block;}
.fixeds .head:hover .search .ims1,
.head:hover .search .ims1{display: none;}

.foot{ background: #272727 }
.foot_top{ border-bottom: 1px solid #5b5b5b }
.foot_img{ display:block; float: left; margin-right:13px; line-height: 92px;  }
.foot_call{ height: 92px; overflow: hidden; line-height: 92px; float: left}
.foot_i{ display: block; float: left; margin-left: 20px; color: #c0c0c0}
.footlink{ padding-top:30px; float: right;  }
.sel{ border: 1px solid #5f5f5f; border-radius: 5px; width:198px;color: #666; height: 34px; line-height: 34px; background: none; text-indent: 12px;  }
.foot_left{ float: left; height:65px; line-height: 65px;color: #c0c0c0;   }
.foot_left a{color: #c0c0c0;  margin-left: 16px; }
.foot_right{ float: right; display: block;color: #c0c0c0;  height: 65px; line-height: 65px; }
.foot_right a{color: #c0c0c0;}
.mult2, .mult3, .mult4, .mult5, .mult6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.mult1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mult2 { -webkit-line-clamp: 2; }
.mult3 { -webkit-line-clamp: 3; }
.mult4 { -webkit-line-clamp: 4; }
.mult5 { -webkit-line-clamp: 5; }
.mult6 { -webkit-line-clamp: 6; }
.mult7 { -webkit-line-clamp: 7; }
.mult8 { -webkit-line-clamp: 8; }
.mult9 { -webkit-line-clamp: 9; }

.banner{height:100vh;}
.banner .swiper-container-banner{position: relative;overflow: hidden;}
.banner .swiper-container-banner .swiper-slide a{display: block;height: 100vh;transition: all 5s;}
.banner .swiper-container-banner .swiper-slide a .tct{padding:0 180px;box-sizing: border-box;position: absolute;top: 50%;left: 0;right: 0;margin:  -220px auto 0;    max-width: 1900px;width: 100%;}
/*.banner .swiper-container-banner .swiper-slide a .cn{font-size: 50px;color:#545454;position: absolute;right: -100%;top: 15%;width: 100%;transition: all 1s;overflow: hidden;font-family: auto;}*/
.banner .swiper-container-banner .swiper-slide a .cn{font-size: 50px;color:#545454;position: relative;right: -120%;top: 15%;width: 100%;transition: all 1s;overflow: hidden;font-family: 宋体;}
/*.banner .swiper-container-banner .swiper-slide a .en{font-size: 26px;font-weight: lighter;color:#515151;text-transform: uppercase;position: absolute;top:33%;right: -100%;width: 100%;opacity: 0;transition: all 1s;font-family: Arial, Helvetica, sans-serif;overflow: hidden;}*/
.banner .swiper-container-banner .swiper-slide a .en{font-size: 26px;font-weight: lighter;color:#515151;text-transform: uppercase;position: relative;top:33%;right: -120%;width: 100%;opacity: 0;transition: all 1s;overflow: hidden;padding-top: 30px;}
/* .banner .swiper-container-banner .swiper-slide a .en::after{content: "";display: block;width: 80px;height:1px;background: #fff;margin-top: 20px;} */
.banner .swiper-container-banner .swiper-pagination-banner{position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;z-index: 33;text-align: center;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width:10px;height:10px;;opacity: .5;background: #fff;opacity: .6;border-radius: 10px;transition: width 1s;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;width: 20px;transition: width 1s;}

.animation1 .swiper-container-banner .swiper-slide a .cn{right:0%;transition: all .5s;opacity: 1;}
.animation1 .swiper-container-banner .swiper-slide a .en{right:0%;transition: all 1s;opacity: 0.72;}


.business{ width: 100%; background: url(../images/indexbj1.jpg) center center  no-repeat; height: 901px;  background-size: cover;}
.box{ width:1296px; margin: 0 auto }
.bus_div{ padding-top:110px; margin-bottom: 85px;  }
.bus_tit{ float: left; margin-right: 25px; font-size:36px; font-weight: bold; color: #e60012; height:86px; line-height: 86px; overflow: hidden; border-bottom: 1px solid #e60012;  }
.bus_inner{ float: left; width:918px;  }
.bus_en{ display: block; height:24px; line-height: 24px; color: #fff; padding-top: 16px;  font-size: 14px; text-transform: uppercase; }
.bus_cn{ height:40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #979797  }

.brief{ width: 100%; background: url(../images/indexbj2.jpg) center center  no-repeat; height:788px; background-size: cover;}
.brief_inner{ padding-top:169px;  }

.brief_left{ float: left; width: 48%; padding-right: 64px; box-sizing: border-box; background: url(../images/brief.png) left top  no-repeat;  background-size: cover;  height: 503px;}
.brief_div{ float: right; width: 65% }
.tst{ float: left; width: 2%; margin-top: -56px; margin-right: 6%; }
.brief_dian{ display: block; width:9px; height: 9px; border-radius: 9px; margin: 0 auto 8px; background: #e60012; }
.brief_line{ display: block; background: #000000; width: 1px; margin: 0 auto 8px; height:165px;  }
.study{ float: left; width:91%;  }
.study_tit{ font-size: 36px; font-weight: bold; color: #fff; display: inline-block; height:88px; margin-bottom: 22px; line-height: 88px; padding-top:26px; border-bottom: 1px solid #fff;   }
.study_inner{ color: #fff; font-size:14px; overflow: hidden; height:168px; line-height: 28px;  margin-bottom: 22px;  }
.study_see{ display: block; border: 1px solid #fff; color: #fff; font-size:12px; height: 38px; line-height: 38px; text-align: center; border-radius: 38px; width: 140px;  }
.brief_right{ float: left; width:50%; padding-left: 2%;  }
.provide{ float: left; width: 34.3%; margin-right: 2%; } 
.provide li{width: 326px; height: 216px; overflow: hidden; position: relative; margin-bottom: 33px;background: #f6f6f6;box-shadow: 0 0 10px rgba(125, 125, 125, .3);}
.vide_box{ width: 326px; height: 216px; overflow: hidden;opacity: 0;transition: all .8s; position: relative;}
.vide_box::after{content: "";width:100%;height:100%;background: rgba(0, 0, 0, .4);position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
.provide li:hover .vide_box,
.provide li.active .vide_box{opacity: 1;transition: all .8s;}
.provide li:hover .vide_tit,
.provide li.active .vide_tit,
.provide li:hover .vide_inner,
.provide li.active .vide_inner,
.provide li:hover .vide_day,
.provide li.active .vide_day{color:#fff;}
.vide_box img{ width: 326px; height: 216px; overflow: hidden;}
.vide_hover{ position: absolute; left: 0; top: 0; padding: 0 20px; box-sizing: border-box; width: 100%; }
.vide_tit{ display: block; color: #333; height:46px; line-height: 46px; padding-top: 10px; font-size:16px; font-weight: bold;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vide_inner{ font-size:14px; margin-bottom: 16px; color: #666; height:48px; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.vide_div {border-top: 1px solid #8c8a94;padding-top: 15px;}
.vide_tiem{ float: left; }
.vide_data{ font-size: 30px; font-weight: bold; color: #e60012; height: 34px; line-height: 34px; overflow: hidden; }
.vide_day{ display: block; height:22px; line-height: 22px; color: #333; font-size:14px;   }
.vide_more{ display: block; float: right;background: url(../images/brief_see.png) center center  no-repeat; width: 30px; height: 30px; margin-top: 23px;  }

.grind_dl{ margin-bottom:15px; background: #f6f6f6;  padding: 0 28px; width: 320px; box-sizing: border-box; height: 145px; transition: ease-out 0.5s; position: relative;overflow: hidden;box-shadow: 0 0 10px rgba(125, 125, 125, .3);}
.grind_dl .grind_dl_img{position: absolute;left: 0;top: 0;right: 0;opacity: 0;transition: all .5s;}
.grind_dl .grind_dl_img::after{content: "";display: block;width: 100%;position: absolute;left: 0;top: 0;right: 0;background: rgba(0, 0, 0, .3);height:100%;}
.grind_dl .grind_dl_img img{max-width: 100%;}
.grind_dl:hover .grind_dl_img{opacity: 1;transition: all .5s;}
.grind_dl:hover{box-shadow: 0 0 10px rgba(125, 125, 125, .3);}
.grind_dl:hover .grind_tit,
.grind_dl:hover .grind_day,
.grind_dl:hover .grind_data{color:#fff;transition: ease-in 0.5s;}
.grind_dl dt{ float: left; width:56px; margin-right:30px;  padding-top: 40px; position: relative; z-index: 3;}
.grind_day{ display: block; height:42px; line-height: 42px; overflow: hidden; font-size:30px; font-weight: bold; color: #888888;   }
.grind_data{ height: 30px; line-height: 30px; font-size:14px; color: #888888  }
.grind_dl dd{ float: left; width:178px; padding-top: 40px; position: relative;z-index: 3;}
.grind_tit{ height: 56px; line-height: 28px; overflow: hidden; font-size:16px; font-weight: bold; display: block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.grind_see{ display: block; height: 24px; line-height: 24px;background: url(../images/brief_more.png) left center  no-repeat; }
.grind{ float: left; }
.buspic{ width: 1294px; height: 450px; overflow: hidden; display: block;  }
.bus_box{position: relative;height: 450px;}
.bus_box .yyui_tab .yyui_tab_content{opacity: 0;transition: all 1s;position: absolute;top: 0;left: 0;right:0;margin: 0 auto;}
.bus_box .yyui_tab .yyui_tab_content_thisP{display: block;opacity: 1;transition: all 1s;}

.buspic img{ width: 1294px; height: 450px; overflow: hidden; }
.bus_ul{ position: absolute; left: 0; top: 0; width: 100%; height: 450px; }
.bus_ul li{ float: left; width: 20%; transition: all 0.5s ease 0s; padding:165px 0px 0 85px; box-sizing: border-box; position: relative; }
.equ_img{ display: block; text-align: center; }
.equ_tit{ display: block; height: 66px; line-height: 66px; margin-bottom: 14px; text-align: center; font-size:24px; font-weight: bold; color: #fff; overflow: hidden;  }
.equ_inner{ font-size: 14px; color: #fff; width: 155px; overflow: hidden; height:166px; line-height:24px;}
.equ_see{ height: 54px; line-height: 54px; display: block; color: #fff; font-size:14px; background: url(../images/busee.png) 62px center  no-repeat; }
.bus_ul li:nth-child(2){ padding-left: 60px; }
.bus_ul li:nth-child(3){ padding-left: 48px; }
.bus_ul li:nth-child(4){ padding-left: 34px; }
.bus_ul li:nth-child(5){ padding-left: 18px; }
.bus_ul li a{ display: block; width: 174px; position: relative; z-index: 999;  }
.equbox{ height: 0; overflow: hidden;transition: all 0.5s ease 0s; }
.bus_ul li:hover .equbox,
.bus_ul li.yyui_tab_title_this .equbox{ height: auto;transition: all 0.5s ease 0s; }
.bus_ul li:hover,
.bus_ul li.yyui_tab_title_this { padding-top:50px; transition: all 0.5s ease 0s;  }
.bus_ul li:after{ position: absolute;left: -46px; top: -39px; transition: all 0.5s ease 0s; content: ''; background: url(../images/bus6.png) left center  no-repeat; width: 0; height: 523px; }
.bus_ul li:nth-child(2):after{left: -63px;}
.bus_ul li:nth-child(3):after{left: -81px;}
.bus_ul li:nth-child(4):after{left: -98px; }
.bus_ul li:nth-child(5):after{left: -114px; }
.bus_ul li:hover:after,
.bus_ul li.yyui_tab_title_this:after{ transition: all 0.5s ease 0s; width: 385px;}





body{overflow-x: hidden !important;}


.flexslider {position: relative;width: 100%;height:auto;  overflow: hidden; }
.slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s }
.slides li { position:relative; width:100%; height:auto; float: left; }
.slides {width:100%; height:auto;}
.flex-direction-nav { display: none; }
.flex-control-nav{ position: absolute; left: 0; bottom:58px; width: 100%; text-align: center; z-index: 999;  }
.flex-control-nav li{ display: inline-block; margin: 0px 10px; }
.flex-control-nav li a{ display: block; transition: all 0.5s ease 0s; font-size: 0;  width: 20px; height: 20px;background: url(../images/tab.png) center top no-repeat; }
.flex-control-nav li a.flex-active{background: url(../images/tab1.png) center top no-repeat; transition: all 0.5s ease 0s;} 
.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards; }

@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.a_banner{height:383px;}
.a_banner .box{position: relative;display: block;height:383px;}
.a_banner .tit{font-size: 36px;color:#fff;opacity: 1;position: absolute;bottom: 95px;left: 0;right:0;margin: 0 auto;}
.a_banner .tit .en{font-size: 24px;font-family: Arial;text-transform: uppercase;}

.crumbs{border-bottom: 1px solid #ebebeb;}
.crumbs dl dt,
.crumbs dl dd{display: inline-block;vertical-align: top;}
.crumbs dl dt{line-height: 60px;padding-right: 5px;}
.crumbs dl dd{line-height: 60px;padding-right:10px;}
.crumbs dl dd a{font-size: 14px;color:#6f6f6f;line-height: 14px;opacity: 0.6;padding-right:10px;}
.crumbs dl dd::after{content: "";display: inline-block;vertical-align: middle;width:1px;height:5px;background: #6f6f6f;opacity: 0.6;}
.crumbs dl dd:last-child::after{display: none;}

.crumbs_left,
.crumbs_right{float: left;width: 50%;}
.crumbs_right{text-align: right;}
.crumbs_right ul>li{display: inline-block;vertical-align: top;line-height: 60px;font-size: 14px;font-weight: bold;margin: 0 15px;}
.crumbs_right ul>li a{color:#888;display: block;padding:0 10px;}
.crumbs_right ul>li a.active{border-bottom: 2px solid #e60012;}

.contact_tab .yyui_tab{margin-top:40px;}
.contact_tab .yyui_tab>ul{font-size: 0;}
.contact_tab .yyui_tab>ul>li{display: inline-block;vertical-align: top;padding:30px 15px;height: 50px;text-align: center;cursor: pointer;position: relative;margin-left: 45px;margin-right: 45px;}
.contact_tab .yyui_tab>ul>li:first-child{margin-left: 0;}
.contact_tab .yyui_tab>ul>li:last-child{margin-right: 0;}
.contact_tab .yyui_tab>ul>li::before{content: "";display: block;background: #dcdcdc;width: 35px;height:1px;position: absolute;top:50%;right: -60px;}
.contact_tab .yyui_tab>ul>li:last-child:before{display: none;}
.contact_tab .yyui_tab>ul>li:nth-child(1){background: url(../images/tab_icon_01.png) no-repeat center;width: 176px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li:nth-child(2){background: url(../images/tab_icon_02.png) no-repeat center;width:133px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li:nth-child(3){background: url(../images/tab_icon_03.png) no-repeat center;width:188px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li:nth-child(4){background: url(../images/tab_icon_04.png) no-repeat center;width:157px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li:nth-child(5){background: url(../images/tab_icon_05.png) no-repeat center;width: 91px;transition: all 1s;}

.contact_tab .yyui_tab>ul>li.yyui_tab_title_this:nth-child(1){background: url(../images/tab_icon_001.png) no-repeat center;width: 176px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li.yyui_tab_title_this:nth-child(2){background: url(../images/tab_icon_002.png) no-repeat center;width:133px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li.yyui_tab_title_this:nth-child(3){background: url(../images/tab_icon_003.png) no-repeat center;width:188px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li.yyui_tab_title_this:nth-child(4){background: url(../images/tab_icon_004.png) no-repeat center;width:157px;transition: all 1s;}
.contact_tab .yyui_tab>ul>li.yyui_tab_title_this:nth-child(5){background: url(../images/tab_icon_005.png) no-repeat center;width: 91px;transition: all 1s;}

.contact_tab .yyui_tab>ul>li::after{content: "";display: block;width:0%;background: #e60012;height:3px;position: absolute;bottom: 0px;left: 0;right: 0;transition: all 1s;}
.contact_tab .yyui_tab>ul>li.yyui_tab_title_this::after{width: 100%;transition: all 1s;}

/* .contact_tab .yyui_tab>ul>li img{-webkit-filter: grayscale(200%);filter: grayscale(200%);} */
/* .contact_tab .yyui_tab>ul>li.yyui_tab_title_this{border-bottom: 2px solid #e60012;} */
/* .contact_tab .yyui_tab>ul>li.yyui_tab_title_this img{-webkit-filter: grayscale(0%);filter: grayscale(0%);} */

.contact_tab .yyui_tab .yyui_tab_content{display: none;}
.contact_top{height:108px;padding:14px 0;box-sizing: border-box;background: url(../images/contact_top_bg.jpg) no-repeat;background-size: cover;}
.contact_top .contact_left{width:87.5%;float: left;}
.contact_top .contact_left ul{font-size: 0;}
.contact_top .contact_left ul li{display: inline-block;vertical-align: top;width:32%;font-size: 14px;line-height: 16px;font-weight: bold;color:#fff;margin: 5px 1% 5px 0;padding-left:30px;box-sizing: border-box;}
.contact_top .contact_left ul li img{width:29px;height:29px;overflow: hidden;border-radius: 30px;margin-left:-30px;}
.contact_top .contact_right{width:9.5%;float: right;max-width: 80px;height:80px;}
.contact_top .contact_right img{width: 100%;height: 100%;}
.contact_btm .pic{height:374px;text-align: center;}
.contact_btm .pic img{max-width: 100%;}
.business_con{height:765px;}
.businesss{padding:120px 0;}
.business_con .yyui_tab{position: relative;margin: 0px auto;}
.business_con .yyui_tab>ul{position: absolute;z-index: 22;width:100%;margin: 0 auto;font-size: 0;text-align: center;}
.business_con .yyui_tab>ul>li{display: inline-block;vertical-align: top;text-align: center;width:17%;cursor: pointer;padding-left:6%;box-sizing: border-box;}
.business_con .yyui_tab>ul>li span{display: block;width:70px;height:70px;line-height: 70px;border-radius: 50%;background: #fff;margin: 0 auto;overflow: hidden;transition: all .5s;}
.business_con .yyui_tab>ul>li>span>img{width:80%;}
.business_con .yyui_tab>ul>li.yyui_tab_title_this{margin-top:-15px;}
.business_con .yyui_tab>ul>li.yyui_tab_title_this>span{width:95px;height:95px;line-height: 95px;background-color: #e60012;text-align: center;transition: all .5s;}
.business_con .yyui_tab>ul>li.yyui_tab_title_this>span img{width: 100%;}
.business_con .yyui_tab>ul>li.yyui_tab_title_this>span .im2{display: block;}
.business_con .yyui_tab>ul>li.yyui_tab_title_this>span .im1{display: none;}
.business_con .yyui_tab .yyui_tab_content{opacity: 0;transition: all 1s;position: absolute;top: 0;left: 0;right:0;margin: 0 auto;}
.business_con .yyui_tab .yyui_tab_content_this{opacity: 1;transition: all 1s;}
.business_tct{background: url(../images/business_tct_bg.png) no-repeat;background-size: contain;height:495px;;padding:35px;text-align: center;width:92%;margin: 0 auto;position: relative;overflow: hidden;
	/* transform: skew(-11deg) translateX(0%) rotateY(0deg) translate3d(0, 0, 0px);
	-webkit-transform: skew(-11deg) translateX(0%) rotateY(0deg) translate3d(0, 0, 0px); */
}
.business_tct .business_pic{margin: 0 auto;display: block;
	/* transform: skew(11deg) translateX(0%) rotateY(0deg) translate3d(0, 0, 0px);
	-webkit-transform: skew(11deg) translateX(0%) rotateY(0deg) translate3d(0, 0, 0px); */
}
.business_tct .business_pic img{max-width: 100%;}
.business_tct .business_tst{position: absolute;z-index: 22;bottom: 70px;left: 0px;right: 0px;margin: 0 auto;padding:50px 50px 0;box-sizing: border-box;width:90%;text-align: left;
	/* transform: skew(11deg) translateX(0%) rotateY(0deg) translate3d(0, 0, 0px);
	-webkit-transform: skew(11deg) translateX(0%) rotateY(0deg) translate3d(0, 0, 0px); */
}

.business_tct .business_tst .tit{font-size: 24px;font-weight: bold;color:#fff;width: 95%;}
.business_tct .business_tst .txt{font-size: 15px;line-height: 24px;color:#fff;height:48px;width: 95%;}
.business_tct .business_tst .more{width:140px;line-height: 45px;border-radius: 45px;background: #e60012;font-size: 14px;color:#fff;text-align: center;margin-top:20px}

.news_con{background: #f4f4f4;padding:20px 0;}
.news_lists ul{font-size: 0;}
.news_lists ul li{background: #f7f7f7;margin-top: 40px;}
.news_lists ul li:hover{box-shadow: 0 0 10px #ccc;}
.news_lists ul li:first-child .list-pic{max-width: 600px;overflow: hidden;display: inline-block;vertical-align: top;width: 46%;height:350px;}
.news_lists ul li:first-child .list-pic img{transition: all 1s;width:100%;height:100%;}
.news_lists ul li:first-child .list-tct{max-width: 695px;display: inline-block;vertical-align: top;width:54%;padding:50px;box-sizing: border-box;}
.news_lists ul li:first-child .list-tct .tit{font-size: 20px;line-height: 30px;color:#333;font-weight: bold;transition: all 1s;}
.news_lists ul li:first-child .list-tct .txt{font-size: 14px;line-height: 30px;color:#888;margin: 20px auto;height:90px;}
.news_lists ul li:first-child .list-tct .more{width:140px;line-height: 45px;border-radius: 45px;background: #e60012;font-size: 14px;color:#fff;text-align: center;margin-top:50px;transition: all 1s;}
.news_lists ul li:first-child:hover .list-pic img{transition: all 1s;transform: scale(1.1);}
.news_lists ul li:first-child:hover .list-tct .tit{color:#e60012;transition: all 1s;}
.news_lists ul li:first-child:hover .list-tct .more{transform: translateY(10px);transition: all 1s;}

.news_lists ul li .list-pic{max-width: 300px;overflow: hidden;display: inline-block;vertical-align: top;width: 23%;height:200px;}
.news_lists ul li .list-pic img{transition: all 1s;width: 100%;height:100%;}
.news_lists ul li .list-tct{max-width: 985px;display: inline-block;vertical-align: top;padding:30px;box-sizing: border-box;width:76%;}

.news_lists ul li .list-tct .tit{font-size: 20px;line-height: 30px;color:#333;font-weight: bold;transition: all 1s;}
.news_lists ul li .list-tct .txt{font-size: 14px;line-height: 30px;color:#888;margin: 10px auto;height:60px;}
.news_lists ul li .list-tct .data{font-size: 14px;line-height: 28px;color:#666;}
.news_lists ul li:hover .list-pic img{transition: all 1s;transform: scale(1.1);}
.news_lists ul li:hover .list-tct .tit{color:#e60012;transition: all 1s;}

/*page*/
.page .pagination{display: inline-block;width: 100%;text-align: center;margin: 0 auto;}
.page .pagination>li{padding:6px 0;border:1px solid #ddd;font-size:14px;color:#666;display: inline-block;text-align: center;border-radius: 2px;}
.page .pagination>li>a{border:none;padding:6px 12px;margin:0;background: none;color:#666;}
.page .pagination>li>a:hover{background: none;}
.page .pagination>li.cur{background:#d7000f;color:#fff;border:1px solid #d7000f;border-radius: 2px;}
.page .pagination>li.cur a{color:#fff;}

.page{text-align: center;margin-top: 20px;}
.page>a{ display: inline-block;  transition: all 0.5s ease 0s; margin: 0 4px; height: 28px; width: 28px; line-height: 28px; border: 1px solid #fff; font-size: 14px;  }
.page>a.page_up{ width:58px;border: 1px solid #dedede;}
.page>a:hover,.page>a.on{ color: #fff; background: #d7000f; border: 1px solid #d7000f; transition: all 0.5s ease 0s; }

.dataTables_paginate{display: inline-block;width: 100%;text-align: center;margin: 20px auto;}
.dataTables_paginate li{padding:6px 12px;border:1px solid #ddd;font-size:14px;color:#666;display: inline-block;text-align: center;border-radius: 2px;}
.dataTables_paginate li>a{border:none;margin:0;background: none;color:#666;}
.dataTables_paginate li>a:hover{background: none;}
.dataTables_paginate li.cur{background:#4bb9a4;color:#fff;border:1px solid #4bb9a4;border-radius: 2px;}
.dataTables_paginate li.cur a{color:#fff;}

.mains_text{width:100%;margin: 0 auto;}
.mains_text img{max-width: 100%;text-align: center;}
.mains_text ul li{list-style: initial;}

.news_title{text-align: center;border-bottom: 1px solid #dedede;margin: 30px auto;}
.news_title .news_title_bt{font-size: 24px;font-weight: bold;margin-bottom: 20px;color:#333;}
.news_title .news_title_bt span{font-size: 14px;color:#b6b6b6;display: inline-block;vertical-align: middle;margin:0 20px;font-weight: normal;}
.news_title .news_title_bt span i{font-size: 18px;display: inline-block;vertical-align: middle;}
.bdshare-button-style0-16{display: inline-block;vertical-align: middle;}
.bshare-custom img{display: inline-block;vertical-align: bottom;}
.bshare-custom a.bshare-weixin{background: url(../images/icon_wx.png) no-repeat !important;background-size: cover !important;width: 25px !important;height: 25px !important;}
.bshare-custom a.bshare-sinaminiblog {background: url(../images/icon_wb.png) no-repeat !important;background-size: cover !important;width: 25px !important;height: 25px !important;}
.bshare-custom a{display: inline-block;vertical-align: middle !important;padding-left:0 !important;}
.bshare-custom a:hover{opacity: 1 !important;}
.bdshare-button-style0-16:after{display: none !important;}

.return{margin:20px 0 20px auto;border-bottom: 1px solid #d5d5d5;padding-bottom: 20px;}
.return a{width: 125px;line-height: 36px;border: 1px solid #d7000f;display: block;color:#d7000f;text-align: center;border-radius: 5px;margin:0 0 0 auto;transition: all 1s;font-size: 14px;}
.return a:hover{width:125px;transition: all .5s;background: #d7000f;color:#fff;}
.turn_page{margin:30px auto;}
.turn_page,
.turn_page dl:nth-child(1),
.turn_page dl dt{border:none;width: auto;}
.turn_page dl{font-size: 14px;line-height: 36px;color:#666;}
.turn_page dl dt{display: inline-block;vertical-align: top;}
.turn_page dl dd{width:80%;display: inline-block;vertical-align: top;}
.turn_page dl dd a{display: block;}
.turn_page dl:hover dd a{color:#d7000f;}

#share-2{display: inline-block;vertical-align: middle;}


.join_top{background: url(../images/join_top_bg.jpg) no-repeat;background-size: cover;height:415px;}
.join_top .title{padding: 60px 0;}
.join_top .cn{font-size: 36px;color:#d7000f;position: relative;z-index: 1;font-weight: bold;}
.join_top .en{font-size: 50px;color:#383838;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: bold;opacity: 0.12;margin-top:-50px;line-height: 50px;text-indent: 2em;}


.join_btm .yyui_tab{margin: 0 auto;}
.join_btm .yyui_tab>ul{width:75%;float: left;}
.join_btm .yyui_tab>ul>li{height:258px;width:250px;float: left;margin-left:-97px;position: relative;cursor: pointer;}
.join_btm .yyui_tab>ul>li .pic{width:250px;height:258px;position: relative;}
.join_btm .yyui_tab>ul>li .pic img{position: absolute;bottom: 20px;left: 25px;margin: 0 auto;z-index: 33;width: 50%;}
.join_btm .yyui_tab>ul>li .pic::after{content: "";display: block;height:258px;background: url(../images/join_btm_list_bg.png) no-repeat;position: absolute;left: 0;top: 0;right:0;margin:0 auto;z-index: 22;transition: all 1s;opacity: 1;}
.join_btm .yyui_tab>ul>li:hover .pic::after,
.join_btm .yyui_tab>ul>li.yyui_tab_title_this .pic::after{background:none ;transition: all 1s;opacity: 0;}
.join_btm .yyui_tab>ul>li:hover img,
.join_btm .yyui_tab>ul>li.yyui_tab_title_this img{opacity: 0;}

.join_btm .yyui_tab .yyui_tab_content{display: none;}
.join_btm .yyui_tab .yyui_tab_content_this{float: right;width:20%;}
.join_btm .yyui_tab .yyui_tab_content_this .tct{padding:40px 0;box-sizing: border-box;}
.join_btm .yyui_tab .yyui_tab_content_this .tct .icon{max-width: 166px;margin: 20px 0;}
.join_btm .yyui_tab .yyui_tab_content_this .tct .txt p{font-size: 14px;line-height: 24px;color: #fff;}
.join_btm .yyui_tab .yyui_tab_content_this .tct .txt p img{width: 65px;height:65px;}
.join_btm .yyui_tab .yyui_tab_content_this .tct .txt p span{display: block;}
.join_btm .yyui_tab .yyui_tab_content_this .tct .tst{width:100%;float: none;margin:-25px auto 0;}
.join_btm .yyui_tab .yyui_tab_content_this .tct .tst a{font-size: 14px;line-height: 26px;color:#e60012;display: inline-block;margin-right: 20px;}

.abount_con{margin: 30px auto;}

.nav_ul li a::after{content: "";display: block;width: 0%;height:2px;background: #e60012;position: absolute;left: 0;right: 0;bottom: 0;transition: all 1s;}
.nav_ul li a.active::after,
.nav_ul li:hover>a::after{width: 100%;transition: all 1s;}
.nav_ul li .shows{position: absolute;left:-450%;right:0;top: 100px;height:0;overflow: hidden;width:1000%;transform-origin: top center;transition: transform .3s;opacity: 0;transform: scaleY(0);z-index: 99;text-align: center;}
.nav_ul li .shows dl{display: block;opacity:0;transform: translate(0, -20px);font-size: 0;line-height: 70px;height:70px;}
.nav_ul li .shows dl dd{font-size: 14px;color:#333;text-align: center;display: inline-block;vertical-align: top;text-align: left;background: none;border: none;line-height: 70px;height:70px;background: rgba(255, 255, 255, .8);line-height: 70px;padding:0 20px;}
.nav_ul li .shows dl dd a{display: block;position: relative;margin: 0;text-align: center;color:#333;font-weight: normal;line-height: 70px !important;height:70px !important;padding: 0;}
.nav_ul li .shows dl dd:hover a{color:#e60012;}
.nav_ul li .shows dl dd:last-child{border-bottom: none;}
.nav_ul li:hover .shows{top: 100%;transition: all .8s;height:auto;opacity: 1;transform: scaleY(1);}
.nav_ul li:hover .shows dl{opacity: 1;transform: translate(0, 0);}