.header{
	height: 198px;
}
.header .logo{
	position: absolute;
	left: 74px;
	top: 87px;z-index: 11;
}
.header .rts{
	position: absolute;right:73px ;
	top: 93px;z-index: 1;overflow: hidden;
}
.header .ph{
	float: left;font-size:23px ;
	line-height: 24px;
	font-weight: bold;
	width: 300px;
}
.header .meun{
	float: left;overflow: hidden;
	cursor: pointer;
}
.header .meun span{
	float: left;
	font-size: 23px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 23px;
}
.header .meun .me_gh{
	float: right;
}
.header .meun .gh{
	width:26px ;
	height: 22px;
	display: block;
	position: static;
}
.header .meun .gh a:before{
	width: 26px;
}
.header .meun .cen li a{
	font-size: 18px;
	color: #cacaca;
	line-height:22px ;
	text-transform: uppercase;
}
.header .meun .cen {
	margin-top: 10px;
}
.header .meun li i{
	display: block;height: 2px;
	background: #707070;margin:4px 0;
}
.header .meun .cen li a:hover,
.header .meun .cen li.on a{
	color: #000;
}
.wrap{
	width: 1430px;
	margin: 0 auto;
}
.banner{
	height: 700px;overflow: hidden;
	position: relative;
}
.banner .txt{
	position: absolute;
	left: 130px;
	top: 72px;z-index: 1;
}
.banner li{
	position: relative;
	height: 700px;background: #fff;
}
.banner .txt h6{
	font-size: 17px;
	line-height: 27px;
	color: #000000;
	margin-bottom: 25px;
}
.banner .txt h2{
	font-size: 68px;
	line-height: 95px;
	color: #000000;
	font-weight: bold;
	height: 380px;overflow: hidden;
}
.banner .imgs{
	width: 830px;
	height: 700px;
	float: right;margin-right: 110px;
	background: #cacaca;position: relative;
}
.wow{
	opacity: 0;
}
.banner .imgs img{
	right: -37px;
	bottom: 0;
	position: absolute;
	z-index: 1;
}
.banner .arrow{
	position: absolute;
	left: 135px;bottom: 55px;
	z-index: 11;
}
.banner .arrow .next,
.banner .arrow .prev{
	background: url(../images/ar_top.png) no-repeat center;
	width:43px ;height: 43px;border: 2px solid #000000;
	border-radius: 50%;box-sizing: border-box;cursor: pointer;
}
.banner .swiper-slide-active{
	z-index: 111;
}
.banner .arrow .next:hover,
.banner .arrow .prev:hover{
	background: url(../images/ar_top.png) no-repeat center rgba(0,0,0,0.1);
}
.banner .arrow .next{
	transform: rotate(180deg);
	margin-top: 20px;
}
.h_nav{
	overflow: hidden;
	margin: 85px 0;
}
.h_nav h2{
	float: left;
	margin-left: 75px;
	line-height: 52px;
	font-size: 15px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
.h_nav .rts{
	float: right;
	margin-right: 70px;
}
.h_nav .rts dl{
	overflow: hidden;
}
.h_nav .rts dt{
	float: left;
	font-size: 12px;
	line-height: 22px;
	color: #979797;
}
.h_nav .rts dd{
	float: left;
	margin-left: 50px;
}
.h_nav .rts dd a{
	font-size:15px ;
	color: #4d4d4d;
	line-height: 22px;
	display: block;
	position: relative;
	border-bottom: 1px solid #7a7a7a;
}
.h_nav .rts dd a:hover{
	color: #000;border-color: #000;
}
.h_service{
	margin-top: 100px;
	position: relative;
}
.h_service li{
	text-align: center;
}
.h_service li a{
	font-size: 59px;
	color: #000000;
	line-height: 180px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}
.h_service ul{
	position: relative;
	z-index: 11;
}
.h_service h3{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 228px;
	color: #f0f0f0;
	line-height: 260px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.h_service li a:hover,
.h_service li.on a{
	color: #979797;
}
.h_service li a i{
	left: 0;right: 0;
	top: 50%;transform: translateY(-50%);
	height: 3px;background: #090909;
	display: block;position: absolute;
	opacity: 0;width: 0;transition: all 0.3s;
	margin: 0 auto;
}
.h_service li a:hover i,
.h_service li.on a i{
	width: 100%;opacity: 1;
}
.h_case{
	margin-top: 100px;
}
.h_case .hd{
	overflow: hidden;
}
.h_case .hd .lts{
	float: left;
}
.h_case .hd .lts h2{
	padding-left: 120px;
	position: relative;
}
.h_case .hd .lts span{
	width: 60px;
	height: 5px;
	display: block;
	background: #000000;
	position: absolute;
	left: 44px;top: 50%;
	margin-top: -3px;
}
.h_case .hd .lts p{
	font-size: 44px;
	color: #000000;
	line-height: 58px;
}
.h_case .hd .lts h3{
	font-size: 68px;
	line-height: 72px;
	color: #000;font-weight: bold;
	padding-left: 120px;
}
.h_case .hd  .rts{
	float: right;
	margin-right: 35px;
	margin-top: 60px;
}
.h_case .hd .rts a{
	font-size: 24px;
	color: #000000;
	display: block;
	line-height: 40px;
	background: url(../images/next.png) no-repeat right center;
	padding-right:60px ;
}
.h_case .hd .rts a:hover{
	padding-right: 50px;
}
.h_case .bd li{
	background: url(../images/bg.jpg) no-repeat center;
	height: 894px;
	padding: 53px 88px 0;
	box-sizing: border-box;
	margin-top: 15px;
}
.h_case .bd a{
	float: left;width: 490px;
	display: block;background: #fff;
}
.h_case .bd a:nth-child(2n){
	float: right;
}
.h_case .bd li .imgs{
	position: relative;
	height:306px ;
}
.h_case .bd li .imgs img{
	width: 100%;height: 100%;
	display: block;
}
.h_case .bd li .imgs h5{
	font-size: 57px;
	color: #808080;
	line-height: 1.4;
	position: absolute;
	right: -138px;top: 50%;
	transform: rotate(90deg);
	font-weight: bold;
	transform: translateY(-50%) rotate(90deg);
}
.h_case .bd li h2{
	font-size: 30px;
	color: #000;
	font-weight: bold;
	line-height:50px ;
	margin-top: 20px;
}
.h_case .bd li h2 span{
	margin-left: 25px;
}
.h_case .bd li p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	height: 180px;
	overflow: hidden;
}
.h_case .bd .ftx h4{
	font-size: 19px;
	color: #000000;
	line-height:34px ;
	margin-top: 5px;
	font-weight: bold;
}
.h_case .bd .ftx h5{
	font-size: 13px;
	color: #000000;
	line-height:30px ;
	margin-top: 5px;
}
.h_case .bd .ftx i{
	width: 35px;
	height: 2px;
	background: #000;
	display: block;	
}
.h_case .body{
	position: relative;
}
.h_case .bd{
	overflow: hidden;
}
.h_case .body .next,
.h_case .body .prev{
	background: url(../images/prev.png) no-repeat center;
	width: 34px;
	height: 65px;cursor: pointer;
	top: 50%;margin-top: -33px;
	left:-108px ;position: absolute;
}
.h_case .body .next:hover,
.h_case .body .prev:hover{
	background: url(../images/prev_1.png) no-repeat center;
}
.h_case .body .next{
	left: auto;right: -108px;
	transform: rotate(180deg);
}
.hf_naver{
	margin-top: 135px;
}
.hf_naver .wrap{
	padding: 0 0 0 40px;
	box-sizing: border-box;
}
.hf_naver h2{
	font-size: 62px;
	color: #000000;
	line-height: 92px;
	margin-bottom: 135px;
}
.hf_naver dl{
	float: left;
	width: 300px;
	margin-left: 75px;
	position: relative;
	padding-bottom: 15px;
}
.hf_naver dl:before{
	content: "";
	display: block;
	width: 5px;
	height: 1px;
	background: #4d4d4d;
	position: absolute;
	left: 0;
	bottom:0 ;
}
.hf_naver dl:nth-child(3n){
	width: 245px;float: right;
	margin: 0;
}
.hf_naver dt{
	font-size:24px ;
	color: #4d4d4d;
	line-height: 52px;
	margin-bottom: 10px;
}
.hf_naver dd a{
	font-size: 16px;
	color: #4d4d4d;
	line-height:28px ;
	display: inline-block;
}
.hf_naver dd a:hover{
	color: #000;
}
.footer{
	background: #4d4d4d;padding: 105px 0 100px;
	margin-top: 85px;
}
.footer .lts{
	float: left;
	overflow: hidden;
}
.footer .weix{
	float: left;
	width: 114px;
	height: 114px
}
.footer .weix img{
	width: 100%;
	display: block;
}
.footer .txt{
	float: left;
	margin-left: 65px;
	margin-top: 5px;
}
.footer .txt h6{
	font-size:11px ;
	color: #fff;
	line-height: 18px;
	margin-top: 6px;
}
.footer .txt img{
	display: block;
}
.footer .txt h5{
	font-size:13px ;
	color: #fff;
	line-height: 20px;
}
.footer .txt p{
	font-size:10px ;
	color: #fff;
	line-height: 16px;
}
.footer h3{
	float: right;
	font-size:28px ;
	color: #ffffff;
	line-height: 42px;
	width: 940px;
}
.layout{
	position: relative;
}
.fx_top{
	position: absolute;right: 105px;
	bottom: 308px;
}

.h_mask{
	position: fixed;
	left: 0;right: 0;
	top: 0;bottom: 0;
	z-index: 1111;
	background: #fff;
	display: none;
}
.h_mask .logo li{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
}
.h_mask .logo li:nth-child(2){
	padding-left:25px; 
}
.h_mask .logo li:nth-child(3){
	padding-left:50px; 
}
.h_mask .h_naver{
	margin-top: 30px;
}
.h_mask .h_naver li a{
	font-size: 64px;line-height: 100px;
}
.h_mask .h_naver h3{
	font-size: 223px;
}
.h_mask .h_naver li a:hover,
.h_mask .h_naver li.on a{
	font-weight: bold;
}
.h_mask .h_nav{
	position: absolute;left: 0;right: 0;bottom: 0;
	z-index: 11;margin: 0 0 50px;
}
.h_case .more{
	display: none;
}
.h_case .btn{
	display: none;
}

.h5{
	display: none;
}


/*dynamic*/
.x_wrap{
	width: 1485px;margin: 0 auto;
}
.titles h1{
	line-height: 314px;font-size: 188px;font-weight: bold;color: #f0f0f0;text-transform: uppercase;
}
.titles h1 span{
	color: #979797;
}
.dynamic{
	overflow: hidden;
}
.dynamic .con{
	overflow: hidden;
}
.dynamic .con .hd{
	float: left;width: 594px;padding-top: 83px;text-align: center;
}
.dynamic .con .hd h2{
	font-size: 22px;line-height: 29px;color: #000000;
}
.dynamic .con .hd h3{
	font-size: 14px;line-height: 25px;color: #333;
}
.dynamic .con .bd{
	float: right;width: 766px;overflow: hidden;margin-right: 113px;
}
.dynamic .con .bd h2{
	margin-top: 69px;font-size: 26px;line-height: 65px;border-bottom: 2px solid #8d8d8d;margin-bottom: 22px;
}
.dynamic .con .bd p{
	font-size: 15px;color: #666;line-height: 31px;
}
.dynamic .con .bd h3{
	font-size: 17px;color: #666;line-height: 31px;
}
.dynamic .con .bd .number{
	border-top: 1px solid #282828;overflow: hidden;padding-top: 20px;
}
.dynamic .con .bd .number .share{
	float: left;width: 20px;height: 21px;background: url(../images/x_ico1.png) no-repeat center;background-size: 100% 100%;
}
.dynamic .con .bd .number .next{
	float: right;width: 140px;
}
.dynamic .con .bd .number .next a{
	width: 25px;height: 25px;border-radius: 50%;border: 1px solid #565656;margin-left: 14px;background: url(../images/x_ico3.png) no-repeat center;
	background-size:50% 50%;display: inline-block;
}
/* case开始 */
.case .con{
	width: 1674px;margin: 0 auto;
}
.t_nav ul{
	font-size: 0;text-align: right;padding: 34px 0;
}
.t_nav ul li{
	display: inline-block;padding: 0 13px;
}
.t_nav ul li a{
	font-size: 22px;line-height: 60px;color: #666666;
}
.t_nav ul li a:hover{
	color: #000;
}
.case .bd ul{
	width: 105%;position: relative;
}
.case .bd ul li{
	width: 538px;margin-right: 31px;margin-bottom: 36px;
}
.case .bd ul li a{
	position: relative;display: block;width: 100%;height: 100%;
}
.case .bd ul li .img{
	position: relative;
}
.case .bd ul li .img img{
	display: block;
}
.case .bd ul li .img::before{
	content: "";display: block;
	position: absolute;
	left: 0;right: 0;top: 0;
	bottom: 0;z-index: 11;
	background: rgba(0,0,0,0.5);
}
.case .bd ul li:hover .img::before{
	background: rgba(0,0,0,0.8);
}
.case .bd  .text{
	position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);margin: 0 auto;text-align: center;
	opacity: 1;z-index: 12;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.case .bd .mks{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	color: #fff;
	z-index: 13;
	padding: 30px;
	font-size: 15px;
	line-height: 1.8;
	opacity: 0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.case .bd li:hover .mks{
	opacity: 1;
}
.case .bd li:hover .text{
	opacity: 0;
}
.case .bd  .text h2{
	line-height: 28px;font-size: 18px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.case .bd  .text h3{
	font-size: 15px;line-height: 25px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
/* gioo开始 */
.gioo_wrap{
	width: 1693px;margin: 0 auto;
}
.gioo .hd{
	position: relative;width: 1795px;margin: 0 auto;
}
.gioo .hd .pics .inner{
	position: relative;
}
.gioo .hd .pics .inner .text{
	position: absolute;top: 146px;right: 147px;width: 545px;z-index: 1;height: 601px;
}
.gioo .hd .pics .inner .text h2{
	font-size:32px;line-height: 74px;font-weight: bold;color: #000;
}
.gioo .pics .inner .text p{
	line-height: 38px;font-size: 18px;color: #000;
}
.gioo .pics .inner h3{
	position: absolute;left: 0;bottom: 0;z-index: 1;font-size: 24px;line-height: 50px;color: #000;font-weight: bold;
}
.gioo .pics .inner h3:before{
	content: '';position: absolute;left: 0;top: 0;width: 46px;height: 2px;background: #000;
}
.gioo .hd .btns{
	position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 52px;
}
.gioo .hd .btns .pic_prev,
.gioo .hd .btns .pic_next,
.gioo .hd .btns .del,
.gioo .hd .btns .share{
	position: static;width: 29px;height: 29px;border: 1px solid #5a5a5a;border-radius: 50%;overflow: hidden;margin: 24px auto;
	background: url(../images/x_ico2.png) no-repeat center;
}
.gioo .hd .btns .pic_prev{
	transform: rotate(180deg);
}
.gioo .hd .btns .del{
	display: block;background: url(../images/x_ico3.png) no-repeat center;
}
.gioo .hd .btns .share{
	display: block;border: none;background: url(../images/x_ico1.png) no-repeat center;
}
.gioo .bd img{
	display: block;width: 100%;
}
/* dynamic_list开始 */
.wrap1733{
	width: 1733px;margin: 0 auto;
}
.dynamic_list .t_nav{
	padding: 0;
}
.dynamic_list .list{
	margin-top: 68px;padding: 0 233px;box-sizing: border-box;
}
.dynamic_list .list ul li{
	padding: 50px;box-sizing: border-box;border-bottom: 1px solid #9e9e9e;
}
.dynamic_list .list ul li a{
	overflow: hidden;display: block;width: 100%;height: 100%;
}
.dynamic_list .list .img{
	float: left;width: 425px;height: 365px;overflow: hidden;
}
.dynamic_list .list .img img{
	display: block;width: 100%;
}
.dynamic_list .list .text{
	float: right;width: 570px;overflow: hidden;position: relative;height: 365px;
}
.dynamic_list .list .text h2{
	font-size: 19px;color: #000;line-height: 57px;
}
.dynamic_list .list .text h3{
	font-size: 23px;color: #000;line-height: 31px;margin: 20px 0 36px;height: 70px;overflow: hidden;
}
.dynamic_list .list .text p{
	font-size: 14px;color: #666;line-height: 29px;height: 60px;overflow: hidden;
}
.dynamic_list .list .text h4{
	position: absolute;left: 0;bottom: 40px;font-size: 18px;color: #666;line-height: 45px;text-decoration: underline;
}
.page ul{
	font-size: 0;text-align: center;margin: 40px 0;
}
.page ul li{
	display: inline-block;
}
.page ul li a{
	display: inline-block;width: 33px;font-size: 23px;color: #4d4d4d;line-height: 33px;text-align: center;margin: 0 4px;height: 33px;vertical-align: middle;
}
.page ul li:first-child a,
.page ul li:last-child a{
	border: 1px solid #545454;border-radius: 50%;overflow: hidden;background: url(../images/x_ico2.png) no-repeat center;margin-right: 10px;
}
.page ul li:last-child a{
	transform: rotate(180deg);margin-left: 10px;
}
.page ul li:hover a{
	color: #000;
}
/* contact开始 */
.contact {
	margin: 0 auto;
	overflow: hidden;
}
.contact .titles {
	margin: 30px 0 110px;
}
.x_wrap {
	width: 1520px;
	margin: 0 auto;
}
.contact .titles .x_wrap h1 {
	font-size: 131px;
	line-height: 151px;
	color: #F0F0F0;
	font-weight: bold;
}
.contact .titles .x_wrap h1 span {
	text-transform: uppercase;
	color: #979797;
}
.contact .hd {
	overflow: hidden;
}
.contact .hd .txt {
	float: right;
	width: 50%;
}
.contact .hd .txt p {
	line-height: 30px;
	font-size: 19px;
	color: #666666;
}
.contact .hd .txt a {
	background: url(../images/q_ico1.png) no-repeat right center;
	padding-right: 20px;
	font-size: 21px;
	color: #4d4d4d;
	line-height: 29px;
	display: inline-block;
	position: relative;
	margin: 36px 0 65px;
	border-bottom: 1px solid #9b9b9b;
	
}
.contact .hd .txt a:before {
	content: "";
	position: absolute;
	left: 0;right: 0;
	
}
.contact .hd .txt h4 {
	font-size: 20px;
	line-height: 33px;
	color: #4d4d4d;
	margin-bottom: 26px;
}
.contact .hd .txt h5 {
	font-size: 14px;
	line-height: 28px;
	color: #4d4d4d;
}
.contact .hd .txt h3 {
	margin-bottom: 4px;
	line-height: 122px;
	font-size: 27px;
	color: #4d4d4d;
}
.contact .hd .txt h6 {
	line-height: 36px;
	font-size: 18px;
	color: #4d4d4d;
}
.contact .hd .txt .weix {
	margin-top: 69px;
}
.contact .hd .txt .weix .imgs{
	width: 220px;
}
.contact .hd .txt .weix .imgs img{
	display: block;width: 100%;
	border: 1px solid #bfbfbf;box-sizing: border-box;
}
.contact .hd .txt .weix .imgs h2 {
	font-size: 19px;
	line-height: 58px;
	color: #4d4d4d;
	text-align: center;
}
.contact .bd {
	margin: 0 43px ;margin-top: 150px;
}
.contact .bd .clearfix .txt {
	width: 50% ;
	float: right;
	margin-bottom: 80px;
	
}
.contact .bd .clearfix .txt h5 {
	font-size: 15px;
	line-height: 26px;
	color: #4d4d4d;
	margin-bottom: 30px;
}
.contact .bd .clearfix .txt p {
	font-size: 12px;
	color: #4d4d4d;
	line-height: 26px;
}
.contact .bd img {
	margin-bottom:80px ;
	display: block;max-width: 100%;
}
/* about开始 */
.ytdiv .titles h1{
	line-height: 314px;
	font-size: 188px;
	font-weight: bold;
	color: #f0f0f0;
	text-transform: uppercase;
}
.ytdiv .titles h1 span{
	color: #979797;
}
.ytdiv .txts{
	position: relative;
}
.ytdiv .txts .txt_right{
	float: right;
	width: 768px;
	
}
.ytdiv .txts .txt_right p{
	font-size: 19px;
	color: #666;
	line-height: 31px;
	margin-bottom: 31px;
}
.ytdiv .txts .txt_right p:last-child{
	margin-bottom: 48px;
}
.ytdiv .txts .txt_right h5{
	font-size: 18px;
	color: #000;
	line-height: 44px;
	font-weight: bold;
}
.ytdiv .txts .txt_right>h6{
	font-size: 15px;
	color: #666;
	line-height: 24px;
	margin-bottom: 25px;
}
.ytdiv .txts .txt_right .lis {
	border-top: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}
.ytdiv .txts .txt_right .lis li{
	position: relative;
	float: left;
	width: 25%;
	height:96px;
	border-left: 1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
	box-sizing: border-box;
}
.ytdiv .txts .txt_right .lis li  img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height: 80%;
	max-width: 80%;
}
.ytdiv .txts .txt_right>h4{
	position: relative;
	padding-left: 24px;
	font-size: 25px;
	line-height: 256px;
	z-index: 100;
}
.ytdiv .txts .txt_right>h4 span{
	font-size: 36px;
	font-weight: bold;
	position: relative;z-index: 10;
}
.ytdiv .txts .txt_right h4 i{
	position: absolute;right: 0;top: 50%;transform: translateY(-50%);line-height: 100px;
    font-size: 96px;
    font-weight: bold;
    color: #f0f0f0;
    text-transform: uppercase;
}
.ytdiv .txts .txt_right .dls{
	
}
/*定位*/
.ytdiv .txts .fix_cen .imgs{
	position: absolute;
	left: 0;
	top: 26px;
	width: 68px;
	height: 1132px;
	overflow: hidden;
}
.ytdiv .txts .fix_cen .imgs img{
	width: 100%;
	display: block;
}
.ytdiv .txts .fix_cen .us{
	position: absolute;
	right: 54px;
	top: 627px;
	line-height: 100px;
	font-size: 96px;
	font-weight: bold;
	color: #f0f0f0;
	text-transform: uppercase;
}
.ytdiv .txts .txt_right .dls dl{
	float: left;
	padding-left: 8px;
	display: inline-block;
	box-sizing: border-box;
}
.ytdiv .txts .txt_right .dls dl dt{
	position: relative;
}
.ytdiv .txts .txt_right .dls dl dt:after{
	position: absolute;
	content: "";
	bottom: -6px;
	left: 0;
	width: 14px;
	height: 0;
	border-bottom: 2px solid #333;
}
.ytdiv .txts .txt_right .dls dl dt a{
	padding-right: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	background: url(../images/yt_ico01.png) no-repeat right center;
}

.ytdiv .txts .txt_right .dls dl dd{
	margin-top: 12px;
	font-size: 9px;
	line-height: 16px;
	color: #666;
}
.ytdiv .txts .txt_right .dls .dl01{
	width: 270px;
}
.ytdiv .txts .txt_right .dls .dl02{
	width: 300px;
}
.ytdiv .txts .txt_right .dls .dl03{
	width: 198px;
}
.ytdiv .txts .txt_right .percent{
	margin-top: 50px;
	color: #000000;
}
.ytdiv .txts .txt_right .percent li{
	float: left;
	width: 200px;
	margin-right: 30px;
	box-sizing: border-box;
}
.ytdiv .txts .txt_right .percent li:first-child{
	padding-left: 30px;
}
.ytdiv .txts .txt_right .percent h2,.ytdiv .txts .txt_right .percent h3,.ytdiv .txts .txt_right .percent h6{
	display: inline-block;
	float: left;
}
.ytdiv .txts .txt_right .percent h2{
	font-size: 39px;
	font-weight: bold;
	line-height: 39px;
}
.ytdiv .txts .txt_right .percent h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 39px;
	margin:0 12px 0 5px;
}
.ytdiv .txts .txt_right .percent h6 {
	position: relative;
	width: 75px;
	height: 40px;
}
.ytdiv .txts .txt_right .percent h6 span{
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	font-size: 9px;
	line-height: 11px;
	color: #666;
	
}

.ytdiv .img_txt{
	margin: 100px 0 128px 0;
	
}
.ytdiv  .img_txt .txt{
	float: left;
	width: 716px;
	overflow: hidden;
	margin-top: 124px;
	margin-right: 146px;
	padding-left: 110px;
	box-sizing: border-box;
}
.ytdiv .img_txt .img{
	float: left;
	width: 422px;
	height: 519px;
	overflow: hidden;
}
.ytdiv .img_txt .img img{
	width: 100%;
	display: block;
}
.ytdiv .img_txt .txt h5{
	position: relative;
	font-size: 26px;
	color: #000;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.ytdiv .img_txt .txt h5:after{
	position: absolute;
	content: "";
	bottom: 16px;
	left: -68px;
	width: 57px;
	height: 0;
	border-bottom: 6px solid #000;
}
.ytdiv  .img_txt .txt h3{
	font-size: 33px;
	line-height: 54px;
	font-weight: bold;
}
.ytdiv .img_txt .txt p{
	margin-top: 36px;
	font-size: 14px;
	line-height: 21zpx;
	color: #666;
	font-weight: bold;
}
.ytdiv .list{
	
}
.ytdiv .list li{
	float: left;
	margin-right: 118px;
	width: 335px;
	margin-bottom: 36px;
}
.ytdiv .list li:nth-child(3n){
	margin-right: 0px;
}
.ytdiv .list li:nth-child(3n+1){
	margin-left: 30px;
}
.ytdiv .list li .imgs{
	height: 332px;
	overflow: hidden;
}
.ytdiv .list li .imgs img{
	width: 100%;
	display: block;
}
.ytdiv .list li h2{
	margin-top: 28px;
	font-size: 19px;
	line-height: 34px;
	color: #000000;
}
.ytdiv .list li h3{
	font-size: 14px;
	line-height: 23px;
	color: #000000;
}
.ytdiv .list li p{
	margin-top: 12px;
	font-size: 14px;
	line-height: 26px;color: #666666;
}

.h_service li:nth-child(1){
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.h_service li:nth-child(2){
	-webkit-animation:fadeInUp 1s .3s ease both;
	-moz-animation:fadeInUp 1s .3s ease both;
}
.h_service li:nth-child(3){
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
.h_service li:nth-child(4){
	-webkit-animation:fadeInUp 1s .5s ease both;
	-moz-animation:fadeInUp 1s .5s ease both;
}
.h_service li:nth-child(5){
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both;
}