@charset "utf-8";
.sp_header {position:fixed;top:0;z-index:10;overflow:hidden;width:100%;height:50px;background: #fff;border-bottom: 1px solid #dedede;background-image: url(../img/about_01.jpg);}
.sp_logo {padding:10px;height:50px;position: absolute;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%,0); /* IE 9 */-webkit-transform: translate(-50%,0); /* Safari and Chrome */}
.sp_logo img {margin:auto;max-height:30px}
.sp_nav {position:relative;float: left;margin-top:15px;width:50px;height:30px;cursor:pointer}
.sp_nav span {position:absolute;left:10px;display:block;width:30px;height:2px;background: #1a3a55;transition:all ease .35s;}
.sp_nav span:nth-of-type(1) {top:0}
.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;top:-100%;left:0;z-index:9;overflow:auto;overflow-x:hidden;width:100%;height:calc(100% - 78pt);background:#fff;font-size:14px;line-height:40px;transition:top ease .35s;z-index: 9999;}
.sp_search{float: right;font-size: 28px;font-weight: 100;line-height: 50px;right: 20px;margin-right: 20px;}
.nav_show {top:50px}
.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;overflow:hidden;margin-top:5px;width:70px;line-height:30px}
.sjj_nav>ul>li:first-child .language a {float:left;width:35px;border-left:1px solid #ddd;color:#999;text-align:center}
.sjj_nav ul li i {position:absolute;top:5px;right:0;padding:0 7px;height:30px;border-left:1px solid #ddd}
.sjj_nav ul li i svg {transition:all ease .35s;transform:rotate(-90deg)}
.sjj_nav ul li .sjj_nav_i_se svg {transform:rotate(0)}
.sjj_nav ul li {position:relative;margin-left:20px;border-top:1px solid #ddd;font-size:14px;line-height:40px}
.sjj_nav>ul>li:last-child {border-bottom:1px solid #ddd}
.sjj_nav ul li ul {display:none}
.sjj_nav ul li a {width:80%;color:#666;display: block;}
.sjj_nav ul li ul li a {display:block;color:#999;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}
.pc1800,.pc1700,.pc1600,.pc1500,.pc1440,.pc1220,.pc1086,.pc800,.pc650,.pc600,.pc450{display: block;}
.mm1800,.mm1700,.mm1600,.mm1500,.mm1440,.mm1220,.mm1086,.mm800,.mm650,.mm600,.mm450{display: none;}
@media only screen and (max-width: 1880px){
    .mm1880{display: block;}
	.pc1880{display: none;} 
}
@media only screen and (max-width: 1800px){
    .mm1800{display: block;}
	.pc1800{display: none;} 
}
@media only screen and (max-width: 1700px){
    .mm1700{display: block;}
	.pc1700{display: none;} 
}
@media only screen and (max-width: 1600px){
    .mm1600{display: block;}
	.pc1600{display: none;} 
	.wh1550{width:95%;max-width:1550px}
} 
@media only screen and (max-width: 1500px){
    .mm1500{display: block;}
	.pc1500{display: none;} 
} 
@media only screen and (max-width: 1440px){
	.mm1440{display: block;}
	.pc1440{display: none;} 
	.lNav ul li{width:100px}
	 
}
@media only screen and (max-width: 1220px){
	.mm1220{display: block;}
	.pc1220{display: none;} 
	html, body{min-width: 320px;}
	.wh{width: 96%;} 
	.pro_05 .wh{margin-left:0;left:5%}
}
@media only screen and (max-width: 1086px){
	.mm1086{display: block;}
	.pc1086{display: none;}
	body{padding-top: 50px;} 
	.tou_01 h3{font-size:22px}
	.tou_01 p{font-size:18px}
	.tou_01 .p2{font-size:14px}
	.about_01{margin-top:50px}
	.p_ico_l{background-size: 13px;padding-left: 30px;margin-top: 5px;}
	.pro_01{padding:50px 0}
	.pro_01 .tou_01{padding:20px 0}
	.about_01 .pics{width:100%;padding-bottom: 59%;}
	.about_01 .ro{width:100%}
	.tou_02 h3{font-size:22px}
	.tou_02 p{font-size: 18px;margin-top: 5px;}
	.p_ico_r{background-size: 13px;padding-right: 30px;}
	.about_01_list li{width:100%;margin-left: 0;height: auto;}
	.about_01_list li .flex_jz{padding:20px 0}
	.about_02 .tou_01{padding:30px 0}
	.about_02 .about_02A{margin-bottom:50px}
	.about_02B li .pics{width:100%;padding-bottom: 65%;margin: 0px;}
	.about_02B li .ro{width:100%}
	.about_03>.tou_01{margin-top: 70px;margin-bottom: 50px;}
	.about_03_top{padding-left:0}
	.about_03_top img{position:relative;top: 0;width: 50%;margin-top: 45px;}
	.about_03_top .ro h3{font-size:22px;padding-bottom: 20px;}
	.about_03_top .ro{padding-top:50px;margin-bottom: 50px;}
	.about_03 .about_03_list{padding-top:30px}
	.about_03_list li{width: 100%;margin-left: 0;}
	.about_03_list li .tt h3{font-size:22px}
	.about_03 .about_03B{padding:5%}
	.about_03B li .pics{width: 35%;padding-bottom: 51%;position: relative;float: left;margin-right: 5%;margin-bottom: 10px;}
	.about_03B li{padding-left:0;margin-bottom: 30px;}
	.about_03B li .ro h3{font-size:20px;background-position: right bottom;background-size: 12px;padding-bottom: 17px;}
	.i_foot .footA{float:none}
	.footA span{border:none;margin-bottom: 20px;padding-right: 0;display: block;}
	.i_foot .footB{float:none;margin-top: 20px;} 
	.i_foot{margin-top:50px;padding: 30px 0;}
	.pro_02 .tt{font-size:22px}
	.pro_02 .bt{font-size:20px;height: 14px;}
	.pro_03{padding:50px 0}
	.pro_03B h3{background:none;color:#0089a1;position: relative;top: 0;height: auto;width: 100%;text-align: center;margin-left: 0;left: 0;line-height: 102px;}
	.pro_03B{width:100%;margin: 0;height: auto;}
	.pro_03B ul li{position:relative;width: 100%;margin-bottom: 20px;height: auto;padding: 10px 0;}
	.pro_03B ul{position:relative}
	.pro_03B ul li p{width:90%;font-size: 14px;}
	.pro_03A{height:auto;background-size: 100% auto;background-position: bottom;padding-bottom: 417px;background-repeat: no-repeat;}
	.pro_03A .flex_jz{width:100%;margin-left: 0;padding: 20px;}
	.contact_02A li{font-size:16px;line-height: 30px;margin-bottom: 20px;}
	.contact_02B li img{height:90px}
	.contact_02B li p{font-size:12px}
	.contact_02 .logo{height: 55px;}
	.contact_02 .wh{padding:50px 20px}
	.about_04_list ul{width:100%;display: block;}
	.about_04_list ul li{width:100%;margin-bottom: 50px;}
	.about_04_list ul li .tt p.maxp{height:auto}
	.about_04A_top.bottom{margin-bottom:50px}
	.pro_07 li{width:100%}
	.pro_07 ul{background:none}
	.pro_07 li .p p{font-size:14px}
	.pro_07 li .p{height:auto;padding: 20px 0;}
	.pro_08A{background:none;height: auto;}
	.pro_08A .tt{position:relative;margin-bottom: 50px;font-size: 18px;}
	.pro_08A ul li{position: relative  !important;left: auto !important;right: auto !important;top: auto !important;width: 100% !important;clear: both !important;text-align: center !important;margin-left: 0 !important;}
.pro_08A ul li .ro{width: 100% !important;float: none !important;text-align: center !important;margin-bottom: 50px !important;margin-top: 11px !important;border-bottom: 1px solid #50a4bd !important;}
	.pro_08A ul li img{float: none  !important;}
	.pro_09A ul{background:none;height: auto;}
	.pro_09A ul>h3{position:relative;left: auto;top: auto;margin-top: 0;margin-left: 0;width: 100%;color: #50a4bd;margin-bottom: 50px;} 
	.pro_09A ul li{position: relative  !important;left: auto !important;right: auto !important;top: auto !important;width: 100% !important;clear: both !important;text-align: center !important;margin-left: 0 !important;margin-bottom: 40px;}
	.pro_08{padding-bottom:50px}
}
@media only screen and (max-width: 800px){
	.mm800{display: block;}
	.pc800{display: none;}  
	.about_04_list .wh{padding:50px 20px}
	.news_pic_list .item{background:white;padding:0}
	.news_pic_list .ro{width: 100%;margin-top:20px}
	.news_pic_list .pics{width: 100%;}
	.pro_pic_list .item{background:white;padding:0}
	.pro_pic_list .ro{width: 100%;margin-top:20px}
	.pro_pic_list .pics{width: 100%;}
	.news_pic_list .ro .more{ }
}

@media only screen and (max-width: 650px){
	.mm650{display: block;}
	.pc650{display: none;} 
}
@media only screen and (max-width: 600px){
	.mm600{display: block;}
	.pc600{display: none;}   
	.pro_03A{padding-bottom: 180px;}

}
@media only screen and (max-width: 450px){
	.mm450{display: block;}
	.pc450{display: none;}  
	.pro_04A li span{display:block;text-align: center;margin-top: 16px;}
	
}
@media only screen and (max-width: 350px){
	
}