@charset "utf-8";
/* CSS Document */
.header_bottom .h_header {float: right;position: relative;background: transparent;line-height: 65px;text-align: right;z-index: 20;}
.header_bottom .header-btn {float: right;display: block;background: url('../images/ico_searh.png') center center repeat-y;width: 140px;height: 40px;padding: 12px 0;margin-top: 15px;box-sizing: border-box;line-height: 1;font-size: 14px;text-align: center;color: #ffffff;border-radius: 30px;}
.header_bottom.on .h_header {width: 190px;}

.header_top {
	height: 50px;
	position: relative;
	z-index: 10;
	transition: all .4s;
	-webkit-transition: all .4s;
	}

.header_top .logo {
	position: absolute;
	bottom: 50%;
	left: 20%;
	transform: translate(-50%, 50%);
	width: 35%;
	max-width: 150px;
	}

.header_top .menu_icon {
	float: right;
	margin-top: 10px;
	}
.menu_icon span {
	display: block;
	width: 25px;
	height: 2px;
	background: #333;
	 margin: 5px 0;
	 transition: all .4s;
	 -webkit-transition: all .4s;
	 }
.menu_icon.on span:first-child {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-top: 10px;
	}
.menu_icon.on span:nth-child(2) {
	display: none;
	}
.menu_icon.on span:nth-child(3) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-top: -7px;
	}
.header_bottom {
	display: none;
	width: 100%;
	position: relative;
	z-index: 10;
	padding: 1px 0;
	}

.header_nav {    border-bottom: 3px solid #0037a3;    padding-bottom: 2px;}.header_nav li {    border-top: 1px solid #e8e8e8;}.header_nav li > a {    display: block;    position: relative;    font-size: 15px !important;    line-height: 22px;    padding: 16px 0;    color: #333;    text-align: left;}.header_nav li > a:after {    content: '';    display: block;    position: absolute;    top: 24px;    right: 20px;    width: 7px;    height: 7px;    border-bottom: 1px solid #666;    border-right: 1px solid #666;    transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);    transition: all .4s;    -webkit-transition: all .4s;}.header_nav li > a.arrow:after {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);}.header_nav .nav2 {    display: none;    margin-top: -5px;    margin-left: 20px;    padding-bottom: 10px;}.header_nav .nav2 a, .header_search a {    display: block;    font-size: 14px;    line-height: 35px;    color: #666;}.seach_box .cancal {    color: #0062ff;    font-size: 17px;    display: none;    margin-left: 3px;}.seach_box.focus {    width: 85%;    position: relative;    /* margin-top: 40px; */}.seach_box.focus .cancal {    position: absolute;    left: 102%;    width: 100px;    display: block;    top: 0;    line-height: 40px;}.header_search {    display: none;}.header_search h2 {    font-size: 13px;    line-height: 1;    color: #888888;}.header_search1 {    padding-top: 5px;}.header_search1 a {    font-size: 15px;    line-height: 50px;    color: #555;    border-top: 1px solid #e8e8e8;}.header_search1 a:first-child {    border-top: 0;}

.fullimg{
	width:100%;
}
@media (min-width: 1441px){
	.w1440,.width-auto{
	width:100%;
	padding:0 200px;
	margin:0 auto;
}
.pc_media{
		display:block;
		}
	.wap_media{
		display:none;
	}
}
@media (min-width: 1200px) and (max-width:1440px) {
	.w1440,.width-auto{
	width:100%;
	padding:0 100px;
	margin:0 auto;
}
	.bannernav_title { 
	font-size: 70px; 
	text-shadow: -1px -1px 0 grey;
	} 
	.pc_media{
		display:block;
		}
	.wap_media{
		display:none;
	}
	.index_about_content{
	width:50%;
	padding:6rem 100px 3rem 100px;
}
	}
@media (max-width: 1199px) {
	.pc_media{
		display:none;
		}
	.wap_media{
		display:block;
	}
	.w1440, .width-auto {
    width: 96%;
    padding:0;
    margin: 0 auto;
	}
	.indexpd {
    padding: 3rem 0;
	}
	.index_about_content {
    width:100%;
    padding:2rem 2% 3rem;
	}
	.index_about_title {
    margin-bottom:1.5rem;
	}
	.index-section3 .index-title {
    margin-bottom:2rem;
	}
  .index-title .text1 {
    font-size:36px;
	font-weight:bold;
    margin-right: 0;
  }
  .index-title .text2 {
    font-size: 18px;
  }
  .index_partner_cntainer {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    margin:3rem 0;
	}
	.about_partner_list li {
    width: 31.33%;
    background: #FFF;
    border: #cdcdcd 1px solid;
    margin: 0 2% 2% 0;
    overflow: hidden;
	}
	.about_partner_list li:nth-child(5n){
	margin-right:2%;
	}
	.about_partner_list li:nth-child(3n){
	margin-right:0;
	}
	.wap_logo{
		width:50%;
	}
	.wap_logo img{
		max-width:100%;
	}
	.about_box{
	padding:3rem 0;
	justify-content: space-between;
	}
	
	.about_left{
	width:100%;
	}
	.about_right{
	width:100%;
	margin-top:1.25rem;
	}
	.about_title{
	font-size:24px;
	margin-bottom:2rem;
	}
	.network li h1{
		font-size:36px;
		margin:3.725rem 0 1rem;
		min-height:36px;
		}
	.network li h1 b{
		font-size:24px;
		}
	.index_about_img{
	width:100%;
	}

	.service_container .service_title{
	font-size:36px;
	margin-bottom:2rem;
	}
	.service_container{
	padding:3rem 0;
	}
	.service_container .service_content{
	width:100%;
	}

	.servicenav_content{
	margin-top:1.725rem;
	}
	
	.servicenav_item_left,.servicenav_content:nth-child(2n) .servicenav_item_left,.servicenav_content:nth-child(2n+1) .servicenav_item_left{
   		position:relative;
		width:100%;
	}
	.servicenav_content:nth-child(6) .servicenav_list .servicenav_item_left,.servicenav_content:nth-child(8) .servicenav_list .servicenav_item_left{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	}
	.servicenav_content:nth-child(6) .servicenav_item_right .servicenav_item_con,.servicenav_content:nth-child(8) .servicenav_item_right .servicenav_item_con{
	display:flex;
	flex-wrap:wrap;
	}
	.servicenav_content:nth-child(6) .servicenav_item_right .servicenav_item_con div,.servicenav_content:nth-child(8) .servicenav_item_right .servicenav_item_con div{
	width:100%;
	margin-right:0;
	margin-top:1rem;
	}
	.servicenav_item_right{
		width:100%;
	}
	.servicenav_item_text{
		padding:1.5rem;
	}
	.servicenav_item_text h1{
		font-size:1.125rem;
	}
	.servicenav_item_con{
	font-size: 1rem;
	line-height: 1.5rem;
	}
	.servicenav_item_con ul li{
	font-size:1rem;
	line-height: 30px;
	}
	.contentnav_career_wrap .width-auto{
	padding:0 20px;
	margin:0 auto;}
	.contact_wrap {
		flex-wrap:wrap;
	}
	.contentnav_wrap {
    padding-top: 3rem;
	}
	.contact_img{
		width:100%;
	}
	.contact_text{
		width:100%;
	}
	.contact_text_detail{
		padding:1rem;
	}
	.footer_back {
    padding-bottom: 85.865%;
	}
}
@media (min-width: 768px) and (max-width: 1199px){
	.bannernav_title { 
	font-size: 36px; 
	}
}

@media (max-width: 568px){
	.contentnav_wrap {
    padding-top: 2rem;
	}
	.nav_title{
	font-size:24px;
	font-weight:bold;
	margin-bottom:2rem;
	}
	.indexpd {
    padding: 2rem 0;
	}
	.network li h1{
	font-size:30px;
	margin:2.25rem 0 1rem;
	min-height:30px;
	}
	.network li h1 b{
	font-size:18px;
	}
}
.copyright_wap{
	text-align: center;
	padding:1rem;
	color:#FFF;
}