*{ 
	padding:0;
	margin:0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing:border-box;
}

html{
	font-size: calc(100vw/19.2);
}

html, body{
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
  font-size: 16px;
  color: #333;
  line-height: 1.75; background:#fff;
}
input,button{
	-webkit-appearance:none;
	border-radius: 0;
}
a,a:hover,a:focus {
	text-decoration: none;
}
textarea{
	resize: none;
	overflow: auto;
}
input,button {
	border: 0;
}
img {
	border: 0;
	vertical-align: top;
}
li {
	list-style: none;
}
ul,ol,p,h1,h2,h3,h4,h5,h6 {
	margin:0;
}
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #666 !important; font-family:"微软雅黑"
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666 !important;
	opacity: 1;font-family:"微软雅黑"
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666 !important;
	opacity: 1;font-family:"微软雅黑"
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #666 !important;font-family:"微软雅黑"
}
select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { display: none; }

.le{ float:left;}
.ri{ float:right;}
.clr{ clear:both;}
.table{ display:table; width:100%; height:100%;}
.table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.imgs{ overflow:hidden; position:relative;}
.imgs img{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.imgs:hover img{ transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.one-line {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.two-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:100;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#DE8D6F;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:99;background:#fff;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: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;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:#DE8D6F}
.sjj_nav ul li ul li>ul{margin-left:10px}


.cover{ overflow:hidden;}
.cover img{ width:100%; height:100%; object-fit:cover;}
.trans3{transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}


.scale{ overflow:hidden;}
.scale img{transition:all 1s; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.scale:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}

.bacover{ background-size:cover; background-position:center; background-repeat:no-repeat;}




.w1200{ max-width:1200px; margin:0 auto;}
.pd110{ width:100%; padding-left:110px; padding-right:110px; max-width:1920px;}
.pd210{ width:100%; padding-left:210px; padding-right:210px; max-width:1920px;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.headers{    background: #fff; z-index:99;  position:fixed; top:0; left:0; width:100%; transition:all .3s; -webkit-transition:all .3s;}
.headers.on{ padding-top:0; background:#fff;}
.headers.neiye{ background-color: #fff;}

.logox img{ max-height:45px;transition:all .3s; -webkit-transition:all .3s;}
.navx li{ margin-right:10px; position:relative;}

.navx li >a{ transition:all .3s; -webkit-transition:all .3s; line-height:90px; display:block; padding:0 15px; position:relative; font-size:18px; color:#000;}
.navx li >a:after{ content:""; display:block; position:absolute; height:3px; bottom:0; left:50%; width:0; transition:all .3s; background:#e60012;}
.navx li.on>a:after,.navx li:hover>a:after{ width:100%; left:0;}
.navx li.on>a,.navx li:hover>a{ color:#e60012;}

.navx li .subnavs{ transition:all .3s; -webkit-transition:all .3s; position:absolute; top:140%; opacity:0; visibility:hidden; background: rgba(0,0,0,0.5); left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.navx li .subnavs a{ display:block; padding:0 40px; white-space:nowrap; line-height:50px; color:#fff; transition:all .3s; -webkit-transition:all .3s; font-size:14px;}
.navx li .subnavs a:hover{background: rgba(0,0,0,0.8); padding-left:50px; padding-right:30px;}
.navx li:hover .subnavs{ opacity:1; visibility:visible; top:100%;}

.searchbtn{ margin-left:20px;}
.searchbtn img{ cursor:pointer; vertical-align:middle;}
.lang{ position:relative; padding-left:20px; border-left:1px solid #000; margin-left:25px;}
.lang span{ font-size:18px; line-height:25px; display:inline-block;}
.tanchulang{ opacity:0; visibility:hidden; top:120%; z-index:10;transition:all .3s; -webkit-transition:all .3s; position:absolute; box-shadow:0 0 10px rgba(0,0,0,.1); padding:15px; background:#fff;}
.tanchulang a{ font-size:14px; color:#000; display:block; padding-bottom:5px;}
.tanchulang a:hover{ color:#e60012}
.headers.on .navx li>a{ line-height:70px;}


.searchtanchu.on{ visibility:visible; opacity:1;}
.searchtanchu{ visibility:hidden; opacity:0; transition:all .3s; -webkit-transition:all .3s; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.searchtanchu .mask{ background:rgba(0,0,0,.8); position:absolute; left:0; top:0; width:100%; height:100%;}

.formbox{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); width:100%;}
.formbox .flex{ width:100%; padding:0 15px; max-width:500px; margin:0 auto;}
.formbox input{ max-width:400px; width:calc(100% - 100px); height:50px; padding:0 15px;}
.formbox button{ width:100px; height:50px; background:#e60012; color:#fff; cursor:pointer;}
 
.lang:hover .tanchulang{ opacity:1; visibility:visible; top:100%;}




.footer2{ padding-top:70px; background:#004098;}

.fotle{ width:70%; padding-right:0rem; color:#fff;}
.fotle li{ width:20%;}
.fotle a{ color:#fff !important; font-size:14px; margin-bottom:10px; display:block;}
.fotle b a{ font-size:16px;}
.fotri{ width:30%; border-left:1px solid #fff; color:#fff; padding-left:.9rem;}

.fotri span{ font-size:16px; color:#fff; display:block; margin-bottom:25px;}
.fotri p{ font-size:14px; color:#fff; margin-top:10px; padding-left:20px; background-position:left 4px; background-repeat:no-repeat;}
.fotri p a{ font-size:14px; color:#fff;}
.fotri p.tel a{ font-size:24px;}
.fotri p.tel{ background-image:url(../images/index_64.png);background-position:left 13px;}
.fotri p.add{ background-image:url(../images/index_57.png);}
.fotri p.mail{ background-image:url(../images/index_60.png);background-position:left 8px;}
.fotri  .ewms{ margin-top:30px; max-width:160px; width:100%;}
.fotri  .ewms img{ width:100%;}
.copy{ background:#023d8e; margin-top:30px; padding:15px 0;}
.copy p,.copy a{ color:#fff !important; font-size:14px !important;}
.copy a { display:inline-block; margin: 0 10px;} 

.headers.on .logox img{max-height:32px;}

.searchbtnwap{position:absolute; right:60px; top:15px; }

@media screen and (max-width:1920px){
	 .pd110{ padding-left:1.1rem; padding-right:1.1rem;}
	 .pd210{ padding-left:2.1rem; padding-right:2.1rem;}
}

@media screen and (max-width:1500px){
	
	.navx li{ margin-right:5px;}
	.navx li >a{ padding:0 5px; font-size:16px;}
	
	}
	
	


@media screen and (max-width:1100px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .pd210{ padding-left:40px; padding-right:40px;}
	 
	}


@media screen and (max-width:768px){
	
	 .pd210{ padding-left:20px; padding-right:20px;}
	 
	 .fotle{ display:none;}.fotri{ width:100%; padding:0; border:none;}
	 .copy p, .copy a{ font-size:12px;}
	 .copy{ text-align:center;}
	 .footer2{ padding-top:40px;}
	}


