@charset "utf-8";

/* CSS Document */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0; 
}
a,a:hover,a:visited{
	color: inherit;
	text-decoration: none!important;
}
::-webkit-scrollbar-track-piece {
width:10px;
background-color:#000;
}
::-webkit-scrollbar {
width:8px;
height:6px;
}
::-webkit-scrollbar-thumb {
height:50px;
border-radius: 30px;
background-color:#ccc;
}
::-webkit-scrollbar-thumb:hover {
background:#ccc;
}
::selection {
	background: #df6414;
	color: #fff;
}
ul li{
	list-style: none;
}
.comment_title{
	margin-bottom: 40px;
}
.comment_title h2{
    font-size: 50px;
    color: #3d3e3f;
}
.comment_title p{
    font-size: 18px;
    color: #808080;
    margin-top: 20px;
    text-transform: uppercase;
}

/*****header*******/
.header{
	width: 100%;
	height: 90px;
	padding: 0 5%;
	position: fixed;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	top: 40px;
	left: 0;
	z-index: 9;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.header.leave{
	-webkit-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	-o-transform: translateY(-200%);
	transform: translateY(-200%);
}
.header.on{
	top: 0;
	background-color: #ffffff; 
}
.header.on .logo{
	background: url(../images/logo.png) left center no-repeat;
	background-size: contain;
}
.header.on .logo a,
.header.on .header_nav_ul li a{
	color: #3d3e3f;
}
.header.on .header_search_btn{
	background: url(../images/header_search.png) center/cover no-repeat;
}

.header.search{
	top: 0;
	background-color: transparent;
}
.header.search .logo{
	background: url(../images/logo.jpg) center/100% no-repeat;
}
.header.search .logo a,
.header.search .header_nav_ul li a{
	color: #d1cac3;
}
.header.search .header_search_btn{
	background: url(../images/search_close.png) center/cover no-repeat;
}

.header_left{
	width: 20%;
	height: 100%;
	float: left;

	display: flex;
	align-items: center;
}


.logo{
	width: 150px;
	float: left;
	height: 60px;
	background: url(../images/logo.png) center/100% no-repeat;
}

.logo a{
	display: block;
	height: 60px;
	font-size: 28px;
	color: #ffffff;
	letter-spacing: 1px;
}

.header_nav{
	width: 80%;
	height: 100%;
	float: right;
}
.header_nav_ul{
	width: 90%;
	text-align: right;
	float: right;
}
.header_nav_ul li{
	height: 90px;
	margin-right: 4%;

	display: inline-flex;
	align-items: center;
}
.header_nav_ul li a{
	font-size:18px;
	color: #ffffff;
}
.header_nav_ul li a::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ffffff;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header_nav_ul li a:hover::after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.header_search{
	width: 5%;
	height: 100%;
	text-align: right;
	float: right;

	display: flex;
	align-items: center;
}
.header_search_btn{
	margin-left: auto;
	width: 24px;
	height: 28px;
	cursor: pointer;
	background: url(../images/header_search2.png) center/cover no-repeat;
}
/*****header*******/
   

/*****banner*******/
.banner{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.banner_con{
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% 100%;

	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.banner_con.on{
	z-index: 2;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.banner_con.move{
	z-index: 1;
	-webkit-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-o-transform: translateX(-10%);
	transform: translateX(-10%);
}
.banner .banner_txt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 3;
}
.banner_txt h5{
	font-size: 50px;
	color: #ffffff;
	margin: 10px 0 20px;
	letter-spacing: 2px;
	line-height: 1.3;
	text-transform: uppercase;
	width: 80%;
}
.banner_txt h6{
	font-size: 18px;
	color: rgba(255,255,255,0.8)
}
.banner_txt p{
	font-size: 22px;
	color: rgba(255,255,255,0.8);
}
.banner_txt_box{
	width: 80%;
	position: absolute;
	top: 50%;
	left: 14%;

	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0); 
	-webkit-transform: translate(30%, -50%);
	-ms-transform: translate(30%, -50%);
	-o-transform: translate(30%, -50%);
}
.banner_con.on .banner_txt .banner_txt_box{
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); 
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	-webkit-transition: all 0.6s ease-in-out 1s;
	-moz-transition: all 0.6s ease-in-out 1s;
	-ms-transition: all 0.6s ease-in-out 1s;
	-o-transition: all 0.6s ease-in-out 1s;
	transition: all 0.6s ease-in-out 1s;
}
.banner_con.move .banner_txt .banner_txt_box{
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	-o-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.banner_header{
	height: 90px;
	width: 100%;
	z-index: 6;
	position: absolute;
	top: 0;
	left: 0;
}
.banner_header::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,.2);
}
.banner_header::before {
	content: '';
	position: absolute;
    left: 89px;
    top: 0;
    height: 100%;
    width: 1px;
	background-color: rgba(255,255,255,.2);
}
.banner_header .menu_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    cursor: pointer;
}
.banner_header .menu_btn .icon {
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.banner_header .menu_btn .icon span {
    width: 30px;
    height: 2px;
    background: #ffffff;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner_header .menu_btn .icon span:nth-child(2){
	margin: 6px 0;
}
.banner_header .menu_btn:hover .icon span:nth-child(2){
	margin: 8px 0;
}
.banner_header .menu_btn.active:hover .icon span:nth-child(2){
	margin: 6px 0;
}
.banner_header .menu_btn.active:hover{
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); 	
	-moz-transform: rotate(180deg); 	
	-webkit-transform: rotate(180deg); 
	-o-transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner_header .menu_btn.active span:nth-child(1){
	transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg); 	
	-moz-transform: translateY(8px) rotate(-45deg); 	
	-webkit-transform: translateY(8px) rotate(-45deg); 
	-o-transform: translateY(8px) rotate(-45deg); 
}
.banner_header .menu_btn.active span:nth-child(2){
	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0); 
}
.banner_header .menu_btn.active span:nth-child(3){
	transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg); 	
	-moz-transform: translateY(-8px) rotate(45deg); 	
	-webkit-transform: translateY(-8px) rotate(45deg); 
	-o-transform: translateY(-8px) rotate(45deg); 
}

.banner_header_nav{
	height: 90px;
	padding-left: 90px;
}


.banner_header_logo{
	float: left; 
	margin: 8px 6% 8px 4%;
	width:160px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.banner_header_logo a{
	display: block;
	margin-top:15px;
}


.banner_header_box{
	width: 0;
	overflow: hidden;
	margin-left: calc(8% + 120px);

	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.banner_header_box.on{
	width: 50%;
}
.banner_header_ul li{
	float: left;
	height: 90px;
	margin-right: 8%;
}
.banner_header_ul li:last-child{
	margin-right: 0;
}
.banner_header_ul li a{
	line-height: 90px;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}
.banner_header_tel{
	line-height: 90px;
	position: absolute;
	top: 0;
	right: 6%;
}

.banner_header_tel p{
	float: left;
	position: relative;
}
.banner_header_tel p:nth-child(2){
	margin-left: 5vw;
}
.banner_header_tel p span{
	font-size: 1.2vw;
	color: #ffffff;
	letter-spacing: 1px;
	color: rgba(255,255,255,.9);
}
.banner_header_tel p span:nth-child(2){
	font-size: 14px;
	float: right;
	margin-top: -1px;
	margin-left: 20px;
}
.banner_header_tel p span img{
	width: 22px;
	margin-right: 5px;
}
.banner_left{
	width: 90px;
	height: calc(100% - 90px);
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 6;
}
.banner_left::after {
	content: '';
	position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 1px;
	background-color: rgba(255,255,255,.2);
}
.banner_left span{
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	top: 40px;
	left: 50%;

	transform: translateX(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) rotate(-90deg); 	
	-moz-transform: translateX(-50%) rotate(-90deg); 	
	-webkit-transform: translateX(-50%) rotate(-90deg); 
	-o-transform: translateX(-50%) rotate(-90deg); 
}
.banner_link{
	width: 90px;
	position: absolute;
	left: 0;
	bottom: 40px;
}
.banner_link li a{
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.2);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	display: flex;
	justify-content: center;
	align-items: center;
}
.banner_link li a img{
	width: 16px;
	opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    filter: alpha(opacity=90); 
}
.banner_link li:nth-child(n+2){
	margin: 10px auto 0;
}
.banner_link li:hover a{
	background-color: #e0630e;
}

.banner_down{
	width: calc(100% - 90px);
	height: 90px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 6;
}
.banner_down::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.2);
	position: absolute;
	top: 0;
	left: 0;
}
.banner_down_btn{
	width: 300px;
	height: 90px;
	position: relative;
	line-height: 90px;
	cursor: pointer;
	padding-left: 4%;
}
.banner_down_btn span{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.banner_down_box{
	width: 90px;
	height: 90px;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	right: 0;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	display: flex;
	justify-content: center;
	align-items: center;
}
.banner_down_btn:hover .banner_down_box{
	background-color: #e0630e;
}
.banner_down_video{
	height: 90px;
	position: absolute;
	top: 0;
	right: calc(4% + 300px);
}
.banner_down_video span{
	font-size: 14px;
	color: #ffffff;
	line-height: 90px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}
.banner_down_video .banner_down_videoBox{
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: translateX(110%);
	-ms-transform: translateX(110%);
	-o-transform: translateX(110%);
	transform: translateX(110%);
}
.banner_down_videoBox p{
	width: 100px;
	height: 30px;
	background-color: #e0630e;
	position: absolute;
	top: 6%;
	right: -8%;

	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;

	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg); 
}
.banner_down_videoBox span{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ffffff;
	cursor: pointer;
	position: absolute;
	left: 20px;
	bottom: 20px;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner_down_videoBox span::after{
	content: '';
	display: block;
    width: 0;
	height: 0;
	border-top: 6px solid transparent;
    border-left: 8px solid #333333;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.banner_down_videoBox span:hover{
	background-color: #e0630e;
}


/*****banner*******/

.index_box{
	width: 100%;
	padding: 0 5%;
}
.warpper>div{
	margin: 10vh 0 0;
}
/*****index_sec1*******/
.index_sec1_txt{
	width: 34%;
	padding-right: 4%;
	float: left;
}
.index_sec1_txt p{
	font-size: 22px;
	color: #3d3e3f;
	line-height: 1.6;
	letter-spacing: 1px;
}
.index_sec1_txt h6{
	font-size: 2.2vw;
	color: #3d3e3f;
	/*line-height: 1.2;*/
	margin: 10% 0;
}
.index_sec1_txt h6 span{
	text-transform: capitalize;
	font-size: 2.8vw;
	display: block;
}
.index_sec1_txt h5{
	font-size: 1.0vw;
	color: #333;
	line-height: 1.6;
	margin: 4% 0;
}
.index_sec1_txt h5 img{
	margin-right: 10%;
	margin-top: 2%;
	cursor: pointer;
}
.index_sec1_txt a{
	font-size: 22px;
	color: #3d3e3f;
	margin-top: 8%;
    border-color: #333333;
}
.more{
	display: inline-block;
	border-bottom: 1px solid #fff;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.more:hover{
	border-color: transparent;
}
.index_sec1_img{
	width: 66%;
	float: left;
}
/*****index_sec1*******/

/*****index_sec2*******/
.news_swiper{
	position: relative;
}
.news_swiper_btn{
	width: 100%;
	height: 78%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.news_swiper_btn>div{
	width: 50%;
	height: 100%;
	float: left;
}
.news_swiper_prev:hover{
	cursor: url(../images/news_swiper_prev.png),pointer;
}
.news_swiper_next:hover{
	cursor:url(../images/news_swiper_next.png),pointer;
}
.index_sec2_img{
	display: flex;
	background: #fefaf7;
	position: relative;
	align-items: flex-start;
}
.index_sec2_img img{
}
.index_sec2_txt{
	padding-top: 25px;
}
.index_sec2_txt p{
	font-size: 16px;
    color: #3d3e3f;
}
.index_sec2_txt h6{
	font-size: 28px;
    color: #3d3e3f;
    line-height: 1.5;
    margin-top: 10px;

    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 84px;*/
}
.index_sec2_txt a{
	font-size: 22px;
    color: #3d3e3f;
    margin-top: 20px;
    border-color: #333333;
}
/*****index_sec2*******/

/*****index_sec3*******/
.index_sec3_box{
	width: 48%;
	float: left;
	margin-right: 4%;
	position: relative;
}
.index_sec3_box:nth-child(2n){
	margin-right: 0;
}
.index_sec3_txt{
	width: 100%;
	height: 100%;
	padding: 80px 0 0 10%;
	position: absolute;
	top: 0;
	z-index: 7;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.index_sec3_txt p{
	font-size: 2.2vw;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.index_sec3_txt h6{
	font-size: 1.2vw;
	color: #ffffff;
	line-height: 1.5;
	letter-spacing: 1px;
	margin-top: 1%;
	width: 80%;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.index_sec3_txt span{
	font-size: 16px;
	color: #ffffff;
	border-color: #ffffff;
	position: absolute;
	left: 10%;
	bottom: 80px;
}
.index_sec3_box .i2{
	position: absolute;
	right: 3%;
	bottom: 3%;
	z-index: 10;
	height: 60%;
	opacity: 0.04;
}
.index_sec3_img{
	overflow: hidden;
	position: relative;
}
.index_sec3_img::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #111;
	z-index: 6;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	opacity: 0.3;
}
.index_sec3_img img{
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
.index_sec3_box:hover .index_sec3_img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.index_sec3_box:hover .index_sec3_img::before{
	background: #e0630e;
	opacity: 0.8;
}
/*****index_sec3*******/

/*****index_sec4*******/
.index_sec4_box{
	position: relative;
}
.index_sec4_img{
	height: 80vh;
}
.index_sec4_txt{
	width: 100%;
	height: 100%;
	padding:12%  5%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
}
.index_sec4_txt p{
	font-size: 1vw;
    color: #ffffff;
	width: 50%;
    margin-top: 25px;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 1.6;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.index_sec4_txt h6{
	font-size: 2.6vw;
	color: #fff;
	line-height: 1.5;
	letter-spacing: 6px;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.index_sec4_txt h5{
	font-size: 0.9vw;
	color: rgba(255,255,255,0.9);
	line-height: 1.5;
	letter-spacing: 1px;
	margin-top: 10px;
}
.index_sec4_txt a{
	font-size: 16px;
    color: #ffffff;
    position: absolute;
    left: 80px;
    bottom: 80px;
}
.index_sec4_pagination{
	width: auto!important;
	display: inline-block;
	top: 80px;
	left: auto!important;
	right: 80px;
	bottom: auto!important;
}
.index_sec4_pagination .swiper-pagination-bullet{
	width: 24px;
	height: 24px;
	margin: 0 10px!important;
	background-color: #eeeeee;

	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
}
.index_sec4_pagination .swiper-pagination-bullet-active{
	background-color: #e0630e
}

/*****index_sec4*******/

/*****index_sec5*******/
.index_sec5 .index_box>a{
	font-size: 22px;
	margin-top: 80px;
}
.index_sec5_con .index_sec3_box:nth-child(n+3){
	margin-top: 8%;
}
/*****index_sec5*******/

/*****index_sec6*******/
.index_sec6_txt{
	width: 50%;
	float: left;
	padding: 80px;
	background-color: #eee;
	position: relative;
}
.index_sec6_txt h6{
	font-size: 2.8vw;
	color: #3d3e3f;
	line-height: 1.3;
	letter-spacing: 1px;
}
.index_sec6_txt p{
	font-size: 16px;
	color: #666;
	line-height: 1.8;
	letter-spacing: 0px;
}
.index_sec6_txt span{
	font-size: 22px;
	color: #3d3e3f;
	margin-top: 4%;
	border-color:#3d3e3f;
}
.index_sec6_txtBottom{

	position: absolute;
	left: 80px;
	bottom: 80px;
	padding-right: 8%;
}
.index_sec6_txtBottom h2{
	margin-bottom: 30px;
	color: #333;
}

.index_sec6_img{
	width: 50%;
	float: right;
}
/*****index_sec6*******/

/*****index_sec7*******/
.index_sec7{
	background:whitesmoke;
}
.footer_logo{
	width: 30%;
	float: left;
}
.index_sec7_box{
	padding: 5rem 0rem 4rem;
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.index_sec7_box li{
	width: 40%;
	float: left;
	padding-right: 5%;
}
.index_sec7_box li:nth-child(1){
	width: 60%;
}
.index_sec7_txt h6{
	font-size: 22px;
	color: #3d3e3f;
	font-weight: bold;
	
}
.index_sec7_txt p,
.index_sec7_txt a{
	font-size: 16px;
	color: #3d3e3f;
	line-height: 30px;
}
.index_sec7_top,
.index_sec7_bottom{
	margin-top: 30px;
}
.index_sec7_top img{
	width: 62%;
}
.page_top{
	width: calc(70% * 0.2);
    float: right;
	text-align: right;
	margin-left: auto;
	/*margin-top: 30px;*/
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}
.page_top img{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.page_top:hover img{
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	-o-transform: translateY(-4px);
	transform: translateY(-4px);
}

/*****index_sec7*******/

/***footer***/

.footer {
	padding: 10px 0;
	font-size: 16px;
    color: #fff;
    background-color: #333;
}
.footer_left{
	float: left;
}
.footer_copy{
	width: 30%;
	float: left;
}
.footer_copy li{
	width: 40%;
	float: left;
}
.footer_copy li:nth-child(3){
	width: 20%;
}
.footer a,.footer_left{
	display: inline-block;
	font-size: 14px;
	color: #fff;
}
.footer span{
	font-size: 14px;
}
a:focus, a:hover{
	color: #df6414 !important;
}
/***footer***/

/***search_box***/
.search_box{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	padding-top: 20vh;
	background-color: #3d3e3f; 
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;

	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	-o-transform: translateX(101%);
	transform: translateX(101%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search_box.show{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.search_input{
	position: relative;
}
.search_input input{
	width: 100%;
	font-size: 35px;
	color: #cdc6bf;
	padding-bottom: 20px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #cdc6bf;
	text-indent: 5rem;
}
.search_input input::placeholder{
	color: #cdc6bf;
}
.search_input img{
	position: absolute;
	top: 6px;
	left: 0;
}
.search_con{
	margin-top: 6%;
}
.search_con h6{
	font-size: 22px;
	color: #cdc6bf;
}
.search_con_ul{
	margin-top: 30px;
}
.search_con_ul li{
	width: 31%;
	float: left;
	margin-right: 3.5%;
}
.search_con_ul li:last-child{
	margin-right: 0;
}
.search_con_img{
	overflow: hidden;
}
.search_con_img img{
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.search_con_img:hover img{
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.search_con_txt{
	margin-top: 8%;
}
.search_con_txt p{
	font-size: 22px;
	color: #cdc6bf;
}
/***search_box***/

/***loading***/
.loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/loading_bg.jpg) center/cover no-repeat;
	z-index: 99;
}
.loading_box{
	width: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -51%);
}
.loading_line{
	margin-top: 30px;
	height: 1px;
	background-color: #000000;
	overflow: hidden;
}
.loading_yellowline{
	height: 1px;
	background-color: #ffcc00;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	animation: lineMove 2s ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes lineMove {
	0% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}
/***loading***/

@media(max-width:1820px) {
	
}
@media(max-width:1740px) {
	
}
@media(max-width:1660px) {
	
}
@media(max-width:1520px) {
	
}

@media(max-width:1440px) {
	
	
}
@media(max-width:1280px) {
	.banner_header_tel p span:nth-child(2){
		font-size: 12px;
	}
}
@media(max-width:768px) {
	.row,
	.row>div{
		margin: 0;
		padding: 0;
	}
	.navbar-nav {
		width: 100%;
		margin-left: 0px;
		text-transform: uppercase;
	}
	.navbar-nav li {
		text-align: center;
		border-bottom: 1px dotted #e5e5e5;
		line-height: 40px;
	}
	.navbar-nav li a {
		color: #666;
		font-size: 13px;
	}
	.navbar-nav li a:hover {
		color: #0752a4;
	}
	.headerbg {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 999999;
		background: #fff;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	.logo_boxlist {
		float: left;
	    width: 120px;
	    margin-top: 17px;
	}
	.navbar-toggle {
		margin-top: 10px;
	}
	.navbar-toggle .icon-bar {
		background-color: #000;
	}
	.navbar-collapse {
		border-top: 1px solid #e5e5e5;
	}
}

@media (min-width: 1440px){
	.container{
	    width: 1280px;
	}
}
@media (min-width: 1600px){
	.container{
	    width: 1440px;
	}
}
@media (min-width: 1760px){
	.container{
	    width: 1600px;
	}
}
.wall{
	width: 90%;
	margin: auto;
}
html[lang="cn"] .banner_txt h5{
	letter-spacing: 4px;
}
html[lang="cn"] .index_sec1_txt h6{
	line-height: 1.6;
	font-size: 2vw;
}
html[lang="cn"] .index_sec1_txt h5{
    font-size: 0.84vw;
    line-height: 1.8;
}
html[lang="cn"] .index_sec1_txt a{
	font-size: 0.8vw;
	margin-top: 15%;
}
html[lang="cn"] .banner_txt p{
	font-size: 20px;
	margin-top: 10px;
	letter-spacing: 1px;
}
html[lang="cn"] .comment_title h2{
	font-size: 40px;
	letter-spacing: 2px;
}
html[lang="cn"] .index_sec2_txt h6{
	font-size: 24px;
}
html[lang="cn"] .index_sec3_txt p{
	font-size: 2vw;
	letter-spacing: 4px;
}
html[lang="cn"] .index_sec3_txt h6{
	margin-top: 20px;
}
html[lang="cn"] .index_sec4_txt p{
	font-size: 0.9vw;
	line-height: 2;
}
html[lang="cn"] .index_sec6_txt h6{
	font-size: 2vw;
	letter-spacing: 2px;
}
html[lang="cn"] .index_sec6_txtBottom h2{
	font-size: 1.5vw;
}
html[lang="cn"] .index_sec6_txt span{
	margin-top: 8%;
	font-size: 1.2rem;
}
html[lang="cn"] .index_sec7_txt h6{
	font-size: 20px;
}
html[lang="cn"] .index_sec7_txt p,html[lang="cn"]  .index_sec7_txt a{
	font-size: 15px;
}