﻿@charset "utf-8";

/* @font-face {
	font-family: "SourceHanSansCN-Normal";
	src: url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"),
		 url("../fonts/SourceHanSansCN-Normal.woff") format("woff"),
		 url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"),
		 url("../fonts/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
		 url("../fonts/SourceHanSansCN-Normal.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  } */
  /* @font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
		 url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
		 url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
		 url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
		 url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  } */
  /* @font-face {
	font-family: "hxb";
	src: url("../fonts/hxb.woff2") format("woff2"),
		 url("../fonts/hxb.woff") format("woff"),
		 url("../fonts/hxb.ttf") format("truetype"),
		 url("../fonts/hxb.eot") format("embedded-opentype"),
		 url("../fonts/hxb.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  } */
  /* @font-face {
    font-family: 'hzgb';
	src: url(../fonts/GOTHIC.TTF), url(../fonts/GOTHICB.TTF), url(../fonts/GOTHICBI.TTF) , url(../fonts/GOTHICI.TTF);
    font-weight: normal;
    font-style: normal;

} */
@font-face {
	font-family: "siyuan";
	src: url("../fonts/5c8a09a81e32c1552550312.otf") ;
	font-weight: normal;
	font-style: normal;
  }
.demo{ font-family: 'hzgb';}
.demo2{ font-family: 'siyuan';}
body{ overflow-x: hidden; }
/* @import url("../fonts/font.css"); */
/* @import url("../fonts/SourceHanSansCN-Normal.css") */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dl, dt, dd, ol, ul, li, 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, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
th,td{ border:1px solid #ededed; padding:5px;}
body{  color:#555; 
/*font-family: 'siyuan';*/
font: 400 100% Open Sans,sans-serif;
font-size:14px; margin:0 auto ; background:#fff; min-width:320px ; overflow-x:hidden; }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none; color:#ff9510}
*{ margin:0; padding:0;} 
.container{ width:100%; max-width:1226px; margin:0 auto; box-sizing:border-box; padding:0 13px;}
.clears{ clear:both;} 
.posr{ position:relative; z-index:1000}
input,textarea,select{ font-family:"siyuan"; outline:none}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; }  
.bgfff{ background:#fff}
.bgfd{ background:#fdfbfa}
.bgf2{ background:#f2f2f2;}
.bgf6{ background:#f6f6f6; overflow:hidden}
.bgf7{ background:#f7f8fa;}
.bgf8{ background:#F8F8F8;}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;} 
/* 首页 */
.head_bg{ background: rgba(0,0,0,0.5);}
.content{	display: block;
	position: relative;
	z-index: 200;
	width: 80%;
	padding-left: 15%;
	margin-right: 5%;
	padding-top: calc(100vh - 100px)
}
.header{ position: absolute; width: 100%; min-height: 100px; top: 0; left: 0; z-index: 300;}
.logo{ float: left; margin-left: 60px; margin-top: 60px;width:20%}
.menu{ float:right; margin-right: 30px; margin-top: 30px;} 
.phone-menu{position:fixed; top:50%; left:50%; z-index:10000; background: url('../images/menu_bg_01.jpg') no-repeat center; background-size: cover; width:100%; height:100%; overflow:hidden; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display: none;}
.phone-menu dl{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100px;}
.phone-menu dl dd{ width:100%; margin:40px 0; float:none;} 
.phone-menu a{ width:100%; color:#333!important ; font-size: 40px;}
.phone-menu dd.active a{ color: #fc4c02 !important}
.menu-cloes{ display:block; margin:35px 30px;float:right; width:43px; cursor:pointer; position:relative; height:43px;}
.menu-cloes:after,.menu-cloes:before{ width:4px; background:#fc4c02; border-radius:30px;  height:43px;display:block; content:""; position: absolute; top:0; left:15px; }
.menu-cloes:after{ transform:rotate(45deg)}
.menu-cloes:before{ transform:rotate(-45deg)}


.language{ width: 95px; height: 35px; background: #737a81; color: #fff; font-size: 16px; border-radius: 17px; float: left;}
.language a{ color: #fff; line-height: 35px; cursor: pointer;display: inline-block; width: 25px; text-align: center;}
.chinase{ padding-left: 12px;}
.eng{ padding-left: 5px;}
.menu-btn{width:30px; cursor:pointer;float:right; margin-left: 20px; margin-top: 5px; }
.menu-btn i{ display:block; background:rgba(255,255,255,1); border-radius:30px; height:3px; margin:5px 0; width:100%}
.banner_bg{ background:center bottom no-repeat; background-size:cover; padding-top:110px;}
.banner{ position:relative; z-index:10; background: #FAFAFA;}
.banner-container{ position:relative;width: 80%;
	padding-left: 15%;
	margin-right: 5%;
	overflow: hidden;
	padding-top: 20%;}
	.banner-container span{ display: block;}
	.big_font{ font-size: 60px; font-weight: 500;}
	.small_font{ font-size: 36px;}
	.banner-container img{ display: block; margin-bottom: 15px;}
.swiper-slide a{ display: block; width: 100%; position: relative; color: #fff;}
.banner_wrap{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 100;}
.index_content{ }
.index_center{min-height: 500px;   padding: 0 15px; overflow: hidden; margin-bottom: 40px;}
.index_left{ width: 50%; min-height: 565px; float: left;background: #f9f5f4; position: relative;}
.new-banner-container{ height: 100%;height: 565px;}
.index_news_wrap{font-size: 15px; color: #777;}
.indes_news_top{ width: 100%;}
.indes_news_top img{ width: 100%;}
.index_news_content{ padding: 10px 15px;}
.index_news_content p{font-size: 20px; color: #fc4c02; padding-top: 10px;}
.index_news_content span{display: block; font-size: 15px; color: #777; line-height: 24px;height:60px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding: 15px 0 40px 0;}
	.index_news_wrap a{display: block; font-size: 15px; color: #777; line-height: 24px; position: relative; padding-left: 23px; margin-left: 15px; padding-bottom: 100px;}
	.index_news_wrap a::before{content: " ";
		width: 9px;
		height: 9px;
		border-right: 2px solid #777;
		border-top: 2px solid #777;
		display: block;
		position: absolute;
		top: 5px;
		left:0px;
		transform: rotate(45deg);
		transition: All 0.5s ease;
	}
	.index_news_wrap a:hover::before{left: 5px;
		border-right: 2px solid #fc4c02;
		border-top: 2px solid #fc4c02;}
	.new-banner-container .index-new-pagination{ bottom: 20px; text-align: right;width: 98%;}
	.index-new-pagination .swiper-pagination-bullet{ border-radius: 0 ; width: 10px; height: 10px;}
	.index-new-pagination .swiper-pagination-bullet-active{background: #fc4c02}
.index_right{  width: calc(50% - 20px); float: right; min-height: 300px;}
.index_about{ overflow: hidden;}
.index_about_left{ width: 60%; min-height: 180px; background: #f9f5f4; float: left;}
.index_about_left div{ padding: 15px;}
.index_about_left div p{ font-size: 20px; color: #fc4c02; padding-top: 5px;}
.index_about_left div span{ display: block; font-size: 15px; color: #777; line-height: 24px;height:30px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 10px 0 40px 0;
}
.index_about_left div a{ display: block; font-size: 15px; color: #777; line-height: 24px; position: relative; padding-left: 23px;}
.index_about_left div a::before{content: " ";
    width: 9px;
    height: 9px;
    border-right: 2px solid #777;
    border-top: 2px solid #777;
    display: block;
    position: absolute;
    top: 5px;
    left:0px;
    transform: rotate(45deg);
	transition: All 0.5s ease
	;}
	.index_about_left div a:hover::before{left: 5px;
		border-right: 2px solid #fc4c02;
		border-top: 2px solid #fc4c02;}
.index_about_right{ width: calc(40% - 20px); min-height: 180px; background: #fc4c02; float: right; text-align: center; overflow: hidden;}
/* .index_about_right:hover{ background: #5b5d62;} */
.index_about_right img{ width: 80%; display: block; margin: 65px auto 0 auto}
.index_team{ min-height: 200px; width: 100%; margin-top: 20px;}
.index_team dl{ font-size: 15px;}
.index_team dl dd{ border-left: 1px solid #fc4c02; background: #f9f5f4; min-height: 105px; margin-top: 20px;}
.index_team dl dd a{ display: block; color: #777;overflow: hidden; padding-left: 40px;  position: relative }
.index_team dl dd a::before{
	content: " ";
	width: 9px;
    height: 9px;
    border-right: 2px solid #777;
    border-top: 2px solid #777;
    display: block;
    position: absolute;
    top: 27px;
    left:15px;
    transform: rotate(45deg);
	transition: All 0.5s ease;
}
.index_team dl dd a:hover::before{left: 21px;
	border-right: 2px solid #fc4c02;
    border-top: 2px solid #fc4c02;}
.index_team_left{  float: left;width: calc(100% - 190px);height:50px;display: -webkit-box; line-height: 25px;padding-top: 20px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;}
.index_team_right{ float: right; width: 140px ; min-height: 105px; overflow: hidden;}
.index_team_right img{ width: 100%;  transition: all .3s;}
.index_team dl dd a:hover img{transform: scale(1.1);}
.footer{
	background: #5b5d62; color: #fff; font-size: 14px; padding: 35px 0; overflow: hidden; position: relative
}
.footer-logo{ position:absolute; left: 15px; top:45px ; width: 180px;}
.footer-logo img{ width: 100%;}
.footer-content{width:68%;max-width: 1202px; margin: 0px auto;}
.footer-content dd{
	line-height: 30px;
}
.footer-content dt{ color: #d1d1d1; padding-top: 20px;}
.footer-content span{ padding: 0 5px;}
.footer-content dt a{ color: #d1d1d1;}
.div_video_container {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#video_main {
	position: absolute;
  	top: 50%; 
  	left: 50%;
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
  	min-width: 100%; 
  	min-height: 100%; 
  	width: auto; 
  	height: auto;
  	z-index: -1000; 
  	overflow: hidden;
}
/* 首页 */

/* 公益 */
.other-banner-center{width:80%;max-width: 1202px; margin: 180px auto 0 auto;}
.other-banner{ 
	width: 100%; height: 275px; overflow: hidden; background: url(../images/other-banner_01.jpg) no-repeat center; background-size: cover;
}
.other-content{ width:80%;max-width: 1202px; margin: 0px auto; min-height: 500px;}
.other-title{font-size: 48px; color: #fff; }
.other-center{ margin-top: 75px; margin-bottom: 50px;}
.gongyi-title{ font-size: 30px; color: #333; text-align: center;}
.gongyi-date{ display: block; font-size: 15px; color: #888; text-align: center; border-bottom: 1px solid #ccc; padding: 15px 0 25px 0;}
.gongyi-date span{ padding-left: 20px;}
.other-font{ font-size: 15px; color: #666;}
.other-font p{ line-height: 30px; margin-top: 30px;}
/* 公益 */

/* 关于 */
.about-title{ font-size: 32px; font-weight: 500; color: #333;}
.about-wrap{ overflow: hidden; margin-top: 60px; margin-bottom: 100px;}
.about-left{ float: left; width: 350px; font-size: 35px; color: #fd4b03; }
.about-right{ margin-left: 400px;}
.about-right p{ line-height: 30px; margin-bottom: 30px; color: #333; font-size: 18px;}
.about-right dd{ font-size: 18px; color: #333; line-height: 30px;}

/* 关于 */

/* 新闻 */
.news-list{ margin-top: -20px;}
.news-list dd{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #e2e2e2; }
.news-left{ width: 70px; float: left; color: #fc4c01; padding-right: 25px; border-right: 1px solid #e2e2e2; padding: 10px;}
.news-left div{ font-size: 48px;}
.news-left span{ font-size: 16px; display: block;}
.news-right{ margin-left: 100px; padding-left: 40px;}
.news-right p{ font-size: 20px; color: #333; padding-bottom: 10px;height:17px;display: -webkit-box; line-height: 25px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;}
.news-right div{ font-size: 16px; color: #888;height:50px;display: -webkit-box; line-height: 26px; padding-top: 8px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;}
.page{ text-align: center; font-size: 18px; padding:40px 0 20px 0 ;}
.page span{ font-size: 24px; cursor: pointer;}
.page a{ padding: 10px 3px; cursor: pointer; margin: 0 10px;}	
.page a.active{ border-bottom: 2px solid #fd4b03; color:#fd4b03 ;}
.new-detail-list{ padding-top: 30px;}
.new-detail-list dd{line-height: 30px; font-size: 15px; }
.new-detail-list dd a{ color: #888; cursor: pointer;}
.new-detail-list dd:hover a{color:#fd4b03}

/* 新闻 */

/* 业务 */
.bg-white{ background: #fff;}
.yewu-content{ overflow: hidden; max-width: 1520px;; margin:100px auto 80px auto; }
.yewu-list{ width: 500px; min-height: 500px; float: left; margin-right:10px;}
.yewu-list a{ display: block;}
.bg-yellow{background:#fd4b03 ; }
.yewu-list:last-child{ margin-right: 0;}
.yewu-list-content{ text-align: center; padding-top: 165px;position: relative; top:0; transition:all 0.3s}
.yewu-list-content:hover{ top:-10px}
.p1{ font-size: 24px; color: #fff; padding-top: 15px;}
.yewu-list2{ height: 245px; background:#fd4b03 ;  }
.yewu-list-content2{ text-align: center; padding-top: 60px;position: relative; top:0; transition:all 0.3s}
.yewu-list-content2 img{ height: 50px;}
.yewu-list-content2:hover{ top:-10px}
.yewu-list3{ overflow: hidden;margin-top: 10px;}
.yewu-list3 .yewu{ float: left; width: 245px; height: 245px; margin-right: 10px; }
.yewu-list3 .yewu:last-child{ margin-right: 0;}
.p2{ font-size: 24px; color: #fff; padding-top: 15px;}

/* 业务 */

/* 律师 */
.ls-list dl{ overflow: hidden;display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;}
.ls-list dd{ width: calc((100% - 105px) / 4);margin-bottom: 40px;}
.ls-list dd a{ display: block;}
.ls-img{ width: 100%; height: 180px; margin-bottom: 10px;}
.ls-img img{ width: 100%;}
.ls-list dd div{ font-size: 22px; color: #000;}
.ls-list dd span{ font-size: 16px; color: #555; display: block; line-height: 26px;}

.team-top{background-color: #f6f6f6;
	padding: 80px 0; width: 100%;}
.team-center{display: flex;
	justify-content: center; width: 80%; max-width: 1202px; margin: 0px auto;

}
.team-center:after,.team-center:before{display:table;clear:both;content:""}
.profile_image {
	background-color: #353535;
	position: relative;
	align-self: center;
}
.profile_image > img {
	position: relative;
	z-index: 2;
}
.menu_down .profile_image > img {
	height: 100px;
	width: auto;
}
.profile_image::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: -20px;
	top: -20px;
	justify-self: unset;
	background-color: #fd4b03;
}
.profile_info {
	margin-left: 50px;
	color: #555;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.profile_info h3 {
	color: #fd4b03;
	font-size: 32px;
	margin-bottom: auto;
	margin-top: 0;
}
.menu_down .profile_info {
	justify-content: center;
}
.menu_down .profile_info h3 {
	font-size: 24px;
	margin: 0;
}
.menu_down .profile_info div {
	font-size: 18px;
	opacity: 0.9;
}
.menu_down .profile_info div > span:first-child {
	margin-right: 200px;
}
.profile_info div {
	font-size: 24px;
	line-height: 30px;
	font-family: 'HelveticaNowText';
}
.profile_info div.location {
	margin-bottom: 20px;
}
.profile_btn {
	margin-left: auto;
	display: flex;
	flex-direction: column;
}
.back_to_list {
	color: #555;
	font-size: 14px;
	text-align: center;
}
.team-center2{width: 80%; max-width: 1202px; margin: 0px auto;}
.box{font-size: 20px;
	line-height: 35px;
	font-family: 'Helvetica Now Display';
	color: #000000;
	padding: 80px 150px;
	/*text-transform: uppercase;*/
    
}
	.faq_section {
        padding-bottom: 50px;
    }
    .faq_section .faq_box:first-child {
        border-top: 1px solid #404040;
    }
    .faq_section .faq_box {
        display: flex;
        padding: 40px 0;
        border-bottom: 1px solid #404040;
    }
    .faq_section .faq_box .faq_icon {
        position: relative;
        height: 30px;
        width: 30px;
        cursor: pointer;
        margin-top: 0.5em;
    }
    .faq_section .faq_box .faq_icon::before, .faq_section .faq_box .faq_icon::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        top: calc(50% - 1px);
        left: 0;
        background: #353535;
        transition: all 0.4s;
    }
    .faq_section .faq_box .faq_icon::before {
        transform: rotate(90deg);
    }
    .faq_section .faq_box.active .faq_icon::before {
        transform: rotate(135deg);
        background: #fd4b03;
    }
    .faq_section .faq_box.active .faq_icon::after {
        transform: rotate(45deg);
        background: #fd4b03;
    }
    .faq_section .faq_title {
		font-size: 30px;
		font-weight: bold;
		color: #fd4b03;
        flex: 4;
        margin: 0;
        padding: 0 40px;
        cursor: pointer;
    }
    .faq_section .faq_box .faq_content_box {
        flex: 8;
    }
    .faq_section .faq_box .faq_content_box .sub_content {
        transition: all 0.4s; 
        overflow: hidden;
    }
    
    .faq_section .faq_box.active .faq_content_box .sub_content {
        margin-top: 20px;
    }
    .faq_section .faq_box .faq_content_box .sub_content > div > ul {
        padding-left: 20px;
    }
    
    
    .faq_section .faq_box .faq_content_box .sub_content_box {
        padding: 20px 0;
        border-bottom: 2px solid #CCC;
    }
    .faq_section .faq_box .faq_content_box .sub_content_box:last-child {
        border-bottom: none;
    }
    .faq_section .faq_box .faq_content_box .sub_content_box h3 {
        margin: 0;
        color: #fd4b03;
        cursor: pointer;
		font-size: 24px;
    }
	.hide .sub_content{ display: none; transition: all 0.4s; }
	.active .sub_content{ display: block;}
	.faq_section ul li{ position: relative; padding-left: 20px; color: #808080;margin-bottom: 10px;}
	.faq_section ul li::before{ content: ""; width: 5px; height: 5px; background: #808080; border-radius: 2.5px; position: absolute; left: 0; top:8px}
	.show-top{ width: 100%; height: 100px; background:#fd4b03; position: fixed; top:0 ; left: 0; ; z-index: 300; display: none;} 
	.show-top-content{ overflow: hidden; color: #fff;}
	.team-top-img{ width: 75px; height: 100px; overflow: hidden; float: left;}
	.team-top-img img{ width: 100%;}
	.show-top-name{ padding-left: 95px; float: left; padding-top: 20px;}
	.show-top-name span{ display: block; font-size: 18px;}
	.show-top-name div{ display: block; font-size: 24px;}
	.show-top-email{ padding-left:100px; float: left; font-size: 18px; line-height: 100px;}
	.show-memu-btn{ position: absolute; right: 20px; top:30px;}
	.phone-show-email{ display: none;}
	#header_parallax {
		position: absolute;
		/* left: calc(15% - 30px); */
		padding: 30px;
		color: #fff;
		top:20%
	}
	#header_parallax h1{ font-size: 72px;}
	#header_parallax h2{ font-size:30px; font-family:Arial, Helvetica, sans-serif; text-transform: Uppercase; font-weight: 400;}
/* 律师 */
@media only screen and (max-height: 700px) {
	.content {
		padding-top: 450px;
	}
	.div_video_container {
		height: 150vh;
	}
}

@media screen and (max-width:1500px) { 
	.yewu-content{ overflow: hidden; max-width: 1220px;; margin:100px auto 80px auto; }
    .yewu-list{ width: 400px; min-height: 400px; float: left; margin-right:10px;}
	.yewu-list-content{ text-align: center; padding-top: 115px;}
	.yewu-list2{ height: 195px; background:#fd4b03 ;  }
	.yewu-list-content2{ text-align: center; padding-top: 45px;}
	.yewu-list3 .yewu{ float: left; width: 195px; height: 195px; margin-right: 10px; }
	.p1{ font-size: 20px; color: #fff; padding-top: 10px;}
	.p2{ font-size: 20px; color: #fff; padding-top: 10px;}
}
@media screen and (max-width:1300px) {
	.footer-content{ width: 60%;}
	.p1{ font-size: 20px; color: #fff; padding-top: 10px;}
	.p2{ font-size: 20px; color: #fff; padding-top: 10px;}
 }
@media screen and (max-width:1200px) {
	.yewu-content{ overflow: hidden; max-width: 920px;; margin:100px auto 80px auto; }
    .yewu-list{ width: 300px; min-height: 300px; float: left; margin-right:10px;}
	.yewu-list-content{ text-align: center; padding-top: 65px;}
	.yewu-list2{ height: 145px; background:#fd4b03 ;  }
	.yewu-list-content2{ text-align: center; padding-top:25px;}
	.yewu-list3 .yewu{ float: left; width: 145px; height: 145px; margin-right: 10px; }
	.p1{ font-size: 20px; color: #fff; padding-top: 10px;}
	.p2{ font-size: 20px; color: #fff; padding-top: 10px;}
	.ls-list dl{ display: block; overflow: hidden;}
	.ls-list dd{ width: 31%;margin-bottom: 40px; float: left; margin: 0 1% 30px 1%;}
 }
@media screen and (max-width:1024px) { 
	.content{ padding-left: 0; margin: 0px auto; width: 90%;}
	.index_left{ width: 100%; float: none; margin-bottom: 20px; min-height: 465px;}
	.new-banner-container{ height: 465px;}
	.index_right{ width: 100%; float: none;}
	.banner-container img{ width: 50%;}
	.logo{ margin-top: 30px;}
	.ls-img{ height: 160px;}
    .yewu-list-content2 img{ height: 35px;}
	.yewu-list-content img{ height: 80px;}
	.p1{ font-size: 18px; color: #fff; padding-top: 5px;}
	.p2{ font-size: 18px; color: #fff; padding-top: 5px;}
}

@media screen and (max-width:900px) { 
	.logo{ width: 40%; margin-left: 10px; margin-top: 20px; }
	.footer-logo{ width: 60%;margin: 0px auto; position: inherit; left: 0; top:0}
	.footer-logo a{ display: block; width: 200px;}
	.footer-content dt{ padding-right: 20px;}
	.footer{ padding-top: 20px 0;}
	.menu{ margin-right: 10px; margin-top: 20px;}
	.language{ width: 70px; height: 25px; background: #737a81; color: #fff; font-size: 12px; border-radius: 12px; float: left;}
.language a{ color: #fff; line-height: 25px; cursor: pointer;display: inline-block; width: 18px; text-align: center;}
.chinase{ padding-left: 10px;}
.eng{ padding-left: 5px;}
.menu-btn{width:25px; cursor:pointer;float:right; margin-left: 20px; margin-top: 0px; }
.menu-btn i{ display:block; background:rgba(255,255,255,1); border-radius:30px; height:2px; margin:5px 0; width:100%}
.phone-menu dl dd{ width:100%; margin:20px 0; float:none;} 
.phone-menu a{ width:100%; color:#333!important ; font-size: 20px;}
.phone-menu dl{ top:30%; text-align: center;}
.menu-cloes{ display:block; margin:20px;float:right; width:30px; cursor:pointer; position:relative; height:30px;}
.menu-cloes:after,.menu-cloes:before{ width:3px; background:#fc4c02; border-radius:30px;  height:30px;display:block; content:""; position: absolute; top:0; left:15px; }

.other-center{ margin-top: 30px;}
.about-title{ font-size: 28px; font-weight: 500; color: #333;}
.about-left{ float: none; width:100%; font-size: 24px; color: #fd4b03; padding-bottom: 20px;}
.about-right{ margin-left: 0px;}
.about-wrap{ overflow: hidden; margin-top: 30px; margin-bottom: 50px;}
.about-right p{ line-height: 30px; margin-bottom: 20px; color: #333; font-size: 16px;}
.about-right dd{ font-size: 16px; color: #333; line-height: 30px;}
.yewu-content{ overflow: hidden; max-width: 1220px;; margin:100px auto 80px auto; }
    .yewu-list{ width: 500px; min-height: 500px; margin-right:0px; float: none; margin-bottom: 10px;}
	.yewu-list-content{ text-align: center; padding-top: 165px;}
	.yewu-list2{ height: 245px; background:#fd4b03 ;  }
	.yewu-list-content2{ text-align: center; padding-top: 95px;}
	.yewu-list3 .yewu{ float: left; width: 245px; height: 245px; margin-right: 10px; }
    .yewu-content{ overflow: hidden; max-width: 500px;; margin:100px auto 80px auto; }
	.ls-img{ height: 150px;}
	.team-center{ display: block; overflow: hidden ; width: 90%;} 
	.profile_image{ background: none; width: 120px; margin: 10px 0 0 10px; float: left;}
	.profile_image::after{ width: 120px; left:-10px; top:-10px}
	.show-top-name{ padding-left: 15px; padding-top: 15px;}
	.phone-show-email{ display: block;}
	.show-top-email{ display: none;}
	.show-top-name div{font-size: 16px;}
	.team-top{ padding: 40px 0;}
	.profile_info{ margin-left: 140px;}
	.profile_info h3{ font-size: 20px;}
	.profile_info div{ font-size: 15px; line-height: 24px;}
	.profile_info div.location{ margin-bottom: 0;}
	.profile_btn{ padding-top: 10px;}
	.box{ font-size: 16px; padding: 15px 0;}
	.team-center2{ width: 90%;}
	.faq_section .faq_box{ display: block; position:relative; padding: 20px 0;}
	.faq_section .faq_title{ position: absolute; left: 0px; top:29px; font-size: 16px;}
	.faq_section .faq_box .faq_icon{ width: 25px; height: 25px;}
	.footer-content{ margin: 0px auto 0 auto;}
	#header_parallax h1{ font-size: 36px;}
	#header_parallax h2{ font-size:24px;}
	.yewu-list-content2 img{ height: 50px;}
	.yewu-list-content img{ height: 100px;}
	.p1{ font-size: 20px; color: #fff; padding-top: 10px;}
	.p2{ font-size: 20px; color: #fff; padding-top: 10px;}
}

@media screen and (max-width:640px) { 
	.other-banner{ height: 200px;}
	.other-banner-center{ margin-top: 140px;}
	.content{ padding-left: 0; margin: 0px auto; width: 96%; padding-top: calc(100vh - 50px);}
	.index_left{ width: 100%; float: none; margin-bottom: 20px;}
	.index_right{ width: 100%; float: none;}
	.banner-container img{ width: 50%;}
	.index_center{ margin-top: -50px;}
.other-title{font-size: 30px;}
.other-content{ width: 90%;} 
.yewu-list{ width: 100%; min-height: 300px; margin-right:0px; float: none; margin-bottom: 10px;}
	.yewu-list-content{ text-align: center; padding: 85px 0;}
	.yewu-list2{ height: 200px; background:#fd4b03 ;  }
	.yewu-list-content2{ text-align: center; padding-top: 45px;}
	.yewu-list3 .yewu{ float: left; width: 49%; height: 200px; margin-right: 1%; }
	.yewu-list3 .yewu:last-child{margin-right: 0;}
    .yewu-content{ overflow: hidden; max-width: 90%; margin:30px auto 50px auto; }
	.ls-list dl{ display: block; overflow: hidden;}
	.ls-list dd{ width:48%;float: left; margin: 0 1% 30px 1%;}
	.ls-img{ height: 110px;}
	.ls-list dd div{ font-size: 16px;}
	.ls-list dd span{ font-size: 15px;}
	.news-right{ padding-left: 20px; margin-left: 90px;}
	.page a{ margin: 10px 5px;}
	.gongyi-title{ font-size: 24px;}
	
	
}