@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,pre,hr,figure,table,caption,th,td,form,legend,input,button,textarea,menu{
	margin:0;
	padding:0
}
body{
	font-size:15px;
	color:#000;
	font-family: sans-serif,Opensans-Regular,'Roboto';
	-webkit-text-size-adjust:none;
	outline:0;
	overflow-x: hidden;
    overflow-y: auto;
	position:relative;
}	
.container{
	width: 1380px;
	margin: 0 auto;	
}
.page{
	padding-top: 50px;
}
.page-top{
	padding-top: 40px;
}

.fl{
	float:left
}
.fr{
	float:right
}
 
li, ol, ul {
    list-style: none;
}
img{
	max-width:100%;
	max-height:100%;
	border:none;
}
textarea,input{
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{
	-webkit-appearance:none;
	border:1px #ededed solid;
	outline:none;
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px #fff inset;
}
.block{
	display:block
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clean{
	zoom:1
}
.clean:after,.clean:before{
	content:'';
	display:table;
}
.clean:after{
	clear:both
}
a{
	color:#000;
	text-decoration:none
}
 
.clear{
	margin:0px auto;
	clear:both;
	height:0px;
	font-size:0px;
	overflow:hidden
}
label,summary{
	cursor:default
}
a,button{
	cursor:pointer
}
textarea{
	overflow:auto;
	resize:none
}
table:{
	border-collapse:collapse
	;border-spacing:0
}
.inline-block{
	display:inline-block
}
.relative{
	position:relative
}  
.pointer{
	cursor:pointer
}
.absolute{
	position:absolute;
	z-index:1
}
.over{
	overflow:hidden
}
.trans-show{
	transition:all .5s;
	-webkit-transition:all .5s;
	opacity:0;
	visibility:hidden;
}
.trans-show.visable{
	opacity:1;
	visibility:visible;
} 
table {
    border-collapse: collapse;
 
}
table td, table th {
    padding: 4px 5px;
    font-size: 15px;
}

@media only screen and (max-width: 767px)  {
.warp{
	width: 95%;
	padding: 0;
}
.container{
	width: 95%;
	padding: 0;
}
.page {
    padding-top: 20px;
}
.page-top {
    padding-top: 0px;
}
}
 
 
/*header */ 

.index-header{
	width:100%;
	display:none
}

.index-header .header{
	background:#000 !important;
	border-bottom:none !important
}
.index-header .header .func .btn{
	margin-left:10% !important
}
.index-header .header .func .btn:first-child{
	background:url(../images/phone_img1.png) no-repeat center center / 100% !important
}
.index-header .header .func .btn.member_btn{
	background:url(../images/icon_member.png) no-repeat center center / 100% !important
}
.index-header .header .func .menu_btn{
	background:url(../images/phone_img2.png) no-repeat center center / 100% !important
}
.index-header .header .logo{
	padding:13px 0 
}
.index-header .header .func .language_btn{
	color:#fff  
}

#header{
	width:100%;
	height:94px;
	z-index: 1000;
}
.index-pc-header{
	width:100%; 
	z-index:100;
	
}
.index-pc-header{
	left:0;
	top:0;
	background:#fff;
	z-index:10000;
	margin: 0 auto;
}
.on-header{ 
    position: fixed;
}
.index-pc-header .header_in{
	width:100%;
	transition:all 0.3s;
	position: fixed;
}
.index-pc-header .header_in.fixed{
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#000
}
.top1 {
    height: 40px;
    background-color: #333;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    margin: 0 auto
}
.top1 i {
    width: 1px;
    height: 13px;
    background: #575757;
    display: inline-block;
    margin: 0px 6px;
    position: relative;
    top: 1px
}
.top1 .fast-entrance {
    float: left
}
.top1 .fast-entrance a {
    color: #fff;
    transition: .3s
}
.content1 {
    width: 1380px;
    margin: 0 auto
}
.top-right {
    float: right
}
.top-right p {
    float: left;
    transition: .3s
}
.top-right p a {
    color: #ffffff; 
}
.top-right .top-wa {
    background: url( ) no-repeat 0 12px
}
.top-right .top-email {
    background: url( ) no-repeat 0 -38px
}
.top-right .top-email a {
    color: #d61518;
	font-weight: bold;
}
.top-right i {
    float: left;
    margin: 12px 16px 0
}
.top-right .lan {
    position: relative;
    float: left;
    height: 40px;
    background: url('../images/lan.png!/lossless/true') no-repeat left;
    cursor: pointer;
    transition: .3s;
    z-index: 100
}
    
.language {
	position: relative;
    float: right;
	 }
.languages:after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	border: 5px solid transparent;
	border-top: 7px solid #dcdcdc;
	position: absolute;
	right: 4px;
	top: 18px;
}
a.languages {
	color: #ffffff;
	padding: 9px;
	position: relative;
	padding-right: 20px;
}
.language img {
	margin:0 6px;
	    vertical-align: middle;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    width: 24px;
}
.languages-sub {
	background-color: #ffffff;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	top: 130%;
	right: 0;
	-webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	-moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
	width: 120px;
	position: absolute;
	z-index: 999;
	margin: 0;
}
.language:hover .languages-sub {
	visibility: visible;
	opacity: 1;
	top: 100%;
	right: 0;
}
.languages-sub li {
	display: block;
	width: 100%;
	float: none;
	border: none;
	margin: 0px 0;
	border-top: 1px solid #f1f1f1;
	font-size: 14px;
}
.languages-sub li:hover{
    font-weight:700;
	color: #d61518;
}
.multi-language li img {
	max-width: 19px;
}
.languages-sub li:first-child {
	border: none;
}
.languages-sub ul li a {
	display: block;
	font-size: 13px;
	padding-left: 10px;
	position: relative;
	text-transform: capitalize;
	z-index: 99;
	margin-top: 5px;
}	
 .languages-sub ul li:hover  a {
    color: #d61518;
    font-weight: bold;
}




.wra_header #header #nav{
	z-index:0;/* background: rgb(0 0 0 / 13%); */;
	box-shadow: 0 4px 6px 0 rgba(0,0,0,0.03);
}

#nav{
	width:100%;
	height:90px;
 
	z-index:1;
 
	background: #ffffff;
	box-shadow: 0 3px 8px 0 rgba(19, 20, 21, .17);
}
#nav .nav_box .r_nav{
	width:60px;
	height:90px;
	float:right;
	margin-top:0px;
	float: right;
}
#nav .nav_box .mes{
	padding: 10px 10px; 
	margin-top:25px;
	float: right;
	background: #d61518;
    border-radius:4px;
}
#nav .nav_box .mes:hover {
    BACKGROUND: #b10204;
	color: #fff;
}
#nav .nav_box .oem a {
	color:#fff;
	font-weight: 700;
}
#nav .nav_box .r_nav ul{
	height:94px;
	margin-top:0px;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
#nav .nav_box .r_nav ul li a p{
	font-size:16px;
	color:#fff
}
#nav .nav_box .r_nav ul li .h_icon{
	width:20px;
	height:100%;
	line-height:72px;
	cursor:pointer
}
#nav .nav_box .r_nav ul li .h_icon a{
	display:block;
	height:100%
}
#nav .nav_box .r_nav ul li .search-form{
	position:relative;
	height:100%;
	z-index:1
}
#nav .nav_box .r_nav ul li .search-form .search_icon{
	display:block;width:100%;
	height:100%;
	background:url(../images/search.png) no-repeat center
}
#nav .nav_box .r_nav ul li .search-form form{
	opacity:0;
	position:absolute;
	top:123%;
	right:-10px;
	width:250px;
	height:42px
	;background:#fff;
	border-bottom:1px solid #9cc6cd;
	transform:translateY(-50%)
}
#nav .nav_box .r_nav ul li .search-form.open form{
	opacity:1;
	pointer-events:auto
}
#nav .nav_box .r_nav ul li .search-form form input.text{
	padding-left:10px;
	width:80%;
	height:100%;
	background:none;
	border:0;
	box-sizing:border-box
}
#nav .nav_box .r_nav ul li .search-form form input.sub_btn{
	width:15%;
	height:100%;
	background:url(../images/search_black.png) no-repeat center / 50% auto;
	border:0;
	cursor:pointer
}
.trans{
	-webkit-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s
}
#nav .nav_box .r_nav ul li .sign{
	height:100%;
	background:url(../images/admin.png) no-repeat left center;
	cursor:pointer
}
#nav .nav_box .r_nav ul li .sign a,.sign span{
	display:block;
	line-height:40px;
	height:96px;
	font-size:14px;
	color:#000
}
#nav .nav_box .r_nav ul li .sign span{
	margin:0 5px
}
#nav .nav_box .r_nav ul li .inq_btn{
	height:100%;
	width:20px;
	background:url(../images/menu.png) no-repeat center
}
#nav .nav_box .r_nav ul li .cart_btn .default_shopping_cart{
	height:100%;
	width:20px;
	background-size:100%;
	filter:brightness(0) invert(1)
}
#nav .nav_box{
	width:1380px;
	margin:0 auto;
	transition:all .4s
}
#nav .nav_box .logo_box{
	width:200px;
	float:left;
	margin-top:25px
}
#nav .nav_box .logo_box .logo a{
	display:block;
	max-height:61px
}
#nav .nav_box .logo_box .logo a img{
	max-height:61px
}

#default_search_box{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.8);
	left:0;
	top:0;
	z-index:10001
}
#default_search_box .default_search_form{
	width:50%;
	max-width:800px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto
}
#default_search_box .default_search_form_text{
	width:100%;
	height:50px;
	line-height:50px;
	border:0;
	border-bottom:1px solid #fff;
	padding-right:35px;
	color:#fff;
	background:none;
	outline:none;
	text-indent:10px;
	box-sizing:border-box;
	font-size: 18px;
    font-weight: bold;
}
#default_search_box .default_search_form_button{
	width:35px;
	height:48px;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/sea.png) center no-repeat;
	cursor:pointer;
	border:0;
	outline:none;
	color:transparent;
	text-indent:-999px
}
#default_search_box .default_search_form i{
	width:30px;
	height:30px;
	position:absolute;
	right:-60px;
	top:-60px;
	background:url(../images/search_close.png) center no-repeat;
	cursor:pointer
} 
#nav .nav_box .navbar{
	width:60%;
	margin:0 auto;
}
#nav .nav_box .navbar .head-nav{
	height:95px;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.default_nav_style .nav_sec{
	top:99%
}
.default_nav_style .small_nav_sec .nav_sec_item a,.default_nav_style .small_nav_sec .nav_sec_item dt a{
	font-size:16px;
	text-decoration:none;
	color:#333;
	text-transform:capitalize;
	text-decoration:none;
	font-weight: 700;
	line-height: 30px;
}
.default_nav_style .nav_sec a{
	text-decoration:none
}
.default_nav_style .nav_sec .more{
	margin-top:0px
}
.default_nav_style{
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.default_nav_style .n_item{
	transition:all .1s
}
.default_nav_style .n_item>a{
	line-height:94px;
	font-size:18px;
	text-transform:uppercase;
	color:#333;
	height:100%;
	text-decoration:none; 
	font-weight:bold;
}
.default_nav_style .n_item{
	float:left
}
.default_nav_style .n_item>a{
	display:block;
	padding:0 25px
}
.default_nav_style .nav_sec{
	display:none;
	 
	position:absolute;
	left:0;
	top:94%;
	opacity:0;
	padding-top:1px;
	z-index:999;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:460px;
	margin-top:30px;
	box-shadow:5px 5px 10px -5px rgba(0,0,0,0.12);
	background:#fff
}
.default_nav_style .small_nav_sec{
	border-bottom:none;
	
	padding-top:1px;
	max-height:none;
	overflow:visible
}
.default_nav_style .nav_sec .top{
	height:0
}
.default_nav_style .n_item:hover .nav_sec{}
.default_nav_style .nav_sec .nav_list{
	position:relative;
	float:left; 
}
.default_nav_style .small_nav_sec .nav_list{
	float:none;
	
}
.default_nav_style .nav_sec .nav_list:after{
	content:'';
	display:block;
	width:100%;
	clear:both
}
.default_nav_style .nav_sec .nav_sec_box{
	min-height:200px;
	padding:7px 20px 12px;
	background:#fff
}
.default_nav_style .small_nav_sec .nav_sec_box{
	background:#fff;
	min-height:0px;
	padding:0 0 0px;
	box-shadow:0 0 10px rgba(0,0,0,0.12);
}
.default_nav_style .nav_sec .nav_sec_item{
	float:left;
	margin:5px 10px 20px;
	
}
.default_nav_style .nav_sec .nav_sec_item dt a{
	color:#000;
	font-size:14px;
	display:block;
	height:22px;
	line-height:22px;
	padding:7px 0;overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	padding:0
}
.default_nav_style .small_nav_sec .nav_sec_item{
	margin:0;
	width:100%;
	position:relative
}
.default_nav_style .nav_sec .nav_thd_list{
	padding:4px 0
}
.default_nav_style .nav_sec .nav_thd_item>a{
	display:block;
	height:18px;
	line-height:18px;
	color:#666;
	font-size:12px;
	text-align:left;
	padding:3px 0;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.default_nav_style .small_nav_sec .nav_sec_item a,.default_nav_style .small_nav_sec .nav_sec_item dt a{
	position:relative;
	display:block;
	height:30px;
	line-height:30px;
	padding:5px 20px;
	color:#000;
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:15px
}
.default_nav_style .small_nav_sec .nav_sec_item a em{
	position:absolute;
	width:7px;
	height:11px;
	top:0;
	bottom:0;
	right:10px;
	margin:auto;
	background:url(../images/icon_down_has.png) no-repeat center top
}
.default_nav_style .small_nav_sec .nav_sec_item a:hover{
	padding:8px 20px;
	color: #fff;
	background: #d61518;
	font-weight: 700;
}
.default_nav_style .small_nav_sec .nav_sec_item a:hover em{
	background-position:center bottom
}
.default_nav_style .small_nav_sec .nav_thd_list{
	padding:0;
	position:absolute;
	left:100%;top:0;
	display:none;
	width:260px;
	padding:0px 0 17px;
	box-shadow:0 0 10px rgba(0,0,0,0.12);
	background:#fff;
}
.default_nav_style .small_nav_sec .nav_thd_item{
	position:relative
}
.default_nav_style .small_nav_sec .nav_sec_item:hover .nav_thd_list{
	display:block
}
.default_nav_style .nav_sec .nav_four_item{
	display:none
}
.default_nav_style .small_nav_sec .nav_four_item{
	position:absolute;
	left:100%;
	top:0;
	display:none;
	width:260px;
	padding:13px 0 17px;
	border:1px solid #f5f5f5;
	box-shadow:0 0 10px rgba(0,0,0,0.12);
	background:#fff;
	text-align:left
}
.default_nav_style .small_nav_sec .nav_thd_item:hover .nav_four_item{
	display:block
}
.default_nav_style .nav_sec .more_box{
	display:inline-block;
	position:relative
}
.default_nav_style .nav_sec .more_box .nav_four_item{
	position:absolute;
	bottom:-15px;
	left:100%;
	margin:auto;
	background:#fff;
	padding:15px;
	border-radius:4px;
	box-shadow:0 0 10px rgba(0,0,0,0.12)
}
.default_nav_style .nav_sec .more_box .nav_four_item a{
	display:block;
	height:18px;
	line-height:18px;
	padding:3px 0;
	font-size:12px;
	color:#888;
	white-space:nowrap
}
.default_nav_style .nav_sec .more_box:hover .nav_four_item{
	display:block
}
.default_nav_style .nav_sec .more{
	color:#999;
	font-size:12px;
	line-height:30px
}
.default_nav_style .nav_sec .nav_list{
	width:100%
	}
 
.default_nav_style .n_item .active{
	color:#d61518;
}
.default_nav_style .n_item:active{
	color:#d61518;
}
.nav .list .active{
	color:#d61518 !important;
}
.nav .list:active{
	color:#d61518 !important;
}
.menu-in-left .pro_cate .first_cate .active{
	color:#d61518 !important;
}
.menu-in-left .son_cate .item .active{
	color:#d61518 !important;
}


 
.index-header .header{
	position:fixed;
	top:auto;
	left:0;
	width:100%;
	height:50px;
	padding:0 10px;
	background:#fff;
	border-bottom:1px solid #ddd;
	z-index:9999;
	max-width:991px;
	box-sizing:border-box
}
.index-header .header .logo{
	float:left;
	width:50%;
	padding:6px 0;
	overflow:hidden
	}
.index-header .header .logo img{
	max-height:30px
}
.index-header .header .func{
	float:right;
	width:50%;
	margin-top:12px;
	text-align:right;
	padding-right:10px;
	box-sizing:border-box
}
.index-header .header .func .btn:first-child{
	margin-left:0
}
.index-header .header .func .btn{
	display:inline-block;
	vertical-align:middle;
	height:40px;
	line-height:40px;
	margin-left:10%;
	cursor:pointer
}
.index-header .header .func .language_btn{
	font-size:20px;
}
.index-header .header .func .search_btn{
	width:23px;
	height:23px;
	background:url(../images/search_btn.png) no-repeat center center / 100%
}
.index-header .header .func .member_btn{
	width:23px;
	height:23px;
	background:url(../images/account_btn.png) no-repeat center center / 100%
}
.index-header .header .func .menu_btn{
	width:23px;
	height:23px;
	background:url(../images/menu_btn.png) no-repeat center center / 100%
}
.index-header .header .func .menu_btn.on{
	background:url(../images/close_btn.png) no-repeat center center / 80%
}
.index-header .nav{
	position:fixed;
	top:0;
	right:-75%;
	display:block;
	width:75%;
	height:100%;
	margin:0;
	z-index:10001;
	overflow-y:scroll;
	overflow-x:hidden;
	background:url(../images/header_bg.png) repeat-x top center #fff;margin-top:50px
}
.index-header .nav.on{
	right:0
}
.index-header .nav .list{
	margin:0 5%;
	border-bottom:1px solid #ddd
}
.index-header .nav .list .title{
	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	font-size:16px;
	text-decoration:none;
	color:#333;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.index-header .nav .list.has_sec .title{
	
}
.index-header .nav .list.has_sec .title i{
	float:right;
	width:18px;
	height:100%;
	background:url(../images/cate_arrwo.png) no-repeat right center / 40%
}
.index-header .nav .list:last-child{
	margin-bottom:50px
}
.index-header .nav .sub{
	display:none
}
.index-header .nav_bg.on{
	position:fixed;
	top:51px;
	right:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:9990
}
.index-header .son_nav{
	position:fixed;
	top:0;
	right:-75%;
	display:block;
	width:75%;
	height:100%;
	margin:0;
	z-index:10001;	
    overflow-y:scroll;
	overflow-x:hidden;
	background:url(../images/header_bg.png) top center no-repeat #fff;
    margin-top:51px;
    border-top:1px solid #ddd
}
.index-header .son_nav .item{
	margin:0 4%;
	border-bottom:1px solid #ddd
}
.index-header .son_nav .item a{
	display:block;
	height:60px;
	line-height:60px;
	font-size:16px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none
}
.index-header .son_nav .item a i{
	float:right;
	width:18px;
	height:60px;
	background:url(../images/cate_arrwo.png) no-repeat right center / 40%
}
.index-header .son_nav .item .son_nav_title.on i{
	margin-right:5%;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg)
}
.index-header .son_nav .item:last-child{
	margin-bottom:50px
}
.index-header .son_nav.on{right:0}
.index-header .son_nav .cate_close{
	width:100%;
	text-align:left
}
.index-header .son_nav .cate_close span{
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/back_btn.png) no-repeat center center / 50%;
	margin:15px 0 15px 4%
}
.index-header .son_nav .third_nav{
	display:none
}
.index-header .son_nav .third_nav a{
	display:block;
	height:44px;
	line-height:44px;
	font-size:16px;
	border-top:1px solid #ddd;
	text-indent:20px;
	color:#888
}
.index-header .son_nav .third_nav .fouth_cate{
	
}
.index-header .son_nav .third_nav .fouth_cate a{
	font-size:13px;
	text-indent:30px;
	height:30px;
	line-height:30px;
	border-top:1px dashed #e8e8e8
}
.index-header .resp_search_box{
	position:fixed
	;top:0;
	right:-100%;
	width:100%;
	z-index:10001;
	background:#fff
}
.index-header .resp_search_box.on{
	right:0
}
.index-header .resp_search_box .close_btn{
	float:right;
	width:calc(100% - 180px);
	text-align:right;
	background:#fff;
	padding-right:10px
}
.index-header .resp_search_box .close_btn span{
	display:inline-block;
	width:20px;
	height:20px;
	margin:13px 0;
	background:url(../images/close_btn.png) no-repeat center center / 80%
}
.index-header .resp_search_box .search_form{
	position:relative;
    width:100%;
    height:60px;
    line-height:60px;
    border-top:1px solid #ddd;border-bottom:1px solid #ddd;
	background:#fff
}
.index-header .resp_search_box .search_form input[name=keyword]{
	width:80%;
	height:100%;
	margin-left:5%;
	border:none;
	font-size:16px;
	color:#c8c8c8;
	outline:none
}
.index-header .resp_search_box .search_form input[type=submit]{
	position:absolute;
	top:0;
	right:5%;
	width:41px;
	height:100%;
	background:url(../images/search_btn.png) no-repeat center center / 50%;
	border:none;
	outline:none
}
 
@media only screen and (max-width:991px){
.index-header{
	display:block;
	height: 20px;
}
.index-pc-header{display:none!important}
 
.index-header .header .func .btn{padding:0}
}
 


/*index-banner */

.banner .absolute .title{
	display:none
}

body .bx-wrapper .bx-pager,body .bx-wrapper .bx-controls-auto{
	bottom:4%
}
body .banner .box{
	width:100%;
	position:unset;
	left:0%;
	top:0;
	margin-left:auto!important;
	margin-right:auto!important;
	z-index:1
}
.bxSlide-outter{
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	width:1920px;
	max-width:100%
	;max-height:640px
}
.bxSlide-outter .bx-wrapper .bg-mode{
	min-height:300px;width:100%;display:block;background:no-repeat center}
.bx-wrapper .bx-pager{
	display:none !important
}
.banner_box{
	background-size:auto 100%;
	position:relative;
	padding-bottom: 40px;
}
.bx-wrapper .bx-viewport .bxslider_1 div{
	margin-right:0px !important
}
 
 
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
} 
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
} 
.bx-wrapper {
	position: relative; 
	margin: 0 auto; 
	padding: 0; 
	zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
	 margin:0 auto;
}
.bx-wrapper .banner-animote{
	position:absolute;
	left:50%;
	color:#fff;
	width: 80%;
    padding: 40px;
	transform: translate(-50%,-50%);
    top: 40%;
}
.bx-wrapper  .banner-animote .text{
	font-size: 38px;
    font-weight: bold;
	text-align: center;
}
.bx-wrapper.swiper-slide-active .banner-animote{
	animation:bannerani .5s forwards;
	animation-delay:.7s
}
@keyframes bannerani{
0%{
	opacity:0;s
	transform:translateX(40px)
}
100%{
	opacity:1;
	transform:translateX(0)
}
}

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc; 
	-webkit-box-shadow: 0 0 5px #ccc; 
	box-shadow: 0 0 5px #ccc; 
	border: 5px solid #fff; 
	left:-5px; 
	background: #fff;*/
	/*fix other elements on the page moving (on Chrome)*/
	 -webkit-transform: translatez(0); 
	 -moz-transform: translatez(0);
	  -ms-transform: translatez(0); 
	  -o-transform: translatez(0); 
	  transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute; 
	bottom: 5%; 
	width: 100%; 
}

.bx-wrapper .bx-loading {
	min-height: 50px; 
	background: url(../image/bx_loader.gif) center center no-repeat #fff; 
	height: 100%; 
	width: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 2000; 
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;  
	font-weight: bold; 
	color: #666; 
	padding-top: 20px; 
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block; 
	*zoom: 1; 
	*display: inline; 
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666; 
	text-indent: -9999px; 
	display: block; 
	width: 10px; 
	height: 10px;
	margin: 0 5px; 
	outline: 0; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	 border-radius: 5px; 
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff6600; 
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%; 
	margin-top: -16px;
	outline: 0; 
	width: 32px; 
	height: 32px;
	text-indent: -9999px; 
	z-index: 99;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px; 
	width: 10px; 
	height: 11px; 
	outline: 0; 
	background: url(../image/controls.png) -86px -11px no-repeat; 
	margin: 0 3px; 
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0; 
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block; 
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../image/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0; 
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute; 
	bottom: 0; 
	left: 0;
	background: #666\9; 
	background: rgba(80, 80, 80, 0.75); 
	width: 100%; 
}
.bx-wrapper .bx-caption span {
	color: #fff;  
	display: block; 
	padding: 10px; 
}
@media screen and (max-width:768px){
.banner_box {
    top: 0px;
	padding-bottom: 0px;
}
.bx-wrapper .banner-animote {
    max-width:70%;
    background: #0000007a;
    padding: 10px;
	
}
.bx-wrapper .banner-animote .text {
    font-size: 14px;
    font-weight: bold;
}
}

/*index-title */
.pub_title{
	width:100%;
	text-align:center;
	padding-top:0px;
}
.pub_title h2{
	font-size:30px;
	font-weight: bold !important;
	margin-bottom:15px;
}
.pub_title p{
	font-size:18px;
	font-weight:400;
	margin-bottom: 30px;
	color: #3c3c3c;
	padding: 0 150px;
	line-height: 25px;
}


@media only screen and (max-width: 767px)  {
.pub_title{
	width:100%;
	padding-top:0px
}
.pub_title h2{
	margin-bottom: 10px;
	font-size: 20px;
	margin-top: 20px;
}
.pub_title p{
    padding: 0;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}

}

/*index-pro */
.inb1-tit {
    font-size: 25px;
    text-align: center;
    color: #333;
	margin: 30px 30px 0 120px;
	display: block;
	float: left;
	font-weight: 700;
}
.product-container .btn {
    text-decoration: none;
    border: solid 1px #d61518;
    color: #d61518;
    display: block;
    width: 140px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    margin: 20px auto 0px;
    border-radius: 8px;
    font-weight: 700;
	margin-left: 50px;
	overflow: hidden;
}
.product-container .btn:hover{
   background: #d61518;
   color: #ffffff;
}
.product-container {
    width: 1380px;
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
}
.product-list {
    display: flex; 
    list-style: none;
    padding: 20px 0;
    margin: 0;
    transition: transform 0.5s ease-in-out;
}
.product-list li {
    width: 320px;
    flex-shrink: 0;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
    background: #f1f1f1;
    margin: 0 20px  30px 0 ;        
}
.product-list img {
    width: 100%;
    height: auto;
    border-radius: 0px;
}
.product-list h3 {
    margin: 10px 10px;
    font-size: 18px;
    font-weight: 700!important;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-list h3:hover a {
   color: #d61518;
}
.product-list p {
	margin: 10px 15px 20px;
    font-size: 15px;
    color: #666;
	background: #f1f1f1;
	line-height: 22px;
}
.arrow {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
}
.arrow.left1 {
     left: 10px;
}
.arrow.right1 {
     right: 10px;
}

@media screen and (max-width:768px){  
.product-container {
	padding: 0 2.5%;
	width:95%;
	margin: 0 auto ;
}
.product-list {
    padding: 0 2.5%;
}
.inb1-tit {
    font-size:15px;
	padding: 0 1.5%;
	margin: 0px;
}
.product-container .btn {
    margin: 60px auto 20px;
    width: 110px;
    height: 35px;
    line-height: 35px;
 
}
}

/*index-about */
.index-about{
	padding:60px 0 0;
    background: url(/uploadfile/202311/d3dcdd630f41b12.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    margin: 60px 0;
    overflow: hidden; 
}
.index .index-about{
	text-align:center
}
.index-about img{
	-webkit-transition:all .3s;
	transition:all .3s;
}
.index-about:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
.index-about .more_about{
	margin:0 auto;
	text-align:center;
	left:0;
	top:14%;
	right:0;
	margin:auto;
	transition:all .4s
}
.index-about .more_about .about_title{
	margin:0px auto 0px
}
.index-about .more_about .about_title p{
	font-weight: bold;
	color:#fff;
	text-align:center;
	line-height:55px;
	font-size: 35px;
}
.index-about .more_about .about_title em{
	font-size:25px;
	color:#fff;
	text-align:center;
	margin-top:-10px;
	line-height:55px
}
.index-about .more_about .content{
	width:90s%;
	overflow:hidden;
	margin:35px auto 30px
}
.index-about .more_about .content p{
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:35px
}
.index-about .more_about a{
	background: #d61518;
    color: #fff;
    display: block;
    width: 130px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    margin: 60px auto 0px;
    border-radius:4px;
    font-weight: 700;
    overflow: hidden;
}

.index-about .more_about a:hover {
    BACKGROUND: #c50f0f;
	color: #fff;
}

.about-lists {
	margin:40px auto; 
	text-align: center;
}
.about-lists ul{
    width: 95%;
	margin:0 auto;
	text-align: center;
}
.about-lists ul li{
	float: left;
	width: 25%;
	position:relative;
	margin: 0px;
}
.about-lists ul li:after{
	position:absolute;
	right:1px;
	bottom:0; 
	height:100%;
	width:1px;
	background:#fff;
}
.about-lists ul li:last-child:after{
	width:0px;
	}
.about-lists .index_about_link {
	float: left;
	padding:10px 0;
	text-align: center;
	color: #fff;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.about-lists .index_about_icon {
	display: block;
	width: 65px;
	height: 65px;
	margin: 10px auto;
	color: #fff;
	float: left;
}
.about-lists .index_about_name {
	line-height: 30px;
	display: block; 
	color: #fff; 
	font-size:22px;
	float: left;
	margin: 0px 20px;
	font-weight: bold; 
	margin-top: 5px;
}
.about-lists .index_about_name1 {
	display: block;
	color: #fff;
	font-size:18px;
	float: left;
	margin: 0px 20px;
	margin-top: 5px;
}
.about-lists ul li:hover .index_about_link {
	transform: translateY(-10px);
}

@media screen and (max-width:768px){
.index-about{
	margin:0px auto 0px;
	padding: 20px 0 0;
}
.index-about .more_about{
	width:92%
}
.index-about .more_about .about_title{
	width:100%
}
.index-about .more_about .about_title .top_box{
	display:none
}
.index-about .more_about .about_title p{
	font-size:20px;
	text-align:center;
	margin-top:25px;
	line-height:25px
}
.index-about .more_about .about_title .bottom_box{
	display:none
}
.index-about .more_about .content{
	margin:10px auto 20px;
	width:100%;
}
.index-about .more_about .content p{
	width:100%;
	line-height:20px;
	overflow:hidden;
	font-size:14px;
	top:48%
}
.about-lists ul {
    width: 95%;
}
.about-lists ul li {
    width: 50%;
    position: relative;
    margin: 0px;
}
.about-lists {
    width: 100%;
    margin: 20px auto;
}
.about-lists .index_about_name {
    font-size: 14px;
	margin: 0px 10px;
}
.index-about .more_about a {
    margin: 30px auto 0px;
	width: 110px;
    height: 35px;
    text-align: center;
    line-height: 35px;
	font-size: 15px;
}
.about-lists .index_about_name1 {
    font-size: 14px;
    margin: 0px 10px;
}
.about-lists .index_about_icon {
    width: 50px;
    height: 50px;
}
}

/*index-support */
.index-support-pro{
    background: #f5f5f5;
    margin-top: 50px;
    padding: 50px 0;
}
.support-lists{
	position:relative; 
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.support-lists .lists{
	width:25%;
	margin-top:10px;
	padding-bottom:20px;
	box-shadow:-29px 0px 17px -34px rgb(224,224,224)
}
.support-lists .lists a{
	text-decoration:none;
	transition:all .3s
}
.support-lists .lists .lists_img{
	width:100%;
	height:70px;
	margin-top:40px;
	margin-bottom:20px;
	text-align: center
}
.support-lists .lists .lists_img img{
	vertical-align:middle
}
.support-lists .lists:hover{
 
}
.support-lists .lists .info_title{
	max-width:80%;
	height:45px;
	overflow:hidden
	;text-align: center;
	padding: 0 30px
}
.support-lists .lists .info_title h3{
	font-size:20px;
	margin-left:0px;
	font-weight: 700 !important;
}
.support-lists .lists .info_title h3 a:hover{
	color:#d61518
}
.support-lists .lists .word{
	height:85px;
	overflow:hidden;
	margin-top:10px;
	padding: 0 35px;
	text-align: center;
}
.support-lists .lists .word p{
	font-size:15px; 
	color:#2c2c2c
}

@media screen and (max-width:768px){
.support-lists{
	width:100%;
	margin: 20px 0;
}
.support-lists .lists{
	width:50%;
	margin:0 auto;
	box-shadow:none;
	margin-top:0px;
	padding-bottom:0px
}
.support-lists .lists:nth-child(2){
	/* margin-top:24px; */
}
.support-lists .lists:nth-child(3){
	margin-top:19px
}
.support-lists .lists .lists_img{
	width:100%;
	margin-left:0px;
	text-align:center;
	margin-top:49px;
	margin-bottom:29px
}
.support-lists .lists .info_title{
	max-width:100%;
	height:auto;
	overflow:hidden;
	padding: 0 10px;
}
.support-lists .lists .info_title h3{
	font-size:4.17vw;
	margin-left:0px;
	text-align:center
}
.support-lists .lists .word{
	text-align:center;
	margin-left:0px;
	height:100%;
	margin-top:34px
}
.support-lists .lists .word p{
	width:100%;
	font-size:14px;
}
.support-lists .lists .lists_img{
	margin-top: 0px;
    margin-bottom: 15px;
}
.support-lists .lists .info_title{
	max-width:90%;
	transition:all .4s
}
.support-lists .lists .info_title h3{
	margin-left:30px
}
.support-lists .lists .word{
	margin-left:0px;
	padding: 0 8px;
	margin-top: 10px;
}
}


/*index-message */
.index-message{
	background: #181818
}
.message-box{
	 width:1380px;
	 height: 230px;
	 margin : 50px auto;	 
}
.message_title{
	width:100%;
	padding-top:0px
}
.message_title h2{
	text-align:center;
	font-size:30px;
	font-weight: bold !important;
	color: #ffffff;
	padding-top: 35px;
}
.message_title p{
	text-align:center;
	font-size:18px;
	font-weight:400;
	margin-bottom: 20px;
	color: #606060;
	padding: 0 150px;
	line-height: 25px;
}
.message-box .other_title{
	 width:100%;
	 text-align: center;
}
.message-box h3{
	color:#ffffff;
	font-size:25px;
	line-height:25px
	;margin-top:30px;
	transition:all .2s;
	padding: 50px 0 0 0px;
}
.message-box p{
	color:#ffffff;
	font-size:18px;
	line-height:25px;
	margin-top:25px;
	transition:all .2s;
	padding: 0px 180px;
}
.message-box .search{
	overflow:hidden;
	padding: 20px;
}
.message-box.search form{
	/* position:relative; */
}
.message-box .search form .text{
	/* background:transparent; */
	padding:0px 7px
	;width:15%;
	height:44px;
	line-height:34px;
	color:#747474;
	text-indent:16px;
	border:1px solid #e7e7e7;
	margin: 0 5px;
	-webkit-appearance:none;
	border-radius:0px
}
.message-box .search form .text1{
	/* background:transparent; */
	padding:0px 7px;
	width:32%;
	height:44px;
	line-height:34px;
	color:#747474;
	text-indent:16px;
	border:1px solid #e7e7e7;
	margin: 0 10px;
	-webkit-appearance:none;
	border-radius:0px
}
.message-box .search form .sub{
	width:120px;
	height:46px;
	border:none;
	text-align:center;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	background:#d61518;
	position:absolute;
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:0px;
	color: #fff;
	margin-left: 50px;
}
.message-box .search form .sub:hover {
    background: #b10204;
}
@media only screen and (max-width: 767px)  {
.message_title{
	width:100%;
	padding-top:0px
}
.message_title h1{
	margin-bottom: 10px;
	font-size: 25px;
	margin-top: 20px;	
}
.message_title p{
    padding: 0 5%;
	font-size: 14px;
}
.message_title h2 {
    font-size: 20px;
}
}

@media screen and (max-width:767px){
.message-box {
    width: 95%;
    padding: 0 2.5%;
	height:400px;
	margin: 0px;
}
.message-box .search {
    
}
.message-box p {
    padding: 0px;
	font-size: 15px;
	margin-top: 10px;
	line-height: 20px;
	margin-bottom: 0px;
}
.message-box .search form .text {
    width: 95%;
}
.message-box .search form .text1 {
    width: 95%;
	margin: 10px  5px;

}
.message-box .search form .sub {
    margin: 10px  10px;
	width: 41.5%;
}

}

/*index-blog */
.index-blog{
    margin-top: 50px;
}
.index-blog .blog-list{
	margin-top:30px;
	flex-wrap:wrap;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.index-blog .blog-list .lists{
	width: 23%;
	overflow:hidden
}
.index-blog .blog-list .lists a img{
	-webkit-transition:all .3s;
	transition:all .3s
}
.index-blog .blog-list .lists:hover img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
.index-blog .blog-list .lists .dec{
	background: #F6F6F6;
	position:relative;
	transition:all .4s;
	padding: 0 15px;
	height: 180px;
}
.index-blog .blog-list .lists .dec .day{
	padding-top:20px;
	padding-bottom:10px
}
.index-blog .blog-list .lists .dec .day p{
	font-size:14px;
	color:#999999;
	background: url(/skin/images/time.png) no-repeat 0 center;
	padding-left: 25px;
}
.index-blog .blog-list .lists .dec a{
	text-decoration:none
}
.index-blog .blog-list .lists .dec a .apt_desc{
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	margin-left:0px;
	margin-bottom:12px;
	text-align:left;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-blog .blog-list .lists .dec a .apt_desc:hover {
    color: #d61518;
}
.index-blog .blog-list .lists .dec em{
	overflow:hidden;
	font-size:15px;
	margin-left:0px
	;margin-bottom:24px;
	color: #333;
	font-style:normal;
}

@media screen and (max-width:767px){
.index-blog .apt_con{
	height:11vw
}
.more .more_about .content{
	margin:0px auto 0px
}

.index-blog{
	width:100%;
	margin:80px auto 0px
}
.index-blog .apt_con{
	width:92%;
	height:10vw;
	font-size:3.6458vw;
	margin:15px auto 0px
}
.index-blog .blog-list{
	margin:0 auto;
	margin-top:15px
}
.index-blog .blog-list .lists{
	width:100%;
	margin:0 auto;
	padding-bottom:30px
}
.index-blog .blog-list .lists .dec {
    height: 160px;
}
.index-blog .blog-list .lists img{
	width:100%
}
.index-blog .blog-list .lists:nth-child(2),.apt_model_two .lists:nth-child(3){
	margin-top:30px
}
.index-blog .blog-list .lists .box8{
	height: 150px;
}
.index-blog .blog-list .lists .box8 .day{
	margin-left:21px;
	padding-top:30px;
	padding-bottom:34px
}
.index-blog .blog-list .lists .box8 .day p{
	font-size:3.6458vw;
	text-align:left
}
.index-blog .blog-list .lists .box8 a .apt_desc{
	font-size:18px;
	margin-left:21px;
 
}
.index-blog .blog-list .lists:hover img{
	-webkit-transform:none;
	transform:none
}
 
.index-blog .blog-list .lists .box8 .day{
	margin-left:0px;
	padding-top:15px;
	padding-bottom:15px
}
.index-blog{
	width:100%;
	margin: 0px auto 0px;
}
 
 
 
.index-blog .apt_con{
	height:11vw
}

}


/*footer */    
.footer{
	width:100%;
	background:#000;
	margin:80px auto 0px;
	transition:all .4s;
	overflow: hidden;
}
.footer .config_box{
	width:1380px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.footer .config_box .share_box{
	width: 200px;
	margin-right: 180px;
	margin-top:70px;
	transition:all .4s
}
.footer .config_box .share_box p{
	width:310px;
	color:#d9d9d9;
	font-size:15px;
	line-height:29px;
	transition:all .4s;
	margin-top: 25px;
}


.foot-info  {
	width:250px;
}
.foot-info .foot-share{
	margin-top:20px
}
.foot-info .foot-share ul{
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap
}
.foot-info .foot-share ul li{
	margin: 10px 0 30px;width:20%!important;
}
.foot-info .foot-share ul a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:all .1s linear
}
.foot-info .foot-share ul a:hover{
	 transform:scale(1.35)
}
.foot-info .foot-share ul a img{
	width:24px;
} 
.footer .config_box .service_box,.contact_box,.lates_box{
	margin-top:70px;
	transition:all .3s
}
.footer .config_box .service_box ul{
	margin-top:40px
}
.footer .config_box .service_box{
	width:200px;
	margin-right: 0px;
	margin-bottom: 30px;
}
.footer .config_box .service_box ul li{
	margin-top:8px
}
.footer .config_box .service_box ul li a{
	text-decoration:none
} 
.footer .config_box .service_box ul li a{
	font-size:15px;
	color:#d9d9d9;
	transition:all .2s
}
.footer .config_box .service_box ul li a:hover{
	color:#d61518;
}

.footer .config_box .contact_box{
	width:250px
}
.footer .config_box .contact_box ul{
	margin-top:39px
}
.footer .config_box .contact_box ul li{
	margin-top:15px;
	width:95%
}
.footer .config_box .contact_box ul li a{
	text-decoration:none
}
.footer .config_box .contact_box ul li:nth-child(1){
	background:url(../images/loaction.png) no-repeat 0 4px
}
.footer .config_box .contact_box ul li:nth-child(2){
	background:url(../images/message.png) no-repeat 0 4px;
	margin-top:9px
}
.footer .config_box .contact_box ul li:nth-child(3){
	background:url(../images/phone.png) no-repeat 0 4px;
	margin-top:7px
}
.footer .config_box .contact_box ul li:nth-child(4){
	background:url(../images/ws.png) no-repeat 0 4px;
	margin-top:6px
}
.footer .config_box .contact_box ul li:nth-child(5){
	background:url(../images/look.png) no-repeat 0 4px
}
.footer .config_box .contact_box ul li p{
	width:100%;
	font-size:16px;
	color:#d9d9d9;
	margin-left:27px;
	transition:all .2s
}
.footer .config_box .contact_box ul li p a{
	display:block;
	width:200px;
	font-size:16px;
	color:#d9d9d9;
	transition:all .2s
}
.footer .config_box .contact_box ul li p:first-child{
	line-height:28px
}
.footer .config_box .lates_box{
	width:100%;
	margin: 25px 0 50px 0;
}
.footer .config_box .other_title{
	width:50%;
	float:left
}
.footer .config_box .lates_box.other_title{
	float:left
}
.footer .config_box .lates_box p{
	color:#d9d9d9;
	font-size:16px;
	line-height:28px;
	margin-top:10px;
	transition:all .2s
}
.footer .config_box .search{
	overflow:hidden;
	margin:19px 0 0 0;
	width:50%; 
}
.footer .config_box .search form{
	/* position:relative; */
}
.footer .config_box .search form .text{
	background:transparent;
	padding:0px 7px;
	width:30%;
	height:44px;
	line-height:34px;
	color:#747474;
	text-indent:16px;
	border:1px solid #333333;
	margin: 0 5px;
	-webkit-appearance:none;
	border-radius:0px
}

.footer .config_box .search form .text1{
	background:transparent;
	padding:0px 7px;
	width:40%;
	height:44px;
	line-height:34px;
	color:#747474;
	text-indent:16px;
	border:1px solid #333333;
	-webkit-appearance:none;
	border-radius:0px
}
.footer .config_box .search form .sub{
	width:18%;
	height:44px;
	border:none;
	text-align:center;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	background:#d61518;
	float: right;
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:0px;
	color: #fff;
	margin-left: 20px;
}
.footer .config_box .search form .sub:hover {
    background: #b10204;
}

.footer .config_box .social{
	width:175px;
	float:right;
	margin-top:35px
}
.footer .config_box .social ul{
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.footer .copy{
	width:100%;
	border-top:1px solid #1a1a1a;
	transition:all .4s
}
.footer .copy p{
	color:#d9d9d9;
	font-size:16px;
	text-align:center;
	padding-top:26px;
	padding-bottom:29px
}
.footer .copy p a{
	color:#d9d9d9;
	text-decoration:none
}
 
.other_title h3{
	color:#d61518;
	font-size:22px;
	text-transform:uppercase;
	font-weight: bold !important;
}

@media only screen and (max-width: 767px)  {
.footer {
  margin: 20px auto 0px;
}
.footer .config_box {
    width: 95%;
    padding: 0 2.5%;
}
.other_title h3{
	color:#d61518;
	font-size:16px;
}
.footer .config_box .share_box{
	width:100%;
	margin-right: 0px;
	margin-top: 30px;
}
.footer .config_box .share_box img {
	max-height: 30px;
}
.footer .config_box .share_box p{
	width:100%;
	margin-top: 15px;
}
.footer .config_box .service_box{
	width:30%
}
.footer .config_box .contact_box{
	width:100%;
	margin-bottom: 30px;
}
.footer .config_box .form_one div{
	width:60%;
	height:44px
}
.footer .config_box .service_box, .contact_box, .lates_box {
    margin-top: 0px; 
}

.footer .config_box .other_title {
    width: 100%;
}
.footer .config_box .search {
    margin: 19px 0 0 0;
    width: 100%;
}
.footer .config_box .search form .text {
    width: 95%;
     margin: 15px 0;
}
.footer .config_box .search form .text1 {
    width: 58%;
}
} 

.form_input{
	color:#333;
	height:20px;
	line-height:20px
}
.form_area{
	color:#333;
	line-height:180%;
	resize:none;
	overflow:auto;
	font-family: sans-serif, Opensans-Regular;
}
.form_button{
	border:none;
	background:#505050;
	color:#fff;
	height:22px;
	line-height:22px;
	padding:0 5px;
	overflow:hidden;
	width:80px
}
.form_focus{
	border-color:red
}
.form_input.center{
	text-align:center
}

@media only screen and (max-width:600px){  
.inquiry_success .ins_content{
	padding:0 10px
}
.inquiry_success .ins_title{
	margin-top:45%;
	font-size:52px
}
.inquiry_success .ins_txt{
	font-size:16px
}
.inquiry_success .ins_btn{
	line-height:2.5;
	font-size:16px
}
 
}