@charset "utf-8";
@import url('../css/animate.min.css');
html { margin:0px; padding:0px;}
body { font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; color: #3a3a3a; background:#fff; margin: 0px; font-size:16px;;line-height: 30px;padding: 0px;}
a{ font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; text-decoration: none; color: #3a3a3a;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu{ display: block; margin: 0px;}
a:hover {font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;  text-decoration: none; color: #0067d0;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
h1,h2,h3,h4,h5,h6{display:block;padding:0px;margin: 0px;font-family:"微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; font-weight:normal;}
ul,ol,li,form,img,dl,dt,dd,em,i{margin:0;padding:0;border:0;font-size:14px;font-family:"微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
ul,li { list-style:none;}
p{margin:0;padding:0;border:0;font-size:16px;font-family:"微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
em,i { font-style: normal; }
s{text-decoration: none;}
img{ border: 0px !important; }
input,button,select { margin: 0; vertical-align: middle; outline: none;font-family:"微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; }
dl,dt,ul,ol { margin: 0px; display: block; padding: 0px; list-style: none; }

.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */ opacity:0.14;}


.img_fd1 img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd1:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */ }

.img_fd2 img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd2:hover img{transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); 	/* IE 9 */ -moz-transform: scale(1.05, 1.05); 	/* Firefox */ -webkit-transform: scale(1.05, 1.05); /* Safari 和 Chrome */ -o-transform: scale(1.05, 1.05); 	/* Opera */ }


/*top*/
header { position: fixed; top: 0; left: 0; width: 100%; height: 85px; z-index: 10; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 0;-moz-box-shadow: 0px 1px 5px #0b0205; box-shadow: 0px 1px 5px #0b0205; background-color:#FFFFFF;}
header .header-wrap { width: 96%; height: 100%; padding: 0 3%; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
header .header-wrap .logo { display: -webkit-box; display: -ms-flexbox; display: flex }
header .header-wrap .logo img { width: 120px;}
header .header-wrap .logo .img1 { display: block; margin-top:-5%; }
header .header-wrap .top_search { float:right;}
.top_search1 { position:relative;}
.sousuo { position:absolute; right:-25px; top:-9px; display:none; z-index:1000; width:180px;}
.sousuo .sousuo_input {font-size:14px; width:160px; height:30px; padding-left:8px; border:1px solid #dcdcdc; border-radius:5px;background-color:#FFFFFF; float:left;}
.sousuo .sousuo_submit { float:right; padding-top:5px;}
.top_search1:hover .sousuo{ display:block;}

header .header-wrap .top_search img { margin-left:30px;}
header .header-wrap .nav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; float:left; width:100%;}
header .header-wrap .nav-wrap a{ display:block; color: #282828; font-size: 16px; padding:0 20px; height: 85px; line-height: 85px; -webkit-transition: all .5s ease;transition: all .5s ease;  -webkit-box-sizing: border-box; box-sizing: border-box;border-right:1px solid #f0f0f0; text-align:center;}
header .header-wrap .nav-wrap>li .active, header .header-wrap .nav-wrap>li a:hover { background-color:#0067d0;-webkit-box-sizing: border-box;box-sizing: border-box; color:#FFFFFF;}
header.active { background: #fff;-moz-box-shadow: 0px 1px 5px #0b0205; box-shadow: 0px 1px 5px #0b0205; }
header .menu{ display: none }
header.active .nav-wrap a { color: #333 }

/*导航修改*/
header .header-wrap .nav-wrap li{
	position: relative;
	z-index: 111;
	
	width:13.5%;
}

header .header-wrap .nav-wrap li:nth-child(5) ul{
	margin-left: -140px;
}
header .header-wrap .nav-wrap li:nth-child(6) ul{
	margin-left: -132px;
}
header .header-wrap .nav-wrap li ul{
	position: absolute;
	background: white;
	left: 50%;
	top: 85px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
	border-radius:0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
	height: 0;
	overflow: hidden;
	margin-left:-125px;
}
header .header-wrap .nav-wrap li:hover>ul{
	opacity: 1;
	height: auto;
	overflow: visible;
}
header .header-wrap .nav-wrap li ul li{
	min-width: 250px;
	margin: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	white-space:nowrap;
}
header .header-wrap .nav-wrap li ul li a{
	line-height:40px;
	height:40px;
	border-right:none;
	font-weight:100;
	display:block;
	color:#000000;
}
header .header-wrap .nav-wrap li ul li a:hover{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: #0067d0;
	color: white;
	display:block;
	font-weight:normal;
}


/*浮动*/
header .menu-pc { position: fixed; right: 0; top: 50%; margin-top: -155px; width: 50px }
header .menu-pc ul { display: block; margin: 0px; padding: 0px; }
header .menu-pc ul li { width: 100%; height: 50px; color: #282828; display: -webkit-box; display: -ms-flexbox; display: flex;   align-items: center; text-align: center; position: relative; margin-bottom: 2px;}
header .menu-pc ul li a{display: block; width: 100%;}
header .menu-pc ul li img { display: block; margin: 0 auto }
header .menu-pc .back {cursor: pointer; position: absolute; right: 6px; bottom: -1px; z-index: -1; display:none;}
header .menu-pc .back.active { bottom: -51px; display:block;}

header .menu-pc ul li dl.dianhua{display:none;background: #ebebeb;width: 160px; height: 50px; line-height: 50px; color: #282828; font-weight: bold; font-size: 16px;position: absolute; left: 0px; top: 0px;opacity: 0;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
header .menu-pc ul li dl.haoma { color:#0067d0;}
header .menu-pc ul li dl.dianhua img { padding-top:12px;}
header .menu-pc ul li:hover dl.dianhua a{color: #282828;font-size: 16px;display: block;}
header .menu-pc ul li:hover dl.dianhua{display: block; opacity: 1; left: -155px;}

header .menu-pc ul li dl.menu-pc-mess{display:none;background: #fff; width: 220px; height: 400px; border:1px solid #dcdcdc; position: absolute; left: -222px; top: 0; opacity: 0;}
header .menu-pc ul li dl.menu-pc-mess .menu_pc_mess_title{display: block; height: 38px; line-height: 38px; font-size: 18px; color: #000; text-align: center; background-color:#eaeaea;}
header .menu-pc ul li dl.menu-pc-mess .mess_input{ width:200px; margin:10px auto;}
header .menu-pc ul li dl.menu-pc-mess .mess_input input{ font-size:14px; width:180px; height:30px; padding-left:8px; border:1px solid #dcdcdc; border-radius:5px;}
header .menu-pc ul li dl.menu-pc-mess .mess_submit { margin:15px auto;}
header .menu-pc ul li dl.menu-pc-mess .mess_submit input { width:188px; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#b41d24; border:1px solid #b41d24; border-radius:5px; font-size:16px;}
header .menu-pc ul li dl.menu-pc-mess .mess_qq { margin-top:10px;} 
header .menu-pc ul li:hover dl.menu-pc-mess{display: block; opacity: 1; }
header .menu-pc ul li:hover{background: #ebebeb;}

.menu-button{display: none;}

@media (max-width:1200px) {
header .header-wrap .nav-wrap a{padding:0 10px;}

}


@media (max-width:1000px) {
	
header .header-wrap .top_search img{
	     margin-left: 0px; 
    width: 80%;
}
.menu-button {display: block;}
header .header-wrap .top_search , header .header-wrap .nav-wrap, header .menu-pc { display: block }
header { height: 3rem; width: 100%;}
header .header-wrap { width: 100%; padding: 0 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box }
header .header-wrap .logo img { width: 4rem; height: auto;}
header .header-wrap .menu-button { width: 2.5rem; /*height: 2.5rem; */color: #000; font-size: 2.5rem;}
header.active .header-wrap .menu-button {display: block; color: #000;}
header .menu { position: fixed; top: 0; width: 100%; height: 100%; background: #3a3a3a; padding: 0 1.7rem; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; left: 100vw; display: block }
header .menu .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative }
header .menu .hd .clone { width: 3rem; height: 100%; position: absolute; left: 1.2rem; top: 0; background: url(../images/delete-icon.png) center/2rem 2rem no-repeat;
}
header .menu .hd img{width: 30%;}
header .menu ul {display: block; padding: 0 1.75rem }
header .menu ul li{ display: block; height: 3.5rem; line-height: 3.5rem; border-bottom: 1px solid #fff }
header .menu ul li a{ display: block;font-size: 1.2rem; color: #fff ;}
header .menu.active { left: 0 }
}

/*banner*/
.index_show{position: relative;width: 100%;background: #fff; margin-top:85px;}
.bxslider{height: auto;overflow: hidden;width: 100%;}
.bxslider li{width: 100%;height: auto;overflow: hidden;}
.bxslider li a{display: block; width: 100%; position: relative; left: 50%; top:0;margin: 0 auto 0 -50%;}
.bxslider li a img{display: block; width: 100%;}
.bx-controls{display: none;}
#bx-pager{position: absolute;left: 50%;bottom:10px;z-index:5;margin-left: -90px;padding-bottom: 6px;}
#bx-pager a{float: left;width: 32px;height: 7px;margin-left: 10px; background: #1d3561;border-radius:3px;}
#bx-pager a:hover{text-decoration: none;}
#bx-pager .active{position: relative;background: #fff;}

@media (max-width:1000px) {
.index_show{position: relative;width: 100%;background: #fff; margin-top:3rem;}
.bxslider{height: auto;overflow: hidden;width: 100%;}
.bxslider li{width: 100%;height: auto;overflow: hidden;}
.bxslider li a{display: block; width: 100%; position: relative; left: 50%; top:0;margin: 0 auto 0 -50%;}
.bxslider li a img{display: block; width: 100%;}
.bx-controls{display: none;}
#bx-pager{position: absolute;left: 50%;bottom:10px;z-index:10;margin-left: -40px;padding-bottom: 6px;}
#bx-pager a{float: left;width: 20px;height: 1px;margin-left: 10px; background: #1d3561;}
#bx-pager a:hover{text-decoration: none;}
#bx-pager .active{position: relative;background: #fff;}	
}

.main-box{width: 94%; margin: 0 3%;}
.img-100 img{display: block; width: 100%;}
.dixian{display: block; height: 1px; width: 365px; background: #aaaaaa; margin:0px auto;}
.list-title{ width:100%;display: block; margin:70px auto;}
.list-title-big { width:535px; margin:0px auto;font-size: 36px;line-height: 60px; color: #000;font-weight: bold; overflow:hidden;text-align: center;}
.list-title img { margin-top:14px; margin-right:10px; float:left;}
.list-title span{display: block; height: 45px; line-height: 45px; font-size: 16px; color: #3a3a3a; font-weight: normal; text-align:center;}


@media (max-width:1000px) {
.index-jsnl{width: 94%; margin: 0 3%; height:60rem;}
}


.list-title span a{font-size: 16px;color: #3a3a3a;}

a.index-more{display: inline-block; font-size: 16px;color: #000; padding-left:20px;}
a.index-more:hover{color: #0067d0; font-weight:bold;}
a.index-more1{display: inline-block; font-size: 16px;color: #fff;}
a.index-more1:hover{color: #000; font-weight:bold;}
@media (max-width:1000px) {
.list-title{display: block; margin:1rem auto;}
.list-title-big { width:20rem; margin:0px auto;font-size: 1.8rem;line-height: 3rem; color: #000;font-weight: bold;}
.list-title img { margin-top:0.7rem; height:1.8rem; margin-right:10px; float:left;}
.list-title span{display: block;height: auto; line-height: 2rem; font-size: 0.5rem; color: #888;}
.list-title span a{font-size: 0.5rem;color: #888;}
	
a.index-more{display: inline-block; font-size: 0.8rem;color: #000;}
a.index-more:hover{color: #0067d0; font-weight:bold;}
a.index-more1{display: inline-block; font-size: 0.8rem;color: #fff;}
a.index-more1:hover{color: #000; font-weight:bold;}
}
/*about*/
.index-about1 { width:100%; height:605px; background-color:#fafafa;}
.index-about1 s{background-color:#0067d0; width: 50%; overflow: hidden; float: left; text-align:center;}
#.index-about1 s{background-color:#0067d0; height:605px; width: 50%; overflow: hidden; float: left; text-align:center;}
.index-about1 s img{ height:100%; width:100%; text-align:center;}
#.index-about1 dl{display: block; height:605px; width: 50%;float: right;}
.index-about1 dl{display: block;  width: 50%;float: right;}

.index-about1 dl .index-about2 { width:92%; margin:0 4%; height:458px;}
.index-about1 dl .index-about2 h2{display: block;height: 80px; line-height: 120px; font-size: 30px; color: #000;font-weight: bold; text-align:left; border-left:2px solid #0067d0; padding-left:18px;}
.index-about1 dl .index-about2 .ftitle { padding-left:20px; font-size:24px; padding-top:50px; font-weight:bold;}
.index-about1 dl .index-about2 p{ padding-left:20px; display: block; margin: 0px; padding: 30px 20px; font-size: 16px; line-height: 30px;}

.index-about1 .about_icon {  width: 94%;float: right; padding: 0px 3%; overflow:hidden; background-color:#e7e7e8;}
.index-about1 .about_icon li { float:left; width:16.5%; height:147px; background:url(../images/about_xian.png) right no-repeat; text-align:center;}
.index-about1 .about_icon li:nth-child(7){ background:none;}
.index-about1 .about_icon li a {font-size:16px; display:block; line-height:107px; margin-top:40px;}

.index-about1 .about_icon li:nth-child(1) a{ background:url(../images/about_icon1.png) center top no-repeat;overflow:hidden;}
.index-about1 .about_icon li:nth-child(1) a:hover { background:url(../images/about_icon1_hover.png) center top no-repeat; margin-top:30px; height:180px;}
.index-about1 .about_icon li:nth-child(2) a{ background:url(../images/about_icon4.png) center top no-repeat; overflow:hidden;}
.index-about1 .about_icon li:nth-child(2) a:hover { background:url(../images/about_icon4_hover.png) center top no-repeat; margin-top:30px; height:180px;}
.index-about1 .about_icon li:nth-child(3) a{ background:url(../images/about_icon6.png) center top no-repeat; overflow:hidden;}
.index-about1 .about_icon li:nth-child(3) a:hover { background:url(../images/about_icon6_hover.png) center top no-repeat; margin-top:30px; height:180px;}
.index-about1 .about_icon li:nth-child(4) a{ background:url(../images/about_icon7.png) center top no-repeat;overflow:hidden;}
.index-about1 .about_icon li:nth-child(4) a:hover { background:url(../images/about_icon7_hover.png) center top no-repeat; margin-top:30px; height:180px;}
.index-about1 .about_icon li:nth-child(5) a{ background:url(../images/about_icon5.png) center top no-repeat; overflow:hidden;}
.index-about1 .about_icon li:nth-child(5) a:hover { background:url(../images/about_icon5_hover.png) center top no-repeat; margin-top:30px; height:180px;}
.index-about1 .about_icon li:nth-child(6) a{ background:url(../images/about_icon2.png) center top no-repeat; overflow:hidden;}
.index-about1 .about_icon li:nth-child(6) a:hover { background:url(../images/about_icon2_hover.png) center top no-repeat; margin-top:30px; height:180px;}
.index-about1 .about_icon li:nth-child(7) a{ background:url(../images/about_icon7.png) center top no-repeat; overflow:hidden;}
.index-about1 .about_icon li:nth-child(7) a:hover { background:url(../images/about_icon7_hover.png) center top no-repeat; margin-top:30px; height:180px;}


@media (max-width:1000px) {
.erweima{width:40%;float:left;}
.erweima img{width:100%}
.foot_contact{margin-left: 172px;}
.copyright{clear:both;}
}

@media (max-width:1000px) {
.index-about1 s{ width:100%; text-align:center;}
.index-about1 s img { width:100%; height:auto;}
.index-about1 dl{ width:100%;display: block;}
.index-about1 dl .index-about2 { width:98%; margin:0 1%; height:15rem; overflow:hidden;}
.index-about1 dl .index-about2 h2{display: block;height: 3rem; line-height: 4rem; font-size: 1rem; color: #000;font-weight: bold; text-align:left; border-left:2px solid #0067d0; padding-left:0.5rem;}
.index-about1 dl .index-about2 .ftitle { padding-left:0.5rem; font-size:0.8rem; padding-top:1rem; font-weight:bold;}
.index-about1 dl .index-about2 p{ padding-left:0.5rem; display: block; margin: 0px; padding: 0.5rem 0; font-size: 0.7rem; line-height: 1.5rem;}
.index-about1 .about_icon {  width: 98%; padding: 0px 1%; margin-top:20px;background-color:#e7e7e8; overflow:hidden; display:block; margin-bottom:1rem; height: 5rem;}
.index-about1 .about_icon li { float:left; width:16%; height:4rem; background:url(../images/about_xian.png) right no-repeat; text-align:center;}
.index-about1 .about_icon li a {font-size:0.5rem; display:block; line-height:5rem; margin-top:0.5rem; padding-top: 1rem;}
}

.jsnl_body_box { width:100%; height:904px; background:url(../images/bg.jpg) center top no-repeat; background-size:100%; position:relative; background-attachment:fixed; margin:0 auto;}
.jsnl_body { width:90%; height:400px; margin:0 5%;background: rgba(255,255,255,0.95); position:absolute; top:23%;}
.jsnl_title { text-align:center; font-size:18px; font-weight:bold; margin-top:65px; color:#000000;}
.jsnl_title span { font-size:24px; color:#b41d24;}
.jsnl_text { font-size:16px;line-height:30px; width:90%; margin:30px 5%;}
.jsnl_more { width:100%; height:60px; text-align:center; margin-top:5%; line-height:60px;background: rgba(0,103,208,0.95);}

@media (max-width:1000px) {
.jsnl_body_box { width:100%; height:25rem; background:url(../images/jsnl_bg.jpg) center top no-repeat; background-size:100% 100%; position:relative; background-attachment:fixed; }
.jsnl_body { width:90%; height:28rem; margin:0 auto;background: rgba(255,255,255,0.95); position:static;}
.jsnl_title { text-align:center; font-size:0.8rem; font-weight:bold; margin-top:1rem; color:#000000;}
.jsnl_title span { font-size:1rem; color:#b41d24;}
.jsnl_text { font-size:0.8rem;line-height:1.2rem; width:90%; margin:0.5rem 5%;}
.jsnl_more { width:100%; height:1.5rem; text-align:center; margin-bottom:0; line-height:1.5rem;background: rgba(0,103,208,0.95);}
}

/*case*/
.index-more2{ width:180px; height:40px;border: 1px solid #fff;font-size: 16px;border-radius: 10px; text-align:center; line-height:40px;color: #fff; margin:20px auto; position:absolute; left:50%; margin-left:-90px;}
.index-case ul{display: block; width: 99%; margin-left:1%}
.index-case ul li{width: 31%;float: left; margin:25px 0; background-color:#ebebeb;}
.index-case ul li a {display: block;}
.index-case ul li s{display: block; width:94%; margin:3%;overflow: hidden;background: #0067d0; position: relative;}
.index-case ul li s span{display:block; width: 300px; height: 100px; position: absolute; top: 30%; left: 50%; margin-left:-150px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;color: #fff;}
.index-case ul li s span i .ywrx { float:left; line-height:25px; font-size:18px; margin-right:5px;}
.index-case ul li s span i{display: block; width: 300px; height: 50px; line-height:50px; margin: 0 auto; color: #fff; font-size: 30px;}
.index-case ul li:hover s span{display: block; width: 300px; top: 30%; left: 50%;  opacity: 1; color: #fff; margin-left:-150px;}

.index-case ul li dl{display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;width:94%; margin:0 3% 3% 3%;}
.index-case ul li dl dt{display: block; height: 30px; line-height: 30px; font-size: 18px;  color: #1f1f1f;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.index-case ul li dl dt a{ color: #1f1f1f;font-size: 18px;}
.index-case ul li dl em{display: block;width: 25px; height: 2px; margin-top:15px; background-color:#0067d0; float:left; margin-right:10px;}
.index-case ul li:hover dl em{display: block;width: 70px; height: 2px; margin-top:15px; background-color:#0067d0; float:left; margin-right:10px;}
.index-more3 { width:100%; overflow:hidden; margin:60px auto; text-align:center;}
.index-more3 a{width:180px; display:block; height:40px;border: 1px solid #000;font-size: 16px;border-radius: 10px; text-align:center; line-height:40px;color: #000; margin:60px auto; overflow:hidden;}
.index-more3 a:hover{border: 1px solid #0067d0; background: #0067d0; color: #fff; font-size: 1rem;}

@media (max-width:1000px) {
.index-more2{ width:7rem; height:1.5rem;border: 1px solid #fff;font-size: 16px;border-radius: 0.2rem; text-align:center; line-height:1.5rem;color: #fff; margin:20px auto; position:absolute; left:50%; margin-left:-6rem;}
.index-case ul li { width:98%; margin:1rem 1%;}
.index-case ul li:hover s span{display: block;top: 20%; left: 50%;  opacity: 1; color: #fff; margin-left:-100px;}
.index-case ul li s span i .ywrx { font-size:16px;}
.index-case ul li s span i { font-size:24px;}
.index-case ul li dl dt a{ color: #1f1f1f;font-size: 14px;}
}

.index-dtsb { width:100%; background-color:#ebebeb; overflow:hidden;}
.relationCompany{
	position: relative;
	padding-bottom:60px;
	margin-bottom:80px;
	width:94%;
	overflow:hidden;
}

.relationCompany .swiper-slide .imgbox{
	text-align: center;

}
.relationCompany .swiper-slide .imgbox img{
	max-width:100%;
	height:auto;
	margin: 10px 0;
	max-height: 94%;
}
.relationCompany .swiper-slide .textbox{
	z-index: 11;
}
.relationCompany .swiper-slide .textbox h1{
	font-size: 16px;
        font-weight:bold;
	color: #000;
	text-align:center;
	line-height:40px;
	margin-bottom:40px;
}
.relationCompany .swiper-slide .fa{
	display:none;
	position:absolute;
	bottom:10px;
	width:120px;
	left:50%;
	margin-left:-60px;
}
.relationCompany .swiper-slide:hover .fa{
	color: #005bb5;
	right: 0;
	display:block;
	font-size:16px;
	text-align:center;
	line-height:40px;
}
.relationCompany .swiper-pagination{
	position: relative;
	margin-top: 30px;
}
.relationCompany .swiper-container{
	padding: 20px;
}
/*滑动兼容修改======================*/
.swiper-wrapper,.swiper-slide{
	height: auto !important;
}
.relationCompany .swiper-slide{
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
	width:100%;
}
.relationCompany .swiper-slide a{
	display: block;
	position: relative;
	border:1px solid #dcdcdc;
	background: white;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	padding: 20px;
	box-sizing: border-box;
#	margin-right: 20px;
	/*margin-right: 20px;*/
}

.relationCompany .swiper-slide:hover a{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}



.swiperRowBtn>div{
	position: absolute;
	width: 20px;
	height: 31px;
	z-index: 11;
	bottom: 0;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.swiperRowBtn>div:hover{
	opacity: 1;
}
.swiperRowBtn .arrow-left{
	left: 43%;
	background: url(../images/leftbtn.png);
}
.swiperRowBtn .arrow-right{
	right: 43%;
	background: url(../images/rightbtn.png);
}
.swiperRowBtn .swiperRowBtn_more { width:14%; left:50%; margin-left:-7%; text-align:center; font-size:18px;}
.swiperRowBtn .swiperRowBtn_more a { font-size:16px;}
.swiperRowBtn .swiperRowBtn_more a:hover { color:#0067d0; font-weight:bold;} 
@media (max-width: 1000px) {
	.swiperRowBtn{
		display: none;
	}

}
.home-news-box { margin-bottom:60px; overflow:hidden;}
.home-news-box article{display: block;width: 38%;float: left; background-color:#f3f3f3; overflow:hidden;}
.home-news-box article s{display: block; text-align: center;background: #fff; overflow:hidden;}
.home-news-box article s img{max-width:680px; width: expression(this.width > 660 && this.width > this.height ? 660 :true); height:expression(this.height >405 ? 405: true);vertical-align:middle; overflow:hidden;}
.home-news-box article h2{display: block;line-height: 35px; font-variant:normal;margin:20px;}
.home-news-box article h2 a{font-size: 20px; color: #000; display:block;

	text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.home-news-box article h2 a:hover { color:#0b67cc; display:block;}
.home-news-box article p{display: block; margin: 0px 20px 30px 20px; line-height:30px; padding: 0px; color: #7b7b7b;font-size: 16px;}

.home-news-box ul{display: block; width:60%; overflow:hidden; float:right;}
.home-news-box ul li{width:100%; margin-bottom: 31px; background-color:#f3f3f3; overflow:hidden;}
.home-news-box ul li .home-news-box-pic { width:22%; margin:16px 1%; float:left; overflow:hidden;}
.home-news-box ul li .home-news-box-pic img { width:100%;}
.home-news-box ul li .home-news-box-text {margin:16px 0 16px 1%; padding-right:2% ;width:56%; padding: 10px; float:left;border-right:1px solid #d2d2d2; overflow:hidden;}
.home-news-box ul li .home-news-box-text h2{font-weight: normal;color: #000; font-size:16px; margin-bottom:10px;
	text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.home-news-box ul li .home-news-box-text p{color:#7b7b7b; font-size:15px;
	text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

line-height: 24px;

padding-top: 20px;
}
.home-news-box ul li .home-news-box-date { float:right; width:15%; text-align:center; margin:16px auto; padding-top:20px; overflow:hidden;}
.home-news-box ul li .home-news-box-date strong { font-size:44px; font-weight:normal;}
.home-news-box ul li .home-news-box-date i{display: block; font-size:20px;  margin-top:20px;}
.home-news-box ul li:hover {
	box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
.home-news-box ul li:hover .home-news-box-text h2 { color:#0b67cc;}
@media (max-width: 1000px) {
.home-news-box { margin-bottom:0; overflow:hidden;}
.home-news-box article{width: 100%; margin-bottom:0.5rem;}
.home-news-box article h2 a{font-size: 0.8rem;}
.home-news-box article p{font-size: 0.8rem;}
.home-news-box ul{display: block; width:100%; overflow:hidden;}
.home-news-box ul li .home-news-box-pic { width:15%; margin-bottom:1.5rem; padding-bottom:1rm; height:auto;}
.home-news-box ul li .home-news-box-text {width:64%; padding-right:1%;}
.home-news-box ul li .home-news-box-date { width:15%;}
.home-news-box ul li .home-news-box-text { margin-bottom:0;}
.home-news-box ul li .home-news-box-text h2{font-size:0.8rem; line-height:1.2rem; margin:0;}
.home-news-box ul li .home-news-box-text p{font-size:0.6rem; margin: 0px ;
}

.home-news-box ul li .home-news-box-date { margin:0}
.home-news-box ul li .home-news-box-date strong { font-size:1rem;}
.home-news-box ul li .home-news-box-date i{font-size:0.8rem; margin-top:0; margin-bottom:0;}
}

/*footer*/
footer{height:auto;width: 100%; background:#ededed; overflow: hidden;margin-top: 50px;}
footer .fot-box{width: 100%; height:60px; background-color:#004b97; overflow:hidden;}
footer .fot-box ul { width:80%; margin:0 10%;}
footer .fot-box ul li { width:14%; text-align:center; line-height:60px; color:#FFFFFF; float:left;}
footer .fot-box ul li a { color:#FFFFFF; font-size:16px;}
footer .fot-box ul li a:hover { color:#000;}
footer .fot_bottom { width:93%; margin:0px 4%; overflow:hidden;}
footer .fot_bottom_left { width:25%; float:left; margin:40px auto 40px auto; }
footer .fot_bottom_right { width:46%; float:left; margin:40px 2% 40px 2%;}
footer .fot_bottom_map { width:25%; float:right; margin-top:61px; height:250px;}
footer .fot_bottom_map iframe { width:100%;}
footer .fot_bottom .fot_bottom_title { font-size:16px; border-bottom:1px solid #ababab; width:98%; overflow:hidden; line-height:40px; font-weight:bold; margin-bottom:20px; padding-left:2%;}
footer .fot_bottom_left .fot_mess { width:92%; margin:0px 4%;}
footer .fot_bottom_left .fot_mess .fot_mess_input { width:100%; margin-bottom:15px;}
footer .fot_bottom_left .fot_mess .fot_mess_input input { border:1px solid #cacaca; height:40px; width:96%; color:#000000; padding-left:3%; font-size:16px; background-color:#f4f4f4;}
footer .fot_bottom_left .fot_mess .fot_mess_submit input { border:1px solid #004b97; height:40px; width:96%; color:#fff; font-size:16px; background-color:#004b97; text-align:center;}
footer .fot_bottom_con s{ float:left; margin-right:37px; width:200px;}
footer .fot_bottom_con s img { width:100%;}
footer .fot_bottom_con .contact { text-align:left; overflow:hidden;}
footer .fot_bottom_con .contact .tel{ font-size:30px; height:44px; line-height:44px;color:#b41d24; font-weight:bold; background:url(../images/tel.jpg) no-repeat; overflow:hidden; display:block; margin-bottom:20px; padding-left:90px; margin-top:20px;}
footer .fot_bottom_con .contact .tel1{ font-size:30px; height:44px; line-height:44px;color:#b41d24; font-weight:bold; overflow:hidden; display:block; margin-bottom:20px; padding-left:90px; margin-top:20px;}
footer .fot_bottom_con .contact .contact_text { font-size:16px; line-height:35px; text-align:left;}

@media (max-width: 1000px) {
footer .fot-box{width: 100%; height:3.2rem; background-color:#004b97; overflow:hidden;}
footer .fot_bottom_left { width:100%;}
footer .fot_bottom_right { width:100%;}
footer .fot_bottom_map { width:100%}
footer .fot_bottom_map img { width:100%;}
footer .fot-box ul li { width:25%; text-align:center; line-height:1.6rem; color:#FFFFFF; float:left; font-weight:normal;}
footer .fot-box ul li a { color:#FFFFFF; font-size:0.8rem;}
footer .fot_bottom_con .contact .tel{ font-size:1rem;}
footer .fot_bottom_con .contact .contact_text { font-size:0.8rem; line-height:35px; text-align:left;}
}
.bottom{width: 100%; background: #222; height: 55px; line-height: 55px; color:#8e8e8e; font-size:16px;}
.bottom div{display: block; width: 1000px; margin: 0 auto; text-align:center;}
.bottom span { float:left; margin-right:10px;}
.bottom select{ border:1px solid #8e8e8e; background-color:#222; color:#8e8e8e; height:25px; line-height:25px; width:80px;}
@media (max-width: 1000px) {
.bottom{width: 100%; background: #222; height: 3rem; line-height: 3rem; color:#8e8e8e; font-size:0.5rem;}
.bottom div{display: block; width: 98%; margin: 0 1%; text-align:center;}
.bottom select { font-size:0.5rem;}
}

.sub_banner{position: relative;width: 100%;background: #fff; margin-top:85px;overflow:hidden; text-align:center; color:#FFFFFF; }
.jsnl_banner { background:url(../images/jsnl_banner.jpg) center top no-repeat; height:370px;}
.sub_banner s {display:block; font-size:36px; margin-top:120px; line-height:50px;}
.sub_banner i {display:block; font-size:18px; line-height:50px;}

@media (max-width: 1000px) {
.sub_banner{position: relative;width:100%;margin-top:3rem;}
.jsnl_banner { background:url(../images/jsnl_banner.jpg) center top no-repeat; height:15rem;}
.sub_banner s {display:block; font-size:2rem; margin-top:3rem; line-height:4rem;}
.sub_banner i {display:block; font-size:1rem; line-height:2rem;}
}

.jsnl_list li { width:24%; display:block; margin:40px 0.5%; float:left; text-align:center; overflow:hidden;}
.jsnl_list li s { width:100%; overflow:hidden; display:block;}
.jsnl_list li s a img{ width:100%;}
.jsnl_list li p { width:100%; display:block; height:60px; line-height:60px; font-size:16px; background-color:#FFFFFF;}
.jsnl_list li p a { font-size:16px;}
.jsnl_list li p:hover a { display:block; background-color:#0067d0; color:#FFFFFF;}



.pro_banner { background:url(../images/pro_banner.jpg) center top no-repeat; height:370px;}
.pro_banner_roto { background:url(../images/pro_banner_roto.jpg) center top no-repeat; height:370px;}
.pro_banner_high { background:url(../images/high-pressure-reactor-lab.jpg) center top no-repeat; height:370px;}
.pro_list{
	position: relative;
}
.pro_list li .imgbox{
	text-align: center;
	height:310px;
}
@media (max-width: 1563px) {
.pro_list li .imgbox{
	text-align: center;
	height:200px;
}
}
@media (max-width: 1000px) {
.jsnl_list li { width:48%; margin:1rem 1%;}
.pro_list li .imgbox{
	text-align: center;
	height:310px;
}
}

.pro_list li .imgbox img{
	max-width:100%;
	max-height:100%;
	margin: 10px 0;
}
.pro_list li .textbox{
	z-index: 11;
}
.pro_list li .textbox h1{
	font-size: 18px;
        font-weight:bold;
	color: #000;
	text-align:center;
	line-height:40px;
	margin-bottom:10px;
        margin-top:40px;
	height:40px;
	overflow: hidden;
}
.pro_list li .fa{
	display:none;
	position:absolute;
	bottom:10px;
	width:120px;
	left:50%;
	margin-left:-60px;
}
.pro_list li:hover .fa{
	color: #005bb5;
	right: 0;
	display:block;
	font-size:16px;
	text-align:center;
	line-height:40px;
}
.pro_list li{
	height: auto !important;
}
.pro_list li{
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
	width:33%;
	margin:10px 0px;
	float:left;
}
.pro_list li a{
	display: block;
	position: relative;
	border:1px solid #dcdcdc;
	background: white;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	padding: 20px;
	box-sizing: border-box;
	margin-right: 20px;
	/*margin-right: 20px;*/
}

.pro_list li:hover a{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}

@media (max-width: 1000px) {
.pro_banner { background:url(../images/pro_banner.jpg) center top no-repeat; height:15rem;}
.pro_list li{ width:100%;}
}

.case_banner { background:url(../images/case_banner.jpg) center top no-repeat; height:370px;}
.case_list ul{display: block; width: 99%; margin-left:1%}
.case_list ul li{width: 31%;float: left; margin:25px 1%; background-color:#fff;}
.case_list ul li a {display: block;}
.case_list ul li s{display: block; width:94%; margin:3%;overflow: hidden;background: #0067d0; position: relative;}
.case_list ul li s span{display:block; width: 300px; height: 100px; position: absolute; top: 30%; left: 50%; margin-left:-150px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;color: #fff;}
.case_list ul li s span i .ywrx { float:left; line-height:25px; font-size:18px; margin-right:5px;}
.case_list ul li s span i{display: block; width: 300px; height: 50px; line-height:50px; margin: 0 auto; color: #fff; font-size: 36px;}
.case_list ul li:hover s span{display: block; width: 300px; top: 30%; left: 50%;  opacity: 1; color: #fff; margin-left:-150px;}

.case_list ul li dl{display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;width:94%; margin:0 3% 3% 3%;overflow: hidden;}
.case_list ul li dl dt{display: block; height: 30px; line-height: 30px; font-size: 18px;  color: #1f1f1f;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.case_list ul li dl dt a{ color: #1f1f1f;font-size: 18px;}
.case_list ul li dl em{display: block;width: 25px; height: 2px; margin-top:15px; background-color:#0067d0; float:left; margin-right:10px;}
.case_list ul li:hover dl em{display: block;width: 70px; height: 2px; margin-top:15px; background-color:#0067d0; float:left; margin-right:10px;}

@media (max-width: 1000px) {
.case_banner { background:url(../images/case_banner.jpg) center top no-repeat; height:15rem;}
.case_list ul li { width:48%; margin:1rem 1%;}
.case_list ul li:hover s span{display: block;top: 20%; left: 50%;  opacity: 1; color: #fff; margin-left:-100px;}
.case_list ul li s span i .ywrx { font-size:16px;}
.case_list ul li s span i { font-size:24px;}
.case_list ul li dl dt a{ color: #1f1f1f;font-size: 14px;}
}


.news_banner { background:url(../images/news_banner.jpg) center top no-repeat; height:428px;}
.news_nav { height:90px; width:100%; background-color:#4c85bf; margin-top:-90px;}
.news_nav li { width:32.88%; float:left; color:#FFFFFF; text-align:center; line-height:90px; font-size:18px; border-right:1px solid #368be2;}
.news_nav li a { color:#fff; display:block; width:100%; height:90px;}
.news_nav li:nth-child(2) { border-right:none;}
.news_nav .news_nav_active { background:url(../images/sub_nav_icon.png) 35% no-repeat #0067d0; font-size:24px; display:block;}
.news_nav li:hover { background:url(../images/sub_nav_icon.png) 35% no-repeat #0067d0; font-size:24px; display:block;}

.news_list { background-color:#FFFFFF; width:100%; margin:0px auto 0px auto; padding-top:10px; overflow:hidden;}
.news_list li { width:100%; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.news_list li a{ width:92%; display:block; margin:0px 2%; padding:20px 2%; overflow:hidden;}
.news_list li:hover { border-bottom:none;}
.news_list li:hover a{ background-color:#f6f6f6;display:block; color:#000000;}
.news_list li s { width:13%; float:left; text-align:right; overflow:hidden; }
.news_list li s img { width:100%;}
.news_list li i { width:10%; float:left; text-align:center; font-size:18px; padding-bottom:20px; color:#000000; border-right:1px solid #d2d2d2;}
.news_list li dl { width:73%; float:right; text-align:left; margin:20px 1% 20px 1%}
.news_list li i p{ width:100%; font-size:48px; line-height:80px;}
.news_list li dl h2 { color:#000000; line-height:30px;}
.news_list li dl p { font-size:16px; margin-top:20px;}

.news_page_box {  margin:0 auto; overflow:hidden; background:#fff; padding:10px 0;}
.news_page {display:block; text-align:center; width:63%; margin-left:40%;}
.news_page span { line-height:30px;}
.news_page span,.news_page a { float:left; font-size:16px; margin-right:5px;}
.news_page a { border:1px solid #999999; padding:6px 15px;}
.news_page .active { background-color:#0067d0; color:#FFFFFF; border:1px solid #0067d0;}
.news_page a:hover { display:block; background-color:#0067d0; color:#FFFFFF; border:1px solid #0067d0;}

@media (max-width: 1000px) {
.news_banner { background:url(../images/news_banner.jpg) center top no-repeat; height:18rem;}
.news_nav { height:3rem; width:100%; background-color:#4c85bf; margin-top:-3rem;}
.news_nav li { width:50%; float:left; color:#FFFFFF; text-align:center; line-height:3rem; font-size:0.8rem;}
.news_nav .news_nav_active { background:url(../images/sub_nav_icon.png) 30% no-repeat #0067d0; font-size:1rem;}
.news_list li s { width:51%; float:left;}
.news_list li s img { width:200px; height:auto;}
.news_list li i p{ width:100%; font-size:2rem; line-height:5rem;}
.news_list li i { width:45%; margin:0px auto; padding-bottom:0px;}
.news_list li dl { width:100%; border-top:1px dotted #CCCCCC; margin:0px;}
.news_list li dl h2 {line-height:2rem; font-size:1rem;}
.news_list li dl p { font-size:0.8rem; margin-top:0.2rem;}
.news_page_box { width:100%; margin:0.5rem auto; overflow:hidden;}
.news_page {display:block; text-align:center; width:80%; margin-left:15%;}
.news_page span { line-height:2rem;}
.news_page span,.news_page a { float:left; font-size:0.8rem; margin-right:0.2rem;}
.news_page a { padding:0.1rem 0.6rem;}
}


.about_banner { background:url(../images/about_banner.jpg) center top no-repeat; height:428px;}
.about_nav { height:90px; width:65%; background-color:#0067d0; margin:-90px auto;}
.about_nav li { width:16.65%; float:left; color:#FFFFFF; text-align:center; line-height:90px; font-size:18px; border-right:1px solid #368be2;}
.about_nav li:hover { background:url(../images/sub_nav_icon.png) 10% no-repeat; display:block; font-size:18px;}
.about_nav li:nth-child(7) { border-right:none;}
.about_nav a { color:#FFFFFF;width:100%; height:90px; display:block;}
.about_nav a.about_nav_active { background:url(../images/sub_nav_icon.png) 10% no-repeat; display:block; font-size:18px;}

@media (max-width: 1000px) {
.about_banner { background:url(../images/about_banner.jpg) center top no-repeat; height:18rem;}
.about_nav { height:3rem; width:100%; background-color:#0067d0; margin-top:-3rem;}
.about_nav li { width:14%; float:left; color:#FFFFFF; text-align:center; line-height:3rem; font-size:0.8rem;}
.about_nav a.about_nav_active { background:url(../images/sub_nav_icon.png) 3% no-repeat #0067d0; background-size:16%; font-size:0.8rem;}
}


.about_body { width:100%;}
.about_box { width:94%; background-color:#FFFFFF; margin:24px auto; padding:3%; overflow:hidden;}
.about_box_active { padding-top:100px;}
.about_title { text-align:center; font-size:30px; line-height:90px;}
.about1_img { width:100%;}
.about1_img li { width:49%; margin:20px 0.5% 0 0.5%; float:left; overflow:hidden;}
.about1_img li img { width:100%;}
.about3_text { text-align:center; overflow:hidden; margin:20px auto; width:100%;}
.about3_text img { max-width:100%;}

@media (max-width: 1000px) {
.about_box { font-size:0.9rem; line-height:1.6rem;}
.about_box_active { padding-top:3rem;}
.about_title { text-align:center; font-size:1rem; line-height:2rem;}
}

.about4_text { width:100%; height:auto; margin-top:40px; overflow:hidden;}
.about4_text ul{border-left:1px solid #dcdcdc;display:inline-block; margin-left:190px;}
.about4_text li{height:60px; font-size:16px; line-height:60px;}
.about4_text li strong { margin-left:-90px; margin-right:60px; width:150px; text-align:right;}
.about4_text li .fzlc_rq { margin-right:80px; width:100px; text-align:right; float:left; font-weight:bold; margin-left:-120px;}
.about4_text li a{color:#262626;margin-left:-7px;background:url(../images/icon_time.png) no-repeat left;display:block;}
.about4_text li a:hover{ line-height:45px;margin-left:-22px;background:url(../images/icon_time_hover.png) no-repeat top left;display:block;}
.about4_text li a:hover strong { color:#0067d0; font-size:24px; font-weight:bold; margin-left:-120px; margin-right:100px;}

@media (max-width: 1000px) {
.about4_text ul{border-left:1px solid #dcdcdc;display:inline-block; margin-left:6rem;}
.about4_text li{height:3rem; font-size:0.8rem; line-height:1.2rem;}
.about4_text li strong { margin-left:-3rem; margin-right:1.5rem;}
.about4_text li a:hover{ line-height:1.5rem;margin-left:-0.8rem;background:url(../images/icon_time_hover.png) no-repeat top left;display:block; background-size:1.5rem;}
.about4_text li a:hover strong { color:#0067d0; font-size:0.9rem; font-weight:bold; margin-left:-4rem; margin-right:3rem;}
}
.about5_text { width:100%; overflow:hidden;}
.about5_text li { float:left; width:48%; margin:10px 1%; height:335px; overflow:hidden;}
.about5_text li .about_qywh_title { color:#0067d0; font-size:36px; padding-top:35px; padding-left:55px;}
.about5_text li .about_qywh_ftitle { font-size:18px; color:#2d2d2d; padding-top:20px; padding-left:55px; line-height:35px;}
.about5_text li:hover .about_qywh_ftitle { font-size:20px;}

@media (max-width: 1000px) {
.about5_text li { float:left; width:48%; margin:0.5rem 1%; min-height:8rem; overflow:hidden;}
.about5_text li .about_qywh_title { color:#373737; font-size:1.2rem; padding-top:0.5rem; padding-left:0.5rem;}
.about5_text li .about_qywh_ftitle { font-size:0.8rem; color:#2d2d2d; padding-top:0.2rem; padding-left:0.5rem; line-height:1.2rem; display:none;}
}

.about6_text { width:100%; overflow:hidden;}
.about6_text li { width:22.8%; margin:15px 1%; float:left; border: 1px solid #d1d1d1; overflow:hidden;}
.about6_text li .qyry_img { width:100%; height:270px;display: flex;justify-content: center;align-items: center;}
.about6_text li .qyry_img img { max-height:268px; max-width:100%;}
.about6_text li .qyry_name { height:48px; border-top:5px solid #0067d0; text-align:center; line-height:48px; font-size:18px; color:#232323;}
.about6_text li .qyry_name a { color:#232323; display:block;}
.about6_text li .qyry_name a:hover { display:block; background-color:#0067d0; color:#FFFFFF;}

@media (max-width: 1000px) {
.about6_text li { width:45.6%; margin:0.5rem 1%; float:left; border: 1px solid #d1d1d1; overflow:hidden;}
.about6_text li .qyry_img { width:100%; height:15rem;display: flex;justify-content: center;align-items: center;}
.about6_text li .qyry_img img {width:100%; max-height:14rem;}
.about6_text li .qyry_name { height:2rem; border-top:3px solid #0067d0; text-align:center; line-height:2rem; font-size:1rem;}
}

.about6_text_more_box { width:100%; border-bottom:1px solid #0067d0; height:60px; overflow:hidden; position:relative;}
.about6_text_more { width:122px; height:60px; line-height:25px; text-align:center; background-color:#0067d0; color:#FFFFFF; position:absolute; left:50%; margin-left:-61px; top:0;border-top-left-radius:60px;border-top-right-radius:60px;}
.about6_text_more a { color:#fff;}
.about6_text_more a:hover { font-weight:bold; color:#000000;}

.about7_text { width:100%; overflow:hidden; margin:30px auto;}
.about7_text li { width:24.5%; height:466px; float:left; overflow:hidden; background-color:#f4f4f4; color:#262626;}
.about7_text li:hover { border:2px solid #2a7cd2;}
.about7_text li .scly_img { width:100%; margin:0; height:50%; overflow:hidden;}
.about7_text li .scly_img img { width:100%; height:100%;}
.about7_text li .scly_con { width:100%; text-align:left; height:50%;}
.about7_text li .scly_con .scly_con_title { font-size:18px; padding:20px 5%;}
.about7_text li .scly_con .scly_con_text { font-size:16px; padding:0px 5%;}

@media (max-width: 1000px) {
.about7_text { width:100%; overflow:hidden; margin:0.5rem auto;}
.about7_text li { width:50%; height:20rem; overflow:hidden;}
.about7_text li .scly_img { width:100%; margin:0; height:50%; overflow:hidden;}
.about7_text li .scly_con { width:100%; text-align:left; height:50%;}
.about7_text li .scly_con .scly_con_title { font-size:1rem; padding:20px 5%;}
.about7_text li .scly_con .scly_con_text { font-size:0.8rem; padding:0px 5%;}
}

.news_xiang_body { background-color:#FFFFFF; width:94%; margin:0px auto 45px auto; padding:40px 3%; overflow:hidden;}
.news_xiang_title { font-size:30px; color:#1b1b1b; text-align:center; line-height:36px;}
.news_xiang_ftitle { font-size:14px; color:#6f6f6f; text-align:center; line-height:36px; margin-top:20px; margin-bottom:20px;}
.news_xiang_con { width:96%; text-align:left; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:30px 2%; overflow:hidden;}
.news_xiang_con img { width:100%;}
.fenxiang { float:right; margin-top:20px; margin-bottom:20px;}
.news_xiang_sx { float:right; line-height:36px;margin-top: 12px;font-size: 16px;}
.news_xiang_sx a { margin-left:20px;font-size: 16px;}
.news_xiang_sx li{margin-right: 20px;font-size: 16px;}

@media (max-width: 1000px) {
.news_xiang_title { font-size:1.2rem; color:#1b1b1b; text-align:center; line-height:1.8rem;}
.news_xiang_ftitle { font-size:0.8rem; color:#6f6f6f; text-align:center; line-height:1.8rem; margin-top:1rem; margin-bottom:1rem;}
.news_xiang_con { font-size:0.8rem;}
.news_xiang_sx { float:right; line-height:1.8rem; font-size:0.8rem;}
}


.recruit_banner { background:url(../images/recruit_banner.jpg) center top no-repeat; height:466px;}
.recruit_nav { height:90px; width:100%; background-color:#0067d0; margin-top:-90px;}
.recruit_nav li {float:left; color:#FFFFFF; text-align:center; line-height:90px; font-size:18px; border-right:1px solid #368be2;}
.recruit_nav li:nth-child(1) { width:24.8%;}
.recruit_nav li:nth-child(2) { width:14.8%;}
.recruit_nav li:nth-child(3) { width:27.8%;}
.recruit_nav li:nth-child(4) { width:15.8%;}
.recruit_nav li:nth-child(5) { width:15.8%; border-right:none;}

@media (max-width: 1000px) {
.recruit_banner { background:url(../images/about_banner.jpg) center top no-repeat; height:18rem;}
.recruit_nav { height:3rem; width:100%; background-color:#0067d0; margin-top:-3rem;}
.recruit_nav li {float:left; color:#FFFFFF; text-align:center; line-height:3rem; font-size:0.8rem;}
}

.recruit_body {background-color:#FFFFFF; width:100%; overflow:hidden; padding-bottom:70px; min-height:600px;}
.recruit_body ul { width:100%; border-bottom:1px solid #dedede; height:90px; color:#616161;}
.recruit_body ul li {float:left; text-align:center; line-height:90px; font-size:18px; border-right:1px solid #dedede;}
.recruit_body ul li:nth-child(1) { width:24.8%;color:#0067d0;}
.recruit_body ul li:nth-child(2) { width:14.8%;}
.recruit_body ul li:nth-child(3) { width:27.8%;}
.recruit_body ul li:nth-child(4) { width:15.8%;}
.recruit_body ul li:nth-child(5) { width:15.8%; border-right:none;}
.recruit_body ul:hover { width:100%; border-bottom:none; background-color:#f0f6fb; color:#0067d0;}

@media (max-width: 1000px) {
.recruit_body {background-color:#FFFFFF; width:100%; overflow:hidden; padding-bottom:1rem;}
.recruit_body ul { width:100%; border-bottom:1px solid #dedede; height:3rem; color:#616161; overflow:hidden;}
.recruit_body ul li {float:left; text-align:center; line-height:3rem; font-size:0.8rem; border-right:1px solid #dedede;}
}

.recruit_xiang_body {background-color:#FFFFFF; width:94%; margin:-90px auto 45px auto; padding:40px 3%; overflow:hidden;}
.recruit_xiang_title { font-size:30px; color:#1b1b1b; text-align:center; line-height:36px;}
.recruit_xiang_ftitle { font-size:14px; color:#6f6f6f; text-align:center; line-height:36px; margin-top:20px; margin-bottom:20px;}
.recruit_xiang_con { width:90%; text-align:left; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:30px 5%; overflow:hidden;}
.recruit_xiang_con img { width:100%;}

@media (max-width: 1000px) {
.recruit_xiang_body {background-color:#FFFFFF; width:94%; margin:-3rem auto 1.5rem auto; padding:1rem 3%; overflow:hidden;}
.recruit_xiang_title { font-size:1.2rem; color:#1b1b1b; text-align:center; line-height:1.8rem;}
.recruit_xiang_ftitle { font-size:0.8rem; color:#6f6f6f; text-align:center; line-height:1.8rem; margin-top:1rem; margin-bottom:1rem;}
.recruit_xiang_con { font-size:0.8rem;}
}

.contact_banner { background:url(../images/contact_banner.jpg) center top no-repeat; height:370px;}
.contact_body { width:100%; margin:100px auto 50px auto; }
.contact1 {}
.contact1 li { width:30%; height:430px; margin:0 1.5%; float:left; background-color:#FFFFFF; border:1px solid #cccccc; border-radius: 10px; position:relative; margin-bottom:40px;}
.contact1 li .contact1_icon { position:absolute; top:-57px; left:50%; margin-left:-56px; z-index:99;}
.contact1 li .contact1_body { text-align:center; overflow:hidden;}
.contact1 li .contact1_body img {}
.contact1 li .contact1_tel { background:url(../images/contact1_tel.jpg) 10% top no-repeat; margin:70px auto 0 auto; height:45px; line-height:45px; font-size:30px; color:#b41d24; overflow:hidden; display:block; text-align:left; padding-left:33%;}
.contact1 li .contact1_body1 { text-align:center; overflow:hidden; margin:70px 30px 30px 30px; font-size:20px; text-align:left; line-height:40px; color:#000000;}
.contact1 li .contact1_body1 span { width:36px; height:5px; background-color:#0067d0; float:left; margin-top:18px; margin-right:20px;}
.contact1 li .contact1_body3 { text-align:center; overflow:hidden; margin:70px auto 30px auto; font-size:16px;}
.contact1 li .contact1_body3 img { border:1px solid #FF0000;}
.contact2 { background-color:#FFFFFF; width:92%; padding:2%; overflow:hidden; margin:0 auto;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1); box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.contact2 .contact2_left { float:left; width:55%; float:left; overflow:hidden;}
.contact2 .contact2_left iframe { width:100%;}
.contact2 .contact2_right { float:left; width:40%; float:right; margin:0 1%;}
.contact2_right .fot_bottom_title { font-size:16px; border-bottom:1px solid #ababab; width:100%; overflow:hidden; line-height:40px; font-weight:bold; margin-bottom:20px;}
.contact2_right .fot_mess { width:92%; margin:0px 4%;}
.contact2_right .fot_mess .fot_mess_input { width:100%; margin-bottom:15px;}
.contact2_right .fot_mess .fot_mess_input input { border:1px solid #cacaca; height:40px; width:96%; color:#000000; padding-left:3%; font-size:16px; }
.contact2_right .fot_mess .fot_mess_input textarea { border:1px solid #cacaca; height:100px; width:96%; color:#000000; padding-left:3%; font-size:16px; font-family:"微软雅黑";}
.contact2_right .fot_mess .fot_mess_submit input { border:1px solid #0067d0; height:40px; width:96%; color:#fff; font-size:16px; background-color:#0067d0; text-align:center;}
.contact2_right .contact2_right_email { background:url(../images/icon_left_email.png) left no-repeat; width:240px; padding-left:15px; margin:10px auto; text-align:center;}
@media (max-width: 1000px) {
.contact_banner { background:url(../images/contact_banner.jpg) center top no-repeat; height:15rem;}
.contact1 li { width:100%; height:22rem; margin:0; float:left; background-color:#FFFFFF; border:1px solid #cccccc; border-radius: 10px; position:relative; margin-bottom:1.5rem;}
.contact1 li .contact1_tel { background:url(../images/contact1_tel.jpg) 25% top no-repeat; margin:4rem auto 1rem auto; height:3rem; line-height:3remx; font-size:2rem; color:#b41d24; overflow:hidden; padding-left:40%; overflow:hidden;}
.contact1 li .contact1_body1 { text-align:center; overflow:hidden; margin:4rem 1rem 1rem 1rem; font-size:0.8re; text-align:left; line-height:2rem; color:#000000;}
.contact1 li .contact1_body3 { text-align:center; overflow:hidden; margin:4rem auto 1rem auto;}
.contact2 .contact2_left { float:left; width:100%; float:left; overflow:hidden;}
.contact2 .contact2_right { float:left; width:100%; float:right; margin:0;}
}

.jsnl_xq_body { margin:20px auto 45px auto; overflow:hidden;}
.jsnl_xq_body_left { float:left;}
.jsnl_xq_body_left .sub_title { margin-bottom:0px; overflow:hidden; height:118px;}
.sub_class li { width:330px; height:70px; font-size:16px; background-color:#FFFFFF; margin-top:1px; line-height:70px; text-align:left;}
.sub_class li a { color:#000000; padding-left:30px;}
.sub_class li:hover a { color:#FFFFFF; display:block; background-color:#0067d0;}
.sub_class ul li:hover a{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.sub_class li .sub_class_active{ color:#FFFFFF; display:block; background-color:#0067d0;}

.sub_contact { margin-top:20px;}
.sub_contact_title { width:330px; height:108px; line-height:108px; text-align:center; color:#FFFFFF; font-size:28px; background-color:#0067d0;}

.sub_contact_body li { margin-bottom:1px; height:70px; line-height:70px; font-size:16px; padding-left:65px;}
.sub_contact_body li:nth-child(1) { background:url(../images/icon_left_tel.png) 30px no-repeat #FFFFFF;}
.sub_contact_body li:nth-child(2) { background:url(../images/icon_left_postion.png) 30px no-repeat #FFFFFF;}
.sub_contact_body li:nth-child(3) { background:url(../images/icon_left_email.png) 30px no-repeat #FFFFFF;}

.sub_left_erweima { text-align:center; background-color:#FFFFFF; padding:30px 0; }
.sub_left_erweima img{width:41%; }

.jsnl_xq_right { margin-left:360px; background-color:#FFFFFF; padding:30px; overflow:hidden;}
.jsnl_xq_right_title { text-align:center; font-size:30px; border-bottom:1px solid #d2d2d2; line-height:100px;}
.jsnl_xq_right_con { margin-top:30px; text-align:left;}

@media (max-width: 1000px) {
.jsnl_xq_body { margin:20px auto 45px auto;width:100%; overflow:hidden;}
.jsnl_xq_body_left { width:100%; display:none;}
.jsnl_xq_right { width:96%; margin-left:0px; background-color:#FFFFFF; padding:2%; overflow:hidden; font-size:1rem;}
}

.jsnl_xq_right { padding:30px; background-color:#FFFFFF;}
.jsnl_xq_right_top { width:99%; border:1px solid #d2d2d2; height:450px;}
.jsnl_xq_right_topl { width:50%; float:left; position:relative; height:450px;}
.jsnl_xq_right_topl_title { text-align:center; font-size:22px; line-height:40px; margin-top:30px;}
.jsnl_xq_right_topl_con { margin:5%;}
.nei_tel { background:url(../images/xq_icon_tel.jpg) left no-repeat; height:40px; line-height:40px; padding-left:30px;}
.nei_tel span { font-size:18px; font-weight:bold; color:#b41d24;}
.nei_email { background:url(../images/xq_icon_email.jpg) left no-repeat; height:40px; line-height:40px; padding-left:30px;}
.nei_email span { font-size:16px; }
.jsnl_xq_right_topr { width:47%; height:450px; float:right;  border-left:1px solid #d2d2d2;display: flex;justify-content: center;align-items: center;}
.jsnl_xq_right_topr img { width:68%; }
.jsnl_xq_right_intro { margin-top:40px;}
.nei_qq { margin-top:13px; position:relative;}
.nei_qq a { float:left; margin-right:7px; display:block}

.xq_icon_ly { float:left;margin-right:7px;}
.xq_icon_ly .menu-pc-mess{display:none;background: #fff; width: 220px; height: 280px; border:1px solid #dcdcdc; position: absolute; left: 0; top: 0;z-index:99999999;}
.xq_icon_ly .menu-pc-mess .menu_pc_mess_title{display: block; height: 38px; line-height: 38px; font-size: 18px; color: #000; text-align: center; background-color:#eaeaea;}
.xq_icon_ly .menu-pc-mess .mess_input{ width:200px; margin:10px auto;}
.xq_icon_ly .menu-pc-mess .mess_input input{ font-size:14px; width:180px; height:30px; padding-left:8px; border:1px solid #dcdcdc; border-radius:5px;}
.xq_icon_ly .menu-pc-mess .mess_submit { margin:15px 12px;}
.xq_icon_ly .menu-pc-mess .mess_submit input { width:188px; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#b41d24; border:1px solid #b41d24; border-radius:5px; font-size:16px;}
.xq_icon_ly .menu-pc-mess .mess_qq { margin-top:10px;} 
.xq_icon_ly .menu-pc-mess .menu_pc_mess_title span { text-align:center; float:right;cursor:pointer; font-size:12px; }
.xq_icon_ly .menu-pc-mess .menu_pc_mess_title span a {width:20px; height:20px;display:block;line-height:20px;border-radius:10px; border:1px solid #666; margin-right:8px; margin-top:8px;}

.nei_qq .xq_icon_weixin { display:block; background:url(../images/xq_icon_weixin.jpg) no-repeat; width:32px; height:32px; overflow:hidden;}
.nei_qq .xq_icon_weixin:hover { display:block; background:url(../images/xq_icon_weixin_hover.jpg) no-repeat; width:32px; height:32px; overflow:hidden;}
.nei_qq .xq_icon_qq { display:block; background:url(../images/xq_icon_qq.jpg) no-repeat; width:32px; height:32px; overflow:hidden;}
.nei_qq .xq_icon_qq:hover { display:block; background:url(../images/xq_icon_qq_hover.jpg) no-repeat; width:32px; height:32px; overflow:hidden;}

.jsnl_xq_right_topl_qh {width:105.75%; position:absolute; bottom:0; margin-bottom:0px;background-color:#fff; }


.jsnl_xq_right_topl_qh li{ float:left; width:50%; background-color:#f7f7f7; border-top:1px solid #d2d2d2; text-align:center; font-size:24px; color:#696969; line-height:76px;}


.jsnl_xq_right_topl_qh .jsnl_xq_right_topl_qh_active { height:68px;background-color:#fff; border-left:none; border-top:8px solid #0067d0; text-align:center; font-size:24px; color:#0067d0; line-height:68px;}

.jsnl_xq_right_topl_con li a { font-size:16px;}
.jsnl_xq_right_topl_con li a:hover { color:#0033FF; font-size:16px;}
.news_xiang_sx li{float: left;}

#wxImg { display:none; position:absolute; bottom:0px; left:0; z-index:99999999;}


.zz li{ float:left;}
.zz li a{padding:10px; }
.thisclass{padding: 11.5px;
    border: 1px solid #999999;
    margin: 0 5px;
    background: #0067d0;
    color: #fff;}


.jsnl_xq_right_intro img
{
width:100%
}