﻿@charset "utf-8";
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
A {
	COLOR: #000; TEXT-DECORATION: none !important;
}
A IMG {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none; 
}
LI {
	LIST-STYLE-TYPE: none
}
body,td,th {
	font-family: 微软雅黑; 
}

body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #434343; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }

.scale_img dl img, .scale_img li img { -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0) }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

i,em{
	font-style: normal;
}

.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{ width:1340px; margin:0 auto}

.clear {
	clear: both;
}
.clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }

/*------------公用样式结束----------*/

/*top*/
.topbj{width: 100%;height:auto;padding-top:3px; background-color:#ececec; overflow:hidden;}
.topbj h1{ width:500px; height:auto;font-family:"微软雅黑"; font-size:14px; line-height:26px; color:#666; font-weight:normal; float:left;}

.head_nav_met_11_1_44 { min-height:30px; margin-bottom: 0; box-shadow: none;float:right;}
.head_nav_met_11_1_44 .met-langlist { width:200px; line-height: 30px; position: relative; }
.head_nav_met_11_1_44 .met-langlist li{width:50%; text-align:center; height:30px; float:left;}
.head_nav_met_11_1_44 .met-langlist a {line-height:21px; padding-top:10px; }
.head_nav_met_11_1_44 .met-langlist li:hover{background-color:#e7eaea;}
.head_nav_met_11_1_44 .met-langlist li:hover a{color:#0157e0;}
.head_nav_met_11_1_44 .met-head-user .dropdown-item {  line-height:30px;}
.head_nav_met_11_1_44 .met-head-user .dropdown-item i { color: #333333;}
.t_head{margin:0 auto; width:1340px; height:auto; padding-top:20px;  overflow:hidden;}
.t_head .t_logo{width:280px; height:117p;}
.t_head .t_by{width:700px; height:auto; text-align:left; font-family:"微软雅黑"; font-size:26px; color:#077fd6; line-height:35px; font-weight:bold; padding-top:25px; padding-left:15px;}
.t_head .t_by p{font-size:20px; color:#2c3134; line-height:30px; font-weight:normal;}
.t_head .t_tel{width:300px; height:auto; background:url(img/tel.png) left no-repeat; font-family:"微软雅黑"; font-size:14px; color:#2c3134; line-height:20px;text-align:left; padding-left:60px; margin-top:30px; float:right;}
.t_head .t_tel h2{ font-family:Arial, Helvetica, sans-serif; font-size:35px; color:#f41c23; line-height:40px;}

/*导航*/
#dh{width:100%; height:auto;background: linear-gradient(to left,#0a48b7,#077fd6);}
 #l-nav .navBtn{display:none}
 #l-nav .navSliBtn{display:none}
 #l-nav .iconJt{display:none}
 #l-nav .tNav{width:100%;margin:0 auto;overflow:hidden}
 #l-nav .navUl{ margin:0 auto;width:1340px;font-size:0;}
 #l-nav .navLi{ margin:0 0 0 3%;padding:0 .1vw;display:inline-block;font-size:1rem}
 #l-nav .navLi.nav08{display:none}
 #l-nav .navLi:hover .tNavH::before{width:100%;opacity:1}
 #l-nav .tNavH{position:relative}
 #l-nav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:5px;border-radius:10px 10px 0 0 ;background-color:#fff;opacity:0;transition:all .5s ease}
 #l-nav .tNav .navName{position:relative;display:block;padding:1.3rem .5vw;font-size:17px;color:#FFF;font-weight:normal;transition:all .5s ease}
 #l-nav .tNav.fixed .navName{color:#222;padding:1.3rem .5vw}
 #l-nav .navName::after{content:attr(data-title);position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#eaeaea}
 #l-nav .navLi:hover .navName{transform:translateY(-100%)}
 #l-nav .slidBox{position:fixed;left:0;right:0;width:70%;min-width:1024px;height:0;overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between;flex-wrap:nowrap;z-index:110;margin:0 auto;padding:0 18%;transition:all .5s ease;opacity:0}
 #l-nav .navLi:hover .slidBox{height:auto;opacity:1;background-color: rgba(247,247,247,1);}
 #l-nav .leftBox{flex:0 0 45%;overflow:hidden;max-width:520px;margin:46px 0px}
 #l-nav .img100{display:block;width:100%}
 #l-nav .right_img .img100{transition-duration:.5s}
 #l-nav .right_img:hover .img100{transform:scale(1.1)}
 #l-nav .rightBox{flex:0 0 40%;margin:46px 0px}
 #l-nav .left_text .onetitle{font-size:18px;line-height:1.1;color:#333;padding-bottom:20px;padding-top:20px;font-weight:bold;text-align:left}
 #l-nav .navSbox{display:flex;flex-wrap:wrap;justify-content:space-between}
 #l-nav .oneName{font-size:26px;padding-bottom:15px;color:#000;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 #l-nav .tNavSummry{line-height:24px;width:100%;height:auto;overflow:hidden;color:#666;font-size:14px;max-width:420px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
 #l-nav .tNavMore{display:block;position:relative;height:auto;padding-top:25px;border-top:1px dashed #ccc;margin-top:20px;cursor:pointer}
 #l-nav .txt{color:#000;transition:all .5s ease}
 #l-nav .leanMore{margin-left:2rem;transition:all .5s ease}
 #l-nav .tNavMore:hover .txt{color:#015bbb;margin-left:10px}
 #l-nav .tNavMore:hover .leanMore{color:#015bbb}
 #l-nav .navSli{flex:0 0 50%}
 #l-nav .navSimg{position:relative;width:100%;height:160px;overflow:hidden}
 #l-nav .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height:100%;transition:all .5s ease}
 #l-nav .navSbox .navSlink{display:block;font-size:16px;line-height:36px;color:#666;transition-duration:.3s}
 #l-nav .navSlink1{ width:600px;display:block;font-size:16px;line-height:30px;color:#666;transition-duration:.3s}
 #l-nav .navSbox .navSlink:hover{color:#e60013;transform:translateX(6px)}
 #l-nav .navSbox .navSlink:hover:before{background:#e60013}
 #l-nav .navSbox .navSlink:before{content:"";display:inline-block;vertical-align:top;margin-right:6px;width:4px;height:4px;background:#000;position:relative;top:16px}
 #l-nav .navSlink::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;opacity:0;background-color:#015bbb;transition:all .5s ease;display:none}
 #l-nav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1)}
 #l-nav .navSli:hover .navSlink::after{width:100%;opacity:1}

/*手机导航开始*/
#m_header{ display:none; height:auto; position:fixed; top:0; width:100%; z-index:9999; transition:0s 1.5s; background: rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); overflow:hidden;}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left; display: flex; align-items: center;}
#m_logo img{ display:block; height:66px;}
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;}
.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before{ background: #999;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav .top_search{ display: flex; justify-content: center; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem;}
#m_nav {
    z-index: -1;
    position: fixed;
    background: #eef2f6;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    }
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 99999;}
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.25rem;float:left; font-weight: bold;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url(img/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; }



/*banner*/
#banner {position: relative;overflow: hidden;width: 100%}
#banner ul {
	position: relative;
	overflow: hidden;
	width: 300%
}
#banner ul li {
	width: 33.333%;
	float: left
}
#banner ul li img {
	width: 100%;display: block;
}
#banner aside {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 0;
	width: 90%;
	right: 0;
	left: 0;
	margin: auto
}
#banner aside span {display: block;
	width:90px;
	height:150px;
	z-index: 63;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	cursor: pointer;
	opacity: 0;
	transition: all 0.3s;
	margin-top:-1%;
}
#banner:hover aside span{ 
	opacity: 1;}
#banner aside span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 20%;
	margin: auto;
	width:87px;
	height:87px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg)
}
#banner aside span.prev {
	float: left;
}

#banner aside span.next {
	float: right;
}
#banner aside span.next:after {
	left: 0;
	right: 20%;
	-webkit-transform: rotateZ(135deg);
	-moz-transform: rotateZ(135deg);
	-ms-transform: rotateZ(135deg);
	-o-transform: rotateZ(135deg);
	transform: rotateZ(135deg)
}
#banner>div {
	width:90px;
	position: absolute;
	right: 0;
	left: 0;
	bottom:7%;
	margin: 0 auto
}
#banner>div em {display: block;
	float: left;
	width:10px;
	height:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 4.75px;
	background: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}
#banner>div em.act {
	 background: #077fd6; border-radius:180px; width:30px; height:10px;}



.sl,.st,.st div,.sl div{
	overflow: hidden;
}






/*--手机导航--*/
.s-menu{
	width: 100%;
	height: auto;
	background-color:#32353b;
	text-align: center;
	overflow:hidden;
	
}
.ph-menu2{
	width: 100%;
	height: auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	overflow:hidden;

}
.ph-menu12 h2{
	display: block;
	margin:2px;
	padding:2%;
	height:20px;
	padding-top:5px;
	text-align: center;
	font-size: 14px;
	font-weight:normal;
	color: #fff;
	display: block;
}
.ph-menu12:hover h2{text-decoration: none;}
.ph-menu12:focus{text-decoration: none}


/*手机banner轮播*/
.sj-banner{width:100%; }
.sj-banner img{display:block;width:100%}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:10px;bottom:5px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}
.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#ff0;  position:relative;}

/*=========搜索========*/
.b_tiao{width:100%; height:243px; background:url(img/tiao.jpg) center no-repeat;}
.search{height:98px;background:#fff;border-bottom: 1px solid #e8e8e8; overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei"; margin-top:20px;}
.keywords{ font-weight: normal;width: 720px; overflow: hidden; float: left;}
.keywords b{height:40px; display: block; color: #333333; font-weight: normal; font-size: 28px;  line-height: 40px;margin-top:10px;}
.keywords a{color: #666666;line-height:28px;padding-right:16px;  font-size: 15px;}
.keywords a:hover{color:#d6070c}
.sea{overflow: hidden;  float: right;margin-top:32px;}
.inp01{border-style: none;  float:left;color: #a4a4a4; padding-left: 24px;width:312px; height: 42px;font-family:"Microsoft Yahei"; font-size: 15px; background:none;  line-height: 42px;background:none;background:#f2f2f2;border-top-left-radius: 25px;border-bottom-left-radius: 25px; box-sizing: border-box;}
.inp02{border-style: none;background: url(img/ss.png) no-repeat; cursor: pointer; height:42px;width:44px; display: inline-block; color: #fff;}
 @media screen  and (max-width:1401px) {
.search .content{width:1200px;}
 }
  
/*------------首页栏目----------*/
.sylm{margin:0 auto; width:auto; height:auto; text-align:center; padding-top:50px; padding-bottom:10px;font-family:"微软雅黑";}
.sylm h2{ font-size:36px; color:#434343; line-height:50px;}
.sylm p{ font-size:18px; color:#888; line-height:30px;}

.tit{text-align: center;font-weight:normal;font-size: 0;}
.tit span{display:block;font-size:36px;line-height:36px;color:#000;font-weight:bold; padding:18px 0 9px;}
.tit i{display:inline-block;font-size: 18px;line-height:30px;color: #888;}


/*--pic--*/
.p_more{margin:0 auto; width:140px; height:40px; text-align:center;  border:1px solid #666;border-radius:25px;}
.p_more a{font-family:"微软雅黑"; font-size:15px; color:#666; line-height:40px;}
.p_more:hover{background-color:#077fd6;border:1px solid #077fd6;transition: all .5s;}
.p_more:hover a{color:#fff;}


.k-width{ margin:0 auto; width:85%;padding-top:40px; }
.nav-list{height:50px;}
.nav-list>li{position:relative;float:left; background-color:#0a48b7; width:14%;margin:0.1%; text-align:center;border-radius:5px;}
.nav-list>li>a{position:relative;display:inline-block;color:#fff;font-size:17px; line-height:45px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.nav-list>li:hover>a:before{opacity:1;visibility:visible;}
.nav-list>li:hover{ background-color:#f31c23;}


@media (max-width:1800px){.nav-list>li>a{font-size:14px;}
}
@media (max-width:1560px){
    .nav-list>li>a{font-size:14px;}
}



/*下拉菜单*/
.k_nav{visibility:hidden;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.nav-list>li:hover .k_nav{visibility:visible;opacity:.95;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.k_nav,.kk-dropdown-menu{position:absolute;top:48px;right:1;z-index:99;width:220px; background-color:#0a48b7;padding:8px; border-right:1px solid #dbdada}
.k_nav>li,.kk-dropdown-menu li{line-height:50px;}
.k_nav>li a,.kk-dropdown-menu li a{display:inline-block;width:100%;padding:0 5px;font-size:16px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; color:#fff;}
.k_nav>li:hover>a{text-indent:10px;}
.kk-dropdown-menu li:hover a{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);}
.k_nav>li ~ li,.kk-dropdown-menu li ~ li{border-top:1px solid #dbdada;}
.kk-dropdown-menu{z-index:88;display:none;top:auto;right:auto;left:100%;margin-top:-59px;width:250px;overflow:hidden;transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.k_nav>li:hover .kk-dropdown-menu{display:block;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.k_nav>li>a{position:relative;width:100%;}
.k_nav>li>a.sj:after{position:absolute;right:15px;display:inline-block;width:0;height:0;margin-top:21px;vertical-align:middle;content:'';border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px dashed;}
.k_nav>li:hover .kk-dropdown-menu li{-webkit-animation-name:slide-left;-o-animation-name:slide-left;animation-name:slide-left;-webkit-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(1){-webkit-animation-delay:.02s;-o-animation-delay:.02s;animation-delay:.02s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(2){-webkit-animation-delay:.04s;-o-animation-delay:.04s;animation-delay:.04s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(3){-webkit-animation-delay:.06s;-o-animation-delay:.06s;animation-delay:.06s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(4){-webkit-animation-delay:.08s;-o-animation-delay:.08s;animation-delay:.08s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(5){-webkit-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(6){-webkit-animation-delay:.12s;-o-animation-delay:.12s;animation-delay:.12s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(7){-webkit-animation-delay:.14s;-o-animation-delay:.14s;animation-delay:.14s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(8){-webkit-animation-delay:.16s;-o-animation-delay:.16s;animation-delay:.16s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(9){-webkit-animation-delay:.18s;-o-animation-delay:.18s;animation-delay:.18s}
.k_nav>li:hover .kk-dropdown-menu li:nth-child(10){-webkit-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes slide-left{
    0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-o-keyframes slide-left{
    0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes slide-left{
    0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}


#cpzs{margin:0 auto; width:85%; height:auto; margin-top:40px;}
#cpzs li{height:auto;border: 1px solid #ccc; padding:10px; margin:0.5%;float:left;}
#cpzs li:hover{box-shadow:0 0 10px #aaa; background-color:#f5f5f5;transition: all .7s;}
#cpzs li .txt{text-align: center; padding-top:8px; padding-bottom:8px;}
#cpzs li .txt h3{ font-family:"微软雅黑"; line-height:40px; color:#434343;}
#cpzs li .txt ol span{ color:#0a48b7;}
#cpzs li .c_an{ margin:0 auto; width:65%;}
#cpzs li .c_an .more{ width:45%; float:left; margin-left:5%; height:auto; text-align:center; margin-top:5px; margin-bottom:10px; border-radius:5px; background-color:#0a48b7;}
#cpzs li .c_an .more a{ font-family:"微软雅黑";color:#fff; font-size:14px; line-height:30px;}
#cpzs li .c_an .more:hover{background-color:#d60724;transition: all .7s;}
#cpzs li .c_an .more:hover a{ font-family:"微软雅黑";color:#fff;}



.index_wrap .project_01 .item a{ transition: all .5s ease;position: relative;display: block;margin:0 auto; overflow: hidden; }
.index_wrap .project_01 .item a span{transition: all .5s ease; position: absolute;left:50%;bottom:20px;transform: translateX(-50%);font-size:20px;color:#fff; font-family:"微软雅黑"; }
.index_wrap .project_01 .item a img{ transition: all .5s ease; width: 100%;}
.index_wrap .project_01 .item a .pro_bg{visibility: hidden; transition: all .5s ease;position: absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(to left,#0a48b7,#077fd6);-webkit-opacity: 0;  -moz-opacity: 0;  -khtml-opacity: 0;  opacity: 0;  filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.index_wrap .project_01 .item a .text{ transition: all .5s ease;position: absolute;left:0;top:50%;margin-top: -36px;width:100%;text-align: center;-webkit-opacity: 0;  -moz-opacity: 0;  -khtml-opacity: 0;  opacity: 0;  filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.index_wrap .project_01 .item a .text h4{ font-family:"微软雅黑"; font-size: 18px;color:#fff; font-weight: lighter; }
.index_wrap .project_01 .item a .text p{ font-size: 18px;color:#fff;margin-top: 10px; font-weight: lighter; }
.index_wrap .project_01 .item a .text em{ transition: all .5s ease;margin:18px auto 0 auto;display: block;width:0;height:3px;background-color:#fff; }
.index_wrap .project_01 .item a .text h3{ font-size: 18px;color:#434343; font-weight: bold; line-height:40px;}
.index_wrap .project_01 .item a .text ol{margin-top: 10px; font-size: 14px;color:#666;line-height:30px; font-weight: lighter;  }
.index_wrap .project_01 .item a:hover .pro_bg{  visibility: visible; -webkit-opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.9;  opacity: 0.9;  filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
.index_wrap .project_01 .item a:hover img{ transform: scale(1.1,1.1); }
.index_wrap .project_01 .item a:hover .text{ -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;  opacity: 1;  filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.index_wrap .project_01 .item a:hover .text em{ width:40px; }
.index_wrap .project_01 .item a:hover span{ display: none; }


/*ys*/
.b_ys{padding:50px 0 0; background:url(img/ysbj.jpg) top center repeat; margin-top:50px;}
.b_ys h2{margin-bottom: 50px;}
.ys_con{background:url(img/ys_line.png) no-repeat center 0;padding-top: 22px;}
.b_ys dl{float: left;width: 536px;height: 486px;}
.b_ys dt{position: relative;height: 310px;}
.b_ys dt .tu{ width:100%; height:auto;overflow:hidden;}
.b_ys dt .tu img{transition: all .5s;}
.b_ys dt .tu:hover img {transform: scaleX(1.1) scaleY(1.1); }
.b_ys dt i{position: absolute;top: 22px;left: 13px;}
.b_ys dd{height:106px;}
.b_ys dd h3{float: left;width:148px;font-size:23px; line-height:35px; color:#0a48b7;margin-top:18px; padding-right:10px;}
.b_ys dd p{float: left;width:380px;font-size: 16px;color: #333;line-height: 28px;padding-left:25px;position: relative;margin-top: 28px;}
.b_ys dd p:after{position: absolute;width: 1px;height: 42px;background: #9f9f9f;content: "";left: 0;top: 7px;}
.b_ys dl.even{float: right;}
.b_ys dl.even dt{margin:54px 0 8px;}
.b_ys dl.even i{left: 13px;top: auto;bottom: 22px;}
.b_ys dd .zx{float: left;height: 50px;line-height: 50px;font-size: 16px;color: #333;width: 223px;padding-left: 82px;padding-right:30px;background:url(img/tel3.png) no-repeat 40px center #fdd100;border-radius: 25px;box-shadow:0 5px 16px rgba(57,57,57,0.2);}
.b_ys dd .zx i{font-size: 18px;}
.b_ys dd .tel{float: right;font-size: 15px;color: #333;line-height: 20px;}
.b_ys dd .tel i{display: block;font-size: 24px;line-height: 32px;}


/*ys*/
.n_ys{padding:50px 0 0; background:url(img/ysbj.jpg) top center repeat;}
.n_ys h2{margin-bottom: 50px;}
.ys_con{background:url(img/ys_line.png) no-repeat center 0;padding-top: 22px;}
.n_ys dl{float: left;width: 536px;height: 486px;}
.n_ys dt{position: relative;height: 310px;}
.n_ys dt .tu{ width:100%; height:auto;overflow:hidden;}
.n_ys dt .tu img{transition: all .5s;}
.n_ys dt .tu:hover img {transform: scaleX(1.1) scaleY(1.1); }
.n_ys dt i{position: absolute;top: 22px;left: 13px;}
.n_ys dd{height:106px;}
.n_ys dd h3{float: left;width:148px;font-size:23px; line-height:35px; color:#0a48b7;margin-top:18px; padding-right:10px;}
.n_ys dd p{float: left;width:380px;font-size: 16px;color: #333;line-height: 28px;padding-left:25px;position: relative;margin-top: 28px;}
.n_ys dd p:after{position: absolute;width: 1px;height: 42px;background: #9f9f9f;content: "";left: 0;top: 7px;}
.n_ys dl.even{float: right;}
.n_ys dl.even dt{margin:54px 0 8px;}
.n_ys dl.even i{left: 13px;top: auto;bottom: 22px;}
.n_ys dd .zx{float: left;height: 50px;line-height: 50px;font-size: 16px;color: #333;width: 223px;padding-left: 82px;padding-right:30px;background:url(img/tel3.png) no-repeat 40px center #fdd100;border-radius: 25px;box-shadow:0 5px 16px rgba(57,57,57,0.2);}
.n_ys dd .zx i{font-size: 18px;}
.n_ys dd .tel{float: right;font-size: 15px;color: #333;line-height: 20px;}
.n_ys dd .tel i{display: block;font-size: 24px;line-height: 32px;}




/*cys*/
.c_ys{width:auto; height:881px; background: url(img/c_ys.jpg) center no-repeat; margin-top:40px;}
.c_ys .tit{text-align: center;font-weight:normal;font-size:30px; padding-top:40px;}
.c_ys .tit span{display:block;font-size:36px;line-height:36px;color:#fff;font-weight:bold; padding:18px 0 9px;}
.c_ys .tit i{display:inline-block;font-size: 18px;line-height:30px;color: #fff;}

*{-webkit-box-sizing:border-box;}
#cys .p_articles{width:calc((100% - 0px)/4)}
#cys .p_CommonSummaryBoxA{text-align:center}
#cys .p_MatteIcon .iconfont:before{content:'\e602'}
#cys>div{animation-fill-mode:both}
#cys .newBox{width:100%;height:auto; margin-top:50px;overflow:hidden}
#cys .newContainer{width:100%;height:auto;overflow:hidden;margin:0px auto}
#cys .newLi{position:relative;overflow:hidden;padding:0px 20px}
#cys .newLi:after{content:'';position:absolute;width:100%;height:0%;background:rgba(234,28,35,1.0);left:0px;bottom:0px;z-index:0;transition:all .36s ease}
#cys .newLi:hover:after{height:100%}
#cys .n_flex{display:flex;align-items:center}
#cys .newCon{height:auto;width:100%;position:relative;z-index:2}
#cys .porTbox{position:relative;overflow:hidden;width:100%;height:auto;padding-bottom:78%}
#cys .newImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s ease}
#cys .porBbox{position:relative;overflow:hidden;width:100%;height:auto;padding:20px 0px 10px;border:0}
#cys .newTitle{font-size:1.8rem;color:#fff; line-height:3rem;overflow:hidden;text-overflow:ellipsis;position:relative;font-weight:bold;white-space:nowrap;width:100%}
#cys .newLi:hover .newTitle{color:#fff;}
#cys .newSummry{color:rgba(255,255,255,.8); font-size:16px; line-height:30px;margin:10px 0; height:100px;display:-webkit-box;overflow:hidden;line-height:1.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
#cys .newLi:hover .newSummry{color:#fff;}
#cys .lookDetail{position:relative;display:block;color:#26d903;height:38px;line-height:38px}
#cys .newLi:hover .lookDetail{color:#fff;}
#cys .arrowsR{position:absolute;top:50%;right:0px;transform:translate(0,-50%);width:30px}
#cys .arrowsR img{position:absolute;transition:all .5s ease}
#cys .harr{opacity:0}
#cys .showBox{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all .5s ease}
#cys .showBoxLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:2rem;padding:.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cys .showBoxLink::before{content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
#cys .showBoxLink::after{content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
#cys .lookDetail:hover .barr{opacity:0}
#cys .lookDetail:hover .harr{opacity:1}
#cys .newLi:hover .newImg{transform:translate(-50%,-50%) scale(1.1)}
@media only screen and (max-width:768px){
.c_ys{height:auto; background:url(img/s_c_ys.jpg) bottom center  repeat #0a48b7;}
#cys .newLi{padding:0px}
#cys .porBbox{padding:10px;}
}
@media only screen and (min-width:769px){
#cys .newContainer{max-width:auto}
#cys .newLi{width:calc(100% / 5);height:65.2vh;float:left;border-left:1px solid rgba(255,255,255,.1)}}
@media only screen and (max-width:1024px) and (min-width:769px){
#cys .newContainer{max-width:900px}
#cys .newLi{width:50%;height:400px}}
#cys .p_page .pre .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px}
#cys .p_page .next .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px}
#cys .p_more .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px}
#cys .p_loading .iconfont:before{shadow-angle:0px;shadow-distance:0px;shadow-angle-ofInset:0px;shadow-distance-ofInset:0px}
#cys{width:100%;max-width:none;min-width:320px;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px}



/*------------al----------*/
.a-width{ margin:0 auto; width:660px;}
.a-list{height:50px;}
.a-list>li{position:relative;float:left; background-color:#0a48b7; width:24.8%;margin:0.1%; text-align:center;border-radius:5px;}
.a-list>li>a{position:relative;display:inline-block;color:#fff;font-size:17px; line-height:45px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.a-list>li:hover>a:before{opacity:1;visibility:visible;}
.a-list>li:hover{ background-color:#f31c23;}

/*------------ry----------*/
div.indexmaindiv{height:120px;margin:0px auto;width:85%;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;}
div.indexmaindiv1{margin-top:45px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left top;margin:40px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left -28px;margin:40px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:241px; text-align:center;height:120px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{ margin:0 auto;width:241px;height:120px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:241px;height:103px;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left -56px;margin:40px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('img/arrowhead.png') no-repeat left -84px;margin:40px 0px 0px 15px;cursor:pointer;}

/*滚动*/
div.maindiv1{float:left;width:95%;height:120px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:241px;height:120px;margin-left:13px;}

/*------------news----------*/
.news{ width:100%;height:auto; background-color:#f5f5f5; padding-bottom:80px; overflow: hidden; padding-top:80px;}
.news_left{float: left;width:800px;}
.news_left p{ height: 132px; border-bottom: 1px dashed #d1d1d1;}
.news_left p i{ display: block; overflow: hidden; margin-bottom: 17px;}
.news_left p em{ display: block; line-height: 26px; font-size: 14px; color: #666;}
.news_left p em a{ color: #d60a09;}
.news_left p i{ display: block;}
.news_left p i span{ display: inline-block; width: 94px; height: 41px; box-sizing: border-box; text-align: center; padding: 5px 4px 0 0; line-height: 36px;background:url(img/n_hot.jpg) no-repeat; color: #c31911; font-size: 24px; margin-right: 15px; float: left;}
.news_left p i a{ display: inline-block; float: left; width: 595px; font-size: 22px; color: #333; margin-top:12px;}
.news_left dl{ overflow: hidden;border-bottom: 1px dashed #d1d1d1; padding:12px 0;}
.news_left dl:hover{background-color:#f9f9f9;}
.news_left dl dt{ float: left; overflow: hidden; width: 212px; height: 119px;}
.news_left dl dt img{width: 212px; height: 149px;transition: all .5s;}
.news_left dl:hover dt img {transform: scaleX(1.1) scaleY(1.1); }
.news_left dl dd{ float: right; width:540px; padding-top: 14px;}
.news_left dl dd h4{ font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_left dl dd h4 a{ color: #333;}
.news_left dl:hover dd h4 a{color: #d60a09;}
.news_left dl dd span{ display: block; font-size: 14px; color: #666; line-height: 26px; padding-top: 12px;}

.news_right{float: right;width:420px; height: 572px; background: linear-gradient(to left,#0a48b7,#077fd6); box-sizing: border-box; padding: 31px 27px 0;}
.news_right h4{padding-bottom: 19px;font-weight: normal;}
.news_right h4 a{ color: #fff; font-size: 26px;}
.news_right h4 span{ padding-left: 9px; font-family: Arial; font-size: 18px; color: #999;}
.news_right dl{ height: auto; margin-bottom:20px; overflow:hidden;}
.news_right dl dt{width:100%; height:100%; overflow:hidden;}
.news_right dl dt img{ width: 366px;transition: all .5s;}
.news_right dl:hover dt img {transform: scaleX(1.1) scaleY(1.1); }

.news_right dl dd h5{ margin-top: 18px; height:16px;padding-left: 18px;line-height: 100%; overflow: hidden;}
.news_right dl dd h5 a{ display: block; line-height: 100%; color: #f1f1f1; font-size: 16px;}
.news_right dl dd p{ color: #ccc; font-size: 14px; line-height: 25px; padding:6px 0 0 18px;}
.news_right ul li{ overflow: hidden; margin-bottom: 20px; line-height: 100%;}
.news_right ul li a{ display: inline-block; float: left; padding-left: 18px; color: #fff; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    width:76%; line-height: 100%;}
.news_right a:hover{  color: #f75202;}
.news_right ul li span{ display: inline-block; float: right; font-size: 12px; color: #999; line-height: 100%; padding-top:2px;}

/*------------简介---------*/
#aboutbj{width:100%; height:805px; background:url(img/aboutbj.jpg) center no-repeat; margin-top:40px;}
.about_t{width:100%; height:244px; background:url(img/about_t.png) bottom center no-repeat; margin-top:-244px;}
.about_t .a_left{width:557px; height:auto; padding-top:40px;text-align:left; font-family:"微软雅黑"; color:#343434; overflow:hidden;}
.about_t .a_left strong{font-size:38px;line-height:50px;}
.about_t .a_left p{font-size:24px; line-height:35px; padding-top:30px;}
.about_t .a_more{width:200px; height:244px; margin-left:21px;}
.about_t .a_right{ width:490px; height:154px; float:right; padding-top:90px;}
.about_t .a_right li{ width:143px; height:154px; float:left; margin-left:20px;}


.about-zw{margin:0 auto; width:1220px; height:auto;font-family:"微软雅黑"; color:#666; text-align:center; margin-top:50px; margin-bottom:30px;overflow:hidden;}
.about-zw h2{ font-size:20px; line-height:30px; font-weight:normal;}
.about-zw p{ font-size:15px; line-height:30px; padding-top:30px;}


#about{margin:0 auto; width:75%; height:auto; overflow:hidden;}
#about li{height:auto;border: 1px solid #ccc; padding:10px; margin:0.5%;float:left; overflow:hidden;}
#about li:hover{box-shadow:0 0 10px #aaa;transition: all .7s;}
#about li .txt{text-align: center; font-family: "微软雅黑"; font-size:14px; padding-top:8px; padding-bottom:8px;}
#about li .txt a{color:#343434;}



/*------------foot----------*/
#footer{width:100%; height:auto; background:url(img/foot.jpg) center no-repeat;padding-bottom:20px;overflow:hidden;}
#footer li{width:30%; height:300px; text-align:left; padding-top:10px; float:left;}
#footer li h2{font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:50px; padding-top:30px;}
#footer li a{font-size:15px; color:#ccc; line-height:26px; float:left; width:100%;}
#footer li a:hover{color:#0fffff;}


#footer dd{width:40%; height:300px; text-align:left; padding-top:10px; padding-left:50px; padding-right:50px; float:left;}
#footer dd h2{font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:50px; padding-top:30px; }
#footer dd a{ width:50%;font-size:15px; color:#ccc; line-height:26px; float:left;}
#footer dd a:hover{color:#0fffff;}
#footer ol{width:30%; height:270px; text-align:left; padding-top:20px; padding-left:100px; float:left;}
#footer ol h2{font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:50px; padding-top:30px;}
#footer ol p{font-size:15px; color:#ccc; line-height:26px; }

.foot-tiao{margin:0 auto; width:1340px; height:10px; border-bottom:1px solid #b8b8b8;}
.foot-an{margin:0 auto; width:150px; height:45px;background-color:#f31c23;text-align:center; font-family:"微软雅黑"; font-size:18px; color:#fff; margin-top:-20px;}
.foot-er{margin:0 auto; width:280px; text-align:center; height:120px; margin-top:40px; margin-bottom:20px;}
.foot-er em{width:120px; height:auto; overflow:hidden; background-color:#fff;float:left; margin-left:10px; margin-right:10px;}
.foot-er em p{color:#434343; font-size:14px; line-height:18px; padding-bottom:5px;}
.Copyright{width:100%;padding-top:8px; padding-bottom:8px; text-align: center; color:#fff; font-size:16px;}
.Copyright a{color:#fff; line-height:30px; font-size:16px;}
.Copyright a:hover{color:#fff;}

/* .video h4{ font-size: 1.5rem;} */

.btn_play{ width: 4rem; height: 4rem;}
.btn_play img{ width: 2rem;}


.n_banner{  background-size: cover !important; margin-top: 7.187rem;
    /* height: 28.75rem; */
}
.n_banner:before{ content: ""; display: block; width: 100%; padding-top: 23.95%; }
#n_main{ min-height: 300px;  }
.n_title {padding: 0;position: relative; padding-left:5%; padding-right:5%; } 
.n_title .m { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.n_nav { position: relative; }
.n_nav li{display: block; font-size: 1rem; margin-right: 3rem; color: #323232; float: left;line-height: 5.1rem;z-index: 1; position: relative; }
.n_nav li a{ display: block; } 
.n_nav li:before {content: "";width: 100%;height: 3px;position: absolute;background:#03258f; bottom:0; left:0; margin-left: -1px; transform: scaleX(0); transform-origin: top; transition: 0.3s ease-in-out; opacity: 0; z-index: -1;}
.n_nav li.on:before, .n_nav li:hover:before {opacity: 1; transform: scaleX(1);}   
.n_nav li.on a, .n_nav li:hover a{ color: #03258f;}
.position {left: 0;bottom: 0;font-size: 1rem;color: #5d5d5d; display: flex;align-items: center;}
.position>svg{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px;}
.position span, .position a, .position i {font-size: 1.0rem;color: #838486;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin:.25rem .5rem 0;font-style: normal;width: 12px;height: 12px;display: flex;align-items: center;}
.position span { color: #03258f;font-style: normal;}
.position em { color: #171717;font-style: normal;}
.position a:hover {color: #03258f;}

/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #0a48b7;}
#bnt_back { position: absolute; left: 1rem; top: 0; }
#bnt_back svg { fill: #fff; height: 50px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 50px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #03258f; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #03258f; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; width:100%; display: inline-block; margin-bottom: 0; text-align:left; float: left;  }
#sub_nav_content dt a { width:38%; float:left; margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #03258f; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #03258f; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #03258f;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #03258f; }




.form_fuwu{ margin: 0 -4.5px; width: 730px; max-width: 100%;}
.form_fuwu .row{ display: flex;}
.form_fuwu .groupbox{ display: flex; width: 50%; flex-grow: 1;  }
.form_fuwu .groupbox .group{border: 1px solid #e1e3e4; background: #fff; display: flex; align-items: flex-start; padding: 0 1.125rem; margin: 0 4.5px; margin-bottom: 1.25rem; width: 100%; position: relative; }
.form_fuwu .groupbox .group .span{  white-space: nowrap; line-height: 3.625rem; font-size: .875rem; color: #4f4f4f; display: flex; align-items: center; flex-shrink: 0;}
.form_fuwu .groupbox .group .span i{ color: red;}
.form_fuwu .groupbox .group .span img{ margin-right: .625rem;}
.form_fuwu .groupbox .group .yzm{ position: absolute;width: 116px; background: #fff; right: 0; top: 0; bottom: 0; height: 100%; object-fit:none;}
.form_fuwu .input{height: 3.625rem; flex-grow: 1; padding-left: 1rem; color: #262626; font-size: .9375rem; font-family:"微软雅黑", sans-serif;}
.form_fuwu .btnbox{ width: calc(100% - 345px);font-family:"微软雅黑", sans-serif; margin: 0 4.5px; }
.form_fuwu textarea{ width: 100%; height: 100%; padding-left: 1.25rem; font-size: .9375rem; padding-top: 1.125rem; line-height: 1.5; color: #262626;font-family:"微软雅黑", sans-serif; }
.form_fuwu .btn_tijiao{font-family:"微软雅黑", sans-serif;
  display: block;
  width: 13.4375rem;
  height: 3.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; font-size: .875rem; 
  background: #03258f; border: 0;
  color: #fff; 
  transition: .3s; 
}





/*翻页*/
.page { text-align:center; font-size: 0; color:#0a0a0a; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.page .box{ margin-top:4rem; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 10px; min-width: 30px; line-height:28px; height: 30px; box-sizing: border-box; border-radius: 2px; display:block; text-transform: capitalize; border: 1px solid #d2d5da; border-radius: 4px; margin:0 5px; color:rgba(51, 51, 51, 0.7); font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;  }
.page .on{ background:#0e45a9; color:#fff; border: 1px solid #0e45a9;}
.page a[href]:hover{ background:#0e45a9; border: 1px solid #0e45a9; color:#fff; text-decoration:none; }
.page span{ line-height:30px; display:inline-block; margin:0 8px; font-size:.875rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
 
.n_fengcai{}
.n_fengcai ul{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 1.125rem; row-gap: 1.125rem;}

.pic05 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.pic05 ul li a .img,.pic05 ul li a .img img{ width:100%; overflow:hidden; position:relative}
.pic05 ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.pic05 ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .pic05 ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .pic05 ul li a .img:after{filter:none;}/*for IE9*/
.pic05 ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-align: center; display: flex; align-items: center; justify-content: center;}
.pic05 ul li a .con h3{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.pic05 ul li a .con h3 img{ max-width:80%}
.pic05 ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}
.pic05 ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(14,69,169,0.9); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li:hover a .img:after{ left:0; width:0}
.pic05 ul li:hover a .con:before{ left:0; width:100%} 
.pic05 ul li:hover a .con h5{ height:1rem; margin-top: 1.25rem;}

.mybg{ background: #e3e7ee;}




.n_tt{ text-align: center; margin-bottom: 4rem;}
.n_tt h3{ font-size: 2.5rem; color: #252525; font-weight: bold; margin-bottom: .625rem;}
.n_tt span{ font-size: 1.5rem; color: #03258f; text-transform: uppercase; font-family: FRAMDCN; }

.arrstyle{}
.arrstyle .bd{ position: relative;}
.arrstyle .arr_left{ left: -6.25rem;}
.arrstyle .arr_right{ right: -6.25rem;}




.n_news_xq{ background: #e3e7ee;}
.n_news_xq .left {
	width: calc(100% - 385px);
	padding: 0 3.625rem 0 0;
	float: left;
}
.n_news_xq .right {
	width: 385px;
	float: right;
	background: #fff;
	position: sticky;
	top: 5rem;
	padding: 55px 36px 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.n_news_xq .right .tt {
	font-size: 1.375rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}
.n_news_xq .ar_title {
	margin-bottom: 2rem;
	border-bottom: #dadfe3 1px solid; 
	position: relative;
}
.n_news_xq .ar_title h3 {
	font-size: 2rem;
	color: #2d2d2d;
	line-height: 1.5;
margin-bottom: .375rem;
	font-weight: bold;
}
.n_news_xq .ar_title h6 {
	margin-bottom: 1rem
} 
.n_news_xq .ar_title h6 span img { margin-right: 5px;
}
.shart_box {
	display: inline-block;
	cursor: pointer
}
#share-21.social-share {
	 white-space: nowrap;
}
#share-21.social-share .social-share-icon {
	display: inline-block; border: 0 !important; 
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.social-share-icon{ background: #fff;}
/* #share-21.social-share .social-share-icon:hover {
	border: #03258f 1px solid !important;
	background: #03258f !important;
	color: #fff !important;
} */
#share-21.social-share .icon-wechat .wechat-qrcode .qrcode {
	height: 105px;
}
.right_search {
	margin-bottom: 34px;
}
.relative {
	position: relative;
}
.right_search .input {
	height: 54px;
	border: 1px solid #e0e1e8;
	width: 100%;
	background: none;
	padding: 0 20px;
	padding-right: 50px;
	font-size: 14px;
	color: #8a8a8c;
}
.right_search .btn_submit {
	position: absolute;
	border: 0 !important;
	outline: 0 !important;
	cursor: pointer;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	background: none;
	text-align: left;
}
.right_search .btn_submit:hover svg path {
	fill: #03258f;
}
.right_news {
}
.right_news ul {
	margin-top: -18px;
}
.right_news ul li {
	padding: 18px 0;
}
.right_news ul li+li {
	border-top: 1px solid #e3e5eb;
}
.right_news ul li a {
	display: block;
	overflow: hidden; display: flex; align-items: center;
}
.right_news ul li .img {
	width: 166px;
	height: 96px; flex-shrink: 0;
	float: left;
	margin-right: 9px;
}
.right_news ul li .img img {
}
.right_news ul li .txt { 
}
.right_news ul li .txt .time {
	font-size: 14px;
	color: #808182;
	font-family: arial;
	margin-bottom: 12px; display: flex; align-items: center;
}
.right_news ul li .txt .time svg{ flex-shrink: 0; margin-right: .375rem;}
.right_news ul li .txt p {
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	height: 44px;
	overflow: hidden;
}

.ar_fot2{  background: url(img/end.png) center top no-repeat; padding-top: 2rem; margin-top: 2rem;}
.ar_fot2 a{ display: block; font-size: .9375rem; line-height: 1.7; padding: .5rem; color: #707076;}
.ar_fot2 a:hover{ color: #03258f;}

.ar_title h6{ display: flex; justify-content: space-between; align-items: center;} 
.ar_time{ display: flex; font-size: 1.25rem; color: #03258f; font-family: FRADMCN; align-items: center; }
.ar_time img{ flex-shrink: 0;}




.list_box_zihzis{ display: flex;  flex-wrap: wrap; margin: 0 -.75rem;}
.list_box_zihzis li{width: 16.66%;padding: 0 .75rem;}
.list_box_zihzis li a{background: #dde1e7; display: block; padding-bottom: 1px;}
.list_box_zihzis li *{ transition: .5s;}
.list_box_zihzis li a h4{font-size: .875rem;color: rgba(26, 26, 26, 0.85);line-height: 1.125rem; height: 2.25rem; overflow: hidden; margin: 0;text-align: center;margin: 1rem;}
.list_box_zihzis li a .box{background: #e6e9ee;background-size: cover;padding: 2px 2px 0;}
.list_box_zihzis li a .img .img_hezi{padding-bottom: 137% !important;background: #fff;}
.list_box_zihzis li a .img img{max-width: 90%;max-height: 90%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: auto;height: auto;}
.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{ padding-bottom:60% !important}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.list_box_zihzis li:hover a{ background: #03258f; color: #fff;}
.list_box_zihzis li:hover a h4{ color: #fff;}
.list_box_zihzis li:hover a .box{ background: #03258f;}

.yewu_list{ display: grid; grid-template-columns: repeat(2,1fr); row-gap: 1.75rem; column-gap: 2.5rem;}
.yewu_list li{}
.yewu_list li .box{ display: flex; border: 1px solid #e5e8ea; border-radius: .625rem; overflow: hidden;}
.yewu_list li .img{ width: 23rem; flex-shrink: 0;}
.yewu_list li .img img{}
.yewu_list li .txt{ background: #edeff1; flex-grow: 1; padding: 2.375rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height:21rem;}
.yewu_list li .txt h4{ font-size: 1.125rem; color: #484848;}
.yewu_list li .txt p{ font-size: .875rem; line-height: 1.75rem; color: #757575; margin-top: .875rem; margin-bottom: 1.25rem;}
.yewu_list li .txt .btn_baojia{ width: 7.5rem; height: 2.5rem; transition: .5s; border: 1px solid #c9cacb; font-size: .875rem; color: #6d6d6d; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center;}
.btn_baojia svg{ margin-right: 6px;}
.yewu_list li .txt .btn_baojia:hover{ background: #2d55ba; border: 1px solid #2d55ba; color: #fff;}
.yewu_list li .txt .btn_baojia:hover svg path{ fill: #fff;}

.n_zizhi2{}
.zizhi2_list{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 2.5rem; row-gap: 3rem;}
.zizhi2_list li{ }
.zizhi2_list li a{ display: inline-block;}
.zizhi2_list li .picbox{ position: relative; display: inline-block;}
.zizhi2_list li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: rgba(255, 255, 255, .6);}
.zizhi2_list li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.zizhi2_list li p{ font-size: 1rem; color: #151515; text-align: center; margin-top: 1.5rem; position: relative;}
.zhuanli_border{ position: relative; z-index: 9; display: block; pointer-events: none;}
.zhuanli_border_shandow{ position: absolute; left: 0; top: 100%; height: auto; width: 100%;}


/*分类*/
.ph-proc{ margin:0 auto; width:700px;
  padding:10px; margin-bottom:40px; margin-top:20px; height:auto; overflow:hidden;
}
.ph-proc li{
 padding:1px 1%;
 float: left;
 width:24.7%;
 margin:1px;

}
.ph-proc a{
  display: block;
  padding:6% 2%;
  font-size:15px;
  color: #666;
  text-align: center;
  border-radius:5px; border:1px solid #888;
  box-sizing: border-box;
}
.ph-proc a:hover{
 
  border:1px solid #888; background-color:#003995; color:#fff;transition:all .5s ease
}



/*fd*/
.y-kefu-box { position: fixed; right: 0; top:40%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(images/right-icon.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #fff; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #fec20a; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fe660a; border-top: solid 1px #fff;position: relative; text-align: center;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #fec20a; border-color: #fec20a; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }


.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .back-top p{color: #fff; text-align: center;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #f31c23;}
.y-kefu-box01 .hver:hover>p { color: #fff; text-align: center;}
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height:24px; background-position: -5px -8px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -5px -8px; }
.y-kefu-box01 .kf-zixun1 a{color:#fff;}


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #f31c23;  position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos span { color:#fff; font-size:16px;}
.y-kefu-box01 .mobile-infos p { color: #fff; font-size: 18px; }
.y-kefu-box .right {width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
.y-kefu-box .right-arrow1,
.y-kefu-box .right-arrow2 {width: 0;height: 0;display: block;position: absolute;left: 0;top: 0; border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;}
.y-kefu-box .right-arrow1 {left: 1px;border-left: 6px #f31c23 solid;}
.y-kefu-box .right-arrow2 {border-left: 6px white solid;}

.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #f74f2e; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#fff;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }



/* 底部固定导航 */


.go_top{display: none;background:url(img/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#f31c23;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}

.fixed_footer, .wap_show{display: none;}
.mobile .fixed_footer{display: none;background-color:rgba(243,28,35,0.95);height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}
@media (min-width:640px){.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}
.mobile .fixed_footer a{float: left;width:33.33%;text-align: center;}
.mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
.mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}

@media( max-width:1210px ){
	.fixed_right, .footer .three, .footer .one, .footer .nav {display: none;}
	.mobile .fixed_footer{display: block;}
	.footer .two{width:100%;margin:0;}
	}


.ph-bq{
  margin-bottom:43px;
  padding:9px 15px 15px 15px;
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
  background-color: #434343;
}
.ph-bq p,
.ph-bq p a,
.ph-bq a{
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
}
.ph-bq img{
  display: block;
  margin:0 auto;
  margin-top: 10px;
}

 /*ph页脚*/

.ph-foot{
  position: fixed;
  bottom:0px;
  left: 0px;
  padding-bottom:10px;
  width: 100%;
  background-color: #5e5d5d;
  overflow: hidden;
  border-top:1px solid #fff;
  border-radius: 15px 15px 0px 0px;
}
.ph-foot li{
  float: left;
  padding:10px 0px;
  width: 25%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.ph-foot li img{
  display: block;
  margin:0 auto;
  width: 25%;
}
.ph-foot li p{
  display: block;
  margin-top:15px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}





/* 内页 */
.padding0-sm-mini{padding:0px;}
.ny-about{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyabout.jpg) top center no-repeat;}
.ny-lxwm{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nylxwm.jpg) top center no-repeat;}
.ny-pic{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nypic.jpg) top center no-repeat;}
.ny-factory{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyfactory.jpg) top center no-repeat;}
.ny-ywly{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyywly.jpg) top center no-repeat;}
.ny-news{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nynews.jpg) top center no-repeat;}
.ny-sxfc{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nysxfc.jpg) top center no-repeat;}
.ny-zpxx{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyzpxx.jpg) top center no-repeat;}
.ny-bgqy{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nybgqy.jpg) top center no-repeat;}
.ny-zzry{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyzzry.jpg) top center no-repeat;}



.aboutbj{width:100%; height:auto; background-color:#f8f8f8; overflow:hidden;}
.vid{padding-top:40px; padding-bottom:60px; overflow:hidden;}
.vid .vid-left{width:700px; float:left;padding-top:14px;}
.vid .vid-left h2{margin-bottom: 38px;}
.vid .vid-left h2 span{display: block; height:52px; line-height:52px;font-size: 48px; color:#424242;}
.vid .vid-left h2 em{font-size: 29px; line-height:40px; color:#ff0004; font-weight: normal;}
.vid .vid-left h2 p{display: block; height:49px; line-height:49px;font-size:36px; color:#424242; font-weight: normal;} 
.vid .vid-left p{ font-size:15px;line-height:30px; color:#666; }
.vid .vid-left .a_more{width:140px; height:40px; text-align:center; margin-top:30px; background-color:#003993;}
.vid .vid-left .a_more a{color:#fff; line-height:40px; font-size:14px;}
.vid .vid-left .a_more:hover{ background-color:#d80103;transition:0.5s;}
.vid .vid-right{width:600px; float:right;padding-top:30px;}


.n_aboutbj{width:auto; height:auto; background:url(img/n_aboutbj.jpg) bottom center no-repeat;overflow:hidden;}
.vid_j{padding-top:60px; padding-bottom:160px; overflow:hidden;}
.vid_j .vid-left{width:840px; float:left;padding-top:14px; padding-bottom:50px; }
.vid_j .vid-left h2{margin-bottom:8px;}
.vid_j .vid-left h2 span{display: block; height:52px; line-height:52px;font-size: 48px; color:#424242;}
.vid_j .vid-left h2 em{font-size: 29px; line-height:40px; color:#ff0004; font-weight: normal;}
.vid_j .vid-left h2 p{display: block; height:49px; line-height:49px;font-size:36px; color:#424242; font-weight: normal;} 
.vid_j .vid-left p{ font-size:15px;line-height:30px; color:#666;}

.n_whbj{width:100%; height:auto;  padding-top:50px; padding-bottom:50px; overflow:hidden;}
.n_whbj h2{width:auto; height:auto; text-align:left;font-size: 48px; color:#424242; padding-bottom:30px;}
.n_whbj h2 p{font-size: 29px; line-height:40px; color:#ff0004; font-weight: normal;}
.n_whbj li{width:23%; height:220px; background-color:#f8f8f8; text-align:left; padding:20px; padding-top:40px; margin:1%; float:left;}
.n_whbj li h3{ font-size:30px; color:#8B7C93; line-height:50px;}
.n_whbj li p{ font-size:20px; color:#666; line-height:35px;}
.n_whbj li:hover{box-shadow:0 0 11px #d2d2d2;z-index:1;transition:300ms;}

.n_zzbj{ width:100%; height:900px; padding-top:60px; background:url(img/n_zzbj.jpg) top center no-repeat; overflow:hidden;}
.n_zzbj h2{width:auto; height:auto; text-align:left;font-size: 48px; color:#424242; padding-bottom:30px;}
.n_zzbj h2 p{font-size: 29px; line-height:40px; color:#ff0004; font-weight: normal;}
.n_zzbj ul{margin:0 auto; width:1300px; height:auto; text-align:center; overflow:hidden;}

.list_contact{margin-bottom:66px;}
.mapBox{width: 100%;position: relative;}
.mapBox iframe{width: 85%;height: 620px;}
.mapWrap{width:500px;background: #fff;padding: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);box-shadow: 0 0 15px rgba(0,0,0,0.1);box-sizing: border-box;}
.mapWrap li{padding-left: 50px;line-height:2.5;position: relative;color: #333; font-size:1.0rem;}
.mapWrap li img{position: absolute; width:10%;left: 0;top: 0;}
.bgImg{}
.nMore{border: 1px solid #D4D4D4;width: 164px;height: 48px;line-height: 48px;border-radius: 25px;display: inline-block;text-align: center;position: relative;overflow: hidden;}
.nMore::before{width: 300px;height: 300px;border-radius: 50%;position: absolute;left:-100px;top:-100px;content: '';background: linear-gradient(to right,#187BD7,#0554A7);transform: scale(0);transition: all 0.6s ease-in-out;}
.nMore span{position: relative;z-index: 2;color: #999;}
.nMore span:after{content: '';width: 16px;height:24px;display: inline-block;margin-left: 10px;transition: all 0.3s ease-in-out;position: relative;top: 1px;}
.nMore:hover::before,.NewsTuwenTwo:hover dd a .nMore::before{transform: scale(1);}
.nMore:hover span,.NewsTuwenTwo:hover dd a .nMore span{color: #fff;}
.nMore:hover span:after,.NewsTuwenTwo:hover dd a .nMore span:after{filter: brightness(0) invert(1);}




.jt-page{
  width:auto;
  height: 80px;
  border-bottom:1px solid #EBEBEE;
}
.ny-top{
	width: 100%;
	height: auto;
}

.jt-ny-tit{
  position: relative;
  height: 400px;
}
.jt-ny-tit h2{
  position: absolute;
  bottom:0px;
  left:0px;
  width:200px;
  height: 50px;
  background-color: #3985ff;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 26px;
}


.ny-pagemenu{
  text-align:left;
}
.ny-pagemenu li{
  margin:0px;
  padding:0px;
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.ny-pagemenu li a{
  display: block;
  color: #323232;
  font-size:1rem;
  padding: 27px;
}

.ny-pagemenu li:hover:after{
  width: 63px;
  left:16px;
}
.ny-pagemenu li:hover a{
  color: #122b88;
}
.ny-pagemenu-ov:after{
  width: 63px !important;
  left:16px !important;
}

.ny-pagemenu-ov a{
   color: #323232 !important;
}

.ny-pagemenu-ov:hover a{
   color: #122b88 !important;border-bottom:2px solid #122b88;
}

.ny-loc{
  margin-top: 28px;
  font-size: 14px;
  text-align: right;
  float:right;
}
.ny-loc i{
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: 1px;
}
.ny-loc em{
  display: inline-block;
  background: url(img/location-li.png) no-repeat;
  width: 3px;
  height: 5px;
  margin: 0 10px;
  position: relative;
  top: -2px;
}
.ny-loc a {
  display: inline-block;
    color: #6a6a6a;
    font-weight: bold;
}
.ny-loc span {
  padding-left:3px;
  font-size: 14px;
  color: #6a6a6a;
}
.ny-loc p:last-child{
  color: #6a6a6a;
    font-weight: bold;
}




.ny-loc1{ margin:0 auto; width:1400px;
  margin-top: 28px;
  font-size: 14px;
  text-align: left;
}
.ny-loc1 i{
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: 1px;
}
.ny-loc1 em{
  display: inline-block;
  background: url(img/location-li.png) no-repeat;
  width: 3px;
  height: 5px;
  margin: 0 10px;
  position: relative;
  top: -2px;
}
.ny-loc1 a {
  display: inline-block;
    color: #6a6a6a;
    font-weight: bold;
}
.ny-loc1 span {
  padding-left:3px;
  font-size: 14px;
  color: #6a6a6a;
}
.ny-loc1 p:last-child{
  color: #6a6a6a;
    font-weight: bold;
}





.ny-pagemenu1{
  text-align:left; float:right;
}
.ny-pagemenu1 li{
  margin:0px;
  padding:0px;
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.ny-pagemenu1 li a{
  display: block;
  color: #fff;
  background-color:#0065b3;
  font-size:20px;
  padding: 27px;
}

.ny-pagemenu1 li:hover:after{
  width: 63px;
  left:16px;
}
.ny-pagemenu1 li:hover a{
  color: #fff;
}
.ny-pagemenu1-ov:after{
  width: 63px !important;
  left:16px !important;
}
.ny-pagemenu1-ov a{
   color: #fff !important;
   font-weight: bold;
}




/*--首页栏目--*/
.nyzw{margin:0 auto; width:1340px; height:auto; font-family:"微软雅黑"; font-size:16px; color:#434343; margin-top:40px; margin-bottom:40px; line-height:30px;text-align:left;overflow:hidden;}
.nyzw h3{font-size:24px; color:#003995; font-weight:normal;}
.nyzw h4{font-size:36px; color:#003995; font-weight:bold; line-height:60px;}
.nyzw h5{font-size:26px; color:#222; font-weight:bold; line-height:40px;}
.nyzw h6{font-size:20px; color:#434343; font-weight:bold; line-height:40px;}
.p_nyzw{margin:0 auto; width:80%; height:auto; margin-bottom:40px; overflow:hidden;}
.p_nyzw strong{font-size:20px; line-height:35px;}
.p_nyzw p{font-size:16px; line-height:30px;}
.p_nyzw .k-width{ margin:0 auto; width:100%;padding-top:40px; }
.w-width{ margin:0 auto; width:900px;padding-top:40px; }
.w-width .nav-list>li{width:16%;}
.z-width{ margin:0 auto; width:500px;padding-top:40px; }
.z-width .nav-list>li{width:49%;}



.nycpfl{ margin:0 auto; width:1280px; height:auto; margin-top:30px; overflow:hidden;}
.lx-nyzw{margin:0 auto; width:1280px; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; line-height:28px;text-align:left;padding-top:50px;padding-bottom:50px;overflow:hidden;}
.n-ysbj{width:auto; height:auto; background:url(img/f-bj1.jpg) top center no-repeat; padding-top:50px; padding-bottom:50px; margin-bottom:20px; overflow:hidden;}
.n-plan{height:auto;font-family:"Microsoft Yahei";font-size: 16px;line-height: 24px;text-align: center;color: #666;}
.ny-news01{width:100%;height: auto;}
.ny-news01 li{
  width:31%; float:left;
  margin:1%;
  background-color:#f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width:100%;
	height:360px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 100%;
	height:360px;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-news01 li:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
  width:120px;
  height:30px;
  margin-top:5px;
}
.ny-news01 li .l01 .n-day{
  width: 100%;
  height:20px;
  font-size:14px;
  color: #ccc; font-weight:bold;
  text-align: left;
  line-height:20px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  transition: all 0.4s ease-in-out;
}
.ny-news01 li:hover .l01 .n-day{color: #888;}
.ny-news01 li .l01 .n-month{
  width: 100%;
  font-size: 15px;
  color: #555;
  text-align: center;
  letter-spacing: 0px;
}
.ny-news01 li .r01{
  float: left;
  width:100%; padding:10px;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height:60px;
  overflow:hidden;
  font-size:18px;
  line-height:30px;
  font-weight:normal;
  color: #434343;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r01 a h2 span{color:#e60002; font-weight:normal; margin-right:10px;}
.ny-news01 li .r01 p{
  display: block;
  width: 100%;
  height:80px;
  font-size:15px;
  color: #888;
  letter-spacing: 0px;
  line-height: 180%;
  overflow: hidden;
}
.ny-news01 li .more{width:120px; height:30px; border:1px solid #ccc;text-align:center; }
.ny-news01 li .more a{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ccc;}
.ny-news01 li:hover .more{background-color:#666;transition: all 0.3s ease-in-out;}
.ny-news01 li:hover .r01 a h2{ color:#ff0004;}


.ny-news01 li .r02{
  float: left;
  width:100%;
  padding-left:20px;
  height: auto;
}
.ny-news01 li .r02 a h2{
  display: block;
  width: 100%;
  height: 60px;
  overflow:hidden;
  font-size:16px;
  line-height:26px;
  font-weight:normal;
  color: #434343;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r02 a h2 span{color:#e60002; font-weight:normal; margin-right:10px;}
.ny-news01 li .r02 p{
  display: block;
  width: 100%;
  height:86px;
  font-size: 14px;
  color: #888;
  padding-top:10px;
  letter-spacing: 0px;
  line-height: 150%;
  overflow: hidden;
}




/*新闻详情页样式*/
.newszwbj{ width:auto; height:auto; overflow:hidden;}
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:30px; line-height:40px;color:#535353; border-bottom:1px solid #ccc; font-weight:normal;}
.new-xq{
  margin:0px auto;
  margin-top:30px;
  width:100%;
  height: auto;
  overflow:hidden;
}
.new-xq-l{
  width:100%;
  height:auto;
  text-align:left;
  
}
.new-xq-l .date1{
  width: 100%;
  height: auto;
  text-align: left;
}
.new-xq-l .date1 .year1 {
  font-size: 20px;
  color: #000;
  line-height:30px;
  font-family: "微软雅黑";
  font-weight:normal;
  text-align: center;
}
.new-xq-l .date1 .year1 span{
  position: absolute;
  z-index:2;
  display:block;
  font-size:15px;
  color: #b2b2b2;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px; 

}
.new-xq-l .date1:before{
  content: "";
  display: block;
  width: 100%;
  height:30px;
  position: absolute;
  left: 0;
  z-index:1;
}
.new-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #27cbf1;
  font-family:Impact;
  letter-spacing: 0px;
}
.new-xq-l .read1{
  position:relative;
  z-index:22222;
  width:120px;
  font-size:13px;
  padding-top:0px;
  text-align: center;
  background-color:#efeeee;
  color: #888;
  letter-spacing: 0px;
  float:right;
 
}
.new-xq-l .read1 strong{
  font-weight: bold;
}
.new-xq-r{
  margin:0 auto;
  padding:10px;
  width:auto;
  height:auto;
  margin-bottom:30px;
  text-align:center;
  background-color:#efeeee;
  overflow: hidden;
}
.new-xq-r p{
  display: block;
  height: auto;
  font-size: 14px;
  color: #666;
  text-align:left;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.new-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}


.ny-l01 {
    float: left;
    width: 250px;
}
.ny-r01 {
    float: right;
    width: 956px;
}
.ny-l-fenlei{
  padding:20px 15px 50px 15px;
  background-color: #043d77;
  border-radius: 15px;
}
.ny-l-fenlei .ny-fl-tit{
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.ny-l-fenlei .line01{
  margin:0 auto;
  margin-top: 15px;
  width: 60%;
  height: 5px;
  background-color: #fff;
}
.ny-fenlei1{
  height: auto;
  overflow: hidden;
}
.ny-fenlei1 dt a{
  display: block;
  margin:15px 0px;
  width: 100%;
  height: 30px;
  background-color: #fbe000 ;
  font-size: 17px;
  color: #000;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
}
.ny-fenlei1 dd a{
  display: block;
  padding:3px;
  width: 100%;
  border-bottom:1px dashed #5084b5;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.ny-fenlei1 dd a:hover{
  background-color: #039de5;
  color: #fff;
}
.ny-fenlei1-hover{
  background-color: #facd00 !important;
  color: #525252 !important;
}

.pic-jj{
  margin:0 auto;
  padding:10px;
  width:auto;
  height:auto;
  font-size:16px;
  text-align:left;
  line-height:26px;
  background-color:#efeeee;
  overflow: hidden;
}
.pic-jj p{
  display: block;
  height: auto;
  font-size:18px;
  color: #666;
  text-align:left;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}

/*wh*/
.wh_js{width:49%; height:550px;padding-left:40px; padding-top:60px;text-align:left; color:#fff; background:url(img/wh_js.jpg) left center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; float:left;}
.wh_js:hover{background-size:105%;}
.wh_js h3{font-size:26px; line-height:50px;font-weight:bold;}
.wh_js p{font-size:18px; line-height:30px;}
.wh_l{width:49%; height:570px; float:right;}
.wh_l li{width:auto; height:265px; padding-left:40px; padding-top:60px; text-align:left; color:#fff; background:url(img/wh_zz.jpg) center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; margin-bottom:20px;}
.wh_l li:hover{background-size:105%;}
.wh_l li h3{font-size:26px; line-height:50px;font-weight:bold;}
.wh_l li p{font-size:18px; line-height:30px;}
.wh_l li:nth-child(2){background:url(img/wh_zz1.jpg) center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; }
.wh_l li:nth-child(2):hover{background-size:105%;}
.wh_z{width:auto; height:325px;}
.wh_z li{width:49%; height:315px;padding-left:40px; padding-top:60px; text-align:left; color:#fff; background:url(img/wh_ln.jpg) left center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; float:left;}
.wh_z li:nth-child(2){ background:url(img/wh_ln1.jpg) left center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s;float:right;}
.wh_z li:hover{background-size:105%;}
.wh_z li h3{font-size:26px; line-height:50px; font-weight:bold;}
.wh_z li p{font-size:18px; line-height:30px;}





.h-proc2{
    margin:0 auto;
	width:auto;
	height: auto;
	margin-bottom:30px;
	text-align: center !important;
}
.h-proc2 a{
	display: inline-block;
	margin:2px;
	height:45px;
	width:13.8%;
	margin:0.2%;
	background-color:#434343;
	font-size:15px;
	color: #ccc;
	text-align: center;
	line-height:45px;
	border-spacing:5px;
}
.h-proc2 a:hover{
	background-color: #f08226;
	color: #fff;}
.x_sylm{width:auto; height:auto; background-color:#f9f9f9; padding:10px; text-align:left; margin-bottom:30px;}
.x_sylm h2{font-size:18px;}
.n_pro{height:auto;position: relative;width:auto; margin-bottom:50px; overflow: hidden;}
.n_pro li{float:left;width:32%;margin:10px 0.5% 0; height:450px;}
.n_pro li dl{width:100%;height:410px;  position: relative;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.n_pro li dl a{text-decoration: none; }
.n_pro dt{width: 100%;}
.n_pro dt img{width: 100%; height:300px;display: block;}
.n_pro dd{height: auto;padding-top: 10px; background-color:#f5f5f5;box-sizing: border-box; text-align: center; color: #333333;}
.n_pro dd h3 {height: 40px; line-height: 40px;  color: #333333; font-size:22px; display: block; text-align: center;}
.n_pro dd em{ color:#e31b1d;}
.n_pro dd  p{padding:0 10px; height:auto; text-align: center; margin-bottom:10px; line-height: 24px; font-size: 14px; color: #888888;}
.n_pro dd .m-more{width: 154px; height:40px; line-height:40px; display: block;margin:0 auto; color: #fff; background: #e31b1d; text-align: center; }
.n_pro dd .s-more{ margin:0 auto;width:80%; height:25px; line-height:25px; border-radius:10px;display: block;margin:0 auto; background: #e31b1d; text-align: center; }
.n_pro dd .s-more a{color:#fff; font-size:12px;}
.n_pro li:hover dd{background-color:#e31b1d;}
.n_pro li:hover .m-more{background-color:#434343}
.n_pro li:hover dd em{ color:#fff;}
.n_pro li:hover dd p{ color:#fff;}
.n_pro li:hover dd h3{ color:#fff;}
.n_pro li dl:hover{margin-top: 8px; }
.n_pro li dl:hover img{box-shadow: 0 0 10px #ccc;}
.n_pro li dl:hover span{display: block;}


/*==left==*/
.pic_left{width:20%; height:auto;background-color:#f0f0f0;float:left; overflow:hidden;}
.pic_left h1.title3{ background-color:#0a48b7; color:#fff;}
.pic_left h1.title3 i{background-color:#fe660a}
.pic_left .lx{ width:auto; padding:10px; text-align:left; font-size:15px; line-height:30px;}
.pic_right{width:75%; margin-right:5%;float:left;}

.huoban{border:1px solid #dcdcdc;overflow:hidden;}
.huoban img{width:100%;}
.huoban-p{padding:3px;}


/*====================手机====================*/
@media only screen and (max-width: 768px){
.topbj{display: none;}
	.t_head{width:auto; height:auto; padding-top:0px; padding-bottom:0px;}
	.t_head{display: none;}
	#dh{display: none;}
	#banner{display: none;}
	.w1300{width:auto;}
	
	.keywords{display: none;}
	.search{margin-top:0px;}
	.sea{ margin:0 auto; width:95%; margin-top:25px;}
	.inp01{width:80%;}
	.b_tiao{display: none;}
	.sylm{padding-top:20px;}
	.sylm h2{font-size:24px;}
	.sylm p{font-size:16px; line-height:20px;}
	
	.k-width{width:95%; padding-top:20px;}
	.w-width{width:95%; padding-top:20px;}
	.z-width{width:95%; padding-top:20px;}
	.nav-list{height:auto;}
	.nav-list>li{ width:48%; margin:1%;}
	.k_nav, .kk-dropdown-menu{width:100%;}
	.k_nav>li a, .kk-dropdown-menu li a{font-size:14px;}
	
	#cpzs{width:auto; padding:5px; margin-top:20px;}
	#cpzs li{margin:0.9%;}
	#cpzs li .more{width:auto;}
	#cpzs li .txt{padding-bottom:0px;}
	#cpzs li .txt ol{display: none;}
	#cpzs li .c_an{width:auto;}
	
	.a-width{width:auto;}
	.a-list{height:auto; overflow:hidden;}
	.a-list>li{ width:48%; margin:1%;}
	
	.tit i{font-size:16px;}
	.b_ys dl{width:auto; height:auto;}
	.b_ys h2{margin-bottom:10px;}
	.ys_con{ background:none;}
	.b_ys dl{float:none;}
	.b_ys dd{width:auto; padding:10px; height:auto; overflow:hidden;}
	.b_ys dd h3{width:100%; margin-top:0px;}
	.b_ys dd p{width:auto; padding-left:0px; margin-top:0px;}
	.b_ys dd p:after{display: none;}
	.b_ys dl.even{float:none;}
	
    
	
	#aboutbj{height:150px; background:url(img/aboutbj.jpg) top center no-repeat;background-size:110% auto; margin-top:30px;}
	.about_t{background:url(img/about_t.png) top left no-repeat; margin-top:0px;}
	.about_t .a_left{width:auto; height:auto; padding:10px;}
	.about_t .a_left strong{font-size:26px;line-height:40px;}
	.about_t .a_left p{font-size:18px; line-height:30px; padding-top:10px;}
	.about_t .a_more{display: none;}
	.about_t .a_right{ width:auto; height:auto;padding-top:0px; background-color:#f0f0f0;}
	.about_t .a_right li{ width:33%; height:auto; float:left; margin-left:0px;}
	.about_t .a_right li  img{width:100%; height:auto;}
	.about-zw{width:auto;padding:10px; margin-top:20px; margin-bottom:0px;}
	.about-zw h2{font-size:18px;}
	.about-zw p{text-align:left;}
	#about{ width:auto; padding:5px;}
	#about li{ margin:0.7%;}
	
	
	div.indexmaindiv{display: none;}
	
	
	 #fhal{width:auto; padding:8px;}
	 #fhal li{margin:0.8%;}
	.news{width:auto;height:auto; overflow: hidden;margin-top:30px; padding-top:30px; padding-bottom:0px;}
    .news_left{width:auto; float:none; padding:10px; }
	.news_left p{height:auto;}
	.news_left dl{margin-bottom:0px;}
	.news_left dl dd{width:auto;}
	.news_left p i a{width:auto; font-size:20px;}
	 .news_right{width:auto; height:auto;padding:15px; float:none;}
	 .news_right h4{padding-left:20px;}
	 .news_right dl dd h5{padding-left:0px;}
	 .news_right dl dd p{padding:6px 0 0 0px}
	 #footer{background:url(img/foot.jpg) top repeat;}
	 #footer li{display: none;}
	#footer dd{width:auto; height:auto; padding:10px;}
	#footer dd a{width:50%; float:left;}
	#footer ol{width:auto; height:auto; padding:10px; padding-bottom:30px;}
	#footer ol h2{padding-top:0px;}
	.foot-tiao{width:auto;}
	.foot-er{width:auto; height:auto; text-align:center;}
	.foot-er em{width:45%; margin:2%;}
	.Copyright{padding-bottom:50px;}
     .y-kefu-box{display: none;}

	 
    .ny-about{ height:160px;background-size:210% auto;}
	.ny-zpxx{ height:160px; background-size:210% auto;}
    .ny-lxwm{height:160px;background-size:210% auto; }
	.ny-pic{height:160px;background-size:210% auto; }
	.ny-factory{height:160px;background-size:210% auto; }
	.ny-sxfc{height:160px;background-size:210% auto; }
	.ny-news{height:160px;background-size:210% auto; }
	.ny-ywly{height:160px;background-size:210% auto; }
	.ny-bgqy{height:160px;background-size:210% auto; }
	.ny-zzry{height:160px;background-size:210% auto; }
	.p_nyzw{width:95%;}
	.showlist dl ul{width:80% !important;}
	
	.nyzw h4{ font-size:22px; line-height:30px;}
	.nyzw h5{font-size:18px; line-height:30px;}
	.ny-pagemenu li{margin-top:10px;}
	
    .jt-page{ width: 100%; height: auto;background-color: #fff; font-size: 0; border-bottom: 1px solid #eaeaea; overflow:hidden;}
	.ny-pagemenu li a{padding:10px 5px;}
    .ny-top{width: 100%;height: auto;}
	.jt-ny-tit{position: relative; height:156px;}
	.jt-ny-tit h2{width:140px; height:35px; font-size:20px; line-height:35px;}
	.ny-loc{display: none;}
	.tr_wh{width:auto; padding-top:0px;}
	
	.aboutbj{width:auto; padding:20px;}
	.vid{padding-top:10px; padding-bottom:40px; overflow:hidden;}
	.vid .vid-left{width:auto;}
	.vid .vid-left h2{margin-bottom:10px;}
	.vid .vid-left h2 span{height:42px; line-height:42px;font-size:28px;}
	.vid .vid-left h2 em{font-size:20px; line-height:30px;}
	.vid .vid-left h2 p{height:29px; line-height:29px;font-size:20px;} 
	.vid .vid-left p{font-size:15px;line-height:30px; color:#666; }
	.vid .vid-right{width:100%; float:right;padding-top:40px;}

    .n_aboutbj{background:url(img/n_aboutbj.jpg) bottom center no-repeat #b8bfd1; padding:20px;}
	.vid_j{padding-top:0px; }
	.vid_j .vid-left h2{margin-bottom:8px;}
	.vid_j .vid-left h2 span{font-size:28px;}
	.vid_j .vid-left h2 em{font-size: 20px;}
	
	.n_whbj{width:auto; padding:20px;padding-top:50px; padding-bottom:50px; }
	.n_whbj h2{font-size:28px;}
	.n_whbj h2 p{font-size:20px; line-height:40px; }
	.n_whbj li{width:100%; height:auto; padding:20px;}
	.n_whbj li h3{ font-size:24px; color:#8B7C93; line-height:50px;}
	.n_whbj li p{ font-size:18px; color:#666; line-height:35px;}
	
	.n_zzbj{ width:auto; height:auto; padding:20px;background:url(img/n_zzbj.jpg) bottom center no-repeat; overflow:hidden;}
	.n_zzbj h2{width:auto; height:auto; text-align:left;font-size:28px; color:#424242; padding-bottom:30px;}
	.n_zzbj h2 p{font-size:20px; line-height:40px; color:#ff0004; font-weight: normal;}
	.n_zzbj ul{width:100%; height:auto; text-align:center; overflow:hidden;}
	
	.n_fl{width:auto; padding:10px; overflow:hidden;}
	.n_fl ul{width:100%; padding-bottom:30px; text-align:right;}
    .n_fl li{ width:31%;float: left;text-align: center; margin:1%;}
    .n_fl li a{width:auto;height:auto;line-height:30px; padding:5px;background: #03258f;border-radius:5px;box-sizing:border-box;display: block;color: #fff !important;overflow:hidden;}
	.probox .sy_lm li a, .newbox .sy_lm li a{ font-weight:normal;}
    
	.bgImg{height:auto; margin-top:-70px; overflow:hidden;}
	.mapBox{height:500px;}
	.mapWrap{ top:1%;transform:translateY(50%);}
	
	.nyzw{width:auto;padding:10px; margin-top:0px;}
	.nyzw h3{font-size:18px; color:#274195; font-weight:normal;}

	.sf{display: none;}
	.showleft{display: none;}
	
	.ny-news01{width:auto}
	.ny-news01 li{width:auto;}
	.ny-news01 li .tu1{width:100%; margin-bottom:10px;}
	.ny-news01 li .r01{width:100%; margin-left:0px; padding-left:0px;}
	.ny-news01 li .l01{display: none;}
	.ny-news01 li .r01 a h2{font-size:16px; line-height:30px; font-weight:bold;}
	.ny-news01 li .r01 p{font-size:14px;}
	
	
	.ny-news01 li .r02{width:100%; margin-left:0px; padding-left:0px;}
	.ny-news01 li .l02{display: none;}
	.ny-news01 li .r02 a h2{font-size:14px; font-weight:bold;}
	
	
	.new-xq-l{display: none;}
	.new-xq-r{display: none;}
	.new-xq-r p{
	  width:100%;
	}
   
   
   .n_pro{margin-top:10px; width:auto;}
	.n_pro li{width:48%; height:auto;}
	.n_pro dt img{height:160px;}
	.n_pro dd h3{font-size:18px;}
	.n_pro li dl{height:auto;}
	.n_pro dd p{display: none;}
	.n_pro dd .m-more{display: none;}

	
	
	

	.ny-pagemenu1{display: none;}
	.n_li{padding-top:0px; padding-bottom:10px;}
	.ny-loc1{margin-top:0px;}
	
	.c1-con ul li .tu img{width:100% !important;height:auto;transition: .5s;}
	

	/*系统原样式修改*/
	.min_box_content{display: none;}
	.showpics{margin:3% !important;}
	.page_list span{display: none!important;}
	.showlist li .t{line-height:25px!important;}
	.showlist li img{height:130px !important;}

}


/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
.topbj{display: none;}
	.t_head{width:auto; height:auto; padding-top:0px; padding-bottom:0px;}
	.t_head{display: none;}
	#dh{display: none;}
	#banner{display: none;}
	.w1300{width:auto;}
	
	.keywords{display: none;}
	.search{margin-top:0px;}
	.sea{ margin:0 auto; width:95%; margin-top:25px;}
	.inp01{width:80%;}
	.b_tiao{display: none;}
	.sylm{padding-top:20px;}
	.sylm h2{font-size:24px;}
	.sylm p{font-size:16px; line-height:20px;}
	
	.k-width{width:95%; padding-top:20px;}
	.w-width{width:95%; padding-top:20px;}
	.z-width{width:95%; padding-top:20px;}
	.nav-list{height:auto;}
	.nav-list>li{ width:31%; margin:1%;}
	.k_nav, .kk-dropdown-menu{width:100%;}
	.k_nav>li a, .kk-dropdown-menu li a{font-size:14px;}
	
	#cpzs{width:auto; padding:5px; margin-top:20px;}
	#cpzs li{margin:1%;}
	#cpzs li .more{width:auto;}
	#cpzs li .txt{padding-bottom:0px;}
	#cpzs li .txt ol{display: none;}
	#cpzs li .c_an{width:auto;}
	
	.a-width{width:auto;}
	.a-list{height:auto; overflow:hidden;}
	.a-list>li{ width:48%; margin:1%;}
	
	.tit i{font-size:16px;}
	.b_ys dl{width:auto; height:auto;}
	.b_ys h2{margin-bottom:10px;}
	.ys_con{ background:none; padding:4%;}
	.b_ys dl{float:none;}
	.b_ys dd{width:auto; padding:10px; height:auto; overflow:hidden;}
	.b_ys dd h3{width:100%; margin-top:0px;}
	.b_ys dd p{width:auto; padding-left:0px; margin-top:0px;}
	.b_ys dd p:after{display: none;}
	.b_ys dl.even{float:none;}
	
    
	
	#aboutbj{height:150px; background:url(img/aboutbj.jpg) top center no-repeat;background-size:110% auto; margin-top:30px;}
	.about_t{background:url(img/about_t.png) top left no-repeat; margin-top:0px;}
	.about_t .a_left{width:auto; height:auto; padding:10px;}
	.about_t .a_left strong{font-size:26px;line-height:40px;}
	.about_t .a_left p{font-size:18px; line-height:30px; padding-top:10px;}
	.about_t .a_more{display: none;}
	.about_t .a_right{ width:auto; height:auto;padding-top:0px; background-color:#f0f0f0;}
	.about_t .a_right li{ width:33%; height:auto; float:left; margin-left:0px;}
	.about_t .a_right li  img{width:100%; height:auto;}
	.about-zw{width:auto;padding:10px; margin-top:20px; margin-bottom:0px;}
	.about-zw h2{font-size:18px;}
	.about-zw p{text-align:left;}
	#about{ width:auto; padding:5px;}
	#about li{ margin:0.7%;}
	
	
	div.indexmaindiv{display: none;}
	
	
	 #fhal{width:auto; padding:8px;}
	 #fhal li{margin:0.8%;}
	.news{width:auto;height:auto; overflow: hidden;margin-top:30px; padding-top:30px; padding-bottom:0px;}
    .news_left{width:auto; float:none; padding:10px; }
	.news_left p{height:auto;}
	.news_left dl{margin-bottom:0px;}
	.news_left dl dd{width:auto;}
	.news_left p i a{width:auto; font-size:20px;}
	 .news_right{width:auto; height:auto;padding:15px; float:none;}
	 .news_right h4{padding-left:20px;}
	 .news_right dl dd h5{padding-left:0px;}
	 .news_right dl dd p{padding:6px 0 0 0px}
	 #footer{background:url(img/foot.jpg) top repeat;}
	 #footer li{display: none;}
	#footer dd{width:auto; height:auto; padding:10px;}
	#footer dd a{width:50%; float:left;}
	#footer ol{width:auto; height:auto; padding:10px; padding-bottom:30px;}
	#footer ol h2{padding-top:0px;}
	.foot-tiao{width:auto;}
	.foot-er{width:auto; height:auto; text-align:center;}
	.foot-er em{width:45%; margin:2%;}
	.Copyright{padding-bottom:50px;}
	


  .ny-about{ height:230px;background-size:130% auto;}
	.ny-zpxx{ height:230px; background-size:130% auto;}
    .ny-lxwm{height:230px;background-size:130% auto; }
	.ny-pic{height:230px;background-size:130% auto; }
	.ny-factory{height:230px;background-size:130% auto; }
	.ny-sxfc{height:230px;background-size:130% auto; }
	.ny-news{height:230px;background-size:130% auto; }
	.ny-ywly{height:230px;background-size:130% auto; }
	.ny-bgqy{height:230px;background-size:130% auto; }
	.ny-zzry{height:160px;background-size:130% auto; }



	
	.aboutbj{width:auto; padding:20px;}
	.vid{padding-top:10px; padding-bottom:40px; overflow:hidden;}
	.vid .vid-left{width:auto;}
	.vid .vid-left h2{margin-bottom:10px;}
	.vid .vid-left h2 span{height:42px; line-height:42px;font-size:28px;}
	.vid .vid-left h2 em{font-size:20px; line-height:30px;}
	.vid .vid-left h2 p{height:29px; line-height:29px;font-size:20px;} 
	.vid .vid-left p{font-size:15px;line-height:30px; color:#666; }
	.vid .vid-right{width:100%; float:right;padding-top:40px;}

    .n_aboutbj{background:url(img/n_aboutbj.jpg) bottom center no-repeat #b8bfd1; padding:20px;}
	.vid_j{padding-top:0px; }
	.vid_j .vid-left h2{margin-bottom:8px;}
	.vid_j .vid-left h2 span{font-size:28px;}
	.vid_j .vid-left h2 em{font-size: 20px;}
	
	.n_whbj{width:auto; padding:20px;padding-top:50px; padding-bottom:50px; }
	.n_whbj h2{font-size:28px;}
	.n_whbj h2 p{font-size:20px; line-height:40px; }
	.n_whbj li{width:48%; height:150px; padding:20px;}
	.n_whbj li h3{ font-size:24px; color:#8B7C93; line-height:50px;}
	.n_whbj li p{ font-size:18px; color:#666; line-height:35px;}
	
	.n_zzbj{ width:auto; height:auto; padding:20px;background:url(img/n_zzbj.jpg) bottom center no-repeat; overflow:hidden;}
	.n_zzbj h2{width:auto; height:auto; text-align:left;font-size:28px; color:#424242; padding-bottom:30px;}
	.n_zzbj h2 p{font-size:20px; line-height:40px; color:#ff0004; font-weight: normal;}
	.n_zzbj ul{width:100%; height:auto; text-align:center; overflow:hidden;}

}



/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.sj-banner{display: none;}
	.s-menu{display: none;}
	.ph-bq{display: none;}
	.ph-foot{display: none;}
	#ph-menu-tu{display: none;}
	.sjzz{display: none;}
}


