@charset "utf-8";
/*思源黑体CN*/
/*@font-face {
  font-family: "SourceHanSansCN-Regular";
	src: url(../fonts/syht-r/SourceHanSansCN-Regular.eot);
	src: url(../fonts/syht-r/SourceHanSansCN-Regular.eot?#iefix) format('embedded-opentype'),
	 url(../fonts/syht-r/SourceHanSansCN-Regular.woff2) format('woff2'),
	 url(../fonts/syht-r/SourceHanSansCN-Regular.woff) format('woff'),
	 url(../fonts/syht-r/SourceHanSansCN-Regular.ttf) format('truetype'),
	 url(../fonts/syht-r/SourceHanSansCN-Regular.otf) format('opentype'),
	 url(../fonts/syht-r/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular) format('svg')
}*/
/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font-family:"Microsoft YaHei";-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 625%;}
body {padding: 0;margin: 0 auto;font-size: .14rem; line-height: 1.72; color: #666;background:#fff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-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;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: .14rem;}
select, input, textarea {font-size: .14rem;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #3a4b94;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}


*::-webkit-input-placeholder{ color: #999;}    /* 使用webkit内核的浏览器 */
*:-moz-placeholder{ color: #999;}                  /* Firefox版本4-18 */
*::-moz-placeholder{ color: #999;}                  /* Firefox版本19+ */
*:-ms-input-placeholder{ color: #999;}           /* IE浏览器 */
/*页面框架结构*/
.auto { margin: 0 auto;clear: both; width:79.0335%;}
@media(max-width:1200px){
	.auto{ margin-left: .2rem; margin-right: .2rem; width: calc( 100% - .4rem); width: -moz-calc( 100% - .4rem);width: -webkit-calc( 100% - .4rem); }
}
@media(max-width:1024px){
	.auto{max-width: 768px; margin: 0 auto;}
}

 .gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.7;/* 通过改变透明度来调节灰色的程度 */
}
.transform_img:hover .Ispic{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.transform_img .Ispic{
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.onEase,a,.headernav,.site-header .open_menu span,.HomeBanner .owl-dots >.owl-dot span,.site-footer a,.adot,.homecate li .inner,.feeback_form .btns .btn{
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Vgradient{
	background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
	background-image: -o-linear-gradient(top, transparent 0%, #000 100%);
	background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#fff', GradientType=0);
}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.ytable {display: table;width: 100%;height: 100%; table-layout: fixed;}
.ytable-cell {display: table-cell;vertical-align: middle; }
.ul, form, dl, dt, dd, .ol, menu, .h1, .h2, .h3, .h4, .h5, .h6, .p {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}
.adot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; color: #333;}
.adot:hover{ color: #3a4b94;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.cred{color: #ff0000;}
.fl{float: left;}
.fr{float: right;}
.wb725{width: 72.5%;}
.wb25{width: 25%;}
.wb48275{width: 48.275%;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover; display: block;}
.ahref{position:absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 5;}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
.t_indent{text-indent: 2em;}
.bgcolor_f7f7f9{background: #f7f7f9;}
.bgcolor_ffffff{background: #fff;}
@keyframes waveMove {
	from {transform:scale(0.85);}
	to {transform:scale(1);}
}
@keyframes waveMove1 {
	from {transform:scale(0.5);}
	to {transform:scale(1);}
}
.popup{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: .16rem;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 .27rem .29rem rgba(0,0,0,0.11); background: #fff;max-width: 90%; margin:auto; padding: .3rem; position: relative; display: inline-block; border-radius: .15rem;}
.popup .closed{ position: absolute;top: -.3rem; right: -.3rem; cursor: pointer;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: .3rem; color: #fff; line-height: .3rem; }
@media (max-width:640px) {
	.popup .closed{ right: 0;}
}

/* 视频弹框 */
.video-popup{ position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; text-align: center; overflow: hidden; /* transform: translateY(100%); transition: all .5s ease-in-out; */ display: none; }
.video-popup::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 0;}
.video-popup .video-container{ display: inline-block; max-width: 80%; position: relative; z-index: 5; min-width: 40%; /* transform: translateY(100%); */transition: all .5s ease-in-out 1.5s; opacity: 0;}
.video-popup .video-container h3{margin: 0; background-color: #fff; color: #333; font-size: 18px; padding: 10px;  text-align: left;}
.video-popup .close{ position: absolute;top: 0; right: 0; cursor: pointer; z-index: 999; width: 40px; height: 40px; text-align: center;}
.video-popup .close:before{ content: "×"; font-family: "宋体"; font-size: 32px; color: #000; line-height: 40px; }
.video-popup video{position:relative; width: 100%; max-height: 100%; background: #000; object-fit: fill; z-index: 1;}
.video-popup.show{  /* height: 100%; transform: translateY(0); */ display: block; }
.video-popup.show .video-container{/* transform: translateY(0); */ opacity: 1; }

.inputbox{ position:relative; line-height:.44rem;}
.inputbox label{ position:absolute; left:0; padding: 0 .1rem; color:#bfbfbf; z-index: 0; font-size: .16rem;}
.inputbox .text{ width:100%;  line-height:.44rem;height:.44rem; padding:0 .1rem;border-radius:.03rem; border:1px solid #e4e4e4; background:none; position: relative; z-index: 2; font-size: .16rem;
transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.inputbox .text:focus{ border-color:#3a4b94;}

/*site-header start*/
.site-header{position:relative;z-index: 150;width: 100%;font-size: .15rem; box-shadow: 0 .03rem .13rem rgba(163,163,163,.14);background:#3c5198;}
.navlayer{position: absolute; top: 100%; left: 0; width: 100%;background: rgba(165,179,206,.9); height: 3rem; z-index: 0; display: none;}
.header_l{ width: 1.9rem; max-width: 50%; position: relative; padding: .315rem 0;}
.header_r{float: right; width: 2rem; padding-top: .32rem; text-align: right;}
.headernav{float: left;}
.header_search{position: relative; width: 1.65rem; float: right;}
.header_search .text{ width: 100%; display: block; border: 1px solid #6e6b6a; background: #fff; padding: 0 .15rem 0 .25rem; color: #ccc; border-radius: 0; line-height: .24rem; height: .24rem; font-size: .14rem;}
.header_search .text.focus{color: #333;}
.header_search .btn{position: absolute; top: 0; left: 0; height: 100%; width: .25rem; border: none; box-shadow: none; background: url(../images/search_icon.png) no-repeat center; background-size: .12rem .12rem; cursor: pointer;}
.lang{display:block; float: right; background: #3a4b94; color: #fff; /* font-family: "arial, helvetica, sans-serif"; */ font-size: .12rem; padding: .01rem .05rem; border-radius: .03rem; position: relative;  margin-left: .1rem;}
.lang:hover{color: #fff;}
.headernav li em{display: block; position: relative;}
.headernav li em a{font-style: normal; font-size: .18rem;position: relative; display: block; padding:.289rem 0 ;color: #fff;}
.headernav li em a:hover,.headernav li.aon em a{/*color: #3a4b94;*/border-bottom: 1px solid;}
.headernav .subnav{position: absolute; top:100%; left: 0; /* background: rgba(165,179,206,.9);min-width: 120px; */width: 100%;  text-align: left; display: none; z-index: 3;}
/* .headernav .subnav dl dd{ border-bottom: 1px solid rgba(186,199,223,.9);} */
.headernav .subnav dl dd a{display: block;font-size: .15rem; text-align: center; padding: .1rem .05rem; color: #fff;}
.headernav .subnav dl dd a:hover{ color: #3c3636;}
.site-header .open_menu{position:absolute;top:50%;right:0;display:block;margin-top: -.12rem;width: .3rem; height: .25rem;cursor:pointer; max-width: 30px; display: none;}
.site-header .open_menu span{color: #3a4b94; font-size: .12rem; text-transform: uppercase; display: block; padding-top: .3rem;opacity: 0;}
.site-header .open_menu i{position:absolute;top:50%;right: 0; width:70%;height:.02rem;background:#e60012;}
.site-header .open_menu i::after,.site-header .open_menu i::before{position:absolute;right:0;width:.3rem;height:100%;background:#fff;content:'';transition:transform .3s;}
.site-header .open_menu i::before{top:10px;}
.site-header .open_menu i::after{top:-10px;}
.site-header .open_menu.open_menu_on{margin-top: -.23rem;}
.site-header .open_menu.open_menu_on span{opacity: 1;}
.site-header .open_menu.open_menu_on i::after,.site-header .open_menu.open_menu_on i::before{top:0!important;background:#fff;width: 100%;}
.site-header .open_menu.open_menu_on i::before{transform:rotate(45deg); }
.site-header .open_menu.open_menu_on i::after{transform:rotate(-45deg);}
.site-header .open_menu.open_menu_on i{background:0 0;}
@media (min-width: 1025px) {
	.site-header{height: .9rem;}
	.site-header .header_l{float: left;}
	.site-header .header_r{float: right; width: 2.05rem;}
    .lang{background:#fff;color:#3a4b94;}
    .lang:hover{color:#3a4b94;}
    .header_search .text{background:none;border:1px solid #fff;color:#fff;}
    .header_search .text.focus{color:#fff;}
    .header_search .btn{background: url(../images/search_icon_w.png) no-repeat center;}
	.headernav{width:calc(94% - 4rem); margin-left: 6%;}
	.headernav ul{position: relative;}
	.headernav ul li{display: inline-block; /* position: relative; */ padding: 0 .15rem;}
    .headernav li em a:hover,.headernav li.aon em a{border-bottom:none;opacity: .5;}
	/* #m11{position: static;} */
	.headernav .subnav-pro{background: none; text-align: left; /*left:-20%*/}
	.headernav .subnav-pro>.inner{ padding:.18rem 0 .25rem; display:table;width:100%;}
	.headernav .subnav-pro dl{ display:table-cell; position: relative; /*float: left;*/ width: 33.3334%; max-width: 3.07rem; padding-left: .6rem;}
	.headernav .subnav-pro dl .icon{position: absolute; left: 0; top: 0; width: .4rem; height: .42rem;}
	.headernav .subnav-pro dl .icon img{position: absolute; top: 0; left: 0; width: .4rem; height: .42rem; z-index: 2;}
	.headernav .subnav-pro dl .icon .img_hover{opacity: 0; z-index: 1;}
	.headernav .subnav-pro dl.dl_on .icon .img{opacity: 0; z-index: 1;}
	.headernav .subnav-pro dl.dl_on .icon .img_hover{opacity: 1; z-index: 2;}
	.headernav .subnav-pro dl dt{padding-bottom: .1rem;}
	.headernav .subnav-pro dl dt a{font-size: .18rem; color: #fff;}
	.headernav .subnav-pro dl dd{border-bottom: none;}
	.headernav .subnav-pro dl dd a{text-align: left;padding: .03rem 0; white-space:nowrap}
	.headernav .subnav-pro dl a:hover{color: #3c3636;}
	.headernav .subnav-pro dl.dl_on dt a{color: #3c3636;}
	.headernav .subnav-pro dl dd.on a{color: #3c3636;}

	.headernav .subnav-qt dl dd{display: inline-block; margin: 0 .1rem;}

	#m13 .subnav-qt{padding-left: 2rem;}
	#m20 .subnav-qt{padding-left: 0.6rem;}
}
@media (min-width: 1240px) {
	.headernav ul li{ padding: 0 .25rem;}
}
@media (max-width: 1024px) {
.site-header>.auto{position: relative;}
.header_l{float:left;}
.header_r{width:auto;margin-right:40px;}
.header_r .header_search{display: none;}
.site-header nav{display:none;}
.site-header .open_menu{display: block;}
.site-header .menu-layer{position:fixed;top:0;left:0;z-index:98;display:none;overflow:hidden;width:100%;height:100%;background:rgba(0,0,0,.65)!important;}
.site-header .open_menu.open_menu_on{position:fixed;top:30px;z-index:99; right: calc(50% + .5rem);}

#header-menu{position:fixed;top:0;right:-100%;z-index:99;overflow:auto;padding:10px;width:250px;height:100%;background:#000;opacity:0;transition:.3s;width: 50%;}
#header-menu.header-menu-show{right:0;opacity:1;}
#header-menu li{line-height:.4rem;}
#header-menu li a{display:block;color:#fff;}
#header-menu li a:hover{color:#fff;}
#header-menu li>em{display:block;border-bottom:1px solid rgba(255,255,255,.3);font-style:normal; position: relative;}
#header-menu li.hassub>em::before,#header-menu li>em::after{content: ""; top: 50%;position: absolute;  z-index: 3; background: #fff;}
#header-menu li.hassub>em::before{ right: .1rem; width: .16rem; height: 1px;}
#header-menu li.hassub>em::after{ right: .17rem; width: 1px; height: .16rem; margin-top: -.07rem; }
#header-menu li.hassub.active>em::after{transform:rotate(90deg); }
#header-menu li>em a{border-bottom:1px solid rgba(0,0,0,.3); position: relative; z-index: 4;}
#header-menu li:last-child em,#header-menu li:last-child em a{border-bottom:0;}
#header-menu li .subnav{padding: .1rem 0; display: none; border-bottom:1px solid rgba(255,255,255,.3);}
#header-menu li .subnav dd a{ padding: 0 0 0 .34rem; display: block;}
#header-menu li .subnav-pro .icon{display: none;}
#header-menu li .subnav-pro dl+dl{border-top: 1px solid rgba(255,255,255,.15); padding-top: .15rem; margin-top: .15rem;}
.header_search{width: 100%; float: none;}
}
/*site-header end*/

/*site footer start*/
.site-footer,.site-footer a{color: #fff;}
.site-footer a:hover{color: #fff;}
.site-footer{background: #a5b3ce;text-align: center; padding: .7rem 0 .34rem;}
.site-footer >.auto{border-top: .08rem solid #FFF;}
.footernav li{ text-align: left;}
.footernav li h3{color: #fff;font-size: .16rem; font-weight: normal; margin: 0;}
.footernav li dl{padding-top: .1rem;}
.footernav li dl dd{padding: 0;line-height: 1.85;}
.site-footer .bottom{ text-align: center; border-bottom: .02rem solid #fff; margin-top: .2rem;font-size: .16rem;}
.site-footer .copyright{margin: 0; padding: .15rem 0;}
.site-footer .social-share{clear: both; text-align: right; padding: .34rem 0 0;}
.site-footer .social-share>.tit{padding-right: .08rem; display: inline-block; font-size: .15rem;}
.site-footer .social-share .social-share-icon{width: .22rem; height: .2rem;background-image:  url(../images/share_icons.png) !important; background-color: transparent !important; cursor: pointer; background-size: .88rem .2rem; border-radius: inherit;}
.site-footer .social-share .social-share-icon::before{display: none;}
.site-footer .social-share .icon-wechat{background-position: 0 0 !important;}
.site-footer .social-share .icon-weibo{background-position: -.35rem 0 !important;}
.site-footer .social-share .icon-qq{background-position: -.67rem -.01rem !important;}
@media (min-width:1025px) {
	.site-footer>.auto{padding-top:4%;}
	.site-footer .logo{float: left; max-width: 2.43rem; width: 30%;}
	.footernav{float: right; text-align: right; min-width: 6.78rem;}
	.footernav li{float: left; padding: 0 0 0 .6rem; min-height: 1.65rem; text-align: left;}
}

@media (max-width:1024px) {
	.site-footer{ padding: .3rem 0 .1rem;}
	.site-footer .logo{padding: .2rem 0; border-bottom: 1px solid #fff; margin-bottom: .2rem;}
	.site-footer .bottom{text-align: center;}
	.footernav li.contact{text-align: center;}
	.footernav li:not(.contact){display: none;}
	.site-footer .social-share{text-align: center;padding-top: .15rem;}
}
/*site footer end*/
.open-video{display: block; position: relative;overflow: hidden;}
.open-video::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/playbtn.png) no-repeat center; background-size: .48rem .48rem; z-index: 3;}
.open-video .tit{position: absolute; display:block; left: 0; bottom: 0; padding: .1rem; text-align: center; color: #fff; width: 100%;}


/*index start*/
.homesec{padding-bottom: .6rem;}

.home-tit { padding: .5rem 0 .3rem; text-align: center ;}
.home-tit .name{display: inline-block; margin: 0; font-size: .36rem; color: #3a4b94;}


.HomeBanner{ position: relative; overflow: hidden; text-align: center;}
.HomeBanner .BanLogo{margin: 0 auto;position: absolute;width: 100%;text-align: center;bottom: .9rem;z-index: 5; left: 0;}
.HomeBanner .owl-dots{ margin: 0 auto; width: 100%; text-align: center; position: absolute; bottom: .38rem; z-index: 5; left: 0;}
.HomeBanner .owl-dots >.owl-dot{ display: inline-block;   padding:0; margin: 0 .05rem;}
.HomeBanner .owl-dots >.owl-dot span{ display: block; background: none; border: 1px solid #fff; width: .1rem;height: .1rem; text-indent: 9999px; overflow: hidden; position: relative;border-radius: 50%;}
.HomeBanner .owl-dots >.owl-dot.active span{ border-color: #3a4b94; background: #3a4b94;}
.HomeBanner .owl-item li a{position: relative; display: block;}
.HomeBanner .owl-item li .wapimg{display: none;}
.HomeBanner .owl-item li a.videoBox{position: relative;width: 100%;height: 100%;}
.HomeBanner .owl-item li a video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 3}
@media (max-width:1024px) {
    .HomeBanner .BanLogo{display: none;}
	.HomeBanner .owl-item li .pcimg{display: none;}
	.HomeBanner .owl-item li .wapimg{display: block;}
	.HomeBanner .owl-dots{bottom: .18rem;}
	.HomeBanner .owl-dots >.owl-dot span{width: .1rem; height: .1rem;}
}
.homepro li{max-width: 3rem; margin: 0 auto; text-align: center; padding: 0 .15rem;}
.homepro li .pic{ max-width: 3rem; max-height: 3rem; margin:  0 auto;line-height: 3rem;}
.homepro li .pic img{display: inline-block;}
.homepro li .tit{font-size: .24rem; font-weight: normal;}
.homepro .owl-carousel{padding: 0 .67rem;}
.homepro .owl-nav button{ position: absolute; top: 50%; margin-top: -.56rem; width: .57rem; height: 1.12rem; background: url(../images/arrow_btns.png) no-repeat !important; background-size: 1.14rem 1.12rem; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.homepro .owl-nav button:hover{background-image: url(../images/arrow_btns_hover.png) !important;}
.homepro .owl-nav .owl-prev{left: 0; background-position: left top !important;}
.homepro .owl-nav .owl-next{right: 0; background-position: right top !important;}

.homecate{max-width: 1215px; margin: 0 auto;}
.homecate li{float: left; width:33.3334%; padding: 0 .05rem; text-align: center; margin-bottom:1%;}
.homecate li .inner{position: relative; }
.homecate li .pic{ overflow: hidden;}
.homecate li .Ispic{padding-bottom: 91.95%;}
.homecate li h3{background: #3a4b94; font-size: .24rem;}
.homecate li h3 a{color: #fff; display: block; padding: .2rem;}
.homecate li .inner:hover{box-shadow: 0 0 .05rem rgba(0,0,0,.15);margin-top: -.05rem; }
@media(min-width:640px) {
.homecate li:nth-child(3n+1){ clear:both}
}
.homesec2{background: #e5e5e7;}

/*index end*/
.in-container{padding: .5rem 0 0;}
.in-container-inner{padding: .25rem .55rem;}

.in-banner{overflow: hidden;}
.in-banner img{display: block; width: 100%;}
.in-banner .imgwap{ display: none;}

.location {padding-bottom: .16rem;}
.location em{ font-style: normal; font-family: "宋体"; padding: 0 .02rem;}
.pro_menu .location{text-align: right;}


.about_menu{ text-align: center; padding-bottom: .34rem;}
.about_menu li{ display: inline-block; padding: 0 .35rem;}
.about_menu li .tit{display: block; font-size: .15rem; margin-top: .08rem;}
.about_menu li .icon{display: block;position: relative; width: .74rem; height: .74rem;}
.about_menu li .icon img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.about_menu li .icon .img{z-index: 2; opacity: 1;}
.about_menu li .icon .img_hover{opacity: 0;}
.about_menu li a:hover .icon .img,.about_menu li.on .icon .img{opacity: 0; z-index: 1;}
.about_menu li a:hover .icon .img_hover,.about_menu li.on .icon .img_hover{opacity: 1; z-index: 2;}
.about_menu li.on .tit{color: #3a4b94;}

.new_menu { text-align: center;  padding:.34rem 0;}
.new_menu a { font-size: .16rem; display: block; background: #efefef; padding: .1rem; margin-bottom: 1px; transition: .3s; }
.new_menu a.aon, .new_menu a:hover { color: #fff; background-color: #384c95; }
@media(min-width:768px) {
.new_menu a { display: inline-block; line-height: 30px; padding: 0 15px; min-width: 115px; border-radius: 30px; overflow: hidden; margin: 0 7px 1px; }
}
@media(min-width:1024px) {
.new_menu a { display: inline-block; line-height: 36px; padding: 0 20px; background: #efefef; min-width: 130px; border-radius: 36px; }
.newN_menu{background:#384c95;text-align: left;padding: 0;}
.newN_menu a{color: #fff;line-height:44px;background:none;border-radius:inherit;text-align: center;padding: 0 10px;min-width: auto;/*border-bottom: 1px solid transparent;*/margin-right:.5rem;}
.newN_menu a.aon, .newN_menu a:hover{/*border-bottom:1px solid #fff;*/font-weight:bold;}
}

/*pro_menu */
.pro_menu { position: relative; z-index: 1; padding-bottom: .3rem; }
.pro_menu .name { color: #333; font-size: .3rem; }
.pro_menu ul{display: table; width: 100%; text-align: center; padding-top: .05rem;}
.pro_menu li { font-size: .16rem; display: table-cell; vertical-align: middle; height: .42rem; }
.pro_menu li a{position: relative; padding-left: .5rem;display: table-cell; vertical-align: middle;height: .42rem; }
.pro_menu li .icon{ width: .4rem; height: .42rem; margin-right: .1rem; position: absolute; left: 0; top: 0;}
.pro_menu li .icon img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.pro_menu li .icon .img_hover { opacity: 0; z-index: 1; }
.pro_menu li.aon a .img_hover, .pro_menu li a:hover .img_hover { opacity:1; z-index: 2; }
.pro_menu li.aon a .img, .pro_menu li a:hover .img { opacity: 0; z-index: 1; }
.pro_menu li a:hover, .pro_menu li.aon a { color: #384c95; }

@media(min-width:1025px) {
.proListwarp .pro_menu .location{float: right;width:20%;padding-bottom:0;line-height:.51rem;}
.proListwarp .pro_menu .location a{color:#fff;}
.proListwarp{padding-top:0;color:#fff;background:#3c5198;}
.proListwarp .pro_menu{padding: .1rem 0;}
.proListwarp .pro_menu nav{float: left;width:80%;}
.proListwarp .pro_menu .name { float: left; color:#fff;padding-right:.5rem;border-right:1px solid #fff;}
.proListwarp .pro_menu ul{ width:35%; text-align: left;padding-left:.5rem;}
}

@media(max-width:1024px) {
.pro_menu { padding-bottom: 3%; position: relative; z-index: 10;}
.pro_menu .name { padding: .1rem; position: relative; }
.pro_menu .name span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pro_menu .name span::after { position: absolute; content: ''; right: 3%; width: .12rem; height: .12rem; border-bottom: .03rem solid #666; border-right: .03rem solid #666; top: 50%; margin-top: -6px; transform: rotate(45deg); }
.pro_menu .name span.on::after { transform: rotate(-135deg); margin-top: 0; }
.pro_menu nav { position: relative; z-index: 50; }
.pro_menu nav ul { display: none; position: absolute; width: 100%; top: 100%; border-radius: 0 0 .08rem .08rem; background:rgba(238,239,239,.9); padding: .2rem;}
.pro_menu nav li { border-bottom: 1px solid rgba(255,255,255,0.65); min-height: .62rem; padding: .1rem 0; display: block; width: 100%; position: relative;z-index: 2; font-size: .18rem;}
}


/*pages*/
.Pages{ padding:.4rem 0 .4rem; line-height:1.45; zoom:1; overflow:hidden; font-size: .15rem; text-align: center;}
.Pages span{ padding:0px; display:inline-block;}
.Pages a{ display:inline-block; margin-left:-5px; color: #666;padding:.1rem .16rem; border: 1px solid #e5e5e5;  background: #fff;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .a_next,.Pages .a_prev{ color: #666; font-family: "宋体";}
.Pages .a_first{margin-right: .1rem;}
.Pages .a_end{margin-left: .05rem;}
.Pages a:hover,.Pages .p_page em a.a_cur{ color:#fff; background:#3a4b94; border-color: #3a4b94;}
.Pages .i_button,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
/*pages end*/

.about_single{background: #fff; border-top: 2px solid #888888; padding: .38rem 6%;}
.company_css{ color: #3e3a39; font-size: .18rem;}
.css-3-box1 .name{ font-size: .3rem;}
.css-3-box1 .sname{ font-size: .24rem;}
.css-3-box2{ text-align: center; padding: 4% 0;}
.css-3-box2 .ul{display: table;table-layout: fixed; width: 100%;text-align: center;}
.css-3-box2 .ul li{display: table-cell; vertical-align: top; width: 20%;}
.css-3-box2 .ul li .num{display: block;}
.css-3-box2 .ul li .num em{font-style: normal; font-size: .5rem;padding-right: .05rem;font-weight: bold;}
@media(max-width:640px){
	.css-3-box2 .ul li{ display: block; width: 100%; margin-bottom: 5%;}
}

.historylist{max-width: 1100px; margin: 0 auto;}
.historylist ul{position: relative; margin-top: .75rem;}
.historylist ul::after{content: ""; position: absolute; top: 0; left: 50%; height:calc(100% - .65rem); width: 1px; background: #3a4b94;}
.historylist li{padding-right: 50%; text-align: right; top: -.45rem; position: relative;}
.historylist li .inner{position: relative; padding-right: .7rem;}
.historylist li .inner::before,
.historylist li .inner::after{content: ""; position: absolute; top: .55rem; right: 0;}
.historylist li .inner::before{width: .1rem; height: .1rem; right: -.05rem;background: #3a4b94; border-radius: 100%;}
.historylist li .inner::after{width: .6rem; height: 1px; border-top: 1px dashed #3a4b94; top: .6rem;}
.historylist li .year{font-size: .25rem; color: #3a4b94; font-weight: bold;}

.historylist li:nth-child(2n){padding-left: 50%; padding-right: 0; text-align: left; }
.historylist li:nth-child(2n) .inner{padding-left: .7rem;padding-right: 0;}
.historylist li:nth-child(2n) .inner::before{left: -.05rem;right: auto;}
.historylist li:nth-child(2n) .inner::after{left: 0; right: auto;}


.honorlist{ padding:3% 0;}
.honorlist .owl-carousel{ padding:0 30px;}
.honorlist .item{ padding:0 15px;}
.honorlist .item figure{ border:1px solid #e8e8e8; padding:8%;}
.honorlist .item img{ display:none !important;}
.honorlist .item figure span{ display:block; padding-bottom:65%; background-size:contain;}
.honorlist .owl-carousel .ON figure{ border-color:#384c95;}

.honorlist .owl-nav button{ position:absolute; width:.28rem; height:.28rem; top:50%; margin-top:-14px; background:url(../images/honorlist-btn.png) no-repeat left bottom !important; overflow:hidden;}
.honorlist .owl-nav .owl-prev{ left:0;}
.honorlist .owl-nav .owl-prev.disabled{ background-position:left top !important; cursor: auto;}
.honorlist .owl-nav .owl-next{ right:0; background-position: right bottom !important;}
.honorlist .owl-nav .owl-next.disabled{background-position: right top !important;cursor: auto;}
.honorlist .owl-nav div.disabled{ cursor:default;}

.honorlist .hover{ padding-top:10%; position:relative; margin-bottom:5%;}
.honorlist .hover dl{ display:none;}
.honorlist .hover dl dt{ background:#384c95; color:#fff; padding:5% 65% 5% 5%;}
.honorlist .hover dl dt p{ margin:0; text-align:center; font-size:.24rem;}
.honorlist .hover dl dt p.txt:after,
.honorlist .hover dl dt p.year:before{ display:block; content:''; height:.2rem; background:url(../images/honorlist-icon.png) no-repeat left top;}
.honorlist .hover dl dt p.year{ padding-bottom:3%;}
.honorlist .hover dl dt p.txt:after{ background-position:right top;}
.honorlist .hover dl dd{ position:absolute; right:0; height:100%; width:55%; top:0; background-size:contain; /*background-color:#fff;*/}
.honorlist .hover dl dd img{ display:none !important;}
@media(max-width:1000px){
.honorlist .item{ padding:0 .1rem;}
}
@media(max-width:640px){
.honorlist .hover{ padding-top:0;}
.honorlist .hover dl dt{ padding-right:5%; margin-bottom:2%;}
.honorlist .hover dl dd{ position:relative; height:auto; width:auto; padding-bottom:50%;}
}
@media(max-width:480px){
.honorlist .hover dl dt p{ font-size:.18rem;}
.honorlist .hover dl dt p.txt:after,
.honorlist .hover dl dt p.year:before{ height:.12rem; background-size:auto 100%;}
}

/*link*/
.linklist ul{ margin: 0 -1.5%;}
.linklist li{ float:left; width:22%; margin:0 1.5% 3%; }
.linklist li a{ border:1px solid #e8e8e8; position:relative; display:block;}
.linklist li .Ispic{ padding-bottom: 59.13%;}
.linklist li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(16,64,151,0.95); opacity:0; transition:0.3s;}
.linklist li a:hover figure{ opacity:1;}
.linklist li dl{ display:table;  width:100%; height:100%;}
.linklist li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:.18rem; color:#fff;}
@media(max-width:768px){
.linklist li{ width:30.3334%;}
}
@media(max-width:480px){
.linklist li{ width:47%;}
.linklist li dt{ font-size:.15rem;}
}
/*link End*/

/* downloadlist */
.downloadlist li{ padding: .1rem 0; border-bottom: 1px solid #ededed;}
.downloadlist li a{ display:block; font-size: .18rem; background: url(../images/download.png) no-repeat 98% center; background-size: .25rem .25rem; padding-right: .4rem; padding-left: .05rem;}
.downloadlist li a:hover{background-image: url(../images/download_on.png);}
/* downloadlist end */

/* searchlist */
.searchlist li{ padding: .1rem 0; border-bottom: 1px solid #ededed;}
.searchlist li a{ display:block; font-size: .18rem;}
/* searchlist end */

/*newlist*/
.newlist>.auto{width: 70%;}
.newlist li { overflow: hidden;box-shadow:2px 3px 10px 2px rgba(226,226,226,.8);margin-bottom:.3rem;}
/*.newlist li+li{border-top: 1px solid #ebecec; padding-top: .2rem;}*/
.newlist li .inner{ position: relative; padding-left: 34%; min-height: 2rem;position: relative;}
.newlist li .pic{overflow: hidden; position: absolute; left: 0; top: 0; height: 100%; width: 30%; }
.newlist li .Ispic {padding-bottom: 78%;}
.newlist li h1 { margin: 0; font-size: .18rem; font-weight: normal; padding: .15rem 0; }
.newlist li time { color: #999; position: relative;display: inline-block;vertical-align: middle;padding-left:.2rem;margin-right:.2rem;}
.newlist li span{color:#999;position: relative;display: inline-block;vertical-align: middle;padding-left:.2rem;}
.newlist li span:before{width:.14rem;height: .11rem;content:'';background:url(../images/view.png) no-repeat;position: absolute;top: 50%;margin-top:-5px;left: 0;background-size: contain;}
.newlist li time:before{width:.14rem;height: .14rem;content:'';background:url(../images/time.png) no-repeat;position: absolute;top: 50%;margin-top:-7px;left: 0;background-size: contain;}
.newlist li p { color: #666; margin: .1rem 0 0 0;min-height: 48px;padding-right:22%;}
.newlist li .pabout{position: absolute;bottom:.08rem;right: .2rem;}
@media(max-width:768px) {
.newlist li .inner { padding-left: 45%; }
.newlist li .pic { width: 42%; }
.newlist>.auto{width:100%;}
.newlist li .pabout{position: static;padding: .1rem;}
.newlist li p{min-height: auto;}
}
@media(max-width:480px) {
.newlist li .inner { padding-left: 0; }
.newlist li .pic { position: relative; display: block; width: auto;}
}

/*新闻详情开始*/
.Singlepage{/* padding-bottom: 6%; */ min-height: 2rem;}
.newinfo{padding: 3% 0 6%;font-size: .15rem; border-top: 1px solid #ededed; min-height: 4rem;}
.newinfo-head{text-align: center; padding:0;}
.newinfo-head h2{ font-size: .3rem; color: #333; margin: 0; font-weight: normal;}
.newinfo-head p{ margin: .2rem 0 0; color: #333;}
.newinfo-head p >span{display: inline-block; margin: 0 .25rem ;}
.newinfo .content{ line-height: 1.71; color: #666; padding: .3rem 0 0 0;}
.newinfo-bot{ margin-top: .5rem; position: relative;}
.newinfo-bot dl{ border-top: 1px solid #e5e5e5; padding-top: .3rem; clear: both;}
.newinfo-bot dl dd+dd{margin-top: .05rem;}
.newinfo-bot .btns{ text-align: left; float: left; width: 50%; margin-bottom: .3rem;}
.newinfo-bot .btns a{ border: 1px solid #e5e5e5;color: #3a4b94; display: inline-block; width: 1.28rem; height: .38rem; line-height: .38rem; text-align: center;margin-right: .16rem;}
.newinfo-bot .btns a i{display: inline-block; background: url(../images/icons2_on.png) no-repeat; background-size: .47rem .18rem; width: .19rem; height: .19rem; position: relative; top: 2px; margin-right: .05rem;}
.newinfo-bot .btns a.zan i{background-position: 0 0;}
.newinfo-bot .btns a.cang i{background-position: -.3rem 0;}
.newinfo-bot .btns a:hover{ color: #fff; background: #3a4b94; border-color: #3a4b94;}
.newinfo-bot .btns a:hover i{background-image: url(../images/icons2.png); background-size: .47rem .18rem;}
.newinfo-bot .social-share{float: right; width: 50%;text-align: right;}
.newinfo-bot .social-share>.tit{padding-right: .08rem; display: inline-block; font-size: .15rem;}
.newinfo-bot .social-share .social-share-icon{width: .22rem; height: .2rem;background-image:  url(../images/share_icons.png) !important; background-color: #fff !important; cursor: pointer; background-size: .88rem .2rem;}
.newinfo-bot .social-share .social-share-icon::before{display: none;}
.newinfo-bot .social-share .icon-wechat{background-position: -.03rem 0 !important;}
.newinfo-bot .social-share .icon-weibo{background-position: -.37rem 0 !important;}
.newinfo-bot .social-share .icon-qq{background-position: -.68rem -.01rem !important;}
/*新闻详情结束*/

.procate{background: #fff; padding: .4rem 0;}
.procate:nth-child(2n){background: #eeefef;}
.prolist>.auto{ width: 64%;}
.prolist .name{font-size: .2rem; color: #333; text-align: left; padding: .15rem 0;}
.prolist .ul{margin: 0 -.15rem;}
.prolist li {float: left; width: 33.3334%; padding: .15rem; text-align: center;}
.prolist li .pic{overflow: hidden;}
.prolist li .Ispic{padding-bottom: 100%;}
.prolist li .h4 {padding-top: .1rem;}
.prolist li .h4 a{font-size: .15rem;  color: #888;min-height: 50px;}
.prolist li .h4 a:hover{color: #3a4b94;}

.proinfo-ban{background: url(../images/proinfo_bg.jpg) no-repeat center; background-size: cover;}
.proinfo-ban .content{display: table; table-layout: fixed; width: 100%; padding: 5% 0;}
.proinfo-ban .content>div{display: table-cell; width: 50%; vertical-align: middle;}
.proinfo-ban .content .text{text-align: right; padding-right: .3rem;}
.proinfo-ban .content .text .h2{font-size: .33rem;}
.proinfo-ban .content .text .h4{font-size: .24rem;}
.proinfo-ban .content .text .h4::after{content: ""; display: block; width: .2rem; height: .02rem; background: #a6a6ae; margin: .1rem 0 0 auto;display: none;}
.proinfo{ color: #333; font-size: .18rem; padding-bottom: .5rem;}
.proinfo>.auto{width: 64%;}
.proinfo .stit{font-size: .2rem; border-bottom: 2px solid #a6a6ae; padding-bottom: .15rem; margin-top: .3rem;}

#allmap{height: 5.55rem; width: 100%;}
.contact_single {padding-bottom: .5rem; min-height: 4rem;border-top: 2px solid #888888;padding-top:.38rem;}
.contact_single .content{color: #333; font-size: .18rem;}
.contact_single .content .stit{font-size: .2rem; border-bottom: 2px solid #a6a6ae; padding-bottom: .15rem; margin-top: .3rem; margin-bottom: .15rem;}
.contact_single .content dl dd{width: 50%;float: left;}
.contact_single .content dl dd:nth-child(2n){float: right;}
.feedbackTips{ color: #888;}
.feedbackTips .h2{font-size: .44rem;}
.feedbackTips p{margin: 0; font-size: .16rem;}

.feeback_form{margin: 0 -1%;}
.feeback_form .tit{font-size: .18rem; color: #888; display: block; line-height: .44rem;}
.feeback_form .inputbox{ border-bottom: 1px solid #c3c3c3; padding-bottom: 0; position: relative;}
.feeback_form .inputbox .tit{position: absolute; left: 0; top: 0;}
.feeback_form .inputbox .text{border: none; font-size: .18rem; color: #888; height: .44rem; line-height: .44rem; display: block; background: none; margin-left: auto;padding: 0;}
.feeback_form .textarea{display: block; border: 1px solid #c3c3c3; height:4.75rem; width: 100%; resize: none; overflow: hidden; padding: .1rem;}
.feeback_form .dl{width: 100%; padding: 0 1%; float: left; margin-top: .3rem;}
.feeback_form .dl:nth-child(2n){float: right;}
.feeback_form .w2{ width: 48%;}
.feeback_form .btns{ text-align: right;padding-top: .3rem;}
.feeback_form .btns .btn{display: inline-block; text-align: center; width: 1rem; line-height: .36rem; border: 1px solid #c3c3c3; font-size: .18rem; box-shadow: none; background: none; cursor: pointer;}
.feeback_form .btns .btn+.btn{margin-left: .1rem;}
.feeback_form .btns .btn:hover{ background: #3a4b94; color: #fff; border-color: #3a4b94;}
@media (max-width:1024px) {
	/* index */
	.home-tit .name{font-size: .32rem;}
	.homepro li .tit,.homecate li h3{font-size: .2rem;}
	.homepro .owl-carousel{padding: 0 .47rem;}
	.homepro .owl-nav button{ width: .3rem; height: .59rem;background-size: .6rem .59rem !important;}
	/* index end*/
	.in-container{padding-top: .2rem;}
	.in-banner .imgpc{display: none;}
	.in-banner .imgwap{display: block;}

	.Pages{padding:.24rem 0 .34rem}
	.proinfo>.auto,.prolist>.auto,.pro_menu>.auto,.contact_single>.auto{width: 100%;}
	.feedbackTips .h2{font-size: .34rem;}
	.feeback_form .w2{width: 100%;}
	.feeback_form .btns{text-align: center; margin: 0 .1rem !important;}
}
@media (max-width:767px) {
	html{font-size: 525%;}
	.home-tit .name{font-size: .28rem;}
	.homepro li .tit,.homecate li h3{font-size: .18rem;}
	.about_menu li{padding: 0 .1rem;}
	.about_menu li .icon{width: .55rem; height: .55rem;}
}
@media (max-width:640px) {
	.open-video::before{background-size: .3rem .3rem;}

	/* index */
	.homecate li{width: 100%; padding: 0;}
	.homecate li+li{margin-top: .1rem;}
	/* index end*/


	.Pages{padding:.14rem 0 .24rem;}
	.Pages a{padding:.05rem .1rem;}
	.Pages .a_first,.Pages .a_end{padding: .05rem;}

	.newinfo-head h2{font-size: .24rem;}
	.newinfo-head p{margin-bottom: .3rem;}
	.newinfo .content{padding-top: .2rem;}
	.newinfo-bot .btns,.newinfo-bot .social-share{width: 100%; float: none;}
	.newinfo-bot .social-share{text-align: left; margin-bottom: .2rem;}
	.newinfo-bot .btns{margin-bottom: .15rem;}
	.newinfo-bot dl{padding-top: .2rem;}

	.contact_single .content dl dd{width: 100%;}


}


.PicList002120{ padding:3% 0;}
.PicList002120 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;}
.PicList002120 li a{ display:block;}
.PicList002120 li p{ margin:0;  line-height:46px; padding:0 2%; text-align:center; font-size:16px;}
.PicList002120 li .table{ display:none;}
.PicList002120 li figure{padding-bottom:77%; background-size:contain;}
@media(min-width:641px){
.PicList002120 li:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
.PicList002120 li{ width:48%; margin-right:4%;}
.PicList002120 li:nth-child(2n){ margin-right:0;}
}
@media(max-width:375px){
.PicList002120 li p{ font-size:14px;}
}