@charset "utf-8";
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  font-style: normal;
  list-style: none;
}

html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-size: 14px;
  color: #666;
  font-family: "Microsoft YaHei", "SimSun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
a {
  color: #666;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  transition: all 0.7s;
}
a:active {
  outline: 0;
}
a:hover {
  outline: 0;
  color: #025ea9;
  text-decoration: none;
}
.fl {float: left;}
.fr {float: right;}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
em,
i {
  font-style: normal;
}
img {
  vertical-align: middle;
}
input,
select,
textarea {
  font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
textarea {
  overflow: auto;
}
input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: 0;
}
input::-ms-clear {
  display: none;
}
.clearfix,
.clear:after,
.container:after {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '.';
}
.container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.sjdh{ display:none}
@media only screen and (max-width:992px) {
.sjdh{ display: block}
}
.top {
	width: 100%;
	background-color: #f7f7f7;
	padding: 0;
	border-bottom: 1px solid #e7e7e7;
	text-align: right;
	line-height: 30px;
	overflow: hidden;
}
.top .h_y {
	text-align: left;
}
.top span {
	padding: 0 5px; color:#000
}
.top i {
	padding-right: 5px; color:#0060b0
}
@media only screen and (max-width:480px) {
.top .h_y {
	display: none;
}
}
.header {
	width: 100%;
	padding: 0 0;
	background-color: #fff;
	top: -92px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.header.on {
	background-color: rgba(255,255,255,.98);
	box-shadow: 0 0 10px #aaa;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	padding: 0;
}
.header .container {
	position: relative;
}
.header .logo {
	width: 260px;
	float: left;
}
.header .logo img {
	width: 100%;
	height: auto;
	display: block;
}
.header .an {
	position: absolute;
	top: 50%;
	right: 10px;
	height: 18px;
	width: 24px;
	display: none;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.header .an span {
	width: 24px;
	height: 2px;
	background-color: #555;
	display: block;
	position: absolute;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.header .an span.a1 {
	top: 0;
	left: 0;
}
.header .an span.a2 {
	top: 8px;
	left: 0;
}
.header .an span.a3 {
	top: 16px;
	left: 0;
}
.header .an.n span.a2 {
	display: none;
}
.header .an.n span.a1 {
	top: 8px;
	width: 24px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.header .an.n span.a3 {
	top: 8px;
	width: 24px;
	transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.header .nav {
	float: right;
}
.header .nav i {
	font-size: 14px;
	color: #aaa;
	line-height: 34px;
	text-align: right;
	position: absolute;
	width: 50%;
	height: 34px;
	padding-right: 15px;
	right: 0;
	top: 54%;
	display: none;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.header .nav ul li {
	height: 62px;
	padding: 0 25px;
	line-height: 62px;
	float: left;
	position: relative;
}
.header .nav ul li a.o_lm {
	display: block;
	font-size: 15px;
}
.header .nav ul li:hover a.o_lm {
	color: #0060b0;
}
.header .nav ul li.on a.o_lm {
	color: #0060b0;
}
.header .nav ul li:before {
	content: "";
	display: inline-block;
	position: absolute;
	height: 10px;
	width: 1px;
	background-color: #aaa;
	right: 0;
	top: 50%;
	margin-top: -4px;
}
.header .nav .y_j {
	position: relative;
}
.header .nav .e_j {
	width: 120px;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	display: none;
	z-index: 9999;
}
.header .nav .e_j a {
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
}
.header .nav .e_j a:hover {
	background-color: #0060b0;
	color: #fff;
}
.header .nav ul li:hover .e_j {
	display: block;
}
.header .nav ul li span {
	width: 0;
	height: 2px;
	background-color: #0060b0;
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}
.header .nav ul li:hover span {
	width: 100%;
}
.header .nav ul li.on span {
	width: 100%;
}
@media (min-width:992px) {
.header .nav ul li {
	padding: 0 15px;
}
.header .nav ul li a.o_lm {
	font-size: 15px;
}
.header .nav .e_j {
	display: none !important;
}
.header .nav ul li:hover .e_j {
	display: block !important;
}
}
@media (min-width:1200px) {
.header .nav ul li {
	padding: 0 25px;
}
.header .nav ul li a.o_lm {
	font-size: 16px;
}
}
@media only screen and (max-width:992px) {
.header {
	top: -73px;
}
.header .logo {
	width: 220px;
	float: none; margin:10px 0
}
.header .an {
	display: block; margin-top:-5px
}
.header .nav {
	width: 50%;
	padding: 15px 5%;
	background-color: #f7f7f7;
	
	height: 100%;
	position: fixed;
	top: 0;
	left: -50%;
	z-index: 9999;
	overflow: auto;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;box-sizing:border-box
}
.header .nav.on {
	left: 0;
}
.header .nav i {
	display: block;
}
.header .nav ul li {
	width: 100%;
	height: auto;
	line-height: 44px;
	padding:0;
	text-align: left;
	border-bottom: 1px solid #d7d7d7;
	float: none;
	margin: 0;
}
.header .nav ul li a.o_lm {
	color: #333;
	font-size: 14px;
}
.header .nav ul li:hover a.o_lm {
	color: #0060b0;
}
.header .nav ul li.on a.o_lm {
	color: #0060b0;
}
.header .nav ul li:before {
	display: none;
}
.header .nav .e_j {
	width: 100%;
	background: none;
	border: 0;
	position: relative;
	left: auto;
	margin-left: 0;
	display: none;
	padding-bottom: 10px;
}
.header .nav .e_j a {
	border-top: 0;
	font-size: 14px;
	text-align: left;
	color: #777;
	line-height: 32px;
}
.header .nav .e_j a:hover {
	background: none;
}
.header .nav ul li:hover .e_j {
	display: none;
}
.header .nav ul li:hover span {
	width: 0;
}
.header .nav ul li.on span {
	width: 0;
}
}




.top_bg{ height:230px; background:url(../images/topbg.png) repeat-x;position: relative;z-index: 10;}
.headerr{width: 1200px; margin:0 auto;}

.h_top{height: 30px;line-height: 30px;font-size: 14px;color: #666;overflow: hidden;}
.h_top span{float: right;}
.h_top span a{font-size: 14px;color: #666; padding:0 10px;}
.h_con{ height:140px; overflow:hidden;box-sizing:border-box   }
.h_con h1{ float:left;width: 583px; margin-top:35px}
.h_con h1 img{ width:100%; height: auto;}
.h_con .h_dw{ float:left; font-size:16px; color:#333; padding:5px 0 5px 0px;border-left: 1px solid #cccccc;padding-left: 20px; margin-left:20px;margin-top:40px}
.h_dw span{display: block;color: #0060b0;line-height: 30px;font-size:24px;margin-bottom:8px;font-weight:bold; }
.tel{ float:right;font-size: 16px;color: #333; background:url(../images/timg1.png) no-repeat 70px 5px;line-height: 30px;text-align: right; margin-top:45px}
.tel b{font-size: 30px;display: block;}

.tell{ float:right;font-size: 15px;color: #3b3b3b; line-height: 24px;text-align: left; margin-left:20px; font-weight:bold;margin-top:50px;background: url(../images/tel.png) no-repeat left center; padding-left:55px}
.tell b{font-size: 22px;display: block; color:#0060b0; font-weight:normal}

.h_nav{ height:60px; line-height:60px;position: relative;}
.h_nav li{height: 60px; float:left; background:url(../images/nav_bor.jpg) no-repeat right ;position: relative;}
.h_nav li a{ font-size:16px; color:#fff; width:171px;display:block; float:left;position: relative;z-index: 4; text-decoration:none; text-align:center}
.h_nav li a:hover{background:#f48b31;}/* IE6、IE7、IE8支持 */
.h_nav li:after{content:'';position:absolute;width:100%;height:0;background-color:#0e6eb8;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
.h_nav .nobor{ background: none;}

.h_nav li .erji{ display:none; text-align:center; position:absolute; top:60px; left:0;background:#f6f6f6;padding:0 0 10px;}
.h_nav li .erji li{ height:40px; background:none;margin-left: 0; }
.h_nav li .erji a,.h_nav li.cur .erji a{ height:40px; line-height:40px; padding: 0;color: #333;font-size:14px}
.h_nav li.cur .erji a:hover,.h_nav li .erji a:hover{ background:none; color:#fff}
em,i{ font-style:normal;}

.xs{ display:block}
.yc{ display:none}
.head_h{width:100%; height:102px; background-color:#fff; display:none }
@media only screen and (max-width:640px){
.head_h{height:60px;}
.xs{ display:none}
.yc{ display:block}
.container {
  width: 96%;
  margin: 0 auto;
  position: relative;padding-right: 0;
padding-left: 0;
}
.top_bg{ display:none}
}
.gallery-top{ width:100%}
.gallery-top img{ width:100%}

.fenge{ height:45px; overflow:hidden; display:none;}

.sy_ss{width:100%; padding:15px 0; background-color:#f7f7f7; border-bottom:1px solid #ddd; line-height:40px;}
.sy_ss .rm_ss{float:left;}
.sy_ss .rm_ss span{color:#000;}
.sy_ss .rm_ss a{display:inline-block; padding:0 10px;}
.sy_ss .ss_nr{float:right; border:1px solid #ddd; background-color:#fff; line-height:38px;}
.sy_ss .ss_nr input{width:200px; height:38px; padding:0 10px; float:left; line-height:38px; border:0}
.sy_ss .ss_nr button{width:80px; height:38px; background-color:#0e6eb8; line-height:38px; color:#fff; text-align:center; outline:none; float:right; border:0}
@media only screen and (max-width:992px) {
.sy_ss{padding:10px 0; line-height:36px;}
.sy_ss .rm_ss{display:none;}
.sy_ss .ss_nr{float:none; line-height:36px; overflow:hidden;}
.sy_ss .ss_nr input{width:76%; height:36px; line-height:36px;}
.sy_ss .ss_nr button{width:24%; height:36px; line-height:36px;}
}

.footer {
	width: 100%;
	background-color: #2b2b2b;
	font-size: 14px;
	line-height: 30px;
	color: #888; 
}
.footer .container {
	padding: 40px 15px 40px;
	position: relative;
}
.footer .row {
	position: relative;
}
.footer h3 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #ddd;
}
.footer ul li {
	width: 50%;
	float: left;
}
.footer i {
	width: 12px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
}
.footer a {
	color: #888;
}
.footer a:hover {
	color: #ddd;
}
.footer input {
	width: 49%;
	height: 34px;
	background-color: #444;
	padding: 0 5px;
	display: block;
	font-size: 14px;
	line-height: 34px;
	color: #888;
	margin-bottom: 6px;border: 0; float:left; margin-right:2%
}
.footer input:nth-child(3){margin-right:0; }
.footer textarea {
	width: 100%;
	height: 58px;
	background-color: #444;
	border: 0;
	padding: 5px;
	font-size: 14px;
	line-height: 24px;
	color: #888;
	margin-bottom: 6px;
	resize: none;
	outline: none;
}
.footer button {
	width: 100%;
	height: 34px;
	background-color: #0164b2;
	font-size: 14px;
	line-height: 34px;
	color: #fff;
	text-align: center; border:0
}
.footer .ewm {
	width: 120px;
	position: absolute;
	top: 30px;
	right: 0;
}
.footer .ewm p {
	text-align: center;
	font-size: 13px;
}
.footer .ewm img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	display: block;
	margin: 0 auto 6px;
}
.footer .b_q {
	padding: 15px 0;
	background-color: #1b1b1b;
	line-height: 30px;
	text-align: center;
}
.footer .b_q .container {
	padding: 0 15px;
}
.footer .b_q span {
	padding-right: 6px;
}
@media only screen and (max-width:992px) {
.footer {
	line-height: 26px;
	margin-bottom: 46px;
}
.footer .col-lg-3{ display:none}
.footer .container {
	padding: 0 15px 30px;
}
.footer .d_t {
	margin-top: 30px;
	padding: 0;
}
.footer h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}
.footer input {
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.footer textarea {
	height: 64px;
	padding: 8px 5px;
	margin-bottom: 10px;
}
.footer button {
	height: 40px;
	line-height: 40px;
}
.footer .ewm {
	display: none;
}
.footer .b_q {
	padding: 15px 0;
	line-height: 22px;
}
.footer .b_q span {
	padding-right: 0;
	display: block;
}
}


.pc_kf {
	width: 46px;
	position: fixed;
	right: 10px;
	bottom: 5%;
	z-index: 99999;
}
.pc_kf .nr {
	width: 46px;
	height: 46px;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	background-color: #fff;
	box-shadow: 0 0 2px #ddd;
	margin-bottom: 4px;
	position: relative;
}
.pc_kf .nr.wx {
	display: none;
}
.pc_kf .tel2 {
	width: 160px;
	background-color: #0164b2;
	font-size: 18px;
	line-height: 46px;
	color: #fff;
	position: absolute;
	top: 0;
	right: -160px;
	opacity: 0;
}
.pc_kf .nr:hover .tel2 {
	right: 46px;
	opacity: 1;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.pc_kf .ewm {
	width: 130px;
	padding: 10px;
	background-color: #0164b2;
	font-size: 18px;
	line-height: 46px;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: -180px;
	opacity: 0;
}
.pc_kf .ewm img {
	width: 100%;
	height: auto;
	display: block;
}
.pc_kf .nr:hover .ewm {
	right: 46px;
	opacity: 1;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.pc_kf .nr a {
	display: block;
}
.pc_kf .nr i {
	color: #bbb;
}
.pc_kf .nr a:hover i {
	color: #0164b2;
}
.pc_kf .fh {
	width: 46px;
	height: 46px;
	background-color: #0164b2;
	font-size: 22px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	cursor: pointer;
}
@media only screen and (max-width:640px) {
.pc_kf {
	width: 100%;
	background-color: #0164b2;
	position: fixed;
	right: 0;
	bottom: 0;
}
.pc_kf .nr {
	width: 25%;
	height: 46px;
	border-right: 1px solid rgba(255,255,255,.6);
	font-size: 20px;
	line-height: 46px;
	background: none;
	box-shadow: none;
	margin-bottom: 0;
	float: left;
}
.pc_kf .nr.wx {
	display: block;
}
.pc_kf .nr.em {
	display: none;
}
.pc_kf .tel {
	display: none;
}
.pc_kf .ewm {
	display: none;
}
.pc_kf .nr a {
	display: block;
}
.pc_kf .nr i {
	color: #fff;
}
.pc_kf .nr a:hover i {
	color: #fff;
}
.pc_kf .fh {
	width: 25%;
	height: 46px;
	font-size: 22px;
	line-height: 46px;
	float: left;
}
}




.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
.hh{ height:48px; display:none}
@media only screen and (max-width:992px){
#float_nav{ display:block}
.hh{  display: block}
.xx{ height:2px;  width:100%; margin:0 auto; border-bottom:#920007 2px dotted; margin-bottom:20px}
}

.index-slogan { margin:20px auto; overflow:hidden;
	z-index: 100;
	padding: 20px 0;
}
.index-slogan .service-subject {
	float: left;
	width: 23%; margin:0 1%;
	padding: 0 1%; background:#f6f6f6;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; 
}
.index-slogan .m {
	float: left;
	width: 50px;
	padding: 11px 0;
	margin-right: 12px; margin-top:10px;
}
.index-slogan .m img {
	vertical-align: middle;
}
.index-slogan .title-sub {
	line-height: 36px;
	font-size: 18px;
	color: #333;
}
.index-slogan .des {
	font-size: 13px;
	color: #666;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
}
/*index-service*/
.index-service {
	padding: 50px 0 70px;
	zoom: 1;
	
}

.index-service .sub {
	float: left;
	width: 24.86%;
	height: 220px;
	background: #f7f7f7;
	position: relative;
	transition: 0.3; margin-right:2px;box-sizing:border-box; margin-bottom:2px
}
.index-service dl {
	padding: 15px;
}

.index-service dt {
	text-align: center;
	font-size: 20px;
	font-weight: bold  ;
	color: #555; margin-bottom:15px
}
.index-service .des {
	height: 40px;
	line-height: 20px;
	padding: 0 15px;
	overflow: hidden;
	font-size: 13px;
	color: #646A75;
	text-align: center;
}
.index-service .m {
	padding: 10px 0 5px;
	text-align: center;
}
.index-service .m img {
	height: 80px;
}
.index-service ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #0060b0;
	color: #fff;
	text-align: center;
	display: none;
}
.index-service .ul-s {
	padding: 15px;
}
.index-service ul h6 {
	font-size: 20px;

	line-height: 30px;
	margin-bottom: 10px;
	color: #fff; font-weight:bold
}
.index-service ul li {
	font-size: 13px;
	line-height: 24px;
	color: #fff;
}
.index-service .index2n {
	margin-top: 20px;
	height: 36px;
}
.index-service .index2n a {
	color: #fff;
	padding: 6px 25px;
	line-height: 36px;
	border-radius: 1px;
	border: 1px #FFF solid;
}
.index-service .index2n a:hover span {
	color: #0060b0; 
}

@media only screen and (max-width:992px){
.index-service {
	padding: 20px 0 20px;
	zoom: 1;
	
}
.index-service .sub {
	float: left;
	width: 49.3%;
	height: auto  ;
	background: #f7f7f7;
	position: relative;
	transition: 0.3; margin:1px;box-sizing:border-box; 
}
.index-service .m {
	padding: 0 0 5px;
	text-align: center;
}
.index-service .m img {
	height: 60px;
}
.index-service ul h6 {
	font-size: 16px;

	line-height: 30px;
	margin-bottom: 10px;
	color: #fff; font-weight:bold
}
.index-service ul li {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}
.index-service dt {
	text-align: center;
	font-size: 16px;
	font-weight: bold  ;
	color: #555; margin-bottom:5px
}
}

.btn-a em {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #fff;
    transition: 0.5s;
}
.btn-a {transition: 0.5s;position: relative;}
.btn-a span {color: #fff;position: relative;z-index: 2;}
.btn-a:hover em { width:100%}
/* in_tit */
.in_tit {
  overflow: hidden;
  text-align: center;
  padding: 0 0 30px 0;
}
.in_tit span {
  font-size: 28px;
  color: #333; font-weight:bold
}
.in_tit em  {
    width: 40px;
    height: 3px;
    background-color: #0060b0;
    display: block;
    margin: 10px auto;
}
.in_tit p {
  display: inline-block;
  position: relative;
  color: #888;
}
@media only screen and (max-width:992px){
.in_tit {
  overflow: hidden;
  text-align: center;
  padding: 0 0 20px 0;
}
.in_tit span {
  font-size: 16px;
  color: #333; font-weight:bold 
}
.in_tit p { font-size:12px
}	
}
/* in_box */
.in_box {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
}
.in_box1 {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;background: url(../images/pic19.png) repeat center; margin-top:50px
}
/* in_bj */
.in_bj {
  background: #fff;
}
/* in_news */
.in_news{ height:auto; overflow:hidden; margin-bottom:20px}
.in_news .tit {
  height: 56px;
  line-height: 60px;
  overflow: hidden;
  border-bottom: 1px dotted #cacaca;
  padding: 0 20px;
}
.in_news .tit span {
  font-size: 16px;
  float: left;
  margin-left: 40px;
  font-weight: bold;
}
.in_news .tit span:first-child {
  margin-left: 0px;
}
.in_news .tit span.on {
  color: #025ea9;
}
.in_news .tit a {
  color: #999999;
  text-transform: uppercase;
  float: right;
}
.in_news .tit a:hover {
  color: #025ea9;
}
.in_news .boxsm {
  background: #fff;
  float: right;
  overflow: hidden;
  width: 300px;
  box-shadow: 0 0 15px #eee;
}
.in_news .boxsm .gund {
  height: 420px;
  overflow: hidden;
}
.in_news .boxsm .gund li {
  border-bottom: 1px dotted #d2d2d2;
  overflow: hidden;
  padding: 25px 20px;
}
.in_news .boxsm .gund li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/icon_askw.png) left top no-repeat;
  height: 27px;
  line-height: 22px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.in_news .boxsm .gund li .bt:hover {
  color: #74b934;
}
.in_news .boxsm .gund li p {
  background: url(../images/icon_askd.png) left top no-repeat;
  color: #999999;
  line-height: 22px;
  padding: 0 0 0 30px;
  height: 40px;
  display: block;
  overflow: hidden;
}
.in_news .boxbig {
  width: 880px;
  background: #fff;
  float: left;
  overflow: hidden;
  box-shadow: 0 0 15px #eee;
}
.in_news .boxbig .tit {
  padding: 0 30px;
}
.in_news .boxbig .tit span {
  cursor: pointer;
}
.in_news .boxbig dl {
  height: 360px;
  overflow: hidden;
  padding: 30px 10px;
}
.in_news .boxbig dl dt {
  height: 170px;
  position: relative;
  overflow: hidden;
  padding: 0 20px 10px 20px;
}
.in_news .boxbig dl dt .pic {
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.in_news .boxbig dl dt .pic img {
  width: 100%;
  height: 170px;
  transition: all 0.7s;
}
.in_news .boxbig dl dt .pic img:hover {
  transform: scale(1.1);
}
.in_news .boxbig dl dt .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.in_news .boxbig dl dt p {
  display: block;
  overflow: hidden;
  height: auto  ;
  line-height: 26px;
  margin: 15px 0 20px 0; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;
}
.in_news .boxbig dl dt .more {
  color: #999999;
  line-height: 20px;
  text-transform: uppercase;
}
.in_news .boxbig dl dt .more:hover {
  color: #025ea9;
}
.in_news .boxbig dl dd {
  padding: 0 20px;
  width: 100%;  border-bottom: 1px dotted #ddd; height:auto; overflow:hidden

}
.in_news .boxbig dl dd a {

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 44px;
  position: relative;
  padding: 0 0 0 15px; float:left; font-size:14px
}
.in_news .boxbig dl dd a:before {
  position: absolute;
  left: 2px;
  top: 50%;
  content: "";
  margin-top: -3px;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-left: 4px solid #025ea9;
  border-bottom: 3px solid transparent;
}
.in_news .boxbig dl dd span{ float:right;  line-height: 44px; margin-right:20px; color:#999}
/* in_about */
.in_about {
  background: url(../images/bj_inabout.jpg) center top no-repeat;

  position: relative;
  z-index: 1;
}
.in_about .in_tit {
  background: rgba(255, 255, 255, 0.5);
  max-width: 400px;
  margin: 0 auto;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 0 20px #ddd;
}
.in_about .container {
  background: #fff;
  padding: 30px 0;
  overflow: hidden;
  box-shadow: 0 0 20px #ddd;
}
.in_about .video {
  float: left;
  margin-left: 30px;
  background: #000;
}
.in_about .video video {
  width: 450px;
  height: 320px;
  float: left;
}
.in_about .video video::-internal-media-controls-download-button {
  display: none;
}
.in_about .video video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
.in_about .video video::-webkit-media-controls-panel {
  width: calc(107%);
}
.in_about .box {
  margin-right: 30px;
  background: #fafafa;
  overflow: hidden;
  width: 620px;
  height: auto  ;
  padding: 0 35px;
  float: right;
  line-height: 2;
  color: #888;
}
.in_about .box .info {
  height: 228px;
  overflow: hidden;
  margin: 25px 0 10px 0;
  text-align: justify;
}
.in_about .box strong {
  color: #025ea9;
  font-size: 16px;
}
.in_about .box .more {
  float: left;
  display: block;
  overflow: hidden;
  color: #0060b0; border:#0060b0 1px solid; padding:0 10px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; margin-bottom:10px; margin-left:10px
}
.in_about .box .more .iconfont {
  font-size: 18px;
  margin-right: 5px;
}
.in_about .box .more:hover {
  color: #025ea9;
}

@media only screen and (max-width:992px){
.in_box1 {
  width: 100%;
  overflow: hidden;
  padding: 20px 0 0;background: url(../images/pic19.png) repeat center;
}
	.in_box {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}
.in_about {
  background: url(../images/bj_inabout.jpg) center top no-repeat;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.in_about .in_tit {
  background: rgba(255, 255, 255, 0.5);
  max-width: inherit;
  margin: 0 auto;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0 0 20px #ddd; width:90%
}
.in_about .container {
  background: #fff;
  padding:  0;
  overflow: hidden;
  box-shadow: 0 0 20px #ddd;
}
.in_about .video {
  float: none;
  margin-left: 0;
  background: #000;
}
.in_about .video img{ width:100%
}
.in_about .video video {
  width: 96%;
  height: auto  ;
  float: none; margin:0 auto 
}
.in_about .box {
  margin-right: 0;
  background: #fafafa;
  overflow: hidden;
  width: 100%;
  height: auto  ;
  padding: 0;
  float: none;
  line-height: 2;
  color: #888;
}
.in_about .box .info {
  height: auto  ;
  overflow: hidden; width:96%; 
  margin: 10px auto;
  text-align: justify;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:8;
}
.in_news .boxbig {
  width: 96%;
  background: #fafafa;
  float: none;
  overflow: hidden;
  box-shadow: 0 0 15px #eee; margin:0 auto
}

.in_news .boxbig dl dd a {

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 36px;
  position: relative;
  padding: 0 0 0 15px; float:left; font-size:14px; width:60%
}
.in_news .boxbig dl dd span{ float:right;  line-height: 36px; margin-right:10px; color:#999; font-size:12px}

.in_news .tit {
  height: 36px;
  line-height: 40px;
  overflow: hidden;
  border-bottom: 1px dotted #cacaca;
  padding: 0 20px;
}
.in_news .tit span {
  font-size: 14px;
  float: left;
  margin-left: 40px;
  font-weight: bold;
}
.in_news .boxbig dl dt { display:none
}
.in_news .boxbig dl {
  height: auto  ;
  overflow: hidden;
  padding: 10px 10px; width:100%
}
.in_news .boxsm {
  background: #fafafa;
  float: none;
  overflow: hidden;
  width: 96%;
  box-shadow: 0 0 15px #eee; margin:20px auto 0
}
.in_news .boxsm .gund li {
  border-bottom: 1px dotted #d2d2d2;
  overflow: hidden;
  padding:10px ;
}
.in_news .boxsm .gund {
  height: auto  ;
  overflow: hidden; padding-bottom:20px
}
.in_news .boxbig dl dd {
  padding: 0 ;
  width: 96%;
  float: n0ne;
}
}


/* in_case */
.in_case {
  margin-bottom: 30px;
}
.in_case .swiper-slide {
  overflow: hidden;
}
.in_case .swiper-slide img {
  width: 100%;
  height: 360px;
}
.in_case .swiper-slide .fd {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 44px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 15px;
  transition: all 0.7s;
  text-align: center;
  color: #fff;
}
.in_case .swiper-slide .fd span {
  display: block;
  overflow: hidden;
  line-height: 44px;
}
.in_case .swiper-slide .fd i {
  display: block;
  overflow: hidden;
  background: url(../images/icon_incclose.png) center center no-repeat;
  height: 10px;
}
.in_case .swiper-slide .fd p {
  line-height: 22px;
  height: 66px;
  display: block;
  overflow: hidden;
  margin: 5% 0;
  font-size: 12px;
}
.in_case .swiper-slide .fd a {
  display: block;
  overflow: hidden;
  width: 140px;
  line-height: 44px;
  text-align: center;
  background: #fb6205;
  color: #fff;
  margin: 0 auto;
}
.in_case .swiper-slide .fd a:hover {
  background: #fff;
  color: #025ea9;
}
.in_case .swiper-slide:hover .fd {
  background: rgba(2, 94, 169, 0.7);
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.in_case .swiper-slide:hover .fd span {
  font-size: 16px;
  line-height: 24px;
  max-height: 48px;
  margin-bottom: 15px;
}
.in_casepn {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.in_casepn a {
  width: 62px;
  height: 42px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
}
.in_casepn .prev {
  background-image: url(../images/icon_left1.png);
}
.in_casepn .prev:hover {
  background-image: url(../images/icon_left2.png);
  background-color: #025ea9;
  border: 1px solid #025ea9;
}
.in_casepn .next {
  background-image: url(../images/icon_right1.png);
}
.in_casepn .next:hover {
  background-image: url(../images/icon_right2.png);
  background-color: #025ea9;
  border: 1px solid #025ea9;
}
.in_casepn .more {
  width: 136px;
  margin: 0 15px;
  background-image: url(../images/icon_cen1.png);
}
.in_casepn .more:hover {
  background-image: url(../images/icon_cen2.png);
  background-color: #025ea9;
  border: 1px solid #025ea9;
}

/*评价*/

.albg{ background:#efefef; height:718px;  overflow:hidden; position:relative; z-index:10; padding-top:50px; padding-bottom:40px}

.albg .center{ height: auto; position:relative; z-index:11; }

.aljsk{ display:block; padding-top:34px; height:474px; margin-bottom:35px; }

.aljsk li{ width:300px; height:474px !important; float:left; position:relative; top:0px;opacity :1;}

.alk1{ width:300px; height:251px; position:relative; z-index:3; background: url(../images/albgk20.png) top center no-repeat;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}

.alk11{ width:300px; height:251px; position:relative; top:223px; z-index:3; background: url(../images/albgk2.png) top center no-repeat;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}

.alk2{ display:block; width:300px; height:237px; position:absolute; overflow:hidden; z-index:2; top:237px;}

.alk21{ display:block; width:300px; height:237px; position:absolute; overflow:hidden; z-index:2; top:0;

}

.alk10{ position:absolute; top:0; left:0; width:100%; height:0;background: url(../images/albgk1.png) top center no-repeat; z-index:4;}

.alk101{ position:absolute; bottom:0; left:0; width:100%; height:0;background: url(../images/albgk10.png) bottom center no-repeat; z-index:4;}

.alkk1{ display: block; position:relative; z-index:6; width:288px; height:188px; padding:33px 12px 0;}

.alsh{ width:104px; height:107px; margin-left:15px; float:left; position:relative;}

.alsh0{ position: absolute; width:104px; height:0; left:0; bottom:0;}

.alsh01{ position:absolute; width:104px; height:0; left:0; top:0;}

.alsjk{ position:relative; width:90%; margin:0 auto}

.alsj_ti{ display:block; width:100%; height:40px; position:relative; border-bottom:2px solid #e4e4e4; line-height:40px; font-size:16px; color:#000;}

.alsj_js{ display:block; padding-top:11px; line-height:26px; color:#6f6f6f; font-size:12px;}

.alsj_js a{ color:#6f6f6f;}

.aljsk li:hover .alk10, .aljsk li:hover .alk101{ height:100%; transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}

.aljsk li:hover .alsh0, .aljsk li:hover .alsh01{ height:100%;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}

.aljsk li:hover .alsj_ti{ color:#FFF; border-color:#FFF;}

.aljsk li:hover .alsj_js { color:#d2e3f9;}

.aljsk li:hover .alk2 img, .aljsk li:hover .alk21 img{ transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -moz-transform: scale(1.15);	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}


.duo_td{ display: block; width:116px; height:36px; border:1px solid #bfbfbf; margin:0 auto; text-align:center; line-height:36px; font-size:18px; color:#818181; position:relative; z-index:30;}.duo_td:visited{ color:#818181;}

.duo_td span{ display:block; height:36px; background:url(../images/duojtd.png) center center no-repeat;}

.duo_td:hover span{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.duo_td span{

	transition:all 0.3s linear;

	-webkit-transition:all 0.3s linear;

	-moz-transition:all 0.3s linear;

	-o-transition:all 0.3s linear;

}
/* in_heng */
.in_heng {
  width: 100%;
  overflow: hidden;
  background: url(../images/bj_incont.jpg) center top no-repeat;
  height: 216px;
  color: #fff;
}
.in_heng .left {
  float: left;
  font-size: 24px;
  line-height: 2;
  padding: 20px 0 0 0; margin-left:100px;
  letter-spacing: 2px;
}
.in_heng .left .bt {
  font-size: 36px;
}
.in_heng .left span {
  color: #fb6205;
}
.in_heng .right {
  float: right;
  text-align: right;
  padding: 40px 0 0 0;
}
.in_heng .right .tel {
  font-size: 30px;
  padding: 15px 0 20px 0;
  text-shadow: 0 0 1px #000;
}
.in_heng .right a {
  background: #ff6200;
  color: #fff;
  display: block;
  overflow: hidden;
  width: 100px;
  line-height: 40px;
  text-align: center;
  float: right;
}
.in_heng .right a:hover {
  background: #fff;
  color: #ff6200;
}

/* in_sida */
.in_sida {
  width: 100%;
  overflow: hidden;
  padding: 50px 0 20px 0;
}
.in_sida dl {
  margin-top: 20px;
  overflow: hidden;
}
.in_sida dl dt {
  float: right;
  width: 555px;
  margin-top: 20px;
}
.in_sida dl dt img {
  width: 100%;
  height: auto;
}
.in_sida dl dd {
  float: left;
  width: 550px;
  position: relative;
  padding: 0 0 0 65px;
}
.in_sida dl dd .xh {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #025ea9;
  color: #fff;
  width: 50px;
  height: 75px;
  font-size: 32px;
  text-align: center;
  overflow: hidden;
}
.in_sida dl dd .xh i {
  font-family: 'deckerregular';
  line-height: 58px;
  display: inline-block;
}
.in_sida dl dd .xh .one {
  margin-left: 5px;
}
.in_sida dl dd .xh:before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  height: 2px;
  background: #fff;
  top: 58px;
}
.in_sida dl dd .bt {
  overflow: hidden;
}
.in_sida dl dd .bt strong {
  display: block;
  overflow: hidden;
  color: #333;
  font-size: 26px;
  line-height: 30px;
  padding: 0 0 14px 0;
  border-bottom: 2px dotted #ccc;
  color: #025ea9;
}
.in_sida dl dd .bt em {
  display: block;
  overflow: hidden;
  text-transform: uppercase;
  color: #999;
  padding-top: 10px;
  font-size: 16px;
}
.in_sida dl dd .info {
  line-height: 30px;
  padding-left: 32px;
  margin-top: 15px;
  background: url(../images/icon_ye.gif) no-repeat left 6px;
  margin-bottom: 30px;
  text-align: justify;
}
.in_sida dl dd .info span {
  color: #ff6200;
  font-weight: bold;
}
.in_sida dl:first-child dt {
  float: left;
  margin-top: 0;
}
.in_sida dl:first-child dd {
  float: right;
}
/* in_wen */
.in_wen {
  width: 100%;
  overflow: hidden;
  background: url(../images/in_wen.jpg) center top no-repeat;
  color: #fff;
  font-size: 16px;
}
.in_wen strong {
  font-size: 18px;
  color: #f9c409;
}
.in_wen .container {
  height: 600px;
}
.in_wen .bt {
  position: absolute;
  top: 50px;
  font-size: 34px;
  left: 0px;
  width: 100%;
  text-align: center;
  z-index: 3;
  background: url(../images/icon_bts.png) center center no-repeat;
}
.in_wen .bt span {
  font-weight: bold;
}
.in_wen .p1 {
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.in_wen .p2 {
  position: absolute;
  top: 120px;
  left: 60%;
}
.in_wen .p3 {
  position: absolute;
  top: 180px;
  left: 27%;
}
.in_wen .p4 {
  position: absolute;
  top: 140px;
  left: 40%;
}
.in_wen .w1 {
  position: absolute;
  right: 840px;
  top: 282px;
}
.in_wen .w2 {
  position: absolute;
  right: 895px;
  top: 380px;
}
.in_wen .w3 {
  position: absolute;
  right: 910px;
  top: 494px;
}
.in_wen .w4 {
  position: absolute;
  left: 840px;
  top: 282px;
}
.in_wen .w5 {
  position: absolute;
  left: 895px;
  top: 380px;
}
.in_wen .w6 {
  position: absolute;
  left: 910px;
  top: 494px;
}
/* in_pro */
.in_pro {
  width: 100%;
  overflow: hidden;
  padding: 40px 0 50px 0;
  background: url(../images/bj_inpro.png) center top repeat;
}
.in_pro .cate {
  float: left;
  width: 240px;
  background: #fff;
  box-shadow: 0 0 20px #ddd;
}
.in_pro .cate .tit {
  display: block;
  overflow: hidden;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  background: -webkit-linear-gradient(bottom, #025ea9, #037adb);
  background: -moz-linear-gradient(bottom, #025ea9, #037adb);
  background: -o-linear-gradient(bottom, #025ea9, #037adb);
  background: linear-gradient(bottom, #025ea9, #037adb);
}
.in_pro .cate .tit span {
  display: block;
  overflow: hidden;
  font-size: 24px;
  padding: 0 0 5px 0;
}
.in_pro .cate .tit em {
  text-transform: uppercase;
  font-family: 'deckerregular';
  font-size: 12px;
}
.in_pro .cate ul li > a {
  display: block;
  overflow: hidden;
  line-height: 51px;
  padding: 0 0 0 25px;
  background: -webkit-linear-gradient(right, #fff, #f5f5f5);
  background: -moz-linear-gradient(right, #fff, #f5f5f5);
  background: -o-linear-gradient(right, #fff, #f5f5f5);
  background: linear-gradient(right, #fff, #f5f5f5);
  border-bottom: 1px dotted #ddd;
}
.in_pro .cate ul li .sub {
  display: none;
}
.in_pro .cate ul li .sub a {
  padding: 0 0 0 25px;
  display: block;
  overflow: hidden;
  border-bottom: 1px dotted #eee;
  line-height: 39px;
  font-size: 12px;
  color: #888;
}
.in_pro .cate ul li .sub a:hover {
  color: #025ea9;
}
.in_pro .cate ul li:first-child .sub {
  display: block;
}
.in_pro .cate ul li:hover > a,
.in_pro .cate ul li.on > a {
  background: #74b934;
  color: #fff;
}
.in_pro .box {
  float: right;
  width: 930px;
}
.in_pro .box .tab {
  height: 44px;
  line-height: 44px;
  background: -webkit-linear-gradient(bottom, #fff, #eee);
  background: -moz-linear-gradient(bottom, #fff, #eee);
  background: -o-linear-gradient(bottom, #fff, #eee);
  background: linear-gradient(bottom, #fff, #eee);
  border: 1px solid #eee;
  border-top: 0;
  position: relative;
  margin-bottom: 15px;
}
.in_pro .box .tab li {
  float: left;
  margin-right: 5px;
}
.in_pro .box .tab li a:first-child {
  background: -webkit-linear-gradient(bottom, #fff, #ccc);
  background: -moz-linear-gradient(bottom, #fff, #ccc);
  background: -o-linear-gradient(bottom, #fff, #ccc);
  background: linear-gradient(bottom, #fff, #ccc);
  display: block;
  overflow: hidden;
  padding: 0 25px;
  font-size: 16px;
}
.in_pro .box .tab li .more {
  position: absolute;
  right: 10px;
  top: 0px;
  text-transform: uppercase;
  color: #888;
  font-size: 12px;
}
.in_pro .box .tab li .more:hover {
  color: #74b934;
}
.in_pro .box .tab li.on a:first-child {
  background: -webkit-linear-gradient(bottom, #025ea9, #037adb);
  background: -moz-linear-gradient(bottom, #025ea9, #037adb);
  background: -o-linear-gradient(bottom, #025ea9, #037adb);
  background: linear-gradient(bottom, #025ea9, #037adb);
  color: #fff;
}
.in_pro .box .xun ul {
  margin: -10px;
  overflow: hidden;
}
.in_pro .box .xun ul li {
  float: left;
  width: 296px;
  margin: 10px;
  box-shadow: 0 0 1px #ccc;
  text-align: center;
  background: -webkit-linear-gradient(top, #fff, #eee);
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -o-linear-gradient(top, #fff, #eee);
  background: linear-gradient(top, #fff, #eee);
}
.in_pro .box .xun ul li .pic {
  display: block;
  overflow: hidden;
  background: #fff;
}
.in_pro .box .xun ul li .pic img {
  width: 100%;
  height: auto;
  transition: all 0.7s;
}
.in_pro .box .xun ul li .pic img:hover {
  transform: scale(1.1);
}
.in_pro .box .xun ul li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 15px;
}
.in_pro .box .xun ul li .cs {
  padding: 10px 0 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.in_pro .box .xun ul li .cs a {
  display: block;
  overflow: hidden;
  font-size: 12px;
  margin: 0 15px;
  background: -webkit-linear-gradient(bottom, #025ea9, #037adb);
  background: -moz-linear-gradient(bottom, #025ea9, #037adb);
  background: -o-linear-gradient(bottom, #025ea9, #037adb);
  background: linear-gradient(bottom, #025ea9, #037adb);
  color: #fff;
  line-height: 30px;
  padding: 0 15px;
}
.in_pro .box .xun ul li .cs a:last-child {
  background: -webkit-linear-gradient(bottom, #74b934, #8ece52);
  background: -moz-linear-gradient(bottom, #74b934, #8ece52);
  background: -o-linear-gradient(bottom, #74b934, #8ece52);
  background: linear-gradient(bottom, #74b934, #8ece52);
}
.in_pro .box .xun ul li .cs a:hover {
  opacity: 0.8;
}
/* in_link */
.in_link {
  overflow: hidden;
  width: 100%;
  padding: 20px 0 0 0;
}
.in_link .tit {
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  float: left;
  background: #025ea9;
  padding: 5px 20px;
}
.in_link .tit span {
  font-size: 18px;
  padding: 0 5px 0 0;
}
.in_link .tit em {
  color: #fb6205;
  text-transform: uppercase;
}
.in_link ul {
  width: 100%;
  overflow: hidden;
  background: #fafafa;
  padding: 10px;
}
.in_link ul li {
  padding: 0 10px;
  float: left;
  line-height: 24px;
}
.in_link ul li a {
  display: block;
  overflow: hidden;
  color: #888;
}
.in_link ul li a:hover {
  color: #025ea9;
}
/* all */
.main {
  width: 100%;
  padding: 5px 0 30px 0;
  overflow: hidden;
}
.main .fl {
  float: left;
}
.main .fr {
  float: right;
}
.main .main_big {
  width: 910px;
  overflow: hidden;
}
.main .main_small {
  width: 260px;
  overflow: hidden;
}
.main .main_da {
  width: 940px;
  overflow: hidden;
}
.main .main_xiao {
  width: 230px;
  overflow: hidden;
}
.main .main_pd {
  padding: 20px;
  overflow: hidden;
  line-height: 2;
}
.main .main_bor {
  border: 1px solid #efefef;
  overflow: hidden;
  margin-top: 10px;
}
.main .main_bor .btit {
  text-align: center;
  overflow: hidden;
  line-height: 50px;
  color: #fff;
  background: -webkit-linear-gradient(bottom, #025ea9, #037adb);
  background: -moz-linear-gradient(bottom, #025ea9, #037adb);
  background: -o-linear-gradient(bottom, #025ea9, #037adb);
  background: linear-gradient(bottom, #025ea9, #037adb);
  font-size: 18px;
}
.main .main_bort {
  border-top: 2px solid rgba(2, 94, 169, 0.7);
}
.main .main_bort .ktit {
  background: -webkit-linear-gradient(bottom, #f5f5f5, #eee);
  background: -moz-linear-gradient(bottom, #f5f5f5, #eee);
  background: -o-linear-gradient(bottom, #f5f5f5, #eee);
  background: linear-gradient(bottom, #f5f5f5, #eee);
  line-height: 44px;
  padding: 0 20px;
  font-weight: bold;
  color: #025ea9;
  overflow: hidden;
  box-shadow: 0 0 2px #eee;
}
.main .main_bort .ktit .fr {
  color: #888;
}
.main .main_bort .ktit .fr em {
  color: #ff0000;
}
.main .position {
  overflow: hidden;
  border: 1px solid #efefef;
  border-left: 3px solid #025ea9;
  padding: 8px 0 8px 10px;
  background: #fafafa;
}
.main .position a:hover {
  color: #025ea9;
}
.main .contbox {
  background: url(../images/contleft.jpg) center top no-repeat;
  padding: 105px 15px 5px 15px;
  overflow: hidden;
}
.main .contbox dt {
  color: #025ea9;
  font-weight: bold;
  padding: 0 0 8px 0;
}
.main .contbox dd {
  border-top: 1px dotted #ddd;
  padding: 8px 0 8px 65px;
  position: relative;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
}
.main .contbox dd span {
  position: absolute;
  left: 0px;
  top: 8px;
  width: 65px;
}
.main .procate li > a {
  display: block;
  overflow: hidden;
  line-height: 44px;
  padding: 0 0 0 25px;
  background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);
  background: -moz-linear-gradient(right, #fafafa, #f0f0f0);
  background: -o-linear-gradient(right, #fafafa, #f0f0f0);
  background: linear-gradient(right, #fafafa, #f0f0f0);
  border-bottom: 1px dotted #ddd;
}
.main .procate li > a:hover {
  color: #fff;
  background: -webkit-linear-gradient(right, #74b934, #68a52e);
  background: -moz-linear-gradient(right, #74b934, #68a52e);
  background: -o-linear-gradient(right, #74b934, #68a52e);
  background: linear-gradient(right, #74b934, #68a52e);
}
.main .procate li .sub a {
  padding: 0 0 0 38px;
  display: block;
  overflow: hidden;
  border-bottom: 1px dotted #eee;
  line-height: 34px;
  font-size: 12px;
  color: #888;
  position: relative;
}
.main .procate li .sub a:before {
  content: '';
  position: absolute;
  left: 25px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-top: 3px solid transparent;
  border-left: 4px solid #666;
  border-bottom: 3px solid transparent;
}
.main .procate li .sub a:hover {
  color: #025ea9;
}
.main .procate li .sub a:hover:before {
  border-left: 4px solid #025ea9;
}
.main .procate li .sub a.on {
  color: #025ea9;
  font-weight: bold;
}
.main .procate li .sub a.on:before {
  border-left: 4px solid #025ea9;
}
.main .procate li.on > a {
  color: #fff;
  background: -webkit-linear-gradient(right, #74b934, #68a52e);
  background: -moz-linear-gradient(right, #74b934, #68a52e);
  background: -o-linear-gradient(right, #74b934, #68a52e);
  background: linear-gradient(right, #74b934, #68a52e);
}
.main .procate li.on .sub {
  display: none;
}



.wzxx { line-height:36px; height:36px; margin-top:10px; padding:0 0 0 36px; background:url(../images/26573cbc5cd1154.png) left center no-repeat; border-bottom:#ccc 1px solid}
.wzxx a { color:#333;}
.gsjj { padding:20px 0; line-height:30px;}
.gsjj h1 { font-size:30px; text-align:center; margin:20px 0}
.gsjj h4 { font-size:18px; margin-bottom:10px; color:#0060b0}
.gsjj p { padding-bottom:30px}
.ywly_ny { padding:20px 0}
.ywly_ny ul li { width:277px; float:left; margin-bottom:30px; background:#f6f6f6; margin-right:30px; padding-bottom:15px;}
.ywly_ny ul li img { width:100%; display:block}
.ywly_ny ul li h3 { font-size:18px; color:#333; margin:10px 0; padding:0 10px; text-align:center}
.ywly_ny ul li p { line-height:22px; font-size:14px; color:#666; padding:5px 10px;}
.ywly_ny ul li:hover { background:#0060b0}
.ywly_ny ul li:hover h3 { color:#fff}
.ywly_ny ul li:hover p { color:#fff}
.ny_bt { text-align:center; font-size:30px; text-align:center; margin:20px 0}
.wlfw { padding-top:50px; overflow:hidden}
.wlfw ul li { margin-bottom:30px; border:#eee 1px solid; background:#eee; overflow:hidden}
.wlfw ul li .tp { width:320px; float:left}
.wlfw ul li .tp img { width:100%}
.wlfw ul li .wenz { width:840px; float:right; padding:10px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.wlfw ul li .wenz h3 { font-size:18px; color:#333; margin:20px auto 15px;}
.wlfw ul li .wenz .lin { width:30px; height:2px; background:#abcd05; float:left; margin-bottom:15px;}
.wlfw ul li .wenz p { font-size:14px; line-height:22px; color:#666;}
.wlfw ul li .wenz .more1 a { height:30px; width:120px; border:#0060b0 1px solid; line-height:30px; display:block; text-align:center; color:#fff; margin-top:30px;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;box-shadow: 0 0 8px 0 rgba(52,129,219,.2),0 8px 16px 0 rgba(52,129,219,.2);-webkit-box-shadow: 0 0 8px 0 rgba(52,129,219,.2),0 8px 16px 0 rgba(52,129,219,.2);background: #0060b0; }
.wlfw ul li .wenz .more1 a:hover { background:#0060b0; color:#fff}

/*新闻*/
.zmtyxal { margin:50px auto}
.zmtyxal ul li { margin-bottom:30px; border-bottom:#eee 1px dashed; padding:15px 0; overflow:hidden; margin-bottom:20px;}
.zmtyxal ul li .tp { width:280px; float: left;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; border:#eee 1px solid; overflow:hidden}
.zmtyxal ul li .tp img { width:100%; height:190px;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.zmtyxal ul li:hover .tp img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.zmtyxal ul li .wz { width:860px; float:right}
.zmtyxal ul li .wz h3 { font-size:20px; line-height:40px; color:#333;}
.zmtyxal ul li .wz p { line-height:26px; font-size:14px; color:#555; margin-top:20px;}
.zmtyxal ul li .wz .Acdltj_time{width:100%; margin:15px 0 0; color:#a9a9a9; display:block; height:30px}
.page{ text-align:center; margin:30px auto;}
.page a{ height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
.page a:hover{ background:#0068ba; border:#0068ba 1px solid; color:#FFF;}
.page a.hover{ background:#0068ba; border:#0068ba 1px solid; color:#FFF;}
.m_msg{ padding-bottom: 100px; width:1200px; margin:0 auto ; overflow:hidden}

.m_msg h2{ font-size: 36px; text-align: center; margin: 30px 0 60px; }

.m_msg .top1{ margin-bottom: 27px; }

.m_msg .top1 .item{ position: relative; border: 1px solid #dedede; overflow: hidden; width: 31%; float: left; margin-left: 3.5%; height: 42px; box-sizing: border-box; margin-bottom:20px }

.m_msg .top1 .item:first-child{ margin-left: 0; }

.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; position: absolute; height: 100%; width: 23%; height: 100%; font-size: 0; }

.m_msg .top1 .item input{ padding-left: 10px; float: right; width: 77%; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; }

.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}

.m_msg .email span{ background: #e7e8ec url(../images/icon34.png) center no-repeat;}

.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}

.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}

.m_msg .msg{ float: left; position: relative; width: 65.5%; height: 200px; box-sizing: border-box; border: 1px solid #dedede; }

.m_msg .msg textarea{ font-size: 16px; line-height: 22px; width: 89.1%; float: right; border: none; height: 198px; padding: 5px; box-sizing: border-box; }

.m_msg .text{ padding-top: 20px; width: 31%; margin-left: 3.5%; float: left; color: #666; z-index:9999; display:block }
.m_msg .text p { line-height:24px; font-size:14px}

.m_msg .text .red{ color: #b20d0b; margin: 14px 0 57px; }

.m_msg .text .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }

.m_msg .text .btn input[type="submit"]{ background: #b20d0b; }
.lxwm { margin-top:30px; overflow:hidden}
.lxwm .tit {height:70px; padding-top:50px; background:url(../images/titlx.png) center top no-repeat;}
.lxwm .tit h2 { font-size:30px; color:#333; text-align:center}
.lxwm .nr { padding-top:30px; overflow:hidden; padding-bottom:60px;}
.lxwm .nr .left { width:500px; float:left}
.lxwm .nr .left .bt { font-size:20px; line-height:32px; color:#333;}
.lxwm .nr .left .line { width:100%; height:2px; text-align:left; margin-bottom:40px;}
.lxwm .nr .left .line span { width:50px; height:2px; background:#999; float:left; display:block}
.lxwm .nr .left h3 { font-size:24px; margin-bottom:10px;}
.lxwm .nr .left .dz { font-size:16px; line-height:30px; padding-bottom:50px; border-bottom:#ccc 1px solid; margin-bottom:20px; color:#333}
.lxwm .nr .left p { line-height:38px; color:#333; font-size:16px;}
.lxwm .nr .left p.p1 { background:url(../images/bg_sign2.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p2 { background:url(../images/bg_sign3.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p3 { background:url(../images/bg_sign1.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p4 { background:url(../images/bg_sign4.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .right { width:650px; float:right}

/* cateinfo */
.cateinfo {
  text-indent: 2em;
  overflow: hidden;
  line-height: 1.8;
  border-bottom: 1px dashed #ddd;
  padding: 0 0 10px 0;
  margin-bottom: 15px;
}
.cateinfo img {
  display: block;
}
/* prolist */
.prolist {
  overflow: hidden;
  margin: -10px;
}
.prolist li {
  float: left;
  width: 276px;
  padding: 10px;
  text-align: center;
}
.prolist li .pic {
  display: block;
  overflow: hidden;
  border: 1px solid #eee;
}
.prolist li .pic img {
  width: 100%;
  height: 205px;
  transition: all 0.7s;
}
.prolist li .pic:hover {
  border: 1px solid #025ea9;
}
.prolist li .pic:hover img {
  transform: scale(1.1);
}
.prolist li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
  line-height: 36px;
}
.prolist li .bt:hover {
  color: #025ea9;
}
.prolist li .more {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}
.prolist li .more a {
  display: block;
  overflow: hidden;
  margin: 0 10px;
  background: rgba(2, 94, 169, 0.8);
  color: #fff;
  width: 80px;
  line-height: 26px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 2px;
}
.prolist li .more a:hover {
  opacity: 0.8;
}
.prolist li .more a:last-child {
  background: #74b934;
}
.prolist li .info {
  color: #888;
  font-size: 12px;
  max-height: 60px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 10px;
  margin-top: -4px;
}
/* proindex */
.proindex {
  padding-top: 0;
}
.proindex .box {
  background: #f5f5f5;
  overflow: hidden;
  padding: 30px 30px 10px 30px;
}
.proindex .box .tit {
  text-align: center;
  overflow: hidden;
  font-size: 26px;
  text-shadow: 1px 1px 1px #000;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 10px;
}
.proindex .box .tit span {
  background: rgba(2, 94, 169, 0.9);
  color: #fff;
  padding: 0 40px;
  line-height: 50px;
  display: block;
  position: relative;
  border-radius: 50px;
  letter-spacing: 5px;
}
.proindex .box .tit span:before,
.proindex .box .tit span:after {
  top: 15px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  content: "";
  background: #74b934;
  position: absolute;
}
.proindex .box .tit span:before {
  left: -5px;
}
.proindex .box .tit span:after {
  right: -5px;
}
.proindex .box ul {
  overflow: hidden;
}
.proindex .box ul li {
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
}
.proindex .box ul li > a {
  border-left: 2px solid #025ea9;
  padding: 8px 11px;
  display: block;
  overflow: hidden;
  color: #025ea9;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.7);
}
.proindex .box ul li .sub {
  overflow: hidden;
  padding: 15px 0 0 0;
}
.proindex .box ul li .sub a {
  display: block;
  overflow: hidden;
  float: left;
  width: 198px;
  padding: 5px 0 5px 30px;
  background: url(../images/icon_procate.gif) 16px 9px no-repeat;
}
.proindex .box ul li .sub a:nth-child(5n+1) {
  clear: both;
}
.proindex .box ul li:last-child {
  border-bottom: 0;
}
.proindex .prolist li {
  width: 274px;
}
.proindex .prolist li .pic img {
  height: 204px;
}
/* pronewstj */
.pronewstj {
  padding: 15px 0;
  overflow: hidden;
}
.pronewstj li {
  float: left;
  width: 414px;
  line-height: 30px;
  font-size: 12px;
  margin: 0 20px;
}
.pronewstj li span {
  float: right;
  color: #888;
}
.pronewstj li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 0 0 0 10px;
}
.pronewstj li a:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-top: 3px solid transparent;
  border-left: 4px solid #025ea9;
  border-bottom: 3px solid transparent;
}
/* proview */
.proview {
  padding: 20px;
  overflow: hidden;
}
.proview .ban {
  width: 400px;
  float: left;
}
.proview .ban .big {
  border: 1px solid #d4d4d4;
  overflow: hidden;
}
.proview .ban .big .swiper-slide {
  cursor: pointer;
}
.proview .ban .big img {
  width: 100%;
  height: 298px;
  cursor: pointer;
}
.proview .ban .big .iconfont {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 24px;
  opacity: 0.2;
}
.proview .ban .big .iconfont:hover {
  opacity: 0.5;
  color: #025ea9;
}
.proview .ban .small {
  margin: 10px 0 15px 0;
  overflow: hidden;
  position: relative;
  padding: 0 25px;
}
.proview .ban .small .swiper-slide {
  cursor: pointer;
}
.proview .ban .small .swiper-slide img {
  width: 75px;
  height: 57px;
  padding: 2px;
  border: 1px solid #d4d4d4;
}
.proview .ban .small .active-nav img {
  border: 1px solid #025ea9;
}
.proview .ban .small .arrow-left,
.proview .ban .small .arrow-right {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 20px;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  outline: 0;
  z-index: 5;
}
.proview .ban .small .arrow-left {
  left: 0px;
}
.proview .ban .small .arrow-right {
  right: 0px;
}
.proview .ban .more {
  color: #025ea9;
  overflow: hidden;
}
.proview .ban .more i {
  margin-right: 5px;
}
.proview .ban .more:hover {
  color: #74b934;
}
.proview .box {
  width: 440px;
  float: right;
  line-height: 2;
}
.proview .box .bt {
  border-bottom: 1px dashed #ddd;
  font-size: 18px;
  color: #025ea9;
  padding: 0 0 10px 0;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1.5;
}
.proview .box strong {
  color: #025ea9;
  font-size: 24px;
}
.proview .box .bdsharebuttonbox {
  padding: 5px 0 15px 0;
  overflow: hidden;
}
.proview .box .but {
  background: -webkit-linear-gradient(bottom, #025ea9, #74b934);
  background: -moz-linear-gradient(bottom, #025ea9, #74b934);
  background: -o-linear-gradient(bottom, #025ea9, #74b934);
  background: linear-gradient(bottom, #025ea9, #74b934);
  box-shadow: 0 0 1px #ffff00;
  border-radius: 3px;
  color: #fff;
  display: block;
  overflow: hidden;
  width: 120px;
  line-height: 40px;
  text-align: center;
}
.proview .box .but:hover {
  background: -webkit-linear-gradient(right, #025ea9, #74b934);
  background: -moz-linear-gradient(right, #025ea9, #74b934);
  background: -o-linear-gradient(right, #025ea9, #74b934);
  background: linear-gradient(right, #025ea9, #74b934);
}
.proview .stit {
  border-bottom: 2px solid #025ea9;
  overflow: hidden;
  margin-top: 20px;
}
.proview .stit span {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  color: #fff;
  line-height: 32px;
  background: #025ea9;
  font-weight: bold;
  float: left;
  border-radius: 3px 3px 0 0;
}
.proview .body {
  padding: 20px 15px 25px 15px;
  line-height: 1.8;
  overflow: hidden;
}
.proview .body img {
  max-width: 100%;
  height: auto;
}
.proview .body p {
  padding: 5px 0;
}
.proview .key {
  border-top: 1px dashed #ddd;
  overflow: hidden;
  font-size: 12px;
  padding: 10px 0 0 0;
  line-height: 1.8;
}
.proview .key li {
  float: left;
  margin-right: 10px;
}
.proview .key li a {
  color: #888;
}
.proview .key li a:hover {
  color: #025ea9;
}
/* messdd */
.messdd {
  padding: 20px;
  overflow: hidden;
}
.messdd li {
  float: left;
  width: 174px;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 115px;
}
.messdd li label {
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 42px;
  width: 110px;
  text-align: right;
}
.messdd li label i {
  color: #ff0000;
  margin-right: 2px;
}
.messdd li input[type='text'] {
  border: 1px solid #eee;
  width: 152px;
  height: 40px;
  float: left;
  padding: 0 10px;
}
.messdd li textarea {
  border: 1px solid #eee;
  width: 730px;
  height: 80px;
  float: left;
  padding: 10px;
}
.messdd li input[type='submit'] {
  border: 0;
  width: 100px;
  height: 36px;
  float: left;
  padding: 0 10px;
  background: #025ea9;
  color: #fff;
  cursor: pointer;
  transition: all 0.7s;
}
.messdd li input[type='submit']:hover {
  opacity: 0.8;
}
.messdd li input[type='reset'] {
  border: 0;
  width: 100px;
  height: 36px;
  float: left;
  margin-left: 20px;
  background: #74b934;
  color: #fff;
  cursor: pointer;
  transition: all 0.7s;
}
.messdd li input[type='reset']:hover {
  opacity: 0.8;
}
.messdd li .ms {
  padding: 5px 0 0 0;
  overflow: hidden;
  float: left;
  font-size: 12px;
  color: #888;
}
.messdd li .ms span {
  color: #ff0000;
}
.messdd li .code {
  float: left;
  margin-left: 5px;
  height: 42px;
  width: auto;
}
.messdd li.all {
  width: 752px;
  margin-top: 15px;
}
/* tan_pic */
.tan_pic {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  padding: 50px;
}
.tan_pic .box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.tan_pic .box img {
  max-height: 100%;
  max-width: 100%;
}
.tan_pic .close {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 5px #ccc;
  transition: all 0.7s;
}
.tan_pic .close:before,
.tan_pic .close:after {
  width: 18px;
  height: 1px;
  background: #666;
  position: absolute;
  left: 9px;
  top: 17px;
  content: "";
  transform: rotate(45deg);
  transition: all 0.7s;
}
.tan_pic .close:before {
  transform: rotate(45deg);
}
.tan_pic .close:after {
  transform: rotate(-45deg);
}
.tan_pic .close:hover {
  background: #025ea9;
}
.tan_pic .close:hover:before,
.tan_pic .close:hover:after {
  background: #fff;
}
.tan_pic .close:hover:before {
  transform: rotate(315deg);
}
.tan_pic .close:hover:after {
  transform: rotate(225deg);
}
/* rxrxun */
.rxrxun {
  padding: 20px;
  overflow: hidden;
}
.rxrxun li {
  margin-top: 15px;
  overflow: hidden;
  border: 1px solid #eee;
}
.rxrxun li .pic {
  display: block;
  overflow: hidden;
}
.rxrxun li .pic img {
  width: 100%;
  height: 162px;
  transition: all 0.7s;
}
.rxrxun li .pic img:hover {
  transform: scale(1.1);
}
.rxrxun li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
  background: #f5f5f5;
  text-align: center;
  padding: 0 10px;
  font-size: 12px;
}
.rxrxun li .bt:hover {
  background: rgba(2, 94, 169, 0.7);
  color: #fff;
}
.rxrxun li:first-child {
  margin-top: 0;
}
/* pagebody */
.pagebody p {
  padding: 5px 0;
}
/* pagebt */
.pagebt {
  text-align: center;
  overflow: hidden;
  font-size: 20px;
  color: #333;
  border-bottom: 1px dashed #ddd;
  padding: 0 0 15px 0;
  margin-bottom: 10px;
  color: #025ea9;
  line-height: 1.5;
}
/* pagecs */
.pagecs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  color: #888;
  font-size: 12px;
  padding: 5px 0 15px 0;
  line-height: 1.1;
}
.pagecs li {
  padding: 0 10px;
}
/* botsxp */
.botsxp {
  overflow: hidden;
  width: 100%;
  line-height: 24px;
  font-size: 12px;
  background: #f5f5f5;
  margin: 15px 0 0 0;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.botsxp .fl {
  padding: 10px;
  width: 600px;
  overflow: hidden;
}
.botsxp .fl p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.botsxp .fr {
  padding: 10px;
}
/* botkey */
.botkey {
  border-top: 1px dashed #ddd;
  overflow: hidden;
  padding: 10px 0 0 0;
  margin-top: 15px;
  font-size: 12px;
}
.botkey .fl a {
  margin-right: 10px;
}
.botkey .fl a:last-child {
  margin-right: 0;
}
/* piclist */
.piclist {
  overflow: hidden;
  margin: -10px;
}
.piclist li {
  float: left;
  width: 284px;
  margin: 10px;
  overflow: hidden;
  border: 1px solid #eee;
}
.piclist li .pic {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.piclist li .pic img {
  width: 100%;
  height: 225px;
  transition: all 0.7s;
}
.piclist li .pic img:hover {
  transform: scale(1.1);
}
.piclist li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
  line-height: 36px;
  background: #f5f5f5;
  text-align: center;
  padding: 0 10px;
  font-size: 12px;
}
.piclist li .bt:hover {
  background: rgba(2, 94, 169, 0.7);
  color: #fff;
}
/* contact */
.contact {
  padding: 0 0 20px 0;
  overflow: hidden;
  background: url(../images/contact.jpg) right center no-repeat;
  margin: 0 20px;
}
.contact ul li {
  border-top: 1px dashed #eee;
  padding: 15px 0;
  overflow: hidden;
  line-height: 32px;
  font-size: 16px;
  width: 400px;
}
.contact ul li i {
  font-size: 32px;
  display: block;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  color: #025ea9;
}
.contact ul li:first-child {
  border-top: 0;
}
/* mess */
.mess {
  overflow: hidden;
}
.mess .tit {
  font-size: 16px;
  color: #025ea9;
  overflow: hidden;
  line-height: 40px;
  padding: 0 20px;
  margin-bottom: 20px;
  background: #f5f5f5;
}
.mess ul li {
  overflow: hidden;
  position: relative;
  padding: 0 0 0 115px;
  margin-top: 15px;
}
.mess ul li label {
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 42px;
  width: 110px;
  text-align: right;
}
.mess ul li label i {
  color: #ff0000;
  margin-right: 2px;
}
.mess ul li input[type='text'] {
  border: 1px solid #eee;
  width: 250px;
  height: 40px;
  float: left;
  padding: 0 10px;
}
.mess ul li #messdd_code {
  width: 115px;
}
.mess ul li textarea {
  border: 1px solid #eee;
  width: 730px;
  height: 100px;
  float: left;
  padding: 10px;
}
.mess ul li input[type='submit'] {
  border: 0;
  width: 100px;
  height: 36px;
  float: left;
  padding: 0 10px;
  background: #025ea9;
  color: #fff;
  cursor: pointer;
  transition: all 0.7s;
}
.mess ul li input[type='submit']:hover {
  opacity: 0.8;
}
.mess ul li input[type='reset'] {
  border: 0;
  width: 100px;
  height: 36px;
  float: left;
  margin-left: 20px;
  background: #74b934;
  color: #fff;
  cursor: pointer;
  transition: all 0.7s;
}
.mess ul li input[type='reset']:hover {
  opacity: 0.8;
}
.mess ul li .ms {
  padding: 5px 0 0 0;
  overflow: hidden;
  float: left;
  font-size: 12px;
  color: #888;
}
.mess ul li .ms span {
  color: #ff0000;
}
.mess ul li .code {
  height: 42px;
  margin-left: 10px;
  float: left;
  width: auto;
}
.mess ul li.all {
  width: 752px;
  margin-top: 15px;
}
/* mapindex */
.mapindex {
  padding: 0 20px;
  overflow: hidden;
  border: 3px solid #ddd;
  margin-top: 20px;
}
.mapindex ul {
  overflow: hidden;
}
.mapindex ul li {
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
}
.mapindex ul li > a {
  border-left: 2px solid #025ea9;
  padding: 8px 11px;
  display: block;
  overflow: hidden;
  color: #025ea9;
  font-size: 18px;
  background: #f5f5f5;
}
.mapindex ul li .sub {
  overflow: hidden;
  padding: 15px 0 0 0;
}
.mapindex ul li .sub a {
  display: block;
  overflow: hidden;
  float: left;
  width: 198px;
  padding: 5px 0 5px 30px;
  background: url(../images/icon_procate.gif) 16px 9px no-repeat;
}
.mapindex ul li .sub a:nth-child(5n+1) {
  clear: both;
}
.mapindex ul li:last-child {
  border-bottom: 0;
}
/* newslist */
.newslist li {
  background: #f5f5f5;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  padding: 20px 130px 20px 115px;
}
.newslist li .date {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  background: rgba(255, 255, 255, 0.5);
  width: 76px;
  text-align: center;
  line-height: 1.7;
}
.newslist li .date em {
  display: block;
  overflow: hidden;
  font-weight: bold;
  padding: 7px 0 0 0;
  font-size: 20px;
}
.newslist li .more {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 90px;
  line-height: 36px;
  margin-top: -15px;
  text-align: center;
  color: #fff;
  background: rgba(2, 94, 169, 0.8);
}
.newslist li .more:hover {
  background: #74b934;
}
.newslist li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 16px;
}
.newslist li p {
  display: block;
  overflow: hidden;
  line-height: 22px;
  height: 44px;
}
.newslist li:first-child {
  margin-top: 0;
}
.newslist li:nth-child(even) {
  background: rgba(2, 94, 169, 0.1);
}
/* hotzxxun */
.hotzxxun {
  overflow: hidden;
  padding: 8px 10px;
}
.hotzxxun li {
  line-height: 26px;
  overflow: hidden;
  position: relative;
  font-size: 12px;
}
.hotzxxun li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 0 25px;
}
.hotzxxun li i {
  position: absolute;
  left: 0px;
  top: 3px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #999;
  color: #fff;
  transform: scale(0.8);
}
.hotzxxun li:nth-child(1) i,
.hotzxxun li:nth-child(2) i,
.hotzxxun li:nth-child(3) i {
  background: #74b934;
}
/* searlist */
.searlist {
  overflow: hidden;
  margin: -15px;
}
.searlist li {
  padding: 15px;
  overflow: hidden;
  border-bottom: 1px dashed #ddd;
  transition: all 0.7s;
}
.searlist li .bt {
  overflow: hidden;
}
.searlist li .bt span {
  float: right;
  padding: 0 0 0 10px;
  font-size: 12px;
  color: #888;
}
.searlist li .bt a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.searlist li p {
  display: block;
  overflow: hidden;
  color: #888;
  line-height: 1.8;
  font-size: 12px;
  text-align: justify;
}
.searlist li .more {
  color: #fff;
  background: #025ea9;
  display: block;
  overflow: hidden;
  line-height: 30px;
  width: 100px;
  text-align: center;
  margin-top: 5px;
}
.searlist li .more:hover {
  background: #74b934;
}
.searlist li:hover {
  background: #f5f5f5;
}
.searlist li:last-child {
  border-bottom: 0;
}
/* main_bort */
.main_bort .prolist li:nth-child(4) {
  display: none;
}
/* main_da */
.main_da .pronewstj li {
  width: 429px;
}
.main_da .prolist li:nth-child(4) {
  display: block;
}
.main_da .prolist li {
  width: 209px;
}
.main_da .prolist li .pic img {
  height: 155px;
}
/* main_xiao */
.main_xiao .rxrxun .pic img {
  height: 140px;
}
/* pagelist */
.pagelist {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0 0 0;
  line-height: 36px;
}
.pagelist span {
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
  border-left: 0px;
  padding: 0 15px;
  color: #888;
  background: #f5f5f5;
}
.pagelist a {
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
  border-left: 0px;
  padding: 0 15px;
  color: #888;
  background: #f5f5f5;
}
.pagelist *:first-child {
  border-left: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.pagelist *:last-child {
  border-radius: 0 3px 3px 0;
}
.pagelist a:hover {
  background: #ddd;
}
.pagelist .on {
  background: #025ea9;
  color: #fff;
}
@media (max-width: 1440px) {
  /* in_case */
  .in_case .swiper-slide img {
    height: 260px;
  }
}


.sy_al{width:100%; padding:60px 0 60px;overflow:hidden;}
.sy_al .al_zs{position:relative;}
.sy_al .al_zs .swiper-button-prev{width:35px; height:35px; background:url(../images/zj1.png) no-repeat center; left:-35px; margin-top:-17px; opacity:.6;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;}
.sy_al .al_zs .swiper-button-next{width:35px; height:35px; background:url(../images/yj1.png) no-repeat center; right:-35px; margin-top:-17px; opacity:.6;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;}
.sy_al .al_zs .swiper-pagination{bottom:0; display:none;}
.sy_al .al_zs .swiper-pagination-bullet{background-color:#aaa;}
.sy_al .al_zs .swiper-pagination-bullet-active{background-color:#0e6eb8;}
.sy_al .swiper-slide{padding:0 50px 50px;}
.sy_al .swiper-slide:before{width:100%; height:50%; position:absolute; bottom:0; left:0; content:""; background-color:#0e6eb8;}
.sy_al .t_p{overflow:hidden; border:10px solid #fff;}
.sy_al .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_al .swiper-slide:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_al .w_z{background-color:#fafafa; padding:30px 50px;}
.sy_al .w_z h3{font-size:22px; font-weight:bold; line-height:36px; margin-bottom:20px; color:#0e6eb8; text-overflow:ellipsis; white-space:nowrap;}
.sy_al .w_z p{color:#777; line-height:26px;}
.sy_al .w_z a{width:120px; height:40px; line-height:38px; color:#0e6eb8; text-align:center; border:1px solid #0e6eb8; display:block; margin-top:30px;}
.sy_al .w_z a:hover{background-color:#0e6eb8; color:#fff;}
@media only screen and (max-width:992px){
.sy_al{width:100%; padding:20px 0 ;overflow:hidden;}
.sy_al .al_zs .swiper-al{padding-bottom:30px;}
.sy_al .al_zs .swiper-button-prev{display:none;}
.sy_al .al_zs .swiper-button-next{display:none;}
.sy_al .al_zs .swiper-pagination{display:block;}
.sy_al .swiper-slide{padding:0 15px 20px;}
.sy_al .w_z{padding:10px 10px 10px; text-align:center;}
.sy_al .w_z h3{font-size:16px; line-height:36px; margin-bottom:0px;}
.sy_al .w_z p{line-height:24px; height: auto; overflow:hidden; display:-webkit-box;
line-clamp:3;
-webkit-line-clamp:3;
-moz-line-clamp:3;
-ms-line-clamp:3;
-o-line-clamp:3;
-webkit-box-orient:vertical; font-size:12px}
.sy_al .w_z a{width:100px; height:32px; line-height:30px; margin:10px auto 0;}
}


.hui{  padding:50px 0 60px; overflow:hidden}
.shizi{  max-width:1350px;  margin:0 auto; position:relative}

#CSSBox{width:1200px;height:385px; padding:10px 0;  margin:0 auto;overflow:hidden;}
#CSSBox ul li{ float:left; background:#fafafa; width:285px; height: auto; list-style:none; border:0px solid red; margin:10px 10px; transition:all 0.6s}
#CSSBox ul li i{ display:block; width:100%; height: auto;overflow:hidden; margin:0 auto;}
#CSSBox ul li i img{ width:100%; transition:all 0.6s}
#CSSBox ul li h3{ display:block; text-align:center; font-size:18px; font-weight:bold; line-height:65px; color:#313131}

#CSSBox ul li h3 em{ font-weight:normal; font-size:14px; color:#777; font-style:normal}
#CSSBox ul li p{ display:block; width:250px; margin:0 auto; font-size:14px; color:#6e6e6e; line-height:25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}

#CSSBox ul li:hover{ background:#fff; transform:translateY(-5px);box-shadow: 3px 3px 5px rgba(195,195,195,0.75);}

#LeftButton{cursor:pointer;height:42px;width:42px;float:left;background:url(../images/left.png) center center no-repeat; position:absolute; left:0; top:170px; z-index:9999}
#RightButton{cursor:pointer;height:42px;width:42px;float:left;background:url(../images/right.png) center center no-repeat;position:absolute; right:0;top:170px; z-index:9999}
@media only screen and (max-width:992px){
.hui{ background:#f5f5f5; padding:20px 0 20px; overflow:hidden}
.shizi{  max-width:100%;  margin:0 auto; position:relative}

#CSSBox{width:100%;height: auto; padding:0 0;  margin:0 auto;overflow:hidden;}
#CSSBox ul li{ float:left; background:#fff; width:280px; height: 365px; list-style:none; border:0px solid red; margin:10px 10px; transition:all 0.6s}
#CSSBox ul li i{ display:block; width:130px; height:130px; border-radius:100px; overflow:hidden; margin:0 auto; margin-top:30px}

#CSSBox ul li i img{ width:130px; height:130px; transition:all 0.6s}
#CSSBox ul li p{ display:block; width:90%; margin:0 auto; font-size:14px; color:#6e6e6e; line-height:24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden}
}



.tils{ text-align: center; height: 147px; font-size: 22px; color: #666666; font-weight: normal;background:url(../images/x_li1.jpg) no-repeat center 137px;padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #0060b0; font-size: 40px; line-height: 100%; padding-bottom: 13px;}

.list2{background: url(../images/ys_tt.jpg) no-repeat center top;height: 2366px;}
.list2 .tils{color:#fff; }
.list2 .tils i{color:#fff;}
.ys_bj1{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 542px;}
.ys_bj2{background: url(../images/ys_bj2.jpg) no-repeat center top;height: 541px;}
.ys1{padding:48px 0 0 45px;width:1155px;margin:0 auto;position: relative;height: 494px;}
.list2 .ys1 dl {padding-top:116px;}
.ys2{width:1152px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys2 dl{padding-top:103px;}
.ys3{width:1120px;padding:45px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys3 dl{padding-top:103px;}
.ys4{height: 507px;padding:38px 39px 0 0;width:1161px;margin:0 auto;position: relative;}
.list2 .ys4 dl{padding-top:100px;}
.ys4 dd span {width:170px;height: 40px;background: #0060b0;display: inline-block;text-align: center;line-height: 40px;font-size:16px;color: #fff;border-radius:24px;margin:0 5px;margin-top:30px;}
.ys4 dd span a {color: #fff;padding-left:36px;background: url(../images/fan_a1.png) no-repeat left center;line-height: 40px;display: inline-block;}
.list2 dl{width:433px;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt p {float:right;width:359px;}
.list2 dt p span {display:block;height: auto  ;line-height: 32px;font-size:22px;color: #333333;font-weight: bold; margin-top:-8px}
.list2 dt p em {font-size:12px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list2 dd p {padding-left:30px;font-size:15px; color: #333333;line-height: 26px;padding:0 0 0 25px;background: url(../images/ys_ico1.png) no-repeat left 7px;margin-top:20px;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute;}
.ys_a1{left:-18px;bottom:0;}
.ys_a2{right:-18px;bottom:0;}
@media only screen and (max-width:992px){
.tils{ text-align: center; height: auto  ; font-size: 14px; color: #666666; font-weight: normal;background:url(../images/x_li1.jpg) no-repeat center 137px; padding:20px 10px}
.tils i{ display: block; font-weight: bold; color: #0060b0; font-size: 20px; line-height: 100%; padding-bottom: 13px;}

.list2{background: url(../images/ys_tt1.jpg) no-repeat center top;height: auto  ; width:96%; margin:0 auto}
.list2 .tils{color:#fff; }
.list2 .tils i{color:#fff;}

.ys_bj1{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 422px;}
.ys_bj2{background: url(../images/ys_bj21.jpg) no-repeat center bottom;height: 530px;}
.ys1{padding:10px;width:100%;margin:0 auto;position: relative;height: auto  ;box-sizing:border-box}
.list2 .ys1 dl {padding-top:16px;}
.ys_img1 img{ width:100%}
.ys2{width:100%;margin:0 auto;padding:0 39px 0 9px;height: 480px;position: relative;box-sizing:border-box}
.list2 .ys2 dl{padding-top:23px;}
.ys3{width:100%;padding:10px;position: relative;height: 500px;margin:0 auto;box-sizing:border-box}
.list2 .ys3 dl{padding-top:10px;}
.ys4{height: 407px;padding:10px;width:100%;margin:0 auto;position: relative;box-sizing:border-box}
.list2 .ys4 dl{padding-top:10px;}
.ys4 dd span {width:170px;height: 40px;background: #0060b0;display: inline-block;text-align: center;line-height: 40px;font-size:16px;color: #fff;border-radius:24px;margin:0 5px;margin-top:10px;}
.ys4 dd span a {color: #fff;padding-left:36px;background: url(../images/fan_a1.png) no-repeat left center;line-height: 40px;display: inline-block;}
.list2 dl{width:100%;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt i img{ width:80%}
.list2 dt p {float:right;width:80%; margin-top:-5px}
.list2 dt p span {display:block;height: 30px;line-height: 30px;font-size:18px;color: #333333;font-weight: bold;}
.list2 dt p em {font-size:12px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing:0;}
.list2 dd p {font-size:14px; color: #333333;line-height: 26px;padding:0 0 0 25px;background: url(../images/ys_ico1.png) no-repeat left 7px;margin-top:0;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute; display:none}
.ys_a1{left:-18px;bottom:0;}
.ys_a2{right:-18px;bottom:0;}

}
/*优势2*/
.adv{width: 100%; background:#f2f2f2}
.adv .container{ padding-left:0; padding-right:0}
.adv .title{width: 100%;padding-top: 190px;height: 314px;background: url(../images/advBg01.jpg) no-repeat center;text-align: center;}

.adv .title p{font-size: 15px;color: #e7faff;}

.adv .title span{display: block;font-size: 30px;color: #fff;font-weight: bold;}

.adv .mainCon{width: 100%;}

.adv .mainCon .con1{height: auto; overflow:hidden;padding-top:32px;}

.adv .mainCon .con2{background:#f2f2f2;height: auto; overflow:hidden;}

.adv .mainCon .con3{height: auto; overflow:hidden;}

.adv .mainCon .con4{background:#f2f2f2;height: auto; overflow:hidden;}

.adv .mainCon .con5{ overflow:hidden}

.adv .mainCon .con .box{width: 521px;position: relative;}

.adv .mainCon .con .box dl{padding-left: 30px;}

.adv .mainCon .con dt{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 30px;}

.adv .mainCon .con dd p{font-size: 14px;color: #666666;line-height: 20px;margin-top: 12px;}

.adv .mainCon .con dd p:first-child{margin-top: 0;}

.adv .mainCon .con a{display: block;font-size: 16px;color: #fff;width: 128px;height: 40px;line-height: 40px;text-align: center;text-decoration: none;background: #0e6eb8;margin-top: 30px;}

.adv .mainCon .con .box img{display: block;position: absolute;top: 5px;left: 0;}

.adv .mainCon .con1 .box1{ float:left; width:646px;}
.adv .mainCon .con1 .box2{width:490px;position: relative; float:right; padding-left:30px; margin-top:20px }
.adv .mainCon .con1 .box2 img{display: block;position: absolute;top: 5px;left: 0;}
.adv .mainCon .con2 .box1{float:left; width:506px; padding-left:30px; position:relative}
.adv .mainCon .con2 .box2 { float:right;width:644px;}
.adv .mainCon .con2 .box1 img{display: block;position: absolute;top: 5px;left: 0;}

.adv .mainCon .con3 .box{margin-left: 678px;} 
.adv .mainCon .con3 .box1{ float:left; width:653px;}
.adv .mainCon .con3 .box2{width:470px;position: relative; float:right; padding-left:30px; }
.adv .mainCon .con3 .box2 img{display: block;position: absolute;top: 5px;left: 0;}
.adv .mainCon .con4 .box1{float:left; width:480px; padding-left:30px; position:relative}
.adv .mainCon .con4 .box2 { float:right;width:638px;}
.adv .mainCon .con4 .box1 img{display: block;position: absolute;top: 5px;left: 0;}

.adv .mainCon .con5 .box{margin-left: 678px;}
.adv .mainCon .con5 .box1{ float:left; width:646px;}
.adv .mainCon .con5 .box2{width:470px;position: relative; float:right; padding-left:30px; }
.adv .mainCon .con5 .box2 img{display: block;position: absolute;top: 5px;left: 0;}

@media only screen and (max-width:992px){
.adv .title{width: 100%;padding-top:80px;height: 131px;background: url(../images/advBg011.jpg) no-repeat center;text-align: center;}
.adv .title span{display: block;font-size: 14px;color: #fff;font-weight: bold;}
.adv .mainCon .con dt{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.adv .mainCon .con a{display: block;font-size: 12px;color: #fff;width: 108px;height: 30px;line-height: 30px;text-align: center;text-decoration: none;background: #0e6eb8;margin-top: 10px;}

.adv .mainCon .con1 .box1{ float:none; width:100%;}
.adv .mainCon .con1 .box1 img{ width:100%}
.adv .mainCon .con1 .box2{width:100%;position: relative; float:none; padding-left: 0; margin-top:20px; padding-left:30px }
.adv .mainCon .con2 .box1{float:none; width:100%; padding-left:30px; position:relative}
.adv .mainCon .con2 .box2 { float:none;width:100%; margin-top:20px}
.adv .mainCon .con2 .box2 img{ width:100%}	

.adv .mainCon .con3 .box{margin-left: 0;} 
.adv .mainCon .con3 .box1{ float:none; width:100%; margin-top:20px}
.adv .mainCon .con3 .box1 img{ width:100%}
.adv .mainCon .con3 .box2{width:100%;position: relative; float:none; padding-left:30px; }
.adv .mainCon .con3 .box2 img{display: block;position: absolute;top: 5px;left: 0;}
.adv .mainCon .con4 .box1{float:none; width:100%; padding-left:30px; position:relative; margin-bottom:20px}
.adv .mainCon .con4 .box2 { float:none;width:100%;margin-top:20px}
.adv .mainCon .con4 .box2 img{ width:100%}
.adv .mainCon .con4 .box1 img{display: block;position: absolute;top: 5px;left: 0;}


}


/*广告*/
.x-ban{height: 200px;background:url(../images/hengtiao.jpg) no-repeat center center; margin-top:40px}
.x-ban .content{height: 300px;position: relative;}
.x-ban span{font-size: 36px;color: #fff;font-weight: bold;font-family: Arial;display: block;position: absolute;left:255px;top: 212px;}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 195px;}

@media only screen and (max-width:992px){
.x-ban{ display:none}
.x-ban1{ display:block}
	
}

.sy_xw{width:100%; padding:60px 0; overflow:hidden;background: url(../images/bg_leadership.jpg) no-repeat center / cover; }
.sy_xw .xw_zx .hd{border-bottom:1px solid #eee; position:relative; overflow:hidden; margin-bottom:20px;}
.sy_xw .xw_zx .hd ul li{float:left; width:120px; height:50px; background-color:#eee; font-size:17px; line-height:50px; color:#333; text-align:center; margin-right:5px; cursor:pointer;}
.sy_xw .xw_zx .hd ul li.on{background-color:#0e6eb8; color:#fff;}
.sy_xw .xw_zx .hd a{position:absolute; top:0; right:0; font-size:14px; display:none;}
.sy_xw .xw_zx .hd ul li.on a{display:block;}
.sy_xw .xw_zx .t_w{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ddd; overflow:hidden;}
.sy_xw .xw_zx .t_p{width:35%; float:left; overflow:hidden;}
.sy_xw .xw_zx .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_xw .xw_zx .t_w:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_xw .xw_zx .w_z{width:65%; float:right; padding-left:30px;}
.sy_xw .xw_zx .w_z h3{font-size:18px; font-weight:bold; line-height:28px; margin-bottom:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .xw_zx .t_w ul li:hover .w_z a{color:#0e6eb8;}
.sy_xw .xw_zx .w_z p{line-height:24px; height:48px; color:#888; margin-bottom:20px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_xw .xw_zx .w_z span{display:block; float:none !important; padding-left:0 !important;}
.sy_xw .xw_zx .x_w .row{margin:0 -20px;}
.sy_xw .xw_zx .x_w .col-lg-6{padding:0 20px;}
.sy_xw .xw_zx .x_w ul li{line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.sy_xw .xw_zx .x_w span{float:right; padding-left:20px;}
.sy_xw .xw_zx .x_w i{font-size:14px; margin-right:5px;}
.sy_xw .cj_wt{overflow:hidden;}
.sy_xw .cj_wt .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:20px;}
.sy_xw .cj_wt .wt_bt span{float:left; width:120px; height:50px; background-color:#0e6eb8; font-size:17px; line-height:50px; color:#fff; text-align:center; cursor:pointer;}
.sy_xw .cj_wt .wt_bt a{font-size:14px; line-height:50px; float:right;}
.sy_xw .cj_wt .wt_lb .b_t{font-size:15px; line-height:26px; margin-bottom:6px; position:relative; padding-left:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .cj_wt .wt_lb .b_t i{width:26px; height:26px; border-radius:50%; position:absolute; top:0; left:0; background-color:#0e6eb8; text-align:center; color:#fff; display:block;}
.sy_xw .cj_wt .wt_lb .h_d{font-size:13px; line-height:24px; height:48px; color:#888; position:relative; padding-left:32px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_xw .cj_wt .wt_lb .h_d i{width:26px; height:26px; border-radius:50%; position:absolute; top:0; left:0; background-color:#da251d; text-align:center; color:#fff; display:block;}
.sy_xw .cj_wt .bd ul li{padding-bottom:10px; margin-bottom:10px; height:auto !important; border-bottom:1px dotted #ddd;}

@media only screen and (max-width:992px){
.sy_xw{width:100%; padding:20px 0; overflow:hidden;background: url(../images/bg_leadership.jpg) no-repeat center / cover; }
.sy_xw .xw_zx .hd{border-bottom:1px solid #eee; position:relative; overflow:hidden; margin-bottom:10px;}
.sy_xw .xw_zx .hd ul li{float:left; width:100px; height:35px; background-color:#eee; font-size:16px; line-height:35px; color:#333; text-align:center; margin-right:5px; cursor:pointer;}
.sy_xw .xw_zx .hd a{position:absolute; top:0; right:0; font-size:12px; display:none;}
.sy_xw .xw_zx .t_p{width:40%; float:left; overflow:hidden;}
.sy_xw .xw_zx .w_z{width:60%; float:right; padding-left:10px;}
.sy_xw .xw_zx .w_z h3{font-size:14px; font-weight:bold; line-height:22px; margin-bottom:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .xw_zx .t_w ul li:hover .w_z a{color:#0e6eb8;}
.sy_xw .xw_zx .w_z p{line-height:24px; height: auto; color:#888; margin-bottom:10px; overflow:hidden; display:-webkit-box;
line-clamp:1;
-webkit-line-clamp:1;
-moz-line-clamp:1;
-ms-line-clamp:1;
-o-line-clamp:1;
-webkit-box-orient:vertical;}
.sy_xw .xw_zx .t_w{padding-bottom:15px; margin-bottom:0; border-bottom:1px dotted #ddd; overflow:hidden;}
.sy_xw .cj_wt{ margin-top:10px}
.sy_xw .cj_wt .wt_bt{border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px;}
.sy_xw .cj_wt .wt_bt span{float:left; width:100px; height:35px; background-color:#0e6eb8; font-size:16px; line-height:35px; color:#fff; text-align:center; cursor:pointer;}
.sy_xw .cj_wt .wt_bt a{font-size:12px; line-height:35px; float:right;}
	
}

.sy_xw1{width:100%; padding:50px 0;  overflow:hidden;}
.sy_xw1 .zb{ float:left; width:49%; height:auto; overflow:hidden}
.sy_xw1 .yb{ float: right; width:49%; height:auto; overflow:hidden}

.sy_xw1 .b_t{font-size:32px; color:#333; padding-bottom:15px; border-bottom:1px solid #e7e7e7; overflow:hidden; position:relative; font-weight:bold}
.sy_xw1 .b_t a{position:absolute; font-size:12px; line-height:22px; color:#0060b0; font-weight:normal; top:0; right:0; margin-top:5px; display:block;}
.sy_xw1 ul li{padding:15px 0; border-bottom:1px dashed #ccc; height:auto; overflow:hidden}
.sy_xw1 .t_p{ width:30%; float:left}
.sy_xw1 .t_p img{width:100%; height:auto; display:block;}
.sy_xw1 .w_z{width:68%; float: right}
.sy_xw1 .w_z h3{font-size:15px; line-height:32px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw1 .w_z h3 a{color:#000;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_xw1 ul li:hover .w_z h3 a{color:#0060b0;}
.sy_xw1 .w_z p{height: auto;  overflow:hidden;  overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;}
.sy_xw1 .w_z p a{font-size:14px; line-height:24px; color:#888; display:block;}
.sy_xw1 .w_z span{font-size:12px; color:#999; text-transform:uppercase; font-weight:normal; display:block;}
.sy_xw1 .w_z span i{margin-right:5px; color:#666;}
@media only screen and (max-width:640px){
.sy_xw1{padding:20px 0 ;}
.sy_xw1 .in_tit{padding: 0 0 5px 0}
.sy_xw1 .zb{ float:none; width:100%; height:auto; overflow:hidden}
.sy_xw1 .yb{ float: none; width:100%; height:auto; overflow:hidden}

.sy_xw1 .col-md-6{margin-bottom:50px;}
.sy_xw1 .b_t{font-size:24px; font-weight:bold;}
.sy_xw1 .b_t a{font-size:18px;}
.sy_xw1 ul li{padding:30px 0;}
.sy_xw1 .w_z h3{font-size:15px; font-weight:bold; line-height:24px; font-weight:normal;}
.sy_xw1 .w_z p{height: auto; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.sy_xw1 .w_z p a{font-size:13px; line-height:22px;}
.sy_xw1 .w_z span{display:block; font-size:12px; margin:10px 0; display:none}
.sy_xw1 ul li{padding:10px 0; border-bottom:1px dashed #ccc; height:auto; overflow:hidden}

}
.huoban ul li{ float:left; width:19.2%; margin-right:1%; padding-bottom:10%; position:relative; border:#f5f5f5 1px solid;box-sizing:border-box; background:#fff; margin-bottom:1% }
.huoban ul li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; transition:all 0.6s}
.huoban ul li:hover{ background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.huoban ul li:nth-child(5n){margin-right:0; }
@media only screen and (max-width:922px){
.huoban ul li{ width:32%; padding-bottom:14% ; margin-right:2%}
.huoban ul li:nth-child(3n){margin-right:0; }
.huoban ul li:nth-child(5n){margin-right:2%; }
.huoban ul li:nth-child(10n) { display:none}
}

.show{font-family: "Microsoft Yahei";line-height:33px;position: relative;padding:  0;}
.prev2,.next2{width: 80px;height: 80px;display: block;top:250px;right: -90px;}
.prev2{left: -90px;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:73px;line-height:34px;font-size:22px;}
.show_t li{float: left;color: #999;padding: 0 0 0 29px;background:url(../images/new_ico2.png) no-repeat 0 8px;}
.show_t li em{display: inline-block;padding: 0 18px;color: #828282;font-weight: normal;}
.show_t li:nth-child(1){background:url(../images/new_ico1.png) no-repeat 0 8px;}
.show_t li.cur{color: #0060b0;font-weight: bold;background-position: 0 -36px;}
.show_l1{width: 1200px;overflow: hidden;}
.show_c li{width: 283px;float: left;margin: 0 23px 0 0;overflow: hidden;}
.show_c li span{display: block;line-height:33px;color:#a9a9a9;border-bottom: solid 2px #393939;text-align: center;}
.show_c li span a{display: block;color: #a9a9a9;}
.show_c li p,.show_c li p img{width:283px;display: block;overflow: hidden;}
.show_c .show_c1:nth-child(2) ul li{margin-top:0px;}

@media only screen and (max-width:922px){
.show_l1{width: 100%;overflow: hidden;}
.show_t{height:43px;line-height:34px;font-size:14px;}

}


.way{padding:50px 0 0; height:auto; overflow:hidden}
.way_con{height: auto  ;}

.way .cp_lm{padding:10px; background: url(../images/dui_bg2.jpg); display:none}
.way .cp_lm .b_t{margin:10px 5px 15px;}
.way .cp_lm .b_t h3{font-size:22px; line-height:32px; color:#fff;}
.way .cp_lm .b_t h4{font-size:16px; line-height:30px; color:#fff; font-family:Arial; text-transform:uppercase;}
.way .cp_lm .b_t em{width:40px; height:3px; margin:8px 0 5px; background-color:#fff; display:block;}
.way .cp_lm .l_m{padding:7px 7px 0 7px; background-color:#fff;}
.way .cp_lm .l_m ul li{display:block; background-color:#f7f7f7; margin-bottom:7px;}
.way .cp_lm .l_m a.e_j{display:block; padding:0 15px; font-size:14px; line-height:44px; position:relative; background-color:#f2f2f2; color:#000;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.way .cp_lm .l_m ul li:hover a.e_j{background-color:#1164ca; color:#fff;}
.way .cp_lm .l_m ul li.on a.e_j{background-color:#1164ca; color:#fff;}
.way .cp_lm .l_m i{position:absolute; top:0; right:0; width:44px; height:44px; display:block; font-size:16px; color:#000; text-align:center;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.way .cp_lm .l_m ul li:hover i{color:#fff;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);}
.way .cp_lm .l_m ul li.on i{color:#fff;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);}
.way .cp_lm .s_j{padding:10px 15px; display: block;}
.way .cp_lm .s_j a{font-size:13px; text-indent:10px; line-height:32px; color:#555; margin-bottom:1px; display:block; width:50%; float:left; position:relative;}
.way .cp_lm .s_j a:after{width:4px; height:4px; border-radius:50%; background-color:#1164ca; content:""; position:absolute; top:14px; left:0;}
.way .cp_lm .s_j a:hover{color:#1164ca; text-indent:15px;}


.way_l{float: left;width: 270px;padding:16px 15px 10px;height: auto  ;background:url(../images/dui_bg2.jpg) ;}
.way_l h3{height: 42px;line-height: 42px;font-size: 20px;background:url(../images/jia.png) no-repeat right center;border-bottom:1px solid #ddd;}
.way_l h3 a{display:block;color: #FC6;}
.way_l p{font-size: 0;padding:12px 0;}
.way_l p a{display:inline-block;width: 50%;font-size: 14px;color: #fafafa;line-height: 26px;}
.way_l p a:hover{color: #0060b0;}
.way_l .p1{padding:15px 0 2px;}
.way_l .p1 a{line-height: 30px;}
.way_l .tel{font-size: 14px;color: #333;padding-left: 52px;line-height: 14px;background:url(../images/tel2.png) no-repeat;margin:15px 0 0 20px;}
.way_l .tel b{display:block;font-size: 30px;line-height: 30px;font-family: Arial;padding-top: 6px;}
.way_r{float: right;width: 885px;}
.way_r li{float: left;width: 210px;height: auto  ;margin-right: 15px;background: #0060b0;margin-bottom: 15px;overflow: hidden;position: relative;}
.way_r li:nth-child(4n){margin-right:0; }
.way_r li img{display:block;width: 100%;height: auto  ;}
.way_r li em{display:block;font-size: 18px;line-height: 50px;text-align:center; color:#FFF}
.way_r li span{display:block;height: 28px;margin-left: 25px;position: relative;}
.way_r li span:after{position: absolute;width: 1px;height: 15px;background: #d7d7d7;content: "";left: 115px;top: 7px;}
.way_r li .more{float: left;font-size: 14px;color: #333;line-height: 28px;}
.way_r li .zx{float: right;margin-right: 18px;width: 90px;height: 28px;line-height: 28px;padding-left: 10px;font-size: 14px;color: #0060b0;background:url(../images/jt1.png) no-repeat;}
.way_r li .hv{position: absolute;width: 100%;height: 0;background: #0060b0;left: 0;bottom: 0;z-index: 10;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.way_r li .hv>a{display:block;padding-top: 68px;font-size: 22px;color: #fff;line-height: 22px;text-align: center;background:url(../images/fdj.png) no-repeat top center;margin:32px 0 18px;}
.way_r li .hv p{display:block;font-size: 14px;color: #fff;line-height: 24px;text-align: center; width:90%; margin:0 auto}
.way_r li:hover .hv{height: 318px;}


@media only screen and (max-width:992px){
.way{padding:20px 0 0;}
.way h2{margin-bottom: 20px;}
.way_con{height: auto  ;}
.way_l{ display:none}
.way_r{float: none;width: 100%;}
.way_r li{float: left;width: 46%;height: auto  ;margin: 2%;background: #0060b0;overflow: hidden;position: relative;}
.way_r li img{display:block;width: 100%;height: auto  ;}
.way_r li em{display:block;font-size: 12px;line-height: 30px;text-align:center; color:#FFF}
.way_r li .hv>a{display:none;padding-top: 68px;font-size: 12px;color: #fff;line-height: 22px;text-align: center;background:none;margin:32px 0 18px;}
.way_r li:hover .hv{height: auto ; padding:10px 0 ;}
.way_r li .hv p{display:block;font-size: 12px;color: #fff;line-height: 22px;text-align: center; width:90%; margin:0 auto}
.way_r li:nth-child(5){ display:none}
.way_r li:nth-child(6){ display:none}
.way_r li:nth-child(7){ display:none}
.way_r li:nth-child(8){ display:none}

.way .cp_lm{ display: block}
.way .cp_lm{padding:10px; height:auto !important;}
.way .cp_lm .b_t{margin:0 0 25px;}
.way .cp_lm .b_t h3{font-size:26px; font-weight:bold; line-height:46px;}
.way .cp_lm .b_t h4{font-size:20px; line-height:30px;}
.way .cp_lm .b_t em{width:60px; height:4px; margin:5px 0 10px;}
.way .cp_lm .l_m{padding:10px ;}
.way .cp_lm .l_m ul li{margin-bottom:10px;}
.way .cp_lm .l_m a.e_j{font-size:14px; line-height:40px; font-weight:bold}
.way .cp_lm .l_m i{width:40px; height:40px; font-size:14px;}
.way .cp_lm .s_j a{font-size:12px; text-indent:20px; line-height:30px; width:50%;}
.way .cp_lm .s_j a:after{width:6px; height:6px; top:12px;}
.way .cp_lm .s_j a:hover{text-indent:20px;}

}


.gy_bt{position:relative; margin-bottom:30px; text-align:center; z-index:99;}
.gy_bt h3{font-size:36px; font-weight:bold; line-height:40px; color:#000; margin-bottom:15px;}
.gy_bt h4{font-size:15px; line-height:26px; color:#777; letter-spacing:1px;}
.gy_bt span{font-size:65px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#eee; position:absolute; top:-25px; left:0; z-index:-1; width:100%;}
@media only screen and (max-width:992px) {
.gy_bt{margin-bottom:20px;}
.gy_bt h3{font-size:18px; font-weight:bold; line-height:30px; color:#000; margin-bottom:0px;}
.gy_bt span{font-size:25px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#eee; position:absolute; top:-8px; left:0; z-index:-1; width:100%;}

.gy_bt h4{font-size:14px; line-height:30px; letter-spacing:0;}
}
.sy_cp{width:100%; padding:60px 0; background:url(../images/td_bj.jpg) no-repeat center / cover; text-align:center; position:relative;}
.sy_cp .cp_lm{padding:10px; background-color:#0e6eb8;}
.sy_cp .cp_lm .b_t{margin:10px 5px 15px;}
.sy_cp .cp_lm .b_t h3{font-size:22px; line-height:32px; color:#fff;}
.sy_cp .cp_lm .b_t h4{font-size:16px; line-height:30px; color:#fff; font-family:Arial; text-transform:uppercase;}
.sy_cp .cp_lm .b_t em{width:40px; height:3px; margin:8px auto 5px; background-color:#fff; display:block;}
.sy_cp .cp_lm .l_m{padding:7px 7px 0 7px; background-color:#fff;}
.sy_cp .cp_lm .l_m ul li{display:block; background-color:#f7f7f7;}
.sy_cp .cp_lm .l_m a.e_j{display:block; padding:0 15px; font-size:16px; line-height:44px; position:relative; background-color:#0e6eb8; color:#fff;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .cp_lm .l_m ul li:hover a.e_j{background-color:#0e6eb8; color:#fff;}
.sy_cp .cp_lm .l_m ul li.on a.e_j{background-color:#0e6eb8; color:#fff;}
.sy_cp .cp_lm .l_m i{position:absolute; top:0; right:0; width:44px; height:44px; display:block; font-size:16px; color:#000; text-align:center;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_cp .cp_lm .l_m ul li:hover i{color:#fff;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);}
.sy_cp .cp_lm .l_m ul li.on i{color:#fff;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);}
.sy_cp .cp_lm .s_j{padding:10px 15px; }
.sy_cp .cp_lm .s_j a{font-size:13px; text-indent:15px; line-height:28px; color:#555; margin-bottom:1px; display:block; width:100%; float:left; position:relative; text-align:left}
.sy_cp .cp_lm .s_j a:after{width:4px; height:4px; border-radius:50%; background-color:#0e6eb8; content:""; position:absolute; top:14px; left:0;}
.sy_cp .cp_lm .s_j a:hover{color:#0e6eb8; text-indent:20px;}

.sy_cp .cp_lm .s_j1{padding:10px 15px; }
.sy_cp .cp_lm .s_j1 a{font-size:13px; text-indent:15px; line-height:28px; color:#555; margin-bottom:1px; display:block; width:50%; float:left; position:relative; text-align:left}
.sy_cp .cp_lm .s_j1 a:after{width:4px; height:4px; border-radius:50%; background-color:#0e6eb8; content:""; position:absolute; top:14px; left:0;}
.sy_cp .cp_lm .s_j1 a:hover{color:#0e6eb8; text-indent:20px;}


.sy_cp .product_TabTitle{width:100%; margin-bottom:20px; text-align:center; height:auto; overflow:hidden}
.sy_cp .product_TabTitle li{ float:left; text-align:center; line-height:46px;color:#fff; font-size:16px;  cursor:pointer;box-sizing:border-box;
transition:all .5s; 
-o-transition:all .5s; 
-ms-transition:all .5s; 
-moz-transition:all .5s; 
-webkit-transition:all .5s; background:#575757; width:216px; margin-right:1px}
.sy_cp .product_TabTitle li:nth-child(6n){margin-right:0; }
.sy_cp .product_TabTitle li:hover{ background-color:#0e6eb8; color:#FFF;}
.sy_cp .product_TabTitle li.on{ background-color:#0e6eb8; color:#FFF;}
.cpdt{ width:100%; background:#0e6eb8; padding:10px; margin-bottom:20px; height:auto; overflow:hidden;box-sizing:border-box }
.cpdtn{  width:100%; height:auto; overflow:hidden}
.cpdtn .zb{ float:left; width:60%}
.cpdtn .zb img{ width:100%}
.cpdtn .yb{ float: right; width:38%; color:#fff; text-align:left}
.cpdtn .yb h1{ font-size:18px; line-height:40px}
.cpdtn .fenlei{ margin-bottom:10px}
.cpdtn .fenlei h1{ font-size:14px; margin-bottom:10px; line-height:40px; border-bottom:#fff 1px dotted; font-weight:bold}
.cpdtn .fenlei p{ line-height:24px}
.sy_cp .td_zs{text-align:center; overflow:hidden; display:none;}
.sy_cp .td_zs.dk{display:block;}
.sy_cp .td_zs ul li{width:24.25%; border:1px solid #ddd; background-color:#fff; margin-right:1%; margin-bottom:1%; float:left;
transition:all .5s; 
-o-transition:all .5s; 
-ms-transition:all .5s; 
-moz-transition:all .5s; 
-webkit-transition:all .5s;}
.sy_cp .td_zs ul li:nth-child(4n){margin-right:0; }
.sy_cp .td_zs ul li:hover{border:1px solid #0e6eb8;}
.sy_cp .t_p{overflow:hidden;}
.sy_cp .t_p img{width:100%; height:auto; display:block;
transition:all 3s; 
-webkit-transition:all 3s; 
-moz-transition:all 3s; 
-ms-transition:all 3s; 
-o-transition:all 3s;}
.sy_cp .td_zs ul li:hover .t_p img{transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-ms-transform:scale(1.1); 
-o-transform:scale(1.1);}
.sy_cp .w_z{padding:0px 15px 0px; }
.sy_cp .w_z h3{font-size:16px; text-transform:uppercase; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#333;}
.sy_cp .w_z p{font-size:14px; line-height:22px; color:#666;  overflow:hidden;  }
.sy_cp .w_z a.m_r{width:79px; float:left; background:#e0e0e0; font-size:13px; line-height:32px; color:#333; display:block; margin:2px 5px 15px }
.sy_cp .td_zs ul li a:hover.m_r{background-color:#0e6eb8; color:#fff;}
@media only screen and (max-width:640px) {
.sy_cp{padding:20px 0; width:96%; margin:0 auto}
.sy_cp .col-lg-3{ display:none}
.sy_cp .col-lg-9{ padding-left:5px; padding-right:5px}
.sy_cp .product_TabTitle{width:100%; margin-bottom:10px; text-align:center; height:auto; overflow:hidden}

.sy_cp .product_TabTitle li{margin:0px 1px 0 0 ; font-size:12px; padding:0px ; width:24.6%; float:left}
.cpdtn .zb{ float:none; width:100%; margin-bottom:10px}
.cpdtn .zb img{ width:100%}
.cpdtn .yb{ float: none; width:100%; color:#fff; text-align:left}
.cpdtn .fenlei{ margin-bottom:10px}
.cpdtn .fenlei h1{ font-size:14px; margin-bottom:10px; line-height:40px; border-bottom:#fff 1px dotted; font-weight:bold}
.cpdtn .fenlei p{ line-height:24px; font-size:12px}
.cpdtn .yb h1{ font-size:14px; line-height:30px; }
.sy_cp .td_zs ul li{width:48.75%; border:1px solid #ddd; background-color:#fff; margin-right:2%; margin-bottom:2%; float:left;
transition:all .5s; 
-o-transition:all .5s; 
-ms-transition:all .5s; 
-moz-transition:all .5s; 
-webkit-transition:all .5s;}
.sy_cp .td_zs ul li:nth-child(2n){margin-right:0; }
.sy_cp .w_z{padding:0px 5px 0px; }
.sy_cp .w_z h3{font-size:16px; text-transform:uppercase; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#333;}
.sy_cp .w_z p{font-size:14px; line-height:22px; color:#666;  overflow:hidden;  }
.sy_cp .w_z a.m_r{width:69px; float:left; background:#e0e0e0; font-size:12px; line-height:32px; color:#333; display:block; margin:2px 5px 15px }

}


.sy_gc{width:100%; padding:50px 0; overflow:hidden;}
.sy_gc .zl_al{position:relative;}
.sy_gc .zl_al .swiper-button-prev{width:35px; height:35px; background:url(../images/zj1.png) no-repeat center; left:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_gc .zl_al .swiper-button-next{width:35px; height:35px; background:url(../images/yj1.png) no-repeat center; right:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_gc .zl_al .swiper-pagination{display:none;}
.sy_gc .zl_al .swiper-slide{ overflow:hidden;}
.sy_gc .zl_al .swiper-slide img{width:100%; height:auto; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;border:1px solid #e7e7e7;box-sizing:border-box; margin-bottom:1px  }

@media only screen and (max-width:992px){
.sy_gc{padding:20px 0;}
.sy_gc .zl_al .swiper-zs{padding-bottom:50px;}
.sy_gc .zl_al .swiper-button-prev{display:none;}
.sy_gc .zl_al .swiper-button-next{display:none;}
.sy_gc .zl_al .swiper-pagination{display:block; bottom:0;}
.sy_gc .zl_al .swiper-pagination-bullet{width:8px; height:8px; border-radius:50%; background-color:#aaa;}
.sy_gc .zl_al .swiper-pagination-bullet-active{background-color:#d4c494;}
}

.sy_ys{width:100%; padding:60px 0 60px; height:auto; overflow:hidden;}

.fen_box{ overflow:hidden; }
.fen_box ul li{ display:block; width:186px; height:435px; float:left; margin-right:10px; position:relative; overflow:hidden; }
.fen_box ul li:nth-child(6n){margin-right:0; }
.fen_box ul li .itu{ width:180px; height:280px;  position:absolute; top:0px; left:0px; transition:all 0.5s; }
.fen_box ul li .izi{ width:186px; height:300px; background:#0e6eb8; overflow:hidden; position:absolute; top:230px; left:0px; transition:all 0.5s; }
.fen_box ul li .izi h4{ font-size:30px; color:#fff; line-height:55px; text-align:center; font-weight:bold; margin-top:5px }
.fen_box ul li .izi p{ font-size:18px; color:#fff; line-height:16px; text-align:center; }
.fen_box ul li .izi span{ font-size:14px; color:#fff; line-height:22px; text-align:left; display:block; width:160px; margin:15px auto;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:4; }
.fen_box ul li:hover .izi{ top:200px; background:#0e6eb8; }


.sy_ac{width:100%; padding:80px 0; overflow:hidden; }
.sy_ac .hd{text-align:center; background:url(../images/jx.png) no-repeat center bottom; margin-bottom:50px;}
.sy_ac .hd ul li{display:inline-block; margin:0 20px; padding-bottom:50px; position:relative; cursor:pointer;}
.sy_ac .hd em{width:27px; height:14px; background:url(../images/hj.png) no-repeat center; display:none; position:absolute; left:50%; margin-left:-13.5px; bottom:0px;}
.sy_ac .hd ul li.on em{display:block;}
.sy_ac .hd .t_b{width:80px; height:80px; margin:0 auto; background-size:100% auto !important;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_ac .hd .t_b.t_1{background-image:url(../images/c1.png); background-position:center top; background-repeat:no-repeat;}
.sy_ac .hd ul li.on .t_b.t_1{background-position:center bottom;}
.sy_ac .hd .t_b.t_2{background-image:url(../images/c2.png); background-position:center top; background-repeat:no-repeat;}
.sy_ac .hd ul li.on .t_b.t_2{background-position:center bottom;}
.sy_ac .hd .t_b.t_3{background-image:url(../images/c3.png); background-position:center top; background-repeat:no-repeat;}
.sy_ac .hd ul li.on .t_b.t_3{background-position:center bottom;}
.sy_ac .hd .t_b.t_4{background-image:url(../images/c4.png); background-position:center top; background-repeat:no-repeat;}
.sy_ac .hd ul li.on .t_b.t_4{background-position:center bottom;}
.sy_ac .hd .t_b.t_5{background-image:url(../images/c5.png); background-position:center top; background-repeat:no-repeat;}
.sy_ac .hd ul li.on .t_b.t_5{background-position:center bottom;}
.sy_ac .hd .t_b.t_6{background-image:url(../images/c6.png); background-position:center top; background-repeat:no-repeat;}
.sy_ac .hd ul li.on .t_b.t_6{background-position:center bottom;}
.sy_ac .hd .m_c{font-size:18px; color:#333; line-height:30px;}
.sy_ac .hd ul li.on .m_c{color:#0e6eb8;}
.sy_ac .bd{padding:0px}
.sy_ac .bd .row{margin:0 -30px;}
.sy_ac .bd .col-xs-12{padding:0 30px;}
.sy_ac .w_z{margin-top:60px; padding-left:50px;}
.sy_ac .w_z h3{font-size:25px; color:#333; font-weight:bold; line-height:36px; margin-bottom:30px;}
.sy_ac .w_z p{font-size:17px; line-height:32px; color:#666;}
.sy_ac .t_p img{width:100%; height:auto; display:block;}
.sy_ac .yw_nr{width:100%;box-shadow: 0 0 11px #dddddd; background:#fff; padding:20px; height:auto; overflow: hidden}
.sy_ac .yw_nr .t_p1{ width:40%; float:left}
.sy_ac .yw_nr .t_p1 img{ width:100%}
.sy_ac .yw_nr .w_z1{ float:right; width:58%; text-align: left}
.sy_ac .yw_nr .w_z1 h1{ font-size:18px; font-weight:bold; line-height:60px}
.sy_ac .yw_nr .w_z1 p{ font-size:14px; line-height:26px}

@media only screen and (max-width:990px) {
.sy_ac{padding:40px 0;}
.sy_ac .hd{margin-bottom:35px;}
.sy_ac .hd ul li{margin:0 10px; padding-bottom:30px;}
.sy_ac .hd .t_b{width:50px; height:50px;}
.sy_ac .hd .m_c{font-size:15px; line-height:26px;}
.sy_ac .bd{padding:0;}
.sy_ac .bd .row{margin:0 -15px;}
.sy_ac .bd .col-xs-12{padding:0 15px;}
.sy_ac .w_z{margin-top:30px;}
.sy_ac .w_z h3{font-size:20px; line-height:30px; margin-bottom:15px;}
.sy_ac .w_z p{font-size:15px; line-height:26px;}
}
@media only screen and (max-width:640px) {
.sy_ac .hd{margin-bottom:20px; background:none;}
.sy_ac .hd ul li{margin:0 2px; padding-bottom:20px;}
.sy_ac .hd em{width:18px; height:10px; background:url(../images/jj.png) no-repeat center; margin-left:-9px;}
.sy_ac .hd .t_b{width:40px; height:40px;}
.sy_ac .w_z{margin-top:20px; padding:0; text-align:center;}
.sy_ac .w_z h3{font-size:18px; line-height:28px; margin-bottom:10px;}
.sy_ac .w_z p{font-size:14px; line-height:22px;}
.sy_ac .yw_nr li{width:50%; padding:0px 5px;}
.sy_ac .yw_nr li .c_n{padding:20px 10px; margin-bottom:20px;}
.sy_ac .yw_nr li img{margin-bottom:20px;}
.sy_ac .yw_nr li p{font-size:14px;}
.sy_ac .yw_nr li span{font-size:12px;}
}


.probox{height:1050px;font-family:"Microsoft Yahei";padding:40px 0; height:auto; overflow:hidden}
.pro_nav{width:314px;background:#fafafa;}
.pro_nav h2{font-size:30px;line-height:49px;height:95px;padding:18px 0 0;background:#0060b0;overflow: hidden;text-align: center;}
.pro_nav h2 span{font-size:12px;line-height:18px;background:url(../images/procbg.gif) no-repeat center 0;font-family: Arial;display: block;text-transform: uppercase;color: #bacff2;}
.pro_nav h2 a{color: #fff;}

.pro_nl{padding:2px 20px 20px;height: auto; height:438px}
.pro_nl h3{clear: both;padding: 18px 0 0;height: 40px;line-height: 40px;font-size: 16px;display: block;white-space: nowrap;}
.pro_nl h3 a{display: block;background:url(../images/ico1.gif) no-repeat 247px 13px #0060b0;padding: 0 20px;color: #fff;}
.pro_nl h3.on a{background:url(../images/ico2.gif) no-repeat 247px 13px #0e6eb8;}
.pro_nl li{height:35px;line-height: 35px;font-size:14px;position: relative;border-bottom:dashed 1px #e6e6e6;padding: 0 24px;white-space: nowrap;}
.pro_nl li a{display: block;background:url(../images/ico03.gif) no-repeat 0 center;padding: 0 0 0 25px;color: #555;}

.pro_pho{background:url(../images/pro_pho.jpg) no-repeat 0 0;line-height: 28px;padding: 42px 0 0 97px;height: 85px;color: #666;white-space: nowrap;}
.pro_pho b{display: block;font-size: 24px;line-height:30px;color: #0060b0;letter-spacing: -1px;}

.pro_list{width:860px;overflow: hidden;}
.pro_list h2{height: 42px;border: solid 1px #dcdcd8;position: relative;font-weight: normal;font-size: 20px;line-height: 42px;}
.pro_list h2 a{color: #fff;}
.pro_list h2 b{position: absolute;display: block;width: 117px;height: 44px;line-height: 44px;left:-1px;top:-1px;z-index: 1;font-weight: normal;background:#0060b0;color: #fff;text-align: center;}
.more01{width: 65px;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.more01 a,.pro_list h2 .more01 a{color: #555;}

.pro_lc ul{width: 930px;}
.pro_lc li{width:278px;height:249px;float: left;margin:15px 12px 0 0;position: relative;overflow: hidden;color: #fff;font-size: 16px;}
.pro_lc li img{width:276px;height:209px;display: block;border: solid 1px #dcdcdc;border-bottom: 0;}
.pro_lc li p{display: block;width:278px;line-height:40px;z-index: 1;position: absolute;background:#fafafa;left: 0;bottom: 0;text-align: center; font-size:14px}
.pro_lc li p span{display:none;}
.pro_lc li a{display:inline-block;color: #666;}
.pro_lc li.cur p{background: #0060b0;}
.pro_lc li.cur p span{display: block;height: 62px;}
.pro_lc li.cur p span a{display: inline-block;width: 108px;line-height: 33px;border: solid 1px #fff;font-size: 14px;}
.pro_lc li.cur p span a:nth-child(2){margin-left:16px;}


.pro_pic{height: 404px; background: #f6f6f6;margin-top:6px;}
.pro_img{width:860px;margin: 0 auto 0; padding-top: 20px;}
.pro_img dt{width: 450px; float: left;}
.pro_img dt img{width: 450px; height: 360px;}
.pro_img dd{width: 360px; float: right; font-size: 14px; line-height: 26px; color: #666;}
.pro_img h4{height: 60px; font-size: 30px; line-height: 60px; padding-top:16px; background: url(../images/pro_icon5.png) no-repeat left top; margin-top: 22px;}
.pro_img h4 a{color: #333;text-decoration:none;}
.pro_img p{height:160px;overflow: hidden; font-size: 16px; line-height: 26px; color: #666;margin-bottom: 30px;}
.pro_img dd span{display: block; width: 120px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; background: url(../images/pro_icon1.png) no-repeat center top;}
.pro_img dd span a{display: block; color: #fff;}
.pro_prev{width: 43px; height: 85px; top: 160px; left: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_next{width: 43px; height: 85px; top: 160px; right: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_prev img,.pro_next img{display: block; width: 43px; height: 171px;}
.pro_prev:hover img,.pro_next:hover img {margin-top: -86px;}

@media only screen and (max-width:992px){
.probox{height:100%;font-family:"Microsoft Yahei";padding:20px 0; height:auto; overflow:hidden}
.pro_nav{ display:none}
.fr {float: none;}
.pro_list{width:100%;overflow: hidden;}
.pro_list h2{height: 34px;border: solid 1px #dcdcd8;position: relative;font-weight: normal;font-size: 16px;line-height: 34px;}
.pro_list h2 a{color: #fff;}
.pro_list h2 b{position: absolute;display: block;width: 100px;height: 35px;line-height: 35px;left:-1px;top:-1px;z-index: 1;font-weight: normal;background:#0060b0;color: #fff;text-align: center;}
.more01{width: 55px;font-size: 12px;text-transform: uppercase;font-weight: normal; float:right}
.more01 a,.pro_list h2 .more01 a{color: #555;}

.pro_lc ul{width: 100%;}
.pro_lc li{width:49%;height: 180px;float: left;margin:2% 2% 0 0;position: !important;overflow: hidden;color: #fff;font-size: 16px;}
.pro_lc li:nth-child(2n){margin-right:0; }
.pro_lc li:last-child { display:none}

.pro_lc li img{width:100%;height: 150px;display: block;border: solid 1px #dcdcdc;border-bottom: 0;box-sizing:border-box}


.pro_lc li p{display: block;width:100%;line-height:30px;z-index: 1;position: !important;background:#dcdcdc;left: 0;bottom: 0;text-align: center; font-size:13px; font-weight: normal}
.pro_lc li p span{display:none;}
.pro_lc li a{display:inline-block;color: #666;}
.pro_lc li.cur p{background: #0060b0;}
.pro_lc li.cur p span{display: block;height: 62px;}
.pro_lc li.cur p span a{display: inline-block;width: 108px;line-height: 33px;border: solid 1px #fff;font-size: 14px;}
.pro_lc li.cur p span a:nth-child(2){margin-left:16px;}

}

.sy_lc{width:100%; padding:50px 0 ; background: url(../images/bn_bj.jpg) no-repeat center / cover fixed; margin-top:60px}
.sy_lc.n_y{padding:60px 0;}
.sy_lc .lc_db{font-size:30px; line-height:46px; font-weight:bold; color:#333; text-align:center; margin-bottom:50px;}
.sy_lc .lc_bt{font-size:30px; line-height:46px; font-weight:bold; color:#fff; text-align:center; margin-bottom:40px;}
.sy_lc .lc_bt i{display:inline-block; width:50px; height:1px; margin:0 15px; vertical-align:middle; background-color:#ddd;}
.sy_lc .lc_zs{text-align:center; width:1240px; margin:0 auto; height:auto; overflow:hidden}
.sy_lc .lc_zs ul li{ width:9%; float:left}
.sy_lc .lc_zs .t_b{width:75px; height:75px; padding:3px; border:1px solid #0060b0; border-radius:50%; margin:0 auto 20px; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; }
.sy_lc .lc_zs ul li:hover .t_b{transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);}
.sy_lc .lc_zs .tb{width:75px; height:75px; line-height:75px; background-position:top center; background-repeat:no-repeat; background-size:100% auto; overflow:hidden; position:relative; z-index:1; font-size:24px; color:#fff; text-align:center}
.sy_lc .lc_zs .t_b:before{width:80%; height:80%; content:""; border-radius:50%; background-color:#0060b0; position:absolute; top:10%; left:10%;}
.sy_lc .lc_zs h4{font-size:14px; line-height:26px; color:#fff; }
.sy_lc .fw_rx{width:360px; border-radius:20px; padding:5px; background-color:#0060b0; text-align:center; margin:30px auto 0; font-size:18px; color:#fff; line-height:30px;}
.sy_lc .fw_rx strong{font-size:22px; color:#fde800;}
@media only screen and (max-width:992px){
.sy_lc{padding:20px 0;}
.sy_lc.n_y{padding:50px 0;}
.sy_lc .lc_db{font-size:32px; margin-bottom:10px;}
.sy_lc .lc_bt{font-size:16px; line-height:26px; font-weight:bold; color:#fff; text-align:center; margin-bottom:20px;}

.sy_lc .lc_bt i{width:40px; height:3px; margin:0 15px;}
.sy_lc .lc_zs{text-align:center; width:96%; margin:0 auto; height:auto; overflow:hidden}

.sy_lc .lc_zs ul li{ width:33.33%; float:left}
.sy_lc .lc_zs .t_b{width:75px; height:75px; padding:3px; border:1px solid #0060b0; border-radius:50%; margin:0 auto 10px; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; }
.sy_lc .lc_zs h4{font-size:12px; line-height:26px; color:#fff; margin-bottom:10px }
.sy_lc .fw_rx{width:80%; border-radius:20px; padding:5px; background-color:#0060b0; text-align:center; margin:10px auto 0; font-size:16px; color:#fff; line-height:30px;}
.sy_lc .fw_rx strong{font-size:14px; color:#fde800;}

}

.sy_bt{margin-bottom:50px;}
.sy_bt h3{font-size:36px; font-weight:bold; color:#0e6eb8;}
.sy_bt p{font-size:17px; font-weight:bold; color:#595757; text-transform:uppercase; font-family:"Arial"; margin-top:5px;}
@media (min-width:1081px){
.sy_bt{margin-bottom:40px;}
.sy_bt h3{font-size:30px;}
.sy_bt p{font-size:15px;}
}
@media (min-width:1600px){
.sy_bt{margin-bottom:30px;}
.sy_bt h3{font-size:26px;}
.sy_bt p{font-size:17px;}
}
@media only screen and (max-width:640px){
.sy_bt h3{font-size:16px; line-height:30px;}
.sy_bt p{font-size:12px; font-weight:normal}
}

.sy_gy{padding:60px 0; overflow:hidden; background:url(../images/abbab.jpg) no-repeat center top}
.sy_gy .row{margin:0 -40px;}
.sy_gy .col-12{padding:0 40px;}
.sy_gy .sy_bt{margin-bottom:0px;}
.sy_gy .g_y{font-size:16px; color:#666; line-height:30px; margin-bottom:50px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:5;}
.sy_gy .s_p{position:relative; margin-top:10px}
.sy_gy .b_f{width:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.sy_gy .s_p img{width:100%; height:auto; display:block;}
.sy_gy a.m_r{width:160px; height:50px; text-align:center; font-size:14px; color:#fff; line-height:50px; background-color:#0e6eb8; display:block;}
.sy_gy a.m_r i{vertical-align:middle; margin-left:20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_gy a.m_r:hover i{margin-left:35px;}
@media (min-width:1081px){
.sy_gy{padding:80px 0;}
.sy_gy .row{margin:0 -25px;}
.sy_gy .col-12{padding:0 25px;}
.sy_gy .sy_bt{margin-bottom:25px;}
.sy_gy .g_y{font-size:14px; line-height:24px; margin-bottom:25px;}
.sy_gy a.m_r{width:130px; height:40px; line-height:40px;}
.sy_gy a.m_r i{margin-left:15px; font-size:18px;}
.sy_gy a.m_r:hover i{margin-left:25px;}
}
@media (min-width:1600px){
.sy_gy{padding:60px 0;}
.sy_gy .row{margin:0 -15px;}
.sy_gy .col-12{padding:0 15px;}
.sy_gy .sy_bt{margin-bottom:10px;}
.sy_gy .g_y{font-size:15px; line-height:30px; margin-bottom:20px;}
.sy_gy a.m_r{width:120px; height:40px; line-height:40px;}
.sy_gy a.m_r i{margin-left:20px; font-size:14px;}
.sy_gy a.m_r:hover i{margin-left:35px;}
}
@media only screen and (max-width:640px){
.sy_gy{padding:20px 0; overflow:hidden;}
.sy_gy .row{margin:0 -20px;}
.sy_gy .col-12{padding:0 20px;}
.sy_gy .sy_bt{margin-bottom:10px;}
.sy_gy .g_y{font-size:14px; line-height:26px; margin-bottom:10px;}
.sy_gy a.m_r{width:120px; height:35px; font-size:14px; line-height:35px; margin-bottom:10px;}
}

.sy_sj{width:100%; padding:20px 0; background:url(../images/sj_bj.jpg) no-repeat center / cover fixed; overflow:hidden;}
.sy_sj .wrap .n_r{border-right:1px solid rgba(255,255,255,.5); text-align:center;}
.sy_sj .wrap ul li{width:25%; padding:0 ;}
.sy_sj .wrap ul li:last-child .n_r{border-right:0;}
.sy_sj .wrap .s_z{font-size:16px; color:#fff;}
.sy_sj .wrap .s_z b{font-size:40px; padding-right:10px;}
.sy_sj .wrap em{width:30px; height:3px; display:block; margin:10px auto; background-color:rgba(255,255,255,.6);}
.sy_sj .wrap p{font-size:18px; color:#fff;}
@media (min-width:1081px){
.sy_sj{padding:50px 0;}
.sy_sj .wrap ul li{padding:0 10px;}
.sy_sj .wrap .s_z{font-size:16px;}
.sy_sj .wrap .s_z b{font-size:46px;}
.sy_sj .wrap p{font-size:18px;}
}
@media (min-width:1600px){
.sy_sj{padding:20px 0;}
.sy_sj .wrap ul li{padding:0 ;}
.sy_sj .wrap .s_z{font-size:20px;}
.sy_sj .wrap .s_z b{font-size:40px;}
.sy_sj .wrap p{font-size:18px;}
}
@media only screen and (max-width:640px){
.sy_sj{padding:15px 0; background:url(../images/sj_bj.jpg) no-repeat center / cover; text-align:center;}
.sy_sj .wrap ul{display:inline-block; margin:0;}
.sy_sj .wrap ul li{width:25%; padding:0 15px ; display:inline-block; float: left;}
.sy_sj .wrap .n_r{border-right:0; margin: 0;}
.sy_sj .wrap .s_z{font-size:12px;}
.sy_sj .wrap .s_z b{font-size:18px;}
.sy_sj .wrap p{font-size:14px;}
}
.sy_hz{width:100%; padding:60px 0 40px; background-color:#fafafc; overflow:hidden;}
.sy_hz .row{margin:0 -10px;}
.sy_hz ul li{width:20%; padding:0 10px; margin-bottom:20px; float:left;}
.sy_hz img{width:100%; height:auto; display:block;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_hz img:hover{box-shadow:0 0 10px #ccc; transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);}
@media only screen and (max-width:990px) {
.sy_hz{padding:40px 0;}
.sy_hz .row{margin:0 -6px;}
.sy_hz ul li{padding:0 6px; margin-bottom:12px;}
}
@media only screen and (max-width:640px) {
.sy_hz{padding:20px 0;}

.sy_hz .row{margin:0 -4px;}
.sy_hz ul li{width:33.33%; padding:0 4px; margin-bottom:8px;}
.sy_hz ul li:last-child{ display:none}
}

.sct1 { padding: 60px 0 60px;}
.sct1 .wushi{ width:50%; float:left}
.sct1 .wushi1{ width:25%; float:left}

.sct1  .con { position: relative; overflow: hidden }
.sct1  .con img { position: relative; z-index: 1; left: 0; top: 0 }
.sct1  .con .cover { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; background: rgba(14, 110, 184, .93); transition: all .3s; opacity: 0; border-radius: 0; transform: scale(0) }
.sct1  .con h3 { position: absolute; width: 100%; left: 40px; color: #fff; bottom: 120px; z-index: 3; font-weight: bold; font-size: 30px; margin-bottom: 4px }
.sct1  .sinfo { position: absolute; width: 50%; left: 42px; bottom: 40px; z-index: 4; font-size: 18px; color: #fff; line-height: 1.7 }
.sct1  .more { width: 100%; position: absolute; z-index: 9; text-align: center; font-size: 18px; left: 0; bottom: 80px; color: #fff; bottom: -40px; transition: all .5s }
.sct1  .con:hover { }
.sct1  .con:hover img { }
.sct1  .con:hover .cover { top: 0; opacity: 1; transform: scale(1) }
.sct1  .con:hover h3 { left: 0; text-align: center; bottom: auto; top:50px }
.sct1  .con:hover .sinfo { width: 50%; text-align: center; left: 25%; bottom: auto; top: 100px }
.sct1  .con:hover .more { bottom: auto; top: 230px }
.sct1  .con:hover .more:before { content: ""; display: block; position: absolute; width: 1px; height: 30px; top: -53px; left: 50%; background: #fff }
.sct1 .con3 .sinfo, .sct1 .con4 .sinfo, .sct1 .con5 .sinfo { font-size: 14px }
.sct1 .con3 h3, .sct1 .con4 h3, .sct1 .con5 h3 { font-size: 24px; bottom: 107px }
.sct1 .con3 .more, .sct1 .con4 .more, .sct1 .con5 .more { font-size: 16px }
.sct1 .con3:hover .more:before, .sct1 .con4:hover .more:before, .sct1 .con5:hover .more:before { height: 20px; top: -32px }
.sct1 .con4 .sinfo { width: 100%; padding-right: 80px }
.sct1 .con4 h3 { }
.sct1 .con4 .more { }
.sct1 .con4:hover .sinfo { width: 80%; left: 50%; margin-left: -40%; padding: 0 }
.sct1 .con4:hover h3 { }
.sct1 .con4:hover .more { top: 236px }
.sct1 .con3 .sinfo { }
.sct1 .con3 h3 { }
.sct1 .con3 .more { }
.sct1 .con3:hover .sinfo { width: 40%; left: 50%; margin-left: -20% }
.sct1 .con3:hover h3 { }
.sct1 .con3:hover .more { top: 236px }
.sct1 .con5 .sinfo { color: #fff; width: 100%; padding-right: 80px }
.sct1 .con5 h3 { color: #fff }
.sct1 .con5 .more { }
.sct1 .con5:hover .sinfo { width: 80%; left: 50%; margin-left: -40%; padding: 0; color: #fff }
.sct1 .con5:hover h3 { color: #fff }
.sct1 .con5:hover .more { top: 236px }

@media only screen and (max-width:992px) {
.sct1 { padding: 20px 0 20px;}
.sct1 .wushi{ width:100%; float:left}
.sct1 .wushi1{ width:50%; float:left}
.sct1  .sinfo { position: absolute; width: 80%; left: 22px; bottom: 40px; z-index: 4; font-size: 14px; color: #fff; line-height: 1.7 }
.sct1  .con h3 { position: absolute; width: 80%; left: 22px; color: #fff; bottom: 90px; z-index: 3; font-weight: bold; font-size: 18px; margin-bottom: 4px }
.sct1 .con4 .sinfo { width: 80%; padding-right: 10px; line-height:20px }
.sct1 .con5 .sinfo { color: #fff; width: 80%; padding-right:10px ; line-height:20px}
.sct1  .con4 h3 { position: absolute; width: 80%; left: 22px; color: #fff; bottom: 110px; z-index: 3; font-weight: bold; font-size: 18px; margin-bottom: 4px }
.sct1  .con5 h3 { position: absolute; width: 80%; left: 22px; color: #fff; bottom: 110px; z-index: 3; font-weight: bold; font-size: 18px; margin-bottom: 4px }

}



.zw{ line-height:30px; padding:15px 0; min-height:350px;color:#555555; font-size:14px;}
.zw a:link{ color:#555555; }
.zw a:visited{ color:#555;}
.zw a:hover{ color:#FF6205;}
.zw a:active{color:#555555;}
.zw img{
 max-width:100%;

 width:expression(document.body.clientWidth>100%?"100%":"auto");

}

.xiaocms-page span{ margin:0 3px;  border:1px solid #105db5;line-height:35px; padding:0 15px; background:#105db5; color:#FFFFFF; display:inline-block; }
.xiaocms-page  a{margin:0 3px;   border:1px solid #eee;line-height:35px;background:#fff; display:block; color:#333; padding:0 15px;display:inline-block; }
.xiaocms-page  a:hover {margin:0 3px;   border:1px solid #105db5;line-height:35px; background:#105db5; color:#fff; padding:0 15px;display:inline-block;}
