@charset "utf-8";
/*全局初始化样式*/
*{ box-sizing: border-box; outline: none;}
html{ -webkit-text-size-adjust:100%;}
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,microsoft yahei,'微软雅黑','宋体'; color: #000; min-width: 320px; width: 100%; zoom:1; overflow-x:hidden;

/*禁用webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li,.dl,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#000;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select{ background:none; border:none; margin:0; padding:0;}
/*初始化html5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*设置placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#c4c4c4;}
input:-moz-placeholder,
textarea:-moz-placeholder{ color:#c4c4c4;}
input::-moz-placeholder,
textarea::-moz-placeholder{ color:#c4c4c4;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#c4c4c4;}


/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #102484;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}


.w1200{ width:98%; margin: 0 auto;}
@media(min-width:1280px){
	.w1200{ width:1200px;}
}
/*全局样式*/


/*字体初始化*/
@font-face{
    font-family: 'dinbold';
    src: ;
    src:  format('embedded-opentype'),
          format('woff2'),
          format('woff'),
          format('truetype'),
          format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'dinpro-medium';
	src: ;
	src: local('☺'),  format('woff'),  format('truetype'),  format('svg');
	font-weight: normal;
	font-style: normal;
}





/*页面框架结构*/
.contain{} /*页面主体内容*/
.txt-justify,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.singlepage{ padding:5% 0;}

@media(min-width:1000px){
	.singlepage{ padding:48px 0 41px; font-size:18px; line-height:30px;}
}

/*头部*/
.header{ border-top:3px solid #102484; padding:3% 0; background-color:#fff; box-shadow:0px 2px 5px 0px rgba(46,46,46,0.2); position:relative; z-index:100;}
.logo{ width:50%; max-width:273px; float:left;}
.nav-btn{ width:30px; height:20px; float:right; position:relative; z-index:110;}
.nav-btn i{ width:100%; height:2px; background-color:#102484; display:block; position:absolute; left:0; transition:all 0.3s;}
.nav-btn .i1{ top:0;}
.nav-btn .i2{ top:50%; margin-top:-1px;}
.nav-btn .i3{ bottom:0;}

.searchbox .contbox{ border:1px solid #fff;}
.searchbox .contbox .text{ border:0; border-radius:0; background:none; margin:0; width:85%; width:calc(100% - 35px); height:35px; line-height:35px; padding:0 5px; color:#fff; float:left;}
.searchbox .contbox .btn{ width:35px; height:35px; display:block; background:url(/uploads/image/eimages/ico-zoom.png) no-repeat center; display:block; cursor:pointer; float:right;}

.language{}
.language a{ display:inline-block;}
.language em{ padding:0 5px;}
.language a.active{ position:relative;}
.language a.active:before{ content:''; width:100%; height:1px; position:absolute; left:0; right:0; bottom:0;}

.navopen,
.navopen body{ overflow:hidden;}
.navopen .nav-btn i{ background-color:#fff;}
.navopen .nav-btn .i1,
.navopen .nav-btn .i3{ top:50%;}
.navopen .nav-btn .i1{ transform:rotate(45deg);}
.navopen .nav-btn .i3{ bottom:auto; transform:rotate(-45deg);}
.navopen .nav-btn .i2{ opacity:0; top:0;}


@media(min-width:768px){
	.nav-btn{ margin-top:8px;}
}
@media(min-width:1000px){
	.header{ padding:40px 0 28px;}
	
	.logo{ width:162px; height:34px;}
	.logo img{height: 100%;}
	.mainnav{ float:right; width:83%; position:relative;}
	.mainnav ul{ float:left;}
	.mainnav li{ float:left; padding:0 8px; position:relative;}
	.mainnav li .anav{ line-height:34px; font-size:16px; position:relative; display:block;}
	.mainnav li:before{ content:''; width:0; height:10px; border-left:1px dotted #9599ab; display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; margin-top:-5px;}
	.mainnav li:first-child:before{ display:none;}
	.mainnav li dl{ width:120%; position:absolute; left:-10%; right:0; top:100%; background-color:rgba(255,255,255,0.8); border-radius:0 0 3px 3px; display:none;}
	.mainnav li dl dd{ font-size:14px; line-height:35px;}
	.mainnav li dl dd a{ display:block; text-align:center;}
	.mainnav li dl dd span{ display:inline-block; transition:all 0.3s;}
	.mainnav li dl dd:last a{ border-radius:0 0 3px 3px;}
	.mainnav li dl dd a:hover{ background-color:#102484; color:#fff;}
	.mainnav li dl dd a:hover span{ transform:translatex(5px);}
	
	.mainnav li.aon .anav{ color:#1d2088; font-weight:bold;}
	.mainnav li.aon .anav:before{ content:''; width:100%; height:3px; background-color:#1d2088; display:block; position:absolute; left:0; right:0; bottom:-5px;}
	.mainnav li.aon .anav:after{ content:''; width:0; height:0; font-size:0; line-height:0; border-width:3px; border-color:transparent transparent #1d2088 transparent; border-style:dashed dashed solid dashed; position:absolute; left:50%; margin-left:-3px; bottom:-2px;}
	
	.searchbox{ width:34px; height:34px; position:relative; padding:0; float:right;}
	.searchbox i{ width:100%; height:100%; cursor:pointer; display:block; background:url(/uploads/image/eimages/ico-zoom.png) no-repeat center;}
	.searchbox .contbox{ position:absolute; width:260px; right:0; top:34px; background-color:#fff; border:1px solid #ddd; opacity:0; transform:translatey(100%); transition:all 0.3s; z-index:-1;}
	.searchbox .contbox .text{ width:223px; color:#000;}
	.searchbox.active > i{ opacity:0.3;}
	.searchbox.active .contbox{ opacity:1; transform:translatey(0); z-index:1;}
	
	.language{ position:absolute; right:0; top:-35px;}
	.language a:hover{ color:#e94406;}
	.language a.active{ color:#e94406; font-weight:bold;}
	.language a.active:before{ background-color:#e94406;}
	
	.mainnav li i,
	.mainnav li em{ display:none;}
	.nav-btn{ display:none;}
}
@media(min-width:1200px){
	.mainnav{ width:1020px;}
	.mainnav li{ padding:0 20px;}
}
@media(max-width:992px){
    .mainnav{ width:100%; height:100%; background-color:rgba(0,0,0,0.9); padding:20% 5% 5% 20%; font-size:16px; position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; opacity:0; transform:translatex(100%); transition:opacity 0.3s;}
	.mainnav ul{ opacity:0; transform:translatex(100%); transition:all 0.8s;}
	.mainnav li{ padding:1% 0;}
	.mainnav li a{ color:#fff;}
	.mainnav li .anav{ font-size:24px;}
	.mainnav li i{ display:inline-block; font-size:40px; position:relative; color:#fff; font-style:normal;}
	.mainnav li i:before{ content:''; width:100px; height:1px; background-color:#eee; position:absolute; top:50%; margin-top:-1px; right:110%; opacity:0; transform:translatex(100%); transition:all 0.5s;}
	.mainnav li dl{ display:none; padding-bottom:3%; padding-left:35px;}
	.mainnav li dl dd{ float:left; padding:0 5px;}
	
	.searchbox{ padding-top:5%; width:90%; opacity:0; transform:translatex(100%); transition:all 0.8s;}
	.searchbox i{ display:none;}
	
	.language{ color:#fff; padding-top:30px; opacity:0; transform:translatex(100%); transition:all .8s;}
	.language a{ color:#fff;}
	.language a.active:before{ background-color:#fff;}
	
	.mainnav li.aon i:before{ opacity:1; transform:translatex(0); opacity:1;}
	
	.navopen .mainnav{ transform:translatex(0); opacity:1;}
	.navopen .mainnav ul{ transform:translatex(0); opacity:1;}
	.navopen .language,
	.navopen .searchbox{ opacity:1; transform:translatex(0);}
}
@media(max-width:480px){
	.mainnav{ padding-top:20%; font-size:14px;}
	.mainnav ul{}
	.mainnav li i{ font-size:30px;}
	.mainnav li i:before{ width:30px;}
	.mainnav li .anav{ font-size:20px;}
}
/*头部*/


/*底部*/
.footer{ background-color:#2a2a2a; padding:5% 0; font-size:12px; text-align:center;}
.footer,
.footer a{ color:#ababab; color:rgba(255,255,255,0.5);}
.footer a:hover{ color:#fff;}

.footer .nav-bt{ padding:1% 0;}
.footer .nav-bt a:before{ content:''; width:0; height:10px; border-left:1px dotted #9599ab; display:inline-block; vertical-align:middle; margin:0 10px;}
.footer .nav-bt #cnzz_stat_icon_5084201 a:before{ content:''; width:0; height:10px; border-left:1px dotted #9599ab; display:inline-block; vertical-align:middle; margin:0 10px;}
.footer .nav-bt a:first-child:before{ display:none;}

.footer .sharebox{ font-size:0; padding-bottom:2%;}
.footer .sharebox a{ float:none; margin:0 0 0 9px; width:29px; height:29px; padding:0; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0.5; display:inline-block;}
.footer .sharebox a:hover{ opacity:1;}
.footer .sharebox a:first-child{ margin-left:0;}
.footer .sharebox a.bds_weixin{ background-image:url(/uploads/image/eimages/ico-share1.png);}
.footer .sharebox a.bds_sqq{ background-image:url(/uploads/image/eimages/ico-share2.png);}
.footer .sharebox a.bds_tsina{ background-image:url(/uploads/image/eimages/ico-share3.png);}
.footer .sharebox a.bds_fbook{ background-image:url(/uploads/image/eimages/ico-share4.png);}
.footer .ewm{position: relative; max-width: 768px; width:100%;  margin: auto;  line-height: 30px;}
.footer .ewm span{ position:absolute; right:0; display:block; text-align:center;}
.footer .ewm span img{ width: 100px; border: solid 1px #eee;  background: #fff;  padding: 5px;}
@media(max-width:768px){
.footer .ewm span{ position:relative; right:auto;}
}
@media(min-width:768px){
	.footer .nav-bt{ padding:20px 0;}
	.footer .sharebox{ padding-bottom:0;}
}
@media(min-width:1000px){
	.footer{ padding:45px 0 40px;}
}
/*底部*/



/*banner*/
.banner{ width:100%; position:relative;}
.banner .mobile img{ width:100%;}
.banner .txtbox{ position:absolute; height:100%; right:0; top:0; left:0; bottom:0; color:#fff; text-align:right; padding-top:10%;}
.banner .txtbox h1{ font-size:18px; font-weight:normal;}
.banner .txtbox span{ text-transform:uppercase; color:rgba(255,255,255,0.4); position:relative; display:inline-block;}
.banner .txtbox span:before{ content:''; width:100%; height:2px; background:rgba(255,255,255,0.5); display:block; position:absolute; left:0; right:0; top:-3px;}

.banner .txtbox .p{ display:none; padding-bottom:0;}
.banner .txtbox .p1{ margin:0; padding:0 0 10px; display:none;}
.banner .pc{ display:none;}

@media(min-width:768px){
	.banner .txtbox h1{ font-size:24px;}
	.banner .txtbox .p{ display:block; font-size:16px; padding:5px 0;}
	.banner .txtbox .p1{ display:block;}
}
@media(min-width:1000px){
	.banner .txtbox h1{ font-size:30px;}
	.banner .txtbox .p{ font-size:16px; padding:15px 0 0;}
	.banner .txtbox span{ font-size:16px; padding-top:13px;}
}
@media(min-width:1200px){
	.banner .txtbox{ padding-top:80px;}
	.banner .pc{ display:block; height:300px; background-position:center; background-size:cover;}
	.banner .txtbox .p1{ font-size:18px; padding-bottom:0;}
	
	.banner .txtbox h1{ font-size:36px; line-height:30px;}
	.banner .txtbox .p{ font-size:24px;}
	.banner .txtbox span{ font-size:20px; margin-top:15px;}
	
	.banner .mobile{ display:none;}
}
.pro-banner .txtbox{ padding-top:85px;}


/*分页*/
.pages{ text-align:center; font-size:0;}
.pages a{ background-color:#fff; border:solid 1px #ededed; border-radius:3px; display:inline-block; vertical-align:middle; padding:2px 8px; font-size:14px;}
.pages em{ display:inline-block; vertical-align:middle; font-style:normal; padding:0 5px;}
.pages em a{ margin-left:5px;}
.pages em a:first-child{ margin-left:0;}
.pages a:hover,
.pages a.a_cur{ color:#fff; background-color:#1d43b2;}

@media(min-width:768px){
	.pages em{ padding:0 8px;}
	.pages em a{ margin-left:8px;}
	.pages a{ width:38px; height:32px; text-align:center; line-height:32px; padding:0;}
	
	.pages a.a_prev,
	.pages a.a_next{ width:72px;}
}
/*分页*/



/*二级导航*/
.slidebar{ border-bottom:1px solid #e6e6e6; padding:3% 0; background-color:#fff;}
.slidebar .location{ display:none;}
.nav-menu li{ float:left; padding-left:2%; text-align:center;}
.nav-menu li:first-child{ padding-left:0;}
.nav-menu li a{ position:relative; display:inline-block;}
.nav-menu li a:after{ content:''; width:100%; height:3px; background-color:#e94609; display:block; position:absolute; left:0; right:0; bottom:-3px; opacity:0; transform:translatex(-100%); transition:all 0.3s;}
.nav-menu li.aon a:after,
.nav-menu li a:hover:after{ opacity:1; transform:translatex(0);}

@media(min-width:768px){
	.slidebar{ line-height:28px;}
	.nav-menu{ float:left;}
	.nav-menu li{ font-size:17px; padding-left:15px;}
	
	.slidebar .location{ display:block; float:right; color:#888; font-size:12px; background:url(/uploads/image/eimages/ico-current.png) no-repeat left center; padding-left:21px;}
	.slidebar .location a{ color:#888; margin:0 3px;}
	.slidebar .location a:hover{ color:#1d2088;}
	.slidebar .location span{ margin-left:3px;}
}
@media(min-width:1000px){
	.nav-menu li{ padding-left:35px;}
}
@media(min-width:1200px){
	.slidebar{ padding:20px 0 15px;}
}


/*首页*/
.homeban{ width:100%; overflow:hidden;}
.homeban .bx-wrapper{ margin:0; border:0;}
.homeban .mobile img{ width:100%;}
.homeban .pc{ display:none;}

@media(min-width:1000px){
	.homeban{ width:100%; height:560px;}
	.homeban .pc{ display:block;}
	.homeban .pc a{ display:block; width:100%; height:560px; background-position:center; background-size:cover;}
	
	.homeban .mobile{ display:none;}
}


.homebox{ padding-top:5%;}
.homebox .tibox{ text-align:center;}
.homebox .tibox .h1{ font-size:18px; font-weight:normal; letter-spacing:2px; position:relative; padding-bottom:5px;}
.homebox .tibox .h1:after{ content:''; width:52px; height:2px; background-color:#e94609; display:block; position:absolute; left:50%; margin-left:-26px; bottom:0;}
.homebox .tibox p{ padding-top:2%;}

.homebox .contbox{ padding:3% 0;}


.homeabout{}
.homeabout .contbox{ font-size:0; text-align:center;}
.homeabout .contbox li{ display:inline-block; width:20%; font-size:12px; vertical-align:top;}
.homeabout .contbox li em{ font-style:normal; color:#102484; display:block;}
.homeabout .contbox li b{ font-size:18px; font-family:'dinbold';}

.homebrand{ padding-bottom:5%;}
.homebrand .contbox{ padding-top:5%; padding-bottom:0;}
.homebrand .contbox li{ padding:2% 0;}
.homebrand .contbox li .item{ background-color:#f8f9fc;}
.homebrand .contbox li figure{ background-color:#fff; border:solid 2px #f5f5f5;}
.homebrand .contbox li span{ display:block; text-align:center; line-height:30px;}


.homepro{ background-image:url(/uploads/image/eimages/homepro-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.homepro .tabox .tabs{}
.homepro .tabox .tabs ul{ margin-left:-1%; margin-right:-1%;}
.homepro .tabox .tabs li{ float:left; width:14.285714%; font-size:12px; padding:0 1% 2%; position:relative; text-align:center;}
.homepro .tabox .tabs li a{ display:block; cursor:pointer;}
.homepro .tabox .tabs li span{ display:none;}
.homepro .tabox .tabs li a:hover{ color:#e94609;}
.homepro .tabox .tabs li.active:after{ content:''; width:100%; height:3px; display:block; background-color:#e94609; position:absolute; left:0; right:0; bottom:0;}

.homepro .conts{ position:relative;}
.homepro .conts .box{ position:absolute; left:-500%; top:0;}
.homepro .conts .txtbox{ opacity:0; transform:translatex(-20%); transition:all 1s;}
.homepro .conts .txtbox .ti{ padding-bottom:2%; font-size:18px;}
.homepro .conts .txtbox .ti em{ color:#888; color:rgba(136,136,136,0.4); display:block; font-family:'dinbold'; font-style:normal; text-transform:uppercase;}
.homepro .conts .txtbox .ti span{ color:#102484; letter-spacing:4px; font-weight:bold;}
.homepro .conts .txtbox .p{ position:relative; padding:0 17px; margin-bottom:2%;}
.homepro .conts .txtbox .p:before{ content:''; width:8px; height:1px; display:block; background-color:#000; position:absolute; left:0; top:9px;}
.homepro .conts .txtbox a{ margin-left:17px; color:#e94609;}
.homepro .conts .txtbox a:after{ content:'>'; margin-left:5px;}
.homepro .conts .imgbox{ padding:5% 20% 0 0; width:70%; padding-bottom:10%; background-image:url(/uploads/image/eimages/homepro-bg.png); background-position:right bottom; background-repeat:no-repeat; background-size:100% auto; margin:0 auto; opacity:0; transform:translatex(20%); transition:all 1s;}
.homepro .conts .imgbox img{ transition:all 0.3s;}
.homepro .conts .imgbox a{ display:block;}

.homepro .conts .imgbox a:hover img{ transform:scale(1.05);}

.homepro .conts .box.active{ left:0;}
.homepro .conts .box.active .txtbox,
.homepro .conts .box.active .imgbox{ opacity:1; transform:translatex(0);}

@media(min-width:768px){
	.homebox .tibox .h1{ font-size:20px; padding-bottom:10px;}
	.homebox .tibox p{ font-size:16px;}
	
	
	.homeabout .contbox{ padding-left:5%; padding-right:5%;}
    .homeabout .contbox li b{ font-size:24px}
	.homeabout .contbox li span{ font-size:16px;}
	
	
	.homebrand .contbox ul{ margin-left:0; margin-right:0;}
	.homebrand .contbox li{ width:33.33333%; float:left; padding:0 15px;}
	.homebrand .contbox li span{ font-size:16px;}
	
	
	.homepro .tabox .tabs li span{ display:block; padding-top:5%;}
	.homepro .conts .txtbox{ width:45%; padding-top:10%; float:left;}
	.homepro .conts .txtbox .ti{ font-size:24px;}
	.homepro .conts .imgbox{ float:right; width:50%;}
}
@media(min-width:1000px){
	.homebox .tibox .h1{ font-size:30px;}
	.homebox .tibox p{ font-size:18px; padding-top:25px;}
	
	.homeabout .contbox{ padding-top:30px; padding-bottom:0;}
	.homeabout .contbox li em{ font-size:16px;}
	.homeabout .contbox li b{ font-size:40px}
	.homeabout .contbox li span{ font-size:18px;}
	
	.homebrand{ padding-bottom:59px;}
	.homebrand .contbox{ padding-top:19px;}
	.homebrand .contbox li span{ line-height:50px; font-size:18px;}
	
	
	.homepro .tabox .tabs li span{ font-size:16px;}
	.homepro .conts .txtbox .ti{ font-size:30px;}
	.homepro .conts .txtbox .ti em,
	.homepro .conts .txtbox .ti span{ line-height:30px;}
	.homepro .conts .txtbox .p,
	.homepro .conts .txtbox a{ font-size:16px;}
}
@media(min-width:1200px){
	.homebox{ padding-top:60px;}
	.homebox .tibox .h1{ font-size:45px}
	
	.homeabout .contbox li b{ font-size:60px; line-height:1.2;}
	
	.homebrand .contbox li figure img{ width:366px; height:94px;}
	
	.homepro .contbox{ padding-top:56px}
	.homepro .tabox .tabs li span{ font-size:18px; padding-top:20px;}
	.homepro .tabox .tabs li img{ width:60px; height:60px;}
	
	.homepro .conts .imgbox{ width:482px; padding-right:180px;}
	.homepro .conts .imgbox img{ width:302px; height:466px;}
	.homepro .conts .txtbox{ padding-top:148px;}
	.homepro .conts .txtbox .ti{ font-size:36px; padding-bottom:30px;}
	.homepro .conts .txtbox .p{ font-size:18px; margin-bottom:20px; line-height:30px;}
}



/*集团简介*/
/*.about{ padding:5% 0;}*/
.about .contbox{ position:relative;}
.about .bg{ display:none;}
.about .tibox{ position:relative; overflow:hidden; padding-left:10px; z-index:3;}
.about .tibox:before{ content:''; width:5px; background-color:#102484; display:block; position:absolute; left:0; top:0; bottom:0;}
.about .tibox h2{ font-size:18px; color:#102484; line-height:1;}
.about .tibox span{ text-transform:uppercase; color:#333; color:rgba(51,51,51,0.3); font-family:'dinbold'; display:block; line-height:1; padding-top:0.5%;}

.about .txtbox .p,
.about .txtbox .imgbox{ margin-top:5%;}
.about .txtbox{ position:relative; z-index:2;}

@media(min-width:768px){
	.about .bg{ color:#f8f8f8; font-size:110px; text-transform:uppercase; display:block; position:absolute; right:0; top:0; z-index:1; text-align:right; font-weight:bold; line-height:1;}
	.about .txtbox .imgbox{ position:relative;}
	.about .txtbox .imgbox .bg{ opacity:0.1; top:-40%;}
	
	.about .tibox h2{ font-size:24px;}
	.about .tibox span{ font-size:18px;}
	
	.about .txtbox .p{ font-size:16px;}
}
@media(min-width:1000px){
	/*.about{ padding:48px 0 41px;}*/
	.about .bg{ font-size:135px;}
	
	.about .tibox h2{ font-size:36px;}
	.about .tibox span{ font-size:21px;}
	
	.about .txtbox .p,
    .about .txtbox .imgbox{ margin-top:50px;}
	.about .txtbox .p{ font-size:18px; line-height:30px;}
}
@media(min-width:1200px){
	.about .bg{ font-size:160px;}
	.about .bg span{ padding-top:25px;}
}


/*发展历程*/
.history{ padding:5% 0;}
.history .tibox{ padding-bottom:5%;}
.history .tibox em{ color:#ff8500; font-size:24px; font-style:normal; display:block; font-family:'dinpro-medium'; line-height:1;}
.history .tibox i{ color:#bbb; font-style:normal; font-family:'dinbold'; margin-left:5px;}
.history .tibox b{ color:#102484; font-size:16px;}

.history .slider{ position:relative;}
.swiper-history .swiper-slide{ padding:30px 0 0;}
.swiper-history .swiper-slide .item{ position:relative; padding:8% 10% 0;}
.swiper-history .swiper-slide .item > i{ width:2px; height:100%; position:absolute; left:11px; bottom:0; background-color:#ccc;}
.swiper-history .swiper-slide .item > i:before{ content:''; width:10px; height:10px; display:block; background-color:#ccc; border-radius:50%; position:absolute; top:-5px; left:-4px;}
.swiper-history .swiper-slide .txtbox{ padding-bottom:2%;}
.swiper-history .swiper-slide .txtbox dd{ background:url(/uploads/image/eimages/dots-1.png) no-repeat left 8px; padding-left:12px;}
.swiper-history .swiper-slide time{ color:#ff8500; font-size:20px; font-family:'dinpro-medium'; line-height:1;}

.swiper-history .swiper-slide .item:hover > i{ background-color:#ff8500;}
.swiper-history .swiper-slide .item:hover > i:before{ width:22px; height:22px; top:-11px; left:-10px; background:url(/uploads/image/eimages/history-dots.png) no-repeat center;}

@media(min-width:768px){
	.history .tibox em{ font-size:34px;}
	.history .tibox i{ font-size:20px;}
	.history .tibox b{ font-size:24px;}
	
	.history .slider{ position:relative; padding:0 40px;}
	.history .slider .btn{ width:30px; height:80px; cursor:pointer; position:absolute; top:30px; background-color:#f1f1f1; text-align:center; line-height:80px; border-radius:3px;}
	.history .slider .prev{ left:0;}
	.history .slider .next{ right:0;}
	.history .slider .prev:before,
	.history .slider .next:before{ color:#fff; font-size:40px; font-family:'宋体';}
	.history .slider .prev:before{ content:'<';}
	.history .slider .next:before{ content:'>';}
	.swiper-history .swiper-slide time{ font-size:30px;}
	
	.history .slider .btn:hover{ background-color:#102484;}
}
@media(min-width:1000px){
	.history{ padding:50px 0 119px;}
	.history .tibox{ padding-bottom:170px;}
	.history .tibox em{ font-size:42px;}
	.history .tibox i{ font-size:24px;}
	.history .tibox b{ font-size:30px;}
	
	
	.swiper-history .swiper-slide .item{ padding:30px 30px 0 22px; line-height:30px; font-size:16px;}
	.swiper-history .swiper-slide time{ font-size:40px;}
}
@media(min-width:1200px){
	.history .tibox em{ font-size:52px;}
	.history .tibox i{ font-size:28px;}
	.history .tibox b{ font-size:36px; margin-left:5px;}
	
	.history .slider{ padding:0 40px;}
	.swiper-history .swiper-slide .item{ font-size:18px; letter-spacing:1px;}
	.swiper-history .swiper-slide .txtbox{ padding-bottom:22px;}
	.swiper-history .swiper-slide time{ font-size:52px;}
}


/*经营理念*/
.buiness{}
.buiness li{ padding:2% 0;}
.buiness li .item{ background-color:#f8f8f8; border:1px solid #ededed;}
.buiness li .imgbox{ position:relative;}
.buiness li .imgbox > img{ width:100%;}
.buiness li .imgbox i{ position:absolute; left:50%; margin-left:-20px; bottom:-20px;}
.buiness li .txtbox{ padding:10% 5%; text-align:center;}
.buiness li .txtbox em{ font-style:normal; color:#102484; font-size:18px; font-weight:bold; display:block; padding-bottom:2%;}

@media(min-width:768px){
	.buiness ul{ margin-left:-2%; margin-right:-2%;}
	.buiness li{ width:50%; float:left; padding:2%}
	.buiness li .imgbox{ width:45%; float:left;}
	.buiness li .imgbox i{ left:auto; right:-20px; top:50%; margin-top:-20px; bottom:auto;}
	.buiness li .txtbox{ width:54%; float:right; padding:8% 6%;}
}
@media(min-width:1000px){
	.buiness{ padding:2px 0 39px;}
	.buiness ul{ margin-left:-25px; margin-right:-25px;}
	.buiness li{ padding:50px 25px 0 25px;}
	.buiness li.li1,
	.buiness li.li2{ padding-top:0;}
	.buiness li .txtbox{ padding-top:10%; padding-bottom:10%;}
}
@media(min-width:1200px){
	.buiness li .imgbox,
	.buiness li .imgbox > img{ width:260px; height:217px;}
	.buiness li .txtbox{ padding:17px 30px;}
	.buiness li .txtbox em{ font-size:26px;}
	.buiness li .txtbox .p{ font-size:18px; line-height:26px; padding-top:15px; letter-spacing:1px;}
}


/*荣誉资质*/
.honor{ padding:5% 0;}
.honor ul{ margin-left:-2%; margin-right:-2%; padding-bottom:5%;}
.honor li{ width:50%; float:left; padding:2%;}
.honor li .item{ background-color:#f8f8f8; padding:3% 3% 0;}
.honor li a{ display:block; text-align:center;}
.honor li img{ width:100%;}
.honor li span{ display:block; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

@media(min-width:768px){
	.honor li{ width:25%;}
	.honor li span{ line-height:45px; font-size:16px; font-weight:bold;}
}
@media(min-width:1000px){
	.honor{ padding:45px 0 58px;}
	.honor ul{ padding-bottom:25px; margin-left:-25px; margin-right:-25px;}
	.honor li{ padding:0 25px 35px;}
	.honor li .item{ padding:12px 12px 0;}
	.honor li span{ line-height:60px; font-size:18px;}
	
	.honor li .item:hover{ background-color:#102484; box-shadow: 0px 2px 13px 0px rgba(1, 108, 186, 0.68);}
	.honor li .item:hover a{ color:#fff;}
}


/*公司分布*/
.company{ padding:5% 0;}
.company .tibox{ position:relative; padding-left:20px;}
.company .tibox:before{ content:''; width:5px; height:100%; background-color:#102484; display:block; position:absolute; left:0; top:0; bottom:0;}
.company .tibox em{ color:#102484; font-weight:bold; font-size:18px; font-style:normal; display:block; line-height:1; padding-bottom:0.5%;}
.company .tibox span{ color:#333; color:rgba(51,51,51,0.3); display:block; font-family:'dinbold'; line-height:1;}

.map-list{ padding-top:5%;} 
.map-list ul{ margin-left:-2%; margin-right:-2%;}
.map-list li{ float:left; width:50%; padding:2%;}
.map-list li a{ display:flex; justify-content:center; align-items:center; text-align:center; padding:4% 2%; background-color:#ff6600; color:#fff;}

.map-list li.li1 a,
.map-list li.li5 a,
.map-list li.li9 a{ background-color:#008000;}

.map-list li.li8 a,
.map-list li.li13 a,
.map-list li.li14 a{ background-color:#cc0066;}

.company .mapbox{ display:none;}


.company-info{}
.company-info .backbox{ padding-top:5%;}
.company-info .backbox a{ float:right; color:#666; display:inline-block; cursor:pointer;}
.company-info .backbox span:before{ content:'<'; width:22px; height:22px; text-align:center; line-height:22px; background-color:#ccc; color:#fff; display:inline-block; margin-right:18px; font-family:'宋体';}

.company-info .backbox a:hover span:before{ background-color:#e94609;}

.company-info .txtbox{ background-image:url(/uploads/image/eimages/dis-bg.png); background-position:center top; background-repeat:no-repeat; background-size:77% auto; padding-top:0; margin-top:5%;}
.company-info .txtbox .img-list{ padding-top:5%;}
.company-info .txtbox .img-list .ul{ margin-left:-1%; margin-right:-1%;}
.company-info .txtbox .img-list li{ padding:1%; float:left; width:50%;}
.company-info .txtbox .img-list li img{ width:100%;}

@media(min-width:768px){
	.company .tibox em{ font-size:18px;}
	.company .tibox span{ font-size:16px;}
	
	.company-info .backbox{ padding:0;}
	.company-info .backbox a{ position:relative; margin-top:-23px;}
	
	.map-list ul{ margin-left:-10px; margin-right:-10px;}
	.map-list li{ width:25%; padding:10px;}
}
@media(min-width:1000px){
	.company .tibox em{ font-size:24px;}
	.company .tibox span{ font-size:18px;}
	
	.company-info .txtbox{ margin-top:48px;}
	.company-info .txtbox .img-list{ padding-top:38px;}
	.company-info .txtbox .img-list ul{ margin-left:-20px; margin-right:-20px;}
	.company-info .txtbox .img-list li{ padding:22px 20px;}
	.company-info .txtbox .img-list li.li3,
	.company-info .txtbox .img-list li.li4{ padding-bottom:0;}
	
	.map-list li{ width:20%; font-size:16px;}
}
@media(min-width:1200px){
	.company{ padding:48px 0 38px;}
	.company-info{ padding-bottom:26px;}
	
	.company .tibox{ margin-bottom:55px;}
	.company .tibox em{ font-size:36px;}
	.company .tibox span{ font-size:21px;}
	
	.company-info .tibox{ margin-bottom:0;}
	
	.map-list{ display:none;}
	.company .mapbox{ display:block;}
}


/*同步开发*/
.synchronous{}
.synchronous .process{ font-size:0;}
.synchronous .process .item{ font-size:12px; width:20%; display:inline-block; text-align:center; position:relative;}
.synchronous .process .item img{ width:50%;}
.synchronous .process .item span{ display:block; padding-top:5%;}
.synchronous .process .item i{ width:40%; height:0; border-top:1px dotted #adadad; position:absolute; left:-20%; top:50%; margin-top:-1px;}
.synchronous .process .item i:before{ content:''; width:12px; height:12px; display:block; background:url(/uploads/image/eimages/technology-jt.png) no-repeat center; background-size:cover; position:absolute; left:50%; margin-left:-6px; top:-6px;}


.syn-list{ padding-top:3%;}
.syn-list li{ padding-top:3%;}
.syn-list li:first-child{ padding-top:0;}
.syn-list li .item{ background-color:#f8f8f8; border:solid 1px #ededed;}
.syn-list li .imgbox img{ width:100%;}
.syn-list li .txtbox{ padding:5%;}
.syn-list li .txtbox .ico{ width:10%; max-width:43px;}
.syn-list li .txtbox .ti{ padding:2% 0 3%; color:#102484; letter-spacing:1px; font-weight:bold;}

@media(min-width:768px){
	.synchronous .process .item{ font-size:16px; font-weight:bold;}
	.synchronous .process .item span{ display:inline-block; vertical-align:middle;}
	.synchronous .process .item img{ vertical-align:middle; width:25%;}
    .synchronous .process .item i{ width:30%; left:-15%;}
	
	
	.syn-list li{ padding-top:30px;}
	.syn-list li .imgbox{ width:50%;}
	.syn-list li .txtbox{ width:50%; padding:1% 3%;}
	
	.syn-list li.li-even .imgbox{ float:right;}
	.syn-list li.li-even .txtbox{ float:left;}
	
	.syn-list li.li-odd .imgbox{ float:left;}
	.syn-list li.li-odd .txtbox{ float:right;}
}
@media(min-width:1000px){
	.synchronous .process .item{ font-size:24px;}
	.synchronous .process .item img{ width:auto;}
	.synchronous .process .item span{ padding-left:5px;}
	.synchronous .process .item i{ width:70px; left:-35px;}
	.synchronous .process .item i:before{ width:23px; height:23px; margin-left:-12px; top:-12px;}
	
	
	.syn-list li .txtbox{ padding:2% 3%;}
	.syn-list li .txtbox .ti{ font-size:18px;}
}
@media(min-width:1200px){
	.synchronous{ padding:4px 0 55px;}
	.syn-list{ padding-top:47px;}
	.syn-list li .txtbox{ width:598px; padding:30px 29px 30px 40px;}
	.syn-list li .txtbox .ti{ font-size:24px;}
	.syn-list li .imgbox,
	.syn-list li .imgbox img{ width:600px; height:282px;}
}

/*质量保证*/
.quality{}
.quality li{ float:left; width:50%; padding:2%;}
.quality li .imgbox{ border:1px solid #e5e5e5;}
.quality li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:2% 0;}

@media(min-width:768px){
	.quality li{ width:33.33333%;}
    .quality li span{ font-size:18px; font-weight:bold;}
}
@media(min-width:1000px){
	.quality ul{ margin-left:-22px; margin-right:-22px;}
	.quality li{ padding:51px 22px 0;}
	.quality li.li1,
	.quality li.li2,
	.quality li.li3{ padding-top:0;}
	.quality li span{ padding:20px 0;}
	
}
@media(min-width:1200px){
	.quality{ padding:9px 0 17px;}
	.quality li span{ font-size:24px;}
}

/*tps精益生产*/
.tps-produce{}
.tps-produce li{ float:left; width:50%; padding:2%;}
.tps-produce li a{ color:#102484;}
.tps-produce li .imgbox{ border:1px solid #e5e5e5;}
.tps-produce li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:2% 0;}

@media(min-width:768px){
	.tps-produce li{ width:33.33333%;}
    .tps-produce li span{ font-size:18px; font-weight:bold;}
}
@media(min-width:1000px){
	.tps-produce ul{ margin-left:-22px; margin-right:-22px;}
	.tps-produce li{ padding:40px 22px 0;}
	.tps-produce li.li1,
	.tps-produce li.li2,
	.tps-produce li.li3{ padding-top:0;}
	.tps-produce li span{ padding:20px 0;}
	
}
@media(min-width:1200px){
	.tps-produce{ padding:38px 0 80px;}
	.tps-produce li span{ font-size:24px;}
}



/*合作客户*/
.partner{ padding:5% 0; overflow:hidden;}
.partner ul{ margin-left:-2%; margin-right:-2%;}
.partner li{ float:left; width:50%; padding:2%;}
.partner li img{ width:100%; transition:all 0.3s;}
.partner li a{ display:block; border:1px solid #e5e5e5; overflow:hidden;}

.partner li a:hover{ border:1px solid #1d2088; box-shadow: 0px 2px 13px 0px rgba(1, 108, 186, 0.68);}
.partner li a:hover img{ transform:scale(1.1);}

@media(min-width:768px){
	.partner ul{ margin-left:-15px; margin-right:-15px;}
	.partner li{ width:33.33333%; padding:9px 15px;}
}
@media(min-width:1000px){
	.partner li{ width:25%;}
}
@media(min-width:1200px){
	.partner{ padding:20px 0 28px;}
	.partner li img{ width:276px; height:150px;}
}



/*集团产业*/
.industry-nav-menu{ font-size:12px;}
.industry-nav-menu li{ width:25%;}
.industry-nav-menu li a{ cursor:pointer;}

.industry-slidebar-hide{ width:100%; display:none;}

.slidebar-fixed{ position:fixed; width:100%; left:0; top:0; right:0; z-index:200;}

@media(min-width:768px){
	.industry-nav-menu li{ width:auto;}
}


.industry{}
.industry li{ padding:3% 0;}
.industry li .imgbox img{ width:100%;}
.industry li .txtbox{ padding:3% 0;}
.industry li .tibox{ padding-bottom:3%; position:relative;}
.industry li .tibox:after{ content:''; width:90px; height:2px; background-color:#e94609; display:block; position:absolute; left:0; bottom:0;}
.industry li .tibox em{ color:#102484; font-size:18px; font-style:normal; font-weight:bold; line-height:1; display:block;}
.industry li .tibox span{ color:rgba(51,51,51,0.3); font-family:"dinbold"; display:block; text-transform:uppercase;}
.industry li .txt{ padding-top:3%;}
.industry li .txt .p{ padding-top:3%;}
.industry li .txt .p:first-child{ padding-top:0;}

.industry li.li-odd{ background-color:#fafafa;}

@media(min-width:768px){
	.industry li .imgbox{ width:51.66%;}
	.industry li .txtbox{ width:44.58%; padding:0;}
	
	.industry li.li-even .imgbox{ float:right;}
	.industry li.li-even .txtbox{ float:left;}
	
	.industry li.li-odd .imgbox{ float:left;}
	.industry li.li-odd .txtbox{ float:right;}
}
@media(min-width:1000px){
	.industry li .txtbox{ padding-top:3%;}
	.industry li .txtbox .txt{ font-size:16px;}
	.industry li .tibox em{ font-size:24px;}
	.industry li .tibox span{ font-size:18px;}
	
	.industry li .txt .p{ padding-top:30px;}
}
@media(min-width:1200px){
	.industry li{ padding:50px 0;}
	.industry li .imgbox{ width:620px; overflow:hidden;}
	.industry li .txtbox{ padding-top:26px;}
	.industry li .txtbox .txt{ padding-top:20px; line-height:30px; font-size:18px;}
	.industry li .tibox{ padding-bottom:20px;}
	.industry li .tibox em{ font-size:30px;}
	.industry li .tibox span{ font-size:21px;}
}



/*产品与服务*/
.products{ padding:5% 0;}
.products .tabs{ padding-top:5%;}
.products .tabs li{ float:left; width:50%; padding:2%;}
.products .tabs li img{ width:100%;}
.products .tabs li a{ display:block; border:3px solid #f5f5f5; cursor:pointer;}

.products .tabs li a:hover,
.products .tabs li.active a{ border-color:#e94609;}


.products .conts{ position:relative;}
.products .conts .box{ background-color:#f5f5f5; padding:5%; position:absolute; left:-500%; top:0;}
.products .conts .tibox{ padding-top:10%; opacity:0; transform:translatex(-20%); transition:all 1s;}
.products .conts .tibox em{ font-style:normal; color:#888; color:rgba(136,136,136,0.4); display:block; line-height:1; font-family:"dinbold"; font-size:16px; text-transform:uppercase;}
.products .conts .tibox span{ color:#102484; letter-spacing:4px; display:block; font-weight:bold; padding-bottom:2%; font-size:18px;}
.products .conts .tibox i{ display:block; width:50px; height:2px; background-color:#e94609; position:relative;}
.products .conts .tibox i:after{ content:''; width:0; height:0; font-size:0; line-height:0; border-width:4px 6px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #e94609; position:absolute; right:-6px; top:50%; margin-top:-4px;}

.products .conts .txtbox{ text-align:right; position:relative; padding-top:3%; margin-top:15%; opacity:0; transform:translatex(20%); transition:all 1s;}
.products .conts .txtbox:before{ content:''; width:60px; height:3px; background-color:#e94609; display:block; position:absolute; right:0; top:0;}
.products .conts .txtbox .em{ color:#494949; color:rgba(73,73,73,0.49); margin-right:5px;}

.products .conts .imgbox{ padding:5% 20% 10% 0; width:70%; background-image:url(/uploads/image/eimages/homepro-bg.png); background-position:right bottom; background-repeat:no-repeat; background-size:100% auto; margin:0 auto; opacity:0; transform:translatey(10%); transition:all 1s;}
.products .conts .imgbox img{ transition:all 0.3s;}
.products .conts .imgbox a{ display:block;}

.products .conts .imgbox a:hover img{ transform:scale(1.05);}
.products .conts .box.active{ left:0;}
.products .conts .box.active .tibox,
.products .conts .box.active .txtbox{ opacity:1; transform:translatex(0);}
.products .conts .box.active .imgbox{ opacity:1; transform:translatey(0);}

@media(min-width:768px){
	.products .tabs ul{ margin-left:-2%; margin-right:-2%;}
	.products .tabs li{ width:33.33333%;}
	
	
	.products .conts .tibox{ width:25.91%; float:left;}
	.products .conts .imgbox{ width:42%; float:left; padding-top:0; padding-right:10%; position:relative; margin-bottom:-15%;}
	.products .conts .txtbox{ width:30%; float:right;}
	.products .conts .tibox em{ font-size:20px;}
	.products .conts .tibox span{ font-size:18px;}
}
@media(min-width:1000px){
	.products .tabs ul{ margin-left:-20px; margin-right:-20px;}
	.products .tabs li{ width:25%; padding:15px 20px}
	
	
	.products .conts .tibox em{ font-size:20px;}
	.products .conts .tibox span{ font-size:18px;}
	.products .conts .txtbox{ font-size:16px;}
}
@media(min-width:1200px){
	.products .tabs{ padding-top:130px;}
	.products .tabs li img{ width:264px; height:114px;}
	
	.products .conts .box{ padding:53px 48px;}
	.products .conts .tibox{ width:408px; padding-right:78px; padding-top:89px;}
	.products .conts .tibox em{ font-size:36px;}
	.products .conts .tibox span{ font-size:38px; padding-bottom:35px;}
	
	.products .conts .imgbox{ width:402px; padding-right:90px; margin-bottom:-220px;}
	.products .conts .imgbox img{ width:252px; height:389px;}
	
	.products .conts .txtbox{ width:360px; position:relative; margin-left:-10%; font-size:18px; line-height:30px; margin-top:98px; padding-top:29px;}
}



/*新闻中心*/
.news{ padding:5% 0;}
.news ul{ padding-bottom:5%;}
.news li{ padding:2% 0;}
.news li .item{ background-color:#f9f9f9; padding:3%;}
.news li a{ display:block;}
.news li .ti{ color:#102484; font-size:16px; letter-spacing:1px; font-weight:bold; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news li time{ color:#888; padding:1% 0; display:block;}
.news li .imgbox img{ width:100%;}
.news li .p{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; margin:2% 0 4%;}
.news li span{ color:#102484;}
.news li span:after{ content:'>'; font-family:'宋体'; margin-left:10px;}

.news li .item:hover{ box-shadow: 0px 2px 13px 0px rgba(1, 108, 186, 0.68);}

@media(min-width:768px){
	.news ul{ margin-left:-2%; margin-right:-2%;}
	.news li{ width:50%; float:left; padding:2%;}
}
@media(min-width:1000px){
	.news li .item{ padding:18px 20px 20px;}
	.news ul{ margin-left:-15px; margin-right:-15px;}
	.news li{ width:33.33333%; padding:15px;}
	.news li .ti{ font-size:18px;}
	.news li .p{ font-size:16px;}
}
@media(min-width:1200px){
	.news{ padding:50px 0 62px;}
	.news ul{ padding-bottom:45px;}
	.news li .ti{ font-size:20px;}
	.news li time{ padding:5px 0 15px;}
	.news li .p{ font-size:18px; margin:15px 0 50px;}
	.news li .imgbox img{ width:340px; height:190px;}
}

/*新闻详细*/
.news-info{ padding:5% 0;}
.news-info .tibox{ text-align:center; border-bottom:1px solid #eee;}
.news-info .tibox .ti{ font-size:18px;}
.news-info .tibox time{ padding:2%; display:block;}
.news-info .txtbox{ padding:5% 0;}

@media(min-width:768px){
	.news-info{ padding:50px 0;}
	.news-info .tibox .ti{ font-size:24px; color:#102484;}
	.news-info .tibox time{ padding:10px;}
}
@media(min-width:1000px){
	.news-info .txtbox{ padding:40px 0; font-size:18px; line-height:30px;}
}



/*联系方式*/
.contact{ padding:5% 0;}
.contact .txtbox{ padding-bottom:5%;}
.contact .txtbox .mapbox{ padding:4px; border:1px solid #eaeaea; background-color:#fff;}
.contact .txtbox .map{ height:200px; width:100%;}
.contact .txtbox .map img{ max-width:none;}
.contact .txtbox .txt{ padding-top:3%;}
.contact .txtbox .txt .ti{ color:#102484; font-size:16px; font-weight:bold;}
.contact .txtbox .txt .ti:after{ content:''; width:90px; height:2px; background-color:#e94609; display:block; margin-top:3%;}
.contact .txtbox .txt .p{ padding-top:3%;}

.contact-list{}
.contact-list .tibox{ color:#102484; font-size:16px; display:inline-block; font-weight:bold;}
.contact-list .tibox:after{ content:''; width:100%; height:2px; background-color:#e94609; display:block; margin-top:10%;}
.contact-list .list .item{ padding:2% 0;}
.contact-list .list .ico{ width:60px; height:60px; float:left; text-align:center; line-height:50px; background-color:#fff; border: solid 5px #f2f2f2; border-radius:50%; color:#102484; font-weight:bold;}
.contact-list .list .txt{ width:80.67%; width:calc(100% - 60px); float:right; padding:0 5%;}
.contact-list .list .txt span{ font-weight:bold; padding-bottom:2%; display:block;}

.contact-list .list .itembox.li-even{ background-color:#fafafa;}

@media(min-width:768px){
	.contact .txtbox{ padding-bottom:0;}
	.contact .txtbox .mapbox{ width:50%; float:left;}
	.contact .txtbox .txt{ width:50%; float:right; padding:5% 8%;}
	.contact .txtbox .txt .ti{ font-size:18px;}
	
	.contact-list .tibox{ font-size:18px;}
	.contact-list .list .item{ width:50%; float:left;}
}
@media(min-width:1000px){
	.contact .txtbox .map{ height:358px;}
	.contact .txtbox .txt{ padding:75px 90px;}
	.contact .txtbox .txt .ti{ font-size:20px;}
	.contact .txtbox .txt .p{ font-size:16px; line-height:30px;}
	
	
	.contact-list .tibox{ font-size:20px;}
	.contact-list .list .item{ padding:63px 0;}
	.contact-list .list .ico{ width:116px; height:116px; line-height:106px; font-size:24px;overflow:hidden;}
	.contact-list .list .txt{ width:80.67%; width:calc(100% - 116px); padding:7px 0 0 35px;}
	.contact-list .list .txt span{ font-size:20px; padding-bottom:15px;}
	.contact-list .list .txt .p{ font-size:16px; line-height:30px;}
}
@media(min-width:1200px){
	.contact{ padding:62px 0 52px;}
	
	.contact .txtbox .txt .ti{ font-size:24px;}
	.contact .txtbox .txt .ti:after{ margin-top:20px;}
	.contact .txtbox .txt .p{ font-size:18px; line-height:48px; padding-top:15px;}
	.contact .txtbox .txt .p b{ font-size:22px; letter-spacing:1px;}
	
	
	.contact-list .tibox{ font-size:27px;}
}


/*招聘岗位*/
.jobs{ padding:5% 0;}
.jobs .ul{ padding-bottom:5%;}
.jobs li{ padding-top:3%;}
.jobs li:first-child{ padding-top:0;}
.jobs li .tibox{ border:1px solid #efefef; background-color:#fff;}

.jobs li.list-ti,
.jobs li .tibox{ font-size:0;}

.jobs li.list-ti span,
.jobs li .tibox span{ display:inline-block; width:33.33333%; font-size:14px; line-height:35px; text-align:center;}

.jobs li.list-ti{ background-color:#e5e7e9;}
.jobs li.list-ti span{ position:relative;}
.jobs li.list-ti span:before{ content:''; width:1px; height:100%; display:block; background-color:#fff; position:absolute; left:0; top:0; bottom:0;}
.jobs li.list-ti span:first-child:before{ display:none;}
.jobs li .tibox{ cursor:pointer;}
.jobs li .tibox span em{ font-style:normal; display:inline-block; padding-right:20px; position:relative;}
.jobs li .tibox span em:after{ content:''; width:0; height:0; font-size:0; line-height:0; border-width:7px 5px; border-style:solid dashed dashed dashed; border-color:#acb4bb transparent transparent transparent; position:absolute; right:0; top:50%; margin-top:-5px; transition:all 0.3s;}
.jobs li .txtbox{ width:81.25%; margin:0 auto; padding-bottom:5%; display:none;}
.jobs li .txtbox .txt{ padding:4% 0;}
.jobs li .txtbox .btn{ width:125px; padding:11px 0; text-align:center; display:block; background-color:#e94609; color:#fff; cursor:pointer;}
.jobs li .txtbox .btn span{ display:block; line-height:18px; transition:all 0.3s;}
.jobs li .txtbox .btn span:before{ content:''; display:inline-block; width:18px; height:18px; background:url(/uploads/image/eimages/ico-jobs.png) no-repeat center; margin-right:10px; vertical-align:middle;}

.jobs li.active .tibox span em:after{ /*border-style:dashed dashed solid dashed; border-color:transparent transparent #acb4bb transparent;*/ transform:rotate(180deg); margin-top:-12px;}
.jobs li .txtbox .btn:hover span{ transform:translatex(-5px);}


.jobs-apply-pop{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.6); display:none;}
.jobs-apply-pop .contbox{ width:90%; max-width:729px; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.jobs-apply-pop .tibox{ height:35px; line-height:23px; padding:6px 5px; background-color:#f9f9f9; border-bottom:solid 1px #d9d9d9; text-align:center;}
.jobs-apply-pop .close{ display:block; width:23px; height:23px; background-color:#d3d3d3; float:right; position:relative; cursor:pointer;}
.jobs-apply-pop .close:before,
.jobs-apply-pop .close:after{ content:''; width:60%; height:2px; background-color:#fff; display:block; position:absolute; top:50%; left:50%; margin-left:-30%;}
.jobs-apply-pop .close:before{ transform:rotate(45deg);}
.jobs-apply-pop .close:after{ transform:rotate(-45deg);}
.jobs-apply-pop .form{ width:79.83%; margin:0 auto; padding:5% 0;}
.jobs-apply-pop .form .jobname{ color:#102484; font-size:18px; border-bottom:1px dotted rgba(0,0,0,0.2); padding-bottom:3%; font-weight:bold;}
.jobs-apply-pop .form .ul{ padding:5% 0;}
.jobs-apply-pop .form li{ padding:2% 0;}
.jobs-apply-pop .form .inputbox{ border:1px solid #dbdbdb; background-color:#fff; padding:1px; height:35px; line-height:31px;}
.jobs-apply-pop .form .inputbox .ico{ width:31px; height:31px; background-position:center; background-repeat:no-repeat; background-size:53%; background-color:#f3f3f3; float:left;}
.jobs-apply-pop .form .inputbox .text{ width:80%; width:calc(100% - 31px); height:100%; background:none; margin:0; padding:0 5%; border:0; border-radius:0;  float:right;}

.jobs-apply-pop .form .inputbox-name .ico{ background-image:url(/uploads/image/eimages/jobs-ico1.png);}
.jobs-apply-pop .form .inputbox-tel .ico{ background-image:url(/uploads/image/eimages/jobs-ico2.png);}
.jobs-apply-pop .form .inputbox-mail .ico{ background-image:url(/uploads/image/eimages/jobs-ico3.png);}

.jobs-apply-pop .form .inputbox-file a{ display:block; width:30%; text-align:center; cursor:pointer; float:right; background-color:#f3f3f3; color:#333;}
.jobs-apply-pop .form .inputbox-file span{ display:block; width:70%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 12px;}
.jobs-apply-pop .form .inputbox-file .file{ display:none;}

.jobs-apply-pop .form .btn{ width:148px; height:40px; line-height:40px; color:#fff; background-color:#044f9f; margin:0 auto; display:block; text-align:center; cursor:pointer;}

.jobs-apply-pop .close:hover{ background-color:#e94609;}
.jobs-apply-pop .form .inputbox-file a:hover{ background-color:#e94609; color:#fff;}
.jobs-apply-pop .form .btn:hover{ box-shadow: 0px 2px 13px 0px rgba(1, 108, 186, 0.68);}

@media(min-width:768px){
	.jobs-apply-pop .tibox{ height:50px; padding:14px 30px;}
	.jobs-apply-pop .form{ padding:37px 0 52px; width:582px;}
	.jobs-apply-pop .form .jobname{ font-size:18px; padding-bottom:18px;}
	.jobs-apply-pop .form .ul{ padding:40px 0 45px;}
	.jobs-apply-pop .form li{ padding-top:16px;}
	.jobs-apply-pop .form li:first-child{ padding-top:0;}
	.jobs-apply-pop .form .inputbox{ height:48px; line-height:44px; font-size:16px;}
	.jobs-apply-pop .form .inputbox .ico{ width:44px; height:44px;}
	.jobs-apply-pop .form .inputbox .text{ width:534px; font-size:16px;}
	.jobs-apply-pop .form .inputbox-file a{ width:123px;}
	.jobs-apply-pop .form .inputbox-file span{ width:455px;}
	.jobs-apply-pop .form .btn{ font-size:16px;}
}
@media(min-width:1000px){
	.jobs{ padding:46px 0 62px;;}
	.jobs .ul{ padding-bottom:56px;}
	.jobs li{ padding-top:23px;}
	.jobs li.list-ti span,
    .jobs li .tibox span{ line-height:47px; font-size:16px;}
	.jobs li .txtbox .txt{ font-size:18px; line-height:30px;}
	.jobs li .txtbox .btn{ font-size:16px;}
}



.bd_weixin_popup{height: 310px!important;}

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:120px; display:inline-block;}

/* 员工风采 */
.emplist{}
ul li{list-style: none;}
.emplist li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;cursor: pointer;}
.emplist li:nth-child(3n){margin-right: 0;}
.emplist li .imgbox{padding-bottom: 66%;}
.emplist li .txtbox h1{text-align: center;font-size: 20px;color: #333;font-weight: normal;width: 98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.emplist li:hover .txtbox h1{color: #1d3e85;}

@media(max-width: 640px){
	.emplist li{width: 45%;}
	.emplist li:nth-child(3n){margin-right: 2%;}
	.emplist li:nth-child(2n){margin-right: 0;}
	.popup .popcon .txtbb h1{line-height: 24px;}
}
@media(max-width: 480px){
	.emplist li{width: 95%;margin-right: 0!important;}
}
/* 员工风采 */
/* 弹出层 */
.popup{position: fixed; left:0; right:0; bottom:0; top:0;  width: 100%;height: 100%;display: none; z-index:100;}
.popup .mask{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: fixed;}
.popup .popcon{width: 50%;height: auto;background: #fff;position: fixed;left: 50%;top: 5%;padding:30px;margin-left: -25%;}
.popup .popcon .posire{position: relative;}
@media (min-width: 768px){
.popup .popcon .clos{width: 45px;height: 45px;background: no-repeat;border: none;position: absolute;top: -30px;right: -75px;cursor: pointer;background-size: 100%;}
}
@media (max-width: 768px){
	.popup .popcon .clos{width: 30px;height: 30px;background: no-repeat;border: none;position: absolute;top: -30px;right: -60px;cursor: pointer;background-size: 100%;}
}
.popup .popcon .imgbb{background-size: 100%;}
.popup .popcon .txtbb{line-height: 70px;}
.popup .popcon .txtbb h1{font-size: 24px;color: #1d3e85;}
@media(max-width: 560px){
	.popup .popcon{width: 85%;margin-left: -42.5%;padding:15px;}
	.popup .popcon .imgbb img{width: 100%;}
}
/* 弹出层 */