@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);
word-break: break-word;
/*控制内容的可选择性*/
-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);
	-webkit-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-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-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);}
.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.35rem; 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 ;}
.headernav li em a:hover,.headernav li.aon em a{color: #3a4b94;}
.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-qt{text-align: center;}

/* .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:#3a4b94;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;}
	.headernav{width:calc(98% - 3.25rem); margin-left: 0; text-align: center;}
	.headernav ul{position: relative;}
	.headernav ul li{display: inline-block; /* position: relative; */ padding: 0 .05rem;}
	/* #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 .05rem;}
}
@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;}
.site-footer .logo{padding: .2rem 0; margin-bottom: .2rem;}
.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;}
.bot-share{clear: both; padding: .2rem 0 0;}
.bot-share>.tit{padding-right: .08rem; display: inline-block; font-size: .15rem;}
.bot-share >a{ cursor: pointer; display: inline-block; margin: 0 .1rem;}
.bot-share >a span{ background-repeat: no-repeat; background-size: .2rem .2rem; background-position: center; display: block; width: .2rem; height: .2rem;}
.site-footer .bot-share{text-align: right;}
@media (min-width:1025px) {
	.site-footer>.auto{padding-top:2%;}
	.footernav li{float: left; padding: 0 0 0 .3rem; min-height: 1.65rem; text-align: left; min-width: 12%;}
	.footernav li.contact{width: 25%;}
}

@media (max-width:1024px) {
	.site-footer{ padding: .3rem 0 .1rem;}
	.site-footer .logo{ border-bottom: 1px solid #fff;}
	.site-footer .bottom{text-align: center;}
	.footernav li.contact{text-align: center;}
	.footernav li:not(.contact){display: none;}
	.site-footer .bot-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 .owl-dots{ margin: 0 auto; width: 100%; text-align: center; position: absolute; bottom: .2rem; 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: 100%;}
.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;}
@media (max-width:1024px) {
	.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;}
.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 .15rem;}
.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-bottom: .34rem;}
.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; }
}

/*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) {
.pro_menu .name { float: right; }
.pro_menu ul{ width:60%; text-align: left;}
}

@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-box1 .ul-img2,.css-3-box1 .ul-img3{margin: 0 -2%;}
.css-3-box1 .ul-img2 li{ width: 48%; padding: 2%; float: left;}
.css-3-box1 .ul-img3 li{width: 33.3334%; padding: 2%; float: left;}
.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; margin: 0 -15px;}
.honorlist .item{ padding:15px; float: left; width: 25%; text-align: center;}
.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 .item h3{font-size: 16px;}
.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: 100%;}
.newlist li { overflow: hidden; padding-bottom: .2rem;}
.newlist li+li{border-top: 1px solid #ebecec; padding-top: .2rem;}
.newlist li .inner{ position: relative; padding-left: 29%; min-height: 1.5rem;}
.newlist li .pic{overflow: hidden; position: absolute; left: 0; top: 0; height: 100%; width: 25%; }
.newlist li .Ispic {padding-bottom: 58%;}
.newlist li h1 { margin: 0; font-size: .18rem; font-weight: normal; padding: .15rem 0; }
.newlist li time { color: #999; }
.newlist li p { color: #666; margin: .1rem 0 0 0;}
@media(max-width:768px) {
.newlist li .inner { padding-left: 45%; }
.newlist li .pic { width: 42%; }
}
@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: 55px;}
.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;}
.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;}
.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;} */
.contact_single .content dl dd{padding: 5px 0;}
.contact_con{width: 45%; float: left;}
.contact_formbox{width: 45%; 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:2rem; width: 100%; resize: none; overflow: hidden; padding: .1rem;}
.feeback_form .dl{width: 100%; padding: 0 1%; float: left; margin-top: .1rem;}
.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;}

	.contact_con,.contact_formbox{float: none; width: 100%;}
	.contact_formbox{border-top: 2px solid #a6a6ae; margin-top: .2rem; padding-top: .2rem;}
}
@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%;}


}


.RighInfo001108{padding:4% 0;background: #f6f9fb;}
.RighInfo001108 .bot-share{background-color: #a5b3ce; padding: .12rem .1rem .1rem;}
.RighInfo001108 .picbox{ float:left; width:42%;}
.RighInfo001108 .picbox img{ width:100%;}
.RighInfo001108 .picbox .videobox{position: relative; padding-bottom:78%;background-color: #000;}
.RighInfo001108 .picbox .videobox video{position: absolute; top: 0; left: 0;  width: 100%; height: 100%; }
.RighInfo001108 .picbox .slider-nav { margin-top: 20px; padding: 0 25px; }
.RighInfo001108 .picbox .slider-nav .item{ padding: 2px 5px; width: 25%;}
.RighInfo001108 .picbox .slider-nav .item a{ display:block; padding-bottom: 80%; background: no-repeat center color; background-size: contain; opacity:0.8 ;box-shadow: 0 0 0 2px #003c4f}
.RighInfo001108 .picbox .slider-nav .slick-current a{ opacity: 1; box-shadow: 0 0 0 2px #ff0000}
.RighInfo001108 .picbox .slider-nav .slick-prev,
.RighInfo001108 .picbox .slider-nav .slick-next{ background-color: #003c4f ; z-index: 10; height: 100%}
.RighInfo001108 .txt{ float:right; width:52%; padding-right:0%; color:#333;}
.RighInfo001108 .txt h1{ font-size:24px;margin-top:4px; }
.RighInfo001108 .txt dl{ border-top:1px solid #d9d9d9; padding:3% 0; border-bottom:1px solid #d9d9d9;}
.RighInfo001108 .txt dd{ line-height:26px; padding:5px 0;font-size:15px;}
.RighInfo001108 .txt dd h3{margin-top:0;}
.RighInfo001108 .txt p{ line-height:26px;}
.RighInfo001108 .txt h3{font-size:18px;font-weight: bold;}
.RighInfo001108 .txt .contact{ padding:3% 0;}
.RighInfo001108 .txt .contact a{ color:#3a4b94; width:125px; text-align:center; border:1px solid #3a4b94; border-radius:30px; line-height:38px;font-size:15px; display:inline-block;}
.RighInfo001108 .txt .contact a:hover{ background-color:#3a4b94; color:#fff;}
.RighInfo001108 .tab{ margin-top:3%; background-color:#fff; overflow:hidden; font-weight:bold;}
.RighInfo001108 .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:54px;font-size:16px;font-weight: normal;color:#333;}
.RighInfo001108 .tab span.on{ background-color:#3a4b94; color:#fff;}

.RighInfo001108 .tab_info{margin-top:2%; padding:2% 2% 4%;background:#fff;}
.RighInfo001108 .tab_info table{width:100%;}
.RighInfo001108 .tab_info table tr{text-align: center;}
.RighInfo001108 .tab_info table tr:nth-child(2n+3){background:#f5f5f5;}
.RighInfo001108 .tab_info table tr th{font-size:16px;color:#333;padding:15px 0;border:1px solid #eee;border-top: 3px solid #3a4b94;}
.RighInfo001108 .tab_info table tr td{font-size:16px;line-height: 26px;border:1px solid #eee;padding:10px 0;}
.RighInfo001108 .tab_info .scene-image .item {float: left;width: 19%;list-style: none;margin: 1% 1.25% 0 0;}
.RighInfo001108 .tab_info .scene-image .item figure {display: block;padding-top: 56.25%;background-repeat: no-repeat;background-size: 100% 100%;}
.RighInfo001108 .tab span.hide,
.RighInfo001108 .tab_info.hide{display: none;}
@media (min-width: 960px) {
	.RighInfo001108 .tab_info .scene-image .item:nth-child(5n) {margin-right: 0;}
}
@media (max-width: 960px) {
 .RighInfo001108 .tab_info .scene-image .item{width: 24%; margin-right: 1.333%}
 .RighInfo001108 .tab_info .scene-image .item:nth-child(4n) {margin-right: 0;}
}
@media(max-width:640px){
.RighInfo001108 .picbox,
.RighInfo001108 .txt{ float:none; width:auto;}
.RighInfo001108 .txt h1{font-size:20px;margin-top:12px;}
.RighInfo001108 .tab_info .table tr td{font-size:15px;}
.RighInfo001108 .tab_info .scene-image .item {width: 49%; margin-right: 2%}
.RighInfo001108 .tab_info .scene-image .item:nth-child(2n) {margin-right: 0;}
}


.footernav li.bt_code{float: right;}

.site-code{position: relative;  text-align: center; width: 1rem;}
.site-code>span{display: block; font-size: .16rem;}
.site-code .tit{margin-bottom: .05rem;}