/*通用样式*/
@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {background:#fff;font-size: 14px;color: #333;font-family:"微软雅黑";}
a {text-decoration: none;color: #333;outline:none !important;}
a:hover {color: #d61716;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
/*img{ width:100%;}*/
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
.float_l{float: left;}
.float_r{float: right;}



/*header*/
#yincangziti{opacity: 0;width: 0;display: block;height: 0;}
.container{	max-width:1170px;margin: 0 auto;	box-sizing: border-box;	overflow: hidden;}
.index_body{overflow-x: hidden;}
/* .header{width: 100%;background: #fff;height: 4.25rem;box-sizing: border-box;position: fixed; z-index: 999;top: 0;} */

/* .header form{display: inline-block;}
.header form input{	width:12rem; border-radius:20px;background:transparent;	border:1px solid #c0c0c0;	height: 20px;padding:.2rem;}
.header form button{width: 20px;height:20px;display:inline-block;outline: none;	border:none;transform: translate(-2rem,.2rem);background:url(../images/index_06.png) no-repeat center;}
.second_nav li a{transition: .3s;}
.second_nav li:hover>a {color: #ff1837;}
.second_nav li ul li:hover>a {color: #ff1837;}
.second_nav{width: 100%;box-sizing: border-box;}
.second_nav li{	display: inline-block;width:7%;transition: .3s;margin-right: 2.3rem;padding-left: 0;}
.second_nav li a{display: inline-block;width: 100%;height: 100%;text-align: center;}
.logo_box{height:65px;display: inline-block;padding-top: 13px;}
.logo_box img{vertical-align: middle;height:65px;}

.nav{width: 54%;display: inline-block;font-size: 0;height: 85px;float: right;}
.nav>li:hover{ color:#d61716;}
.nav li{display: inline-block;padding:0 1.4rem;transition: .5s;}
.nav li a{
	text-align: center;
	color: #595757;
	font-size: 1rem;
	line-height:90px;
	display: inline-block;
	width: 100%;
	height: 100%;
} */

/* .translate,.shop{color: #666666; margin-right: 5%;}
.translate{	margin-right:3%;color: #666666;}
.second_nav_box{
	position: absolute;
	left: 0;
	top: 4.2rem;
	z-index: 8000000;
	box-sizing: border-box;
	line-height: 3.65rem;
	font-size: 0;
	width: 100%;
	display: none;
	background: rgba(255,255,255,.8);
	text-align: center;
}
.active_nav{color: #d61716;transition: .3s;}
.pro_nav_ul{padding:1rem 0 4rem 0;}
.pro_nav_ul li a{line-height: 1rem;	text-align: left;}
.pro_nav_ul li{	vertical-align: top;line-height: 1rem;}
.pro_nav_ul li ul{margin-top: .5rem;}
.pro_nav_ul li ul li {display: inline-block;width: 100%;line-height: 1rem;}
.pro_nav_ul li ul li a{	text-align: left;line-height: 1rem;}
.m_nav{	display: none;} */

/*2020-4-29*/
.header{width: 100%;height:60px;background: #3A3632;/* position: fixed; */ z-index: 999;top: 0;border: none;}
.logo_box{width: 15%; display: inline-block; padding-top: 8px;}
.logo_box img{vertical-align: middle;height: 45px;}
.nav-x{width:62%;display: inline-block;font-size: 0;height:90px;float: right;}
/* .nav-x>li:hover{background: #dcdcdc;} */
.nav-x li{display: inline-block;padding:0 1.6rem;transition: .5s;}
.nav-x li a{text-align: center;color: #fff;font-size:15px;line-height:65px;display: inline-block;width: 100%;height: 100%;}
.header form{display: inline-block;}
.header form input{width: 7.7rem;background:transparent;border:1px solid #c0c0c0;height: 20px;padding:.2rem;}
.header form button{width: 20px;height: 20px;display: inline-block;outline: none;border:none;transform: translate(-1.5rem,.2rem);background: url('../image/wave21.png')no-repeat center;}
.second_nav_box{position: absolute;left: 0;top:60px;z-index: 8000000;box-sizing: border-box;line-height: 3.65rem;font-size: 0;width: 100%;display: none;background: rgba(0,0,0,.5);text-align: center;}
.second_nav{width: 100%;box-sizing: border-box;height: 60px !important;}
.second_nav li{display: inline-block;width: 11%;transition: .3s;margin-right: 2.3rem;padding-left: 0;}
.second_nav li a{display: inline-block;width: 100%;height: 100%;text-align: center;color: #fff; line-height: 60px;}
.active_nav{ color:#2eb6d1;height:65px;transition: .3s;}
.pro_nav_ul{padding:1rem 0 4rem 0;}
.pro_nav_ul li a{line-height: 1rem;text-align: left;}
.pro_nav_ul li{	vertical-align: top;line-height: 1rem;}
.pro_nav_ul li ul{margin-top: .5rem;}
.pro_nav_ul li ul li {display: inline-block;width: 100%;line-height: 1rem;}
.pro_nav_ul li ul li a{text-align: left;line-height: 1rem;}
.nav_r{line-height: 4.25rem;}
.m_nav,.m_footer_bottom,.hr_con>div .m_add_p,.ds_r,.m_c_b_l,.m_cer_r{display: none;}
.header-on{background: #fff;}

/*footer*/
.foot{ width:100%; background:#f7f7f7;}
.foot-c{ width:75%; margin:0 auto;}
.foot .foot-c .foot-l{ padding:15px 0 50px;}
.foot .foot-c .foot-l h5{ font-size:18px; padding:15px 0;}
.foot .foot-c .foot-l p{ font-size:14px; color:#666; line-height:25px;}
.foot .foot-c .foot-r{ margin-top:32px; width:130px;}
.foot-bq{width:100%; background:#eeeeee; padding:15px 0;}
.foot-1{width:100%;  margin:47px auto;}
.footer-nav-1 {background: rgba(0,0,0, .5);position: fixed;bottom: 0;width:100%;padding: 20px 0;}
.footer-nav-1 li{ width:24%; border-right:1px solid #fff; font-size:28px; display: list-item; float:left; padding:6px 0;}
.footer-nav-1 li a{color: #fff;}
.footer-nav-1 li:last-child{ border:none;}
.footer-nav-1 li span{ display:inline-block; width:27px; float:left; margin-top:5px;margin-left: 32%; margin-right: 1rem;}

.footer-x{width: 100%;background: #252424;color: #fff;padding-top:40px;padding-bottom:20px;}
.footer-x-ul li{float: left;width: 20%;}
.footer-x-ul li:last-child{float: right;margin-right: 0;width: 120px;}
.footer-x-ul li h3{font-size: 22px;color: #aaaaaa;padding-bottom:15px;}
.footer-x-ul li a{display: block;color: #fff;font-size: 14px;line-height: 25px;}
a:hover{text-decoration: none !important;}
.bq-x{color: #fff;font-size: 14px;text-align: center;padding-top: 20px;}
.bq-x a{color: #fff;}

/*返回顶部*/
.fhdb{ width:40px; height:40px; background:rgba(0,0,0,.2); position:fixed; right:0; bottom:94px; text-align:center;transition:all .5s;z-index: 9999;}.fhdb img{width: 30%; margin-top: 8px;}.fhdb:hover{ background:#e6242c;}.fhdb a{ display:inline-block; width:100%;}/*返回顶部 end*/
/*内页通用样式*/.l{ width:1200px; margin:0 auto;}
.ny-about{ width:100%; height:500px; margin-top:0px;}
.ny-about-wap{width:100%; height:400px; }
.crumbs{ background:#f4f4f4; padding:15px 0;}
.crumbs .crumbs-l{ font-size:16px;}
.crumbs .crumbs-r{ font-size:14px;}
.crumbs .crumbs-r i{ color:#666;}

@media screen and (max-width: 1450px) {
	.nav-x { width: 65%;}
	.nav li{padding:0 .9rem;}
	.second_nav li{	padding-left: 0;padding-right: 0;width:9%;}
	.translate{	margin-right: 2.35rem;}
	.translate{	margin-right: 1.5rem;}
	.header form input{	width: 8rem;}
	.container{	max-width: 1300px;}
	.foot-c { width: 88%;}	
	
}
@media screen and (max-width: 1250px) {
	.nav-x { width: 70%;}
	.nav li{padding:0 .5rem;}
	.second_nav li{ margin-right: .4rem; padding-left: 0;width: 10%;}
	.container{	max-width: 1100px;}
	.nav li a{font-size:1rem;}
}
@media screen  and (max-width: 1050px){
	.container{	max-width:980px;}
	.header form{display: none;}
	.nav{width: 61%;}
	.pull-right{ display:none;}
	.translate, .shop { margin-right: 2%;}
	.nav_r {width: 20%;}
	.nav-x {  width: 77%;}
	.nav-x li{padding: 0 1rem;}
}
@media screen and (max-width: 768px){
	.header{display: none;}
	.m_nav{display: block;padding-left: 0px;}
	nav { display: none; position: absolute; top: 60px;left: 0;z-index: 20000; width: 100%;background: rgba(255,255,255,.85);}
	nav .sj_footer .left_div p { display: none;}
	.m_logo img {width: auto; margin: .4rem .5rem 0;}
	.m_nav .menu_p em {position: absolute;top: 50%;right: 10px; transform: translate(-20%,-50%);width: 1rem;font-size: 0;}
	.m_nav .menu_p i {display: inline-block; width: 20px;height: 2px;background: #898989;margin: 3px 0;opacity: 1;transition: 0.5s;-webkit-transition: 0.5s;}
	.m_nav .active_p em i:nth-of-type(2) {opacity: 0;}
	.m_nav .active_p em i:nth-of-type(1) {-webkit-transform: rotate(45deg) translate(6px, 6px);transform: rotate(45deg) translate(6px, 6px);}
	.m_nav .active_p em i:nth-of-type(3) {-webkit-transform: rotate(-45deg) translate(9px, -8px);transform: rotate(-45deg) translate(5px, -5px);}
	.m_nav {display: block;position: fixed;width: 100%;box-sizing: border-box;z-index: 200000;margin-top: 0;background: #fff;height: 60px;margin-bottom: 0;}
	nav .sj_footer {width: 100%;background: rgba(255,255,255,.85);padding: 6% 20px;box-sizing: border-box;}
	nav .sj_footer .left_div div {width: 100%; margin: 0; cursor: pointer;}
	nav .sj_footer strong {height: 40px;line-height: 40px;margin-bottom: 0;color: #595757;font-weight: 500;font-size:18px;}
	nav .sj_footer strong i {display: block;float: right;color: #898989;font-size: 20px;}
	nav .sj_footer .active_strong i {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	nav .sj_footer p a {font-size: 14px;color: #898989;display: block;line-height: 30px;transition: 0.5s;-webkit-transition: 0.5s;}
	/* .slides li{margin-top:0px !important;}
	.flexslider,.slides li{ height:360px !important;} */
	.flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{ display: none;}
	/* .slides li{background-size: 310% 100% !important;} */
	
	 .m_nav{	display: block;	padding-left: 0px;	}
	nav { display: none; position: absolute; top:76px; left: 0; z-index: 20000; width: 100%; background: rgba(255,255,255,.85);}
	nav .sj_footer .left_div p { display: none;}
	/*.m_logo img { width: auto; margin:.8rem .5rem 0;}

	.m_nav .menu_p em { position: absolute; top: 50%;right: 10px;transform: translate(-20%,-50%); width:2rem;font-size: 0;}

	.m_nav .menu_p i { display: inline-block;width:35px; height: 2px;background: #898989;margin: 3px 0;opacity: 1;transition: 0.5s;-webkit-transition: 0.5s;}

	.m_nav .active_p em i:nth-of-type(2) {opacity: 0;}

	.m_nav .active_p em i:nth-of-type(1) {

	    -webkit-transform: rotate(45deg) translate(6px, 6px);

	    transform: rotate(45deg) translate(6px, 6px);

	}

	.m_nav .active_p em i:nth-of-type(3) {

	    -webkit-transform: rotate(-45deg) translate(9px, -8px);

	    transform: rotate(-45deg) translate(5px, -5px);

	}*/

	.m_nav {display: block; width: 100%; box-sizing: border-box; z-index: 200000; margin-top: 0; background: #fff;height: 88px;margin-bottom: 0;position: fixed;top: 0;}

	/*nav .sj_footer { width: 100%; background: rgba(255,255,255,.85); padding: 6% 20px; box-sizing: border-box;}

	nav .sj_footer .left_div div {width: 100%;margin: 0; cursor: pointer;}

	nav .sj_footer strong {height: 40px; line-height: 40px;margin-bottom: 0; color: #595757; font-weight: 500; font-size: 14px;}

	nav .sj_footer strong i {display: block;float: right;color: #898989; font-size: 20px;font-style: normal;}

	nav .sj_footer .active_strong i { -webkit-transform: rotate(45deg);transform: rotate(45deg);}

	nav .sj_footer a {    font-size: 18px; color: #898989; display: block; line-height: 40px;transition: 0.5s;-webkit-transition: 0.5s;} */

	.foot-1{ display:none;}

	.foot-2{width:100%;  margin: 85px auto;display: block !important;}

	.footer-nav-2 {	background: rgba(0,0,0, .5);height: 85px;position: fixed;bottom: 0;width:100%;margin: 0 auto;}

	.footer-nav-2 a.footernav1 {background:url(../images/pic_1.png) no-repeat center 15px;}

	.footer-nav-2 a.footernav2 {background:url(../images/pic_2.png) no-repeat center 15px;}

	.footer-nav-2 a.footernav3 {background:url(../images/pic_3.png) no-repeat center 15px;}

	.footer-nav-2 a.footernav4 {background:url(../images/pic_4.png) no-repeat center 15px;}

	.footer-nav-2 a {display: block;float: left;width: 25%;color: #fff;text-align: center;font-size: 20px;padding-top:55px;}
	.flexslider {margin-top: 70px;}
	
	.sp_header{height:60px;overflow:hidden;background:#3a3632;/* position:fixed; */z-index:10;width:100%;display: block !important; top: 0;}
	.sjj_nav{display: block !important;}
	.sp_logo{float: left;
    height: 56px;
    top: 0;
    padding-left: 10px;}
	.sp_logo img{margin:auto;max-height: 45px; padding-top: 7px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;margin-top: 20px;}
	.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:60px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
	.sjj_nav ul li ul li>ul{margin-left:10px}



}

@media screen and (max-width: 650px) {

	.main-1 {margin-top: -42px;}

	.index-news li {width: 98%; float: none;margin: 20px auto;}

	.index-news li .index-news-img { height: 350px;}

	.index-news li .index-news-h1 {font-size: 20px;}

	.flex-direction-nav{ display:none;}

	.ny-about{display:none;}

	.ny-about-wap{display: block !important;}
	    
}

@media screen and (max-width: 375px) {

	.footer-nav-2 a{ font-size:16px;}

	.m_nav{ height:76px;}

	.m_logo img{ height:50px;}

	

}

