/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0;max-width: 100%; }
a { color:#000; text-decoration:none; }
a:hover { color: #7daaa8; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
/* css base */
body { font-family:"微软雅黑"; font-size:12px; color:#444444; line-height:2.1;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{  content: "."; display: block;height: 0;clear: both; visibility: hidden;}
*{
	margin: 0;
	padding: 0;
}
.wrap{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;

}
.video{
	background:url(../img/video_bg.jpg) no-repeat center top;
	height:800px;
	padding-top:150px;
	box-sizing: border-box;
}
.video_left{
	width:700px;
	float:left;
}
.video_right{
	width:379px;
	float:right;
}
.video_right dl dt{
	margin:45px 0;
}
.video_right dl dd{
	font-size:16px;
	 font-weight: bold;
}
.video_right a{
	display:block;
	width:160px;
	height:39px;
	line-height:39px;
	text-align:center;
	background:#7cbdbf;
	color:#fff;
	border-radius:15px;
	margin-top:125px;
	font-size:16px;
}
.logo{
	float: left;
	margin-right: 52px;
	margin-top: 15px;
}
.nav{
	float: left;
}
.header_kb{
	height:100px;
}
.header{
	box-shadow: 0 0 10px 1px #b5b9bc;
	position: fixed;
    background: #fff;
    width: 100%;
	top: 0px;
    left: 0px;
    z-index: 200;
}
.header .wrap{
	overflow: inherit;
}
.nav ul li{
	float: left;
	height: 100px;
	line-height: 100px;
	/*width: 130px;*/
	width: 90px;
	text-align: center;
	font-size: 14px;
	margin: 0 1px;
	position: relative;
	z-index: 2000;
}
.nav ul li:last-child{
	height: 100px;

    width: 130px;
}
.nav ul li:last-child a{
	display: inline;
}
.nav ul li:last-child a:hover{
	color: #6da0a3;
}
.nav ul li.act{
	background: #7daaa8;
}
.nav ul li.act a{
	color: #FFFFFF;
}
.nav ul li:hover{
	background: #7daaa8;
}
.nav ul li:hover a{
	color: #FFFFFF;
}
.nav ul li:last-child:hover{
	background: none;
}
.nav ul li:last-child:hover a{
	color: #000000
}
.nav ul li a{
	display: block;
}
.nav ul li:hover .down{
	display: block;
}
.nav ul li .down{
	width: 100%;
	background: #FFFFFF;
	display: none;
}
.nav ul li .down span a{
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-bottom: 1px solid #d3dcdd;
	color: #000000;
	overflow:hidden;
}
#top{
	position:fixed;
	right:20px;
	bottom:120px;
	background:#7daaa8;
	padding:10px;
	border-radius:5px;
}
#top a{
	color:#fff;
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
}
#top a img{
	display:block;
	width:70%;
	margin:0 auto;
}
.nav ul li .down span a:hover{
	background: #7daaa8;
	color: #FFFFFF;
}
.nav{
	float: left;
}
.shop{
	float: right;
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #de1625 url(../img/shop.png) no-repeat 20px center;
    color: #FFFFFF;
    font-size: 14px;
    text-indent: 45px;
    border-radius: 20px;
    color: #FFFFFF;
    margin-top: 35px;
}
.shop a{
	color: #FFFFFF;
}
.banner{
	position: relative;
    z-index: 1;
}
.banner img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.banner .swiper-pagination-bullet-active{
	background: #81b1b3;
}

/*产品中心*/
.pro_center{
	
}
.pro_center .pro_team{
	height: 800px;
}
.pro_center .pro_team a{
	display:block;
	width:100%;
	height:100%;
	
}
.pro_center .pro_team .pro_words{
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: #c49e73;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	margin-left: auto;
	margin-right: 430px;
	margin-top: 375px;
}
.pro_center .pro_team .pro_words a{
	color: #FFFFFF;
	display: block;
}
.pro_center .pro_team:nth-child(2) .pro_words{
	margin-right: 328px;
	margin-top: 480px;
	background: #7daaa8;
}
.pro_center .pro_team:nth-child(3) .pro_words{
	background: #7daaa8;
	margin-left: 0;
}
.pro_team_words{
	width:50%;
	margin-top: 200px;
}
.pro_team_words dl{
	float:left;
	text-align:center;
	margin-right:30px;
}
.pro_team_words dl dt img{
	transition: all ease-in-out .5s;
}
.pro_team_words dl:hover dt img{
	 transform: rotate(360deg);
}
.pro_team_words dl dd{
	font-size:16px;
	color:#7da9a7;
}
.pro_team_words2{
	margin-left:auto;
	margin-right:0px;
}
.pro_team_words3{
	margin-left:auto;
	margin-right:0px;
	margin-top: 307px;
	width:42%;
}
.pro_more{
	width:160px;
	height:40px;
	line-height:40px;
	background:#7daaa8;
	text-align:center;
	color:#fff;
	font-size:16px;
	border-radius:15px;
	margin-top:45px;
	transition: all ease-in-out .5s;
}
.pro_more2{
	margin-left:auto;
	margin-right:439px;
	background:#83d2cc;
}
.pro_more3{
	margin-left:auto;
	margin-right:344px;
	
}
.pro_more:hover{
	width:180px;
}
.pro_more a{
	color:#fff;
}



/*公用标题*/
.pub_title{
	margin: 60px 0;
}
.pub_title h4{
	float: left;
	font-size: 28px;
	font-weight: bold;
	color: #444444;
}
.pub_title h4 em{
	font-size: 12px;
	color: #aaaaaa;
	display: block;
}
.pub_title ul{
	float: right;
	font-size: 14px;
	margin-top: 15px;
}
.pub_title ul li{
	float: left;
	margin-left: 50px;
	
	text-align: center;
}
.pub_title ul li.act{
	background: #82afb2;
}
.pub_title ul li.act a{
	color: #fff;
}
.pub_title ul li a{
	color: #666666;
	padding: 0 5px;
	display: block;
}

.news_team{
	width: 359px;
	float: left;
	text-align: left;
	margin-right: 50px;
}

.news_team:last-child{
	margin-right: 0px;
}	
.news_team .news_pho {
	width: 100%;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	transition: all ease-in-out .5s;
	overflow: hidden;
	    border: 1px solid #ddd;
}
.news_team:hover .news_pho img{
	transform: scale(1.2);
}
.news_team .news_pho img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	transition: all ease-in-out .5s;
}
.news_team .news_words{
  
	transition: all ease-in-out .5s;
}
.news_team .news_words h4{
	font-size: 18px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	 margin: 20px 0;
}
.news_team .news_words h4:after{
	display: block;
	content: "";
	width: 30px;
	height: 1px;
	background: #595959;
	margin: 15px 0;
	transition: all ease-in-out .5s;
	display: none;
}
.news_team:hover .news_words h4:after{
	width: 100%;
}
.news_team .news_words em{
	display: block;
	margin-top: 20px;
	color: #999999;
}
.news_team .news_words em a{
	float: right;
	color: #999999;
}
.news_team .news_words p{
	color: #838383;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.news .swiper-container{
	padding-bottom: 80px;
}
.news .swiper-pagination-bullet{
	background: url(../img/radiu2.png) no-repeat center;
	width: 16px;
	height: 16px;
	opacity: 1;
}
.news .swiper-pagination-bullet-active{
	background: url(../img/radiu.png) no-repeat center;
	
}


/*在线留言*/
.online{
	background: url(../img/onine.jpg) no-repeat center top;
	height: 574px;
	margin-top: 45px;
}
.online_words{
	width: 600px;
}
.online h4{
	font-size: 28px;
	margin: 55px 0;
}
.online h4 em{
	font-size: 14px;
	float: right;
	margin-top: 15px;
	color: #666666;
}
.online input{
	display: block;
	width: 100%;
	height: 40px;
	border: 1px solid #b3b3b3;
	background: none;
	outline: none;
	margin-bottom: 16px;
	padding: 0 15px;
	box-sizing: border-box;
}
.online textarea{
	width: 100%;
	height: 135px;
	padding: 15px;
	border: 1px solid #b3b3b3;
	background: none;
	outline: none;
	box-sizing: border-box;
}
.online input:last-child{
	background: #7daaa8;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 35px;
}
.foot{
	background: url(../img/foot_bg.jpg) no-repeat center top;
	padding-top: 85px;
	box-sizing: border-box;
	background-size:cover;
	font-size: 14px;
}
.foot_words{
	width: 600px;
	margin-left: auto;
	margin-right: 0px;
	text-align: center;
    color: #666666;
}
.foot_wechat{
	text-align: center;
}
.foot_wechat dl{
	display: inline-block;
	margin: 38px 12px;
}
.foot_wechat dl dt img{
	border: 5px solid #FFFFFF;
}

/*footer*/
.footer{
	text-align: center;
	font-size: 13px;
	background: #7daaa8;
	padding: 8px 0;
	color: #FFFFFF;
}

/*位置*/
.location{
	padding: 27px 0;
}
.location .wrap{
	background: url(../img/home.png) no-repeat left center;
	padding-left: 20px;
}
.location span{
	color: #82afb2;
}

.main{
	margin-bottom: 50px;
}
.main_le{
	width: 276px;
	float: left;
}
.sidebar_title{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	background: url(../img/line.jpg) no-repeat 240px center;
	border-bottom: 1px solid #ececec;	
	padding: 0 15px;
}
.sidebar{
	border: 1px solid #ececec;	
	padding-bottom: 2px;
}
.sidebar ul li{
	text-indent: 15px;
	
	line-height: 36px;
	font-size: 14px;
}

.nav_list3{
	background:#f3f3f3;
	display:none;
}
.sidebar ul li.act .nav_list3{
	display:block;
}
.nav_list3 a{
   color:#666666 !important;	
   text-indent:35px;
}	
.sidebar ul li.act{
	background: #82afb2;
}
.sidebar ul li.act a{
	color: #FFFFFF;
}
.sidebar ul li a{
	display: block;
	color: #666666;
}
.sidebar ul li:hover{
	background: #82afb2;
}
.sidebar ul li:hover a{
	color: #FFFFFF;
}

.sidebar_contact{
	border: 1px solid #ececec;	
    padding-bottom: 6px;
	margin-top: 20px;
}
.sidebar_c_words{
	padding: 10px 20px;
	font-size: 16px;
}
.sidebar_contact .foot_wechat dl{
	margin: 18px 12px;
}
.sidebar_tj_pro{
	border: 1px solid #ececec;	
	margin-top: 20px;
}
.sidebar_tj_pro ul{
	padding: 0 2%;
}
.sidebar_tj_pro ul li{
	width: 48%;
	float: left;
	text-align: center;
	margin: 10px 1%;
}
.sidebar_tj_pro ul li em{
	display: block;
	width: 120px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #eeeeee;
}
.sidebar_tj_pro ul li em img{
	display: block;
	max-width: 100%;
}
.sidebar_tj_pro ul li h4{
	font-size: 14px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_ri{
	width: 886px;
	float: right;
}
.pro_list{
	
}
.pro_team_de{
	width: 282px;
	height: 342px;
	float: left;
	border: 1px solid #ececec;
	
	box-sizing: border-box;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 20px 0;
}
.pro_team_de:nth-child(3n+3){
	margin-right: 0px;
}
.pro_pho{
	display: block;
	width: 280px;
	height: 200px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.pro_pho img{
	display:block;
	margin:0 auto;
	max-width: 100%;
    max-height: 100%;
}
.pro_de_words h4{
	text-align: center;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	text-align: center;
	color: #666666;
	margin: 20px 0;
}
.pro_de_words a{
	display: block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #dedede;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	color: #a3a3a3;
}
.padding{
  text-align: right;
}
.padding ul li{
	display: inline-block;
}
.padding ul li a{
	border: 1px solid #eeeeee;
	padding: 6px 9px;
}
.padding ul li.active{
	background: #7daaa8;
	color: #fff;
}
.padding ul li span{
	border: 1px solid #eeeeee;
	padding: 6px 9px;
}
.padding ul li:hover a{
	background: #7daaa8;
	color: #FFFFFF;
}

.pro_dd{

}
.pro_dd_le{
	width: 400px;
	
	float: left;
}
.pro_dd .gallery-top{
	text-align: center;
}
.pro_dd .gallery-top{
	height: 397px;
}
.pro_dd .gallery-top img{

}
.pro_dd .gallery-top .swiper-slide{
	border: 1px solid #ececec;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.pro_dd .gallery-thumbs{
	margin-top: 26px;
}
.pro_dd .gallery-thumbs .swiper-wrapper{
	padding: 0px 0;
	box-sizing: border-box;
}
.pro_dd .gallery-thumbs .swiper-slide{
	display: block;
	width: 72px !important;;
	height: 72px;
	box-sizing: border-box;
	border: 1px solid #ececec;
}
.pro_dd .gallery-thumbs  .swiper-slide-thumb-active{
	border: 1px solid #3e7335;
}
.pro_dd .gallery-thumbs .swiper-slide img{
	max-width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}
.pro_dd .swiper-button-next, .pro_dd  .swiper-button-prev{
	background: url(../img/back_prev.png) no-repeat center center;
}
.pro_dd .swiper-button-next{
	background: url(../img/back_next.png) no-repeat center center;
}
.pro_dd .swiper-button-prev:after, .pro_dd .swiper-button-next:after{
	display: none;
}
.pro_dd_ri{
	width: 729px;
	float: right;

	box-sizing: border-box;
}
.pro_dd_ri h4{
	font-size: 16px;
	font-weight: bold;
	color: #6d6d6d;
	padding: 15px 0;
	border-bottom: 1px solid #f3f3f3;
}
.pro_dd_ri h4 em{
	font-size: 24px;
	color: #000000;

	display: block;
}
.pro_dd_ri ul li{
	padding: 15px 0;
	border-bottom: 1px solid #f3f3f3;
	color: #706f6f;
	font-size: 16px;
}
.pro_dd_ri ul li table{
	border: none;
}
.pro_dd_ri ul li table td{
	border: none;
}
.bm{
	background: url(../img/bm.png) no-repeat left center;
	padding-left: 80px;
}
.bm em{
	color: #ff9f3a;
}
.pro_dd_ri .hot_line{
	margin-top: 40px;
}
.pro_dd_ri .hot_line a{
	background: #7daaa8;
	color: #FFFFFF;
}
.zx_box{
	
}
.zx_box a{
	display: block;
	background: #eedf7a;
	background-size: cover;
	color: #000;
	text-align: center;
	width: 135px;
	height: 45px;
	line-height: 45px;
	margin-top: 40px;
	transition: all ease-in-out .5s;
	font-size: 14px;
}
.zx_box a:hover{
	border-radius: 10px;
	font-weight: bold;
}
.bb_de_word{
	margin: 50px 0;
}
.bb_de_word_title{
	border-bottom: 1px solid #e1e1e1;
	padding: 18px 0;
	font-size: 16px;
	font-weight: bold;
}
.bb_de_word_list{
	margin-bottom: 160px;
}
.bb_de_word_list img{
	vertical-align: top;
}
/*服务热线*/
.hot_line{
	
}
.hot_line dl{
	float: left;
	background: url(../img/tel.png) no-repeat left center;
	padding: 10px 0;
	padding-left: 60px;
}
.hot_line dl dt{
	font-size: 14px;
	color: #777777;
}
.hot_line dl dd{
	font-size: 28px;
	font-weight: bold;
	color: #7daaa8;
	line-height: 30px;

}
.hot_line a{
	display: block;
	width: 148px;
	height: 44px;
	line-height: 44px;
	float: right;
	text-align: center;
	border: 1px solid #b3b3b3;
	font-size: 16px;
	margin-top: 13px;
}

.shop_in{
	box-shadow: 0 0 8px 1px #fafafa;
	margin: 5px;
	margin-top: 25px;
}

.contact_style{
	margin: 50px 0;
}

.contact_style dl dd{
	font-size: 16px;
}
.contact_style dl:last-child{
	margin-right: 0px;
}


/*在线留言*/

.line h3{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	color: #444444;
}
.line h4{
	text-align: center;
	font-size: 16px;
	color: #666666;
	margin-bottom: 50px;
}
.line_list{
	
}
.line_list .input_box{
	
}
.line_list .input_box input{
	width: 30%;
	height: 39px;
	line-height: 39px;
	background: none;
	border: none;
	outline: none;
	margin-right: 55px;
   border: 1px solid #cccccc;
	padding: 0 5px;
	box-sizing: border-box;
	text-indent: 10px;
}

.line_list .input_box input:last-child{
	margin-right: 0px;
}
.line_list .text{
	margin-top: 30px;
}
.line_list .text textarea{
	width: 100%;
    box-sizing: border-box;
	padding: 10px;
	height: 200px;
	background: #f5f5f5;
	border: none;
	outline: none;
    background: none;
	text-indent: 10px;
	border: 1px solid #cccccc;
}
.sub_de input{
	display: block;
	width: 100%;
	height: 39px;
	line-height: 39px;
	margin: 30px auto;
	text-align: center;
	color: #FFFFFF;
	background: #666666;

	border: none;
	cursor: pointer;
}
.contact_style{
	margin: 50px 0 89px;
}
.contact_style dl{
	width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
	float: left;
	text-align: center;
}
.contact_style dl dd{
	font-size: 16px;
}
.contact_style dl:last-child{
	margin-right: 0px;
}
.news_de{
	
}
.news_de ul li{
	width: 279px;
	float: left;
	margin-right: 21px;
	margin-bottom: 35px;
}
.news_de ul li:nth-child(3n+3){
	margin-right: 0px;
}
.news_de ul li .news_team{
	width: 100%;
}
.news_de ul li .news_team:last-child{
	margin-right: 21px;
}




/*网站模板  pc*/

/*详情页 begin*/
.ypl_de{
	margin:35px 0 ;
}
.ypl_center{
	text-align: center;
}
.ypl_center h4{
	font-size:22px;
	margin: 15px auto 5px;

}
.ypl_center .show_time{
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #999999;
}
.ypl_center .show_time em{
	display: inline-block;
	font-size: 14px;
	margin: 0 20px;
	background: url(../img/time1.jpg) no-repeat left center;
	padding-left: 30px;
}
.ypl_center .show_time em:last-child{
	background: url(../img/time2.jpg) no-repeat left center;
}
.ypl_pho{
	margin: 25px 0;
}
.ypl_word{
	text-align: left;
	margin-bottom: 30px;
}
.ypl_pag{
	font-size: 14px;
}
/*详情页 end*/

/*网站地图 begin*/
.ypl_map{
	margin: 30px 0 ;
}
.ypl_map ul li{
	padding: 25px 0;
	border-bottom: 1px solid #dddddd;
}
.ypl_map  ul li h3{
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: bold;
}
.map_de a{
	padding: 10px;
	font-size: 14px;
}
/*网站地图 end*/

/*留言 begin*/
.ypl_mes{
	margin: 35px 0;
}
.ypl_mes h3{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #404040;
	margin-bottom: 10px;
}
.ypl_mes h4{
	font-size: 16px;
	text-align: center;
}
.ypl_mes_list{
	padding: 0 2%;
	margin-top: 25px;
}
.ypl_mes_list input{
	display: block;
	height: 45px;
	line-height: 45px;
	width: 100%;
	border: 1px solid #e0dcdc;
	padding: 0 5px;
	box-sizing: border-box;
	margin-bottom: 8px;
	border-radius: 6px;
	-webkit-appearance: none;
}
::-webkit-input-placeholder{
	color: #bbbbbb;
}
.ypl_mes_list textarea{
	height: 180px;
	width: 100%;
	border: 1px solid #e0dcdc;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 8px;
	border-radius: 6px;
	-webkit-appearance: none;
}
.ypl_sub{
	margin: 50px 0;
}
.ypl_mes_list .ypl_sub input{
	background: #5d9631;
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	width: 20%;
	height: 55px;
	line-height: 55px;
	margin:  0 auto;
	cursor: pointer;
}
.ypl_yz{
	
}
.ypl_yz input,.ypl_yz img{
	width: 25%;
	height: 45px;
	line-height: 45px;
	border: 1px solid #e0dcdc;
	box-sizing: border-box;
	border-radius: 6px;
	float: left;
}
.ypl_yz img{
	margin-left: 10px;
}
/*留言 begin*/

/*分页 begin*/
.ypl_padding{
	text-align: center;
	margin: 50px 0;
}
.ypl_padding ul{
	display: inline-block;
}
.ypl_padding ul li{
	width: 27px;
	line-height: 27px;
	text-align: center;
	display: inline;	
}
.ypl_padding ul li.active span{
	background: #3a3e7a;
	color: #fff;
}
.ypl_padding ul li:first-child a{
	padding: 5px 20px;
}
.ypl_padding ul li:last-child a{
	padding: 5px 20px;
}
.ypl_padding ul li a{
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
}
.ypl_padding ul li span{
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
}
.ypl_padding ul li a:hover{
	background: #3a3e7a;
	color: #FFFFFF;
}
/*分页 end*/

/*联系我们*/
.ypl_contact{
	margin: 30px 0;
}
.ypl_c_word {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.ypl_c_word ul li{
	margin-bottom: 20px;
}
.ypl_c_word ul li h4{
	font-size: 24px;
	margin-bottom: 10px;
}
.ypl_map iframe{
	border: none;
}


.y_search{
	width: 327px;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 30px;
	background: #f5f5f7;
}
.y_search input{
	border: none;
	outline: none;
}
.y_search .inp_1{
	width: 289px;
	height: 33px;
	line-height: 33px;
	background: #f5f5f7;
	border-radius: 10px;
	padding: 0 5px;
	box-sizing: border-box;
}
.y_search .inp_2{
	margin-top: 2px;
	float: right;
	height: 33px;
	line-height: 33px;
	background: #d9d9da;
	width: 38px;
    color: #6d6d6c;
}
.video_list{
	
}
.video_list ul{
	display:flex;
	flex-wrap:wrap;
}
.video_list ul li{
	width:33.33%;
	box-sizing:border-box;
	padding:10px;
}
.video_list ul li a{
	border:1px solid #dcdcdc;
	border-radius:5px;
	display:block;
}
.video_list ul li a h3{
	font-size:16px;
	color:#666666;
	text-align:center;
	line-height:3em;
}
.video_list ul li a p{
	text-align:center;
	padding-bottom:15px;
}
.video_list ul li a p span{
	display:inline-block;
	padding:2px 20px;
	border-radius:3px;
	background:#7daaa8;
	color:#fff;
}
.video_box{
    
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,.7);
    display: none;
    justify-content: center;
    align-items: center;
}
.video_box .box{
    position: relative;
    width: 1200px;
    height: 640px;
    background: #fff;
    padding: 60px 210px;
    box-sizing: border-box;
}
.video_box .box i{
    position: absolute;
    top: 30px;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    right: 30px;
    color: #fff;
    font-size: 34px;
    background: #8ab3b1;
    font-style: unset;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}
.video_box .box .show video{
    width: 100%;
    height: 460px;
}
.video_box .box .title{
    text-align: center;
    line-height: 3em;
    font-size: 14px;
    
}
.but_right{
	position:fixed;
	bottom:50%;
	right:20px;
	z-index:99;
	margin-bottom:-234px;
}
.but_right ul{
	background:#fff;
	box-shadow: 0 0 15px #ccc;
	border-radius: 10px;
}
.but_right .but_remo{
	margin-top:25px;
	background:#fff;
	display:flex;
	width:90px;
	height:45px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	box-shadow: 0 0 15px #ccc;
	cursor:pointer;
}
.but_right .but_remo span{
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	/* Internet Explorer 9*/
	-moz-transform: rotate(-90deg);
	/* Firefox */
	-webkit-transform: rotate(-90deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(-90deg);
	font-size:28px;
	color:#82cfc9;
	margin-right:10px;
}
.but_right .but_remo em{
	font-size:16px;
	color:#82cfc9;
}
.but_right ul li{
	border-bottom:1px solid #dcdcdc;
	padding:10px 0;
	position:relative;
}
.but_right ul li a{
	display:block;
	text-align:center;
}
.but_right ul li a h3{
	font-size:16px;
	line-height:2em;
}
.but_right ul li a .qrcode{
	position:absolute;
	right:90px;
	display:flex;
	width:196px;
	top:-20px;
	display:none;
}
.but_right ul li a .qrcode>div.code_li{
	padding:10px;
	background:#fff;
}
.but_right ul li a .qrcode img{
	width:78px;
	height:78px;
}
.but_right ul li a .qrcode div{
	font-size:14px;
	text-align:center;
	line-height:2em;
}