@charset "utf-8";
/* CSS Document */
/*幻灯片*/
.banner{overflow:hidden; width:100%;}
.banner-box{ min-width:1400px; height:438px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:438px; background-position: center; background-repeat: no-repeat; background-color: #eee; z-index: -1;}
.banner-box .bd li a{ display:block; background-size:auto; width: 100%;height: 80%; position: relative; z-index: 9;}
.banner-box .bd li a{ display:block; background-size:auto; width:100%; height:80%; position:relative; z-index:9;}

.banner-btn{ width: 100%; position: absolute; top:165px; left: 0; margin-left: 0; height: 250px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../img/banbtn.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../img/banbtn.png) no-repeat -49px 0; }
.banner-box .hd { display: none; }
.banner-box .hd { position:absolute; bottom:0px; width:100%; display:block;}
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.cur{ background: #2b5bc5; border-radius :50px; width:50px; height:10px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/* ban1 ==================*/
.sbanner { position:relative; width:100%; height:320px; background:url(../img/ban.jpg) center top no-repeat; overflow:hidden;}

/*面包屑导航 + 二级导航*/
.pageMenu { overflow:hidden; width:100%; height:50px; line-height:47px; border-bottom:1px solid #e3e3e3;}
.pageMenu .mbxNav{ overflow:hidden; float:left}
.pageMenu .mbxNav li{ float:left; font-size:14px; color:#666; margin:0 5px;}
.pageMenu .mbxNav li em{ margin-left:5px;}
.pageMenu .mbxNav li a{ color:#666;}
.pageMenu .mbxNav li.home{ width:50px; height:50px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:url(../img/mbx_home.png) no-repeat center; margin-right:10px; margin-left:0}
.pageMenu .mbxNav li.home a{ display:block; width:100%; height:100%;}
.pageMenu .mbxNav li.last{ color:#0d4da1;}
.pageMenu .pageErjiNav{ overflow:hidden; float:right;}
.pageMenu .pageErjiNav li{ float:left; font-size:14px; color:#666; font-weight:bold; margin-left:23px;}
.pageMenu .pageErjiNav li a{ color:#666; text-decoration:none}
.pageMenu .pageErjiNav li.cur,.pageMenu .pageErjiNav li:hover{ border-bottom:3px solid #147b32;}
.pageMenu .pageErjiNav li.cur a, .pageMenu .pageErjiNav li:hover a{ color:#333} 


/*关于我们*/
.crumbs .container {border-bottom: 1px solid #e8e8e8;}
.crumbs .page {max-width: 1400px; margin:0 auto;}
.crumbs span a {display: inline-block;vertical-align: middle;font-size:14px; color: #666666;height: 50px;line-height: 50px;}
		
.pages .container { max-width: 1400px; margin:0 auto; }
.pages.about .p1 {padding-top: 3.5%;padding-bottom: 3.5%;}
.pages.about .p1 h1 { position: relative;font-size: 22px;color: #505050;font-weight: bold;text-align: center;padding-bottom: 15px;margin-bottom: 2%;}
.pages.about .p1 h1::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 95px;
height: 3px;
background-color: #d80e3e;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.pages.about .p1 p {font-size: 16px;color: #666666;line-height: 200%;text-align: center;margin-bottom: 1.5%;}
.pages.about .p2 {height: 312px;background: url(../img/about_32.jpg) no-repeat;}
.pages.about .p2 h1 {margin-top: 7%;margin-bottom: 30px;}
.pages.about .p2 h1 b {display: inline-block;vertical-align: baseline;font-size: 3rem;color: #fff;font-weight: normal;}

.pages.about .p2 h1 sub {display: inline-block;vertical-align: baseline;font-size: 2.4rem;color: #ffffff;font-weight: lighter;bottom: 0;}
.pages.about .p2 p { font-size: 1.6rem;color: #fff;line-height: 200%;max-width: 1155px;}

.pages.about .p3 { padding-top:1.5%;padding-bottom: 3.5%;}
.pages.about .p3 ul {overflow: hidden;}
.col-sm-4 { float: left; width: 33.33333333%;}
.pages.about .p3 ul li { border-right: 2px solid #efefef;text-align: center;}
.pages.about .p3 ul li h1 { font-size:18px; color: #2d2d2d; font-weight: bold;padding-top: 75px;background-repeat: no-repeat;background-position: center top;margin-bottom: 20px;}
.pages.about .p3 ul li p {position: relative;font-size:14px;color: #666666;padding-bottom: 40px;}
.pages.about .p3 ul li p::after { content: '';position: absolute;left: 50%;bottom: 0;width: 38px;height: 2px;background-color: #d80e3e;}

.pages.about .p3 ul li:nth-child(1) h1 {background-image: url(../img/sec/worker.png);}
.pages.about .p3 ul li:nth-child(2) h1 {background-image: url(../img/sec/dashboard.png);}
.pages.about .p3 ul li:nth-child(3) { border-right: 0;}
.pages.about .p3 ul li:nth-child(3) h1 {background-image: url(../img/sec/mind.png);}

.pages.about .title { font-size:26px; font-weight: bold;text-align: center;color: #263684; margin-bottom: 3%;}

.pages.about .p4 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #f8f8f8;
}

.pages.about .p4 .con ul {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
}
.pages.about .p4 .con ul li {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
padding-bottom: 25px;
}
.pages.about .p4 .con ul li a {
display: block;
-webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
}
.pages.about .p4 .con ul li a .txt {
border-top: 5px solid #263684;
padding: 20px 30px;
background-color: #fff;
}
.pages.about .p4 .con ul li a .txt h1 {
display: inline-block;
vertical-align: middle;
font-size: 18px;
line-height: 27px;
color: #202020;
font-weight: bold;
width: calc(100% - 27px);
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.pages.about .p4 .con ul li a .txt span {
width: 27px;
height: 27px;
background:url(../img/sec/abouticon.png) no-repeat 8px 5px ;
line-height: 27px;
color: #414141;
border: 1px solid #414141;
font-size: 1.8rem;
float: right;
text-align: center;
}
.pages.about .p4 .con ul li:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.pages.about .p4 .con .more {
display: block;
width: 150px;
height: 45px;
line-height: 45px;
border: 2px solid #263684;
color: #263684;
text-align: center;
font-size: 16px;
margin-left: auto;
margin-right: auto;
margin-top: 1.5%;
}
.pages.about .p4 .con .more:hover {
background-color: #263684;
color: #fff;
}

.pages.about .p4 .con img {width: 100%;  height: auto;}

 
.pages.about .p6 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #f8f8f8;
}
.pages.about .p6 h1 {
position: relative;
font-size: 28px;
font-weight:normal;
color: #263683;
text-align: center;
margin-bottom: 3%;
}
.pages.about .p6 p {
font-size: 16px;
color: #666666;
line-height: 200%;
text-align: center;
margin-bottom: 3%;
}
 
 
/*右边*/
.sec_bd{ height:55px; line-height:55px;border-bottom:1px solid #ddd;  }
.sec_hd{ width:1201px; margin:0 auto; text-align:left}
.sec_hd span{ font:100 14px/55px "微软雅黑";}


.wrapper { height:100%; width:1400px;  margin:0 auto; line-height:30px; padding-top:40px; display:block; }
.wrapper .left {width: 250px;}

/*===左侧块lefter↓==*/
.leftNav{width:250px; background: #fff;}
.leftNav h2{ width:200px;font-weight:bold; padding:15px 0 10px 50px; font-size:24px;color:#fff; background:#2b5bc5;}
.leftNav h2 font{ font-size:12px; display: block;color:#fff;}

.leftNav ul{margin:0px; padding:0px 0 0px 0; border:1px #ddd solid;}
.leftNav ul li{ background:#f1f1f1; border-bottom:1px #fff solid; position:relative; z-index:3;}
.leftNav ul li a{ display:block; line-height:60px; font-size:18px; color:#666666; padding-left:55px; position:relative; z-index:3; transition:all .3s ease;}
.leftNav ul li a:after{ content:''; display:block; position:absolute; width:16px; height:16px; background:url(../img/menuicon.png) no-repeat center; top:0; bottom:0; margin:auto 0; left:19px; transition:all .3s ease;}
.leftNav ul li:before{ content:''; display:block; top:0; left:0; width:0; height:100%; background:#2b5bc5; background: linear-gradient(to right,#2e5dc3,#6c9aff);transition:all .3s ease; position:absolute;z-index:-1;}
.leftNav ul li:hover:before{ width:100%;}
.leftNav ul li:hover a{ color:#fff;}
.leftNav ul li:hover a:after{ background:url(../img/menuicon1.png) no-repeat center;}

.left #fixedBoxA{width:240px}
.left .fixedBoxA1{}
.left .fixedBoxA2 { position:fixed;_position:absolute;top:30px; z-index:250;}
.left .absolute { position:absolute; z-index:250; bottom:0px;}

.wrapper .left .leftbox {  margin-top:10px;padding: 10px;position: relative;margin-bottom: 20px;border: 1px solid #eee;}
.wrapper .left .leftbox .left_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
	padding-left: 5px;
}
.wrapper .left .leftbox .left_title h3 {
	font-size: 18px;
	font-weight: bold;
	color: #1c457b;
	display: block;
	text-transform: uppercase;
}

.wrapper .left .leftbox .cont {
	padding-top: 12px;
	white-space: normal;
}
.wrapper .left .leftbox .cont li { font-size:14px; line-height:22px; margin-bottom:6px;}

.wrapper .left .leftbox .cont p { display:block; margin-top:15px;}
.wrapper .left .leftbox .cont .zx {
	width: 100%;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	background: #2b5bc5;
	color: #fff;
	display: block;
	margin-top: 10px;
}
.wrapper .left .leftbox .cont .zx em {
	width: 50px;
	height: 50px;
	background: url(../img/icon_phone.png) no-repeat 14px 10px;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #fff;
	margin-right: 35px;
}
.wrapper .left .leftbox .cont .zx:hover { background: #ed8e06;}



.wrapper .cpright { width: 1110px; margin-bottom:40px; }
.wrapper .cpright .right_title {padding-bottom: 10px;border-bottom: 1px solid #eee;text-transform: uppercase;}
.wrapper .cpright .right_title h3 {color: #e91300; font-size: 18px; border-left: 3px solid #e91300;height: 20px;line-height: 20px;padding-left: 14px;margin-top: 5px;}
.wrapper .cpright .cont {padding: 30px 0 0px 0;color: #666666;}
.wrapper .cpright .cont .t1 {padding: 0 0 25px;color: #e3a91a;font-size: 20px;}
.wrapper .cpright .cont .t2 {color: #e3a91a;font-size: 30px;display: block;padding: 30px 0;}

.wrapper .Productlist {}
.wrapper .Productlist .list { width: 100%;}
.wrapper .Productlist .item {
	float: left;
	width: 350px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.wrapper .Productlist .item:nth-child(3n) { margin-right: 0px;}
.wrapper .Productlist .item a {display: block;width: 100%;}
.wrapper .Productlist .item img { height:261px;display: block; margin:0 auto;}
.wrapper .Productlist .item h3 {
	background:#eeeeee;
	display: block;/* border: 1px solid #eee; */
	border-top: 0 none;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
}
.wrapper .Productlist .item:hover {
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}



.wrapper .right .right_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	text-transform: uppercase;
}
.wrapper .right .right_title h3 {
	color: #e91300;
	font-size: 18px;
	border-left: 3px solid #e91300;
	height: 20px;
	line-height: 20px;
	padding-left: 14px;
	margin-top: 5px;
}
.wrapper .right .cont {
	padding: 30px 0 0px 0;
	color: #666666;
}
.wrapper .right .cont .t1 {
	padding: 0 0 25px;
	color: #e3a91a;
	font-size: 20px;
}
.wrapper .right .cont .t2 {
	color: #e3a91a;
	font-size: 30px;
	display: block;
	padding: 30px 0;
}



.wrapper .Productlist .item2 {
	float: left;
	width: 288px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.wrapper .Productlist .item2:nth-child(3n) { margin-right: 0px;}

.wrapper .Productlist .item2 a {
	display: block;
	width: 100%;
}
.wrapper .Productlist .item2 img {
	width: 288px;
	height: 217px;
	display: block;
}
.wrapper .Productlist .item2 h3 {
	background:#eeeeee;
	display: block;/* border: 1px solid #eee; */
	border-top: 0 none;
	height: 66px;
	line-height: 66px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
}
.wrapper .Productlist .item2:hover {
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}


.wrapper .Productlist .item3 {
	float: left;
	width: 288px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.wrapper .Productlist .item3:nth-child(3n) { margin-right: 0px;}

.wrapper .Productlist .item3 a {
	display: block;
	width: 100%;
}
.wrapper .Productlist .item3 img {
	width: 288px;
	height: 397px;
	display: block;
}
.wrapper .Productlist .item3 h3 {
	background:#eeeeee;
	display: block;/* border: 1px solid #eee; */
	border-top: 0 none;
	height: 66px;
	line-height: 66px;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
}
.wrapper .Productlist .item3:hover {
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);
}

/*新资讯显示方式 */
.inf_lc{ clear:both;padding:5px 0 0;}
.inf_lc li{ padding:15px 20px 15px 15px; height:170px; overflow:hidden; margin:0 0 20px; background:#f6f6f6;}
.inf_lc li.bg { background:#edf6f4;}
.inf_lc li h3{ text-align:center; float:left;width:175px; overflow:hidden;}
.inf_lc li h3 img {width:175px; height:140px;}

.inf_lc li h4{ padding:30px 5px 0 10px;text-align:center; float:left;width:94px; overflow:hidden;}
.inf_lc li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:46px; font-family:Arial; text-transform:uppercase; margin-bottom:10px;}
.inf_lc li h4 span{ font-weight:100; display:block; line-height:18px; height:18px; overflow:hidden; font-size:16px; font-family:Arial; text-transform:uppercase; color:#343434;}

.inf_lc li p{padding:0 0 0 14px; line-height:26px;width:575px; overflow:hidden; font-size:16px; float:left; color:#666; }
.inf_lc li p b{ font-size:22px; display:block;  color:#000000; line-height:38px;}
.inf_lc li p b a,.inf_lc li p b a:hover{ font-size:18px; color:#e91300; font-weight:bold;}
.inf_lc li p b a:hover{ color:#e3b74e;}
.inf_lc li .fr{ margin:20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#999; }
.inf_lc li .fr:hover{ background:#e3b74e;}


/*showNews*/
.showNews .title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin: 10px 0 22px;
	font-weight: bold;
}
.showNews .mark {
	color: #999999;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 20px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
}
.showNews .showContxt {
	color: #666666; font-size:14px;
	padding: 0 15px 30px;
	line-height: 26px;
}
.showNews .showContxt img {
	max-width: 100%; display:block; margin:0 auto;
}

.wrapper .reLink {
	height: 48px;
	line-height: 48px;
	padding: 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	margin: 20px auto;
}
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink {
	width: 50%;
}
.wrapper .reLink .nextLink {
	text-align: right;
}


.showproduct .detaiInfo .title2 {
	border-bottom: 1px solid #eee;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.showproduct .detaiInfo .title2 h3 {
	font-size: 20px;
	color: #333;
}
.showproduct .detaiInfo .title2 s {
	width: 80px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: #e3a91a;
}
.showproduct .detaiInfo .info {
	padding: 0 0 30px;
}


.xgxw{width:100%;}
.xgxw li{height:30px;line-height:30px; padding:0;  width:455px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px;}
.xgxw li a{background:url(../img/ico55.gif) no-repeat 0 8px; padding-left:12px;}




.about_box { width:1201px; margin:0 auto; padding:30px 0 80px 0px; overflow:hidden;  }
.about_box .left { float: left; width: 60%;}
.about_box .left .tit h3 {float: left; color: #333333; font-size: 30px; font-weight: normal; margin-right: 15px; display:block;}
.about_box .left .tit h4 { float: left; color: #666666;font-size: 20px; font-weight: normal; margin-top:6px;  display:block;}
.about_box .left .text { margin-top: 50px; color: #666666; font-size: 16px;line-height: 32px;}
.about_box .left .text p{ margin-bottom: 10px;}
.about_box .left .box { margin-top: 45px;}
.about_box .left .box .top .bt {color: #484c52; font-size: 24px;}
.about_box .left .box .top .d { margin-top: 5px; color: #484c52;font-size: 18px;}
.about_box .left .box ol { margin-top: 25px;}
.about_box .left .box ol li {float: left; color: #666666; font-size: 16px;line-height: 36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
 width: 48%;}
.about_box .left .box ol li:nth-child(2n) {float: right;}
.about_box .right { float: right; line-height: 0; width: 35%;}
.about_box .right img { width:100%;}

.about_box .text2 { margin-top: 30px; font-size: 16px;line-height: 32px;}

.w100 {  width:1200px; margin:0 auto;  margin-top: 60px;}
.ser_box .left span { margin-top: 10px; float: right;}
.ser_box .left .tit h3 { float: left; color: #333333;font-size: 30px; font-weight: normal; margin-right: 15px; display:block;}
.ser_box .left .tit h4 { float: left;color: #666666;font-size: 20px;font-weight: normal; margin-top:4px; display:block;}

.title { text-align: center;}
.title h3 {color: #333333; font-size: 30px; font-weight: normal;position: relative; z-index: 1;}

.about_box3 {  width:1201px; margin:0 auto;  padding: 70px 0 70px 0;}
.about_box3 ol{ margin-top: 50px;}
.about_box3 ol li { float: left; font-size: 16px;line-height: 32px; color: #fff;margin-right: 2%; padding: 3%; height: 95px;}
.about_box3 ol li:nth-child(1){width: 29%;background: #ef7a0f;}
.about_box3 ol li:nth-child(2){ width: 20%; background: #efefef;text-align: center;}
.about_box3 ol li img { padding-top:25px; width:70%;}
.about_box3 ol li:nth-child(3){ width: 29%; background: #0c437b; margin-right: 0;}
.about_box3 ol li:nth-child(4){width: 94%; height: 104px; background: #efefef;color: #333333; margin-right: 0; margin-top: 2%;}

.Con_box { width:1200px; margin:0 auto; padding: 0px 0 80px 0 ;}
.Con_box ol { margin-top: 60px;}
.Con_box ol dl {width: 26%; margin-right: 2%; margin-bottom: 2%; float: left; background: #0c437b; padding: 3%; min-height: 240px; color: #fff;}
.Con_box ol dl:nth-child(3) { margin-right: 0;}
.Con_box ol dl:nth-child(4) { width: 43%;  min-height: 101px;background:#ef7a0f;}
.Con_box ol dl:nth-child(5) { width: 43%; min-height: 101px; margin-right: 0; background:#ef7a0f;}
.Con_box ol dl dt{font-size: 20px; line-height: 2em; font-weight: bold;}
.Con_box ol dl dd{ font-size: 16px; line-height: 32px;}

.b7_con { border:1px solid #f1f1f1; border-right:none;  border-bottom:none;overflow: hidden;}
.b7_con li { float:left; width:219px; padding:10px; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.b7_con li img { width:229px; height:229px;}
.b7_con li p { font-size:16px; height:28px; line-height:28px; text-align:center;}
.b7_con li:hover p {background:#e70004;}
.b7_con li:hover a {color:#fff;}



.b8_con { float:left; overflow: hidden; width: 870px;}
.b8_con li { float:left; width:275px; margin-right:15px; padding-bottom:15px; }
.b8_con li img { width:273px; height:205px; border:1px solid #f1f1f1; }
.b8_con li p { font-size:14px; height:28px; line-height:28px; text-align:center;}
.b8_con li:hover p {background:#e70004;}
.b8_con li:hover a {color:#fff;}


/*新闻*/

.content { overflow:hidden; width:1200px; margin:0 auto; padding:30px 0px;}
.newslist_left { overflow:hidden; float:left; width:810px; padding-right:40px; border-right:1px solid #e9e9e9; }

.news_listbox{ overflow:hidden; width:100%;}
.newslist_right { overflow:hidden; width:310px; float:right; }
.newslist_right>h4{ font-weight:normal; font-size:24px; color:#555; margin-bottom:20px;}
.newslist_right .zw_tu{ display:block; margin:0 auto;}

dl.top{ overflow:hidden; width:100%; padding-bottom:30px; border-bottom:1px solid #e9e9e9; margin-bottom:30px; height:237px;}

dl.top dt{ overflow:hidden; float:left; width:316px; height:237px;}
dl.top dt img{ display:block; width:316px; height:237px; padding:0px !important;transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;}
dl.top dt:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-m-transform: scale(1.1);transform: scale(1.1);}

dl.top dd{ overflow:hidden; float:right; width:470px; height:237px;}
dl.top dd h4{ font-size:18px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
dl.top dd h4 a{ color:#e80000;}
dl.top:hover dd h4 a{ color:#e80000;}
dl.top dd em{ display:block; font-size:12px; color:#999; margin-bottom:15px;}
dl.top dd em i{ margin:0 5px;}
dl.top dd p{ font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden; text-align:justify; margin-bottom:10px;}
dl.top dd .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:1px solid #e80000; text-decoration:none}
dl.top:hover .more{ color:#fff; border-color:#e80000; background-color:#e80000}
dl.top.last{ margin-bottom:0}


.right2_main .t03 a { font-weight: normal;font-size: 24px; color: #555;margin-bottom: 20px; font-weight:bold; }
ul.n_rt_ul {overflow: hidden;  background: #f5f5f5; margin: 0 auto; padding: 15px 15px 15px 15px; width:280px; margin-top: 15px;margin-bottom:20px;}
ul.n_rt_ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;background:url(../img/a2.gif) no-repeat left center;   }
ul.n_rt_ul li a{ display:block;  width:254px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font:14px Microsoft YaHei; color:#333; height:32px; line-height:32px; padding-left:6px; }
ul.n_rt_ul li a:hover{ color:#ef0000; font-weight:bold; padding-left:10px;}
ul.n_rt_ul li.cur{/*background:url(img/common/a1.gif) no-repeat left center;*/ }

ul.n_rt_ul2 {overflow: hidden; width:310px;margin: 0 auto; padding: 15px 0px 15px 0px; margin-top:5px; }
ul.n_rt_ul2 li {float: left;text-align: center; width: 145px; margin-right:5px; margin-left:5px; padding-bottom:6px;}
ul.n_rt_ul2 li img {width: 143px; height:143px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; border:1px solid #f5f5f5}
ul.n_rt_ul2 li p { line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
ul.n_rt_ul2 li:hover img {-webkkit-filter: brightness(105%);filter: brightness(105%); border:1px solid #ef0000}
ul.n_rt_ul2 li:hover p { color: #ef0000;}



/* 产品 */
.product2 { width:100%; padding:1% 0% 0.1%; overflow:hidden;  text-align:left;}
.product2 li { width:100%; padding:1% 0% 0.1%; overflow:hidden;  text-align:left;}
.product2 li .proaa { float:left; width:300px;}
.product2 li .probb { float:left; width:870px; padding:0px 0px 0px 30px; }
.product2 li img{ display: inline-block; width:300px; height:223px;  vertical-align:middle }
.product2 li .title { line-height:28px;}
.product2 li .probb a.title { font-size:22px; font-weight:bold; line-height:40px; color:#0087c7;}
.product2 li .probb p { font-size:14px; line-height:24px; padding-top:6px; padding-bottom:30px; }
.product2 li .probb a.more{width:120px;height: 40px; text-align: center;line-height: 40px;display: block;background: #0087c7;color: #fff;position: relative;z-index: 2;overflow: hidden;}
.product2 li .probb a.more:after{width: 120px;height: 40px;content: "";position: absolute;top: 40px;left: 0;z-index: -1;background: #6fc035;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.product2 li .probb a.more:hover:after{top:0;}

.product3 { width:100%; padding:1% 0% 0.1%; overflow:hidden;  text-align:left;}
.product3 li { float:left; width:25%; padding:1% 0% 0.1%; overflow:hidden; text-align:center; line-height:35px; }
.product3 li img{ display: inline-block; width:280px; height:210px;  vertical-align:middle; margin-left:10px; margin-right:10px; }

.sec_tpm {line-height:24px; padding:10px; font-size:14px;width:1000px; margin:0 auto; }
.sec_tpm img { margin:0 auto; max-width:1000px; overflow:hidden;}
.sec_tpm .MsgForm { margin-top:10px;}


.left2{ float:left; overflow: hidden; width: 850px; }
.right2 { overflow: hidden; width: 310px;float: right; }
.right2_main { width:310px; padding-bottom:25px; overflow:hidden;}

.n_info_con {  padding:0px 0px 0 0px;  font-size:14px;}
.n_info_con strong{ font-weight:bold;}
.n_info_con h1 { color: #333;  font-weight:normal; font-size: 22px; line-height: 40px; padding-bottom:10px; margin-bottom: 10px; text-align: center;font: 24px/43px "Microsoft Yahei"; font-weight:bold; padding-bottom:10px;  }
.n_info_con2 { margin:0 auto; border:1px solid #D6D6D6;}
.n_info_con h3 { text-align:center; color:#000;   margin-bottom:10px; font-size:24px;border-bottom: 1px dashed #CCCCCC; } /*资讯详细页面，内容标题*/
.info_con_tit {  line-height:24px; margin-bottom:15px;}
.info_con_tit span { margin-right:20px;}
.info_con_tit .m_qrinfo{position:relative;}
.m_qrcode{ display:none; position:absolute; left:0px; top:20px; background:#fff;border:1px dashed #f1f1f1; }
.m_qrcode em{ line-height:24px; color:red; display:block; text-align:center;}
.info_con_tit .n_tit {  text-align:left; color:#666; border-bottom:1px dashed #999; height:44px; line-height:44px;}
.info_con_tit .n_tit .m_qrinfo a{background:url(img/common/tel0.gif) no-repeat left top; height:45px; display:inline-block; font-size:0px; width:24px;}
.info_con_tit .n_tit .m_qrinfo a:hover{background:url(img/common/tel1.gif) no-repeat left top;}
.info_con_tit .n_tit a{ color:#BCBBBB; }
.info_con_tit .n_tit span .cur{color:#000;}
.info_con_tit .n_tit2 { height:24px;}
.n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;}

#cntrBody{ padding-top:10px ; line-height:28px;}
#cntrBody img { padding:10px 0px; margin:0 auto; max-width:810px;}

#cntrBody2{ padding-top:36px ; line-height:28px;}
#cntrBody2 img { padding:10px 0px; margin:0 auto; max-width:1200px;}

.n_info_con .apage { text-align:center; } /*资讯详细页面，翻页区块*/
.info_input { text-align:center; color:#000; margin-bottom:15px;}  /*详细页面，评论，推荐，打印，订阅，按钮样式块*/
.info_input input { } /*详细页面，评论，推荐，打印，订阅，按钮,可修改文字色彩*/
.info_key { border-bottom:solid 1px #ccc; line-height:30px; padding:0 10px; margin:0px 0; overflow:hidden; font: 14px/30px "Microsoft Yahei"; padding-bottom:20px;}
.info_key em{ padding: 0px 12px;}
.info_key span { font-size:14px;}
.info_key a { margin-right:10px;}
.ad2 { margin-bottom:10px;}
.n_info_con2 .t04 { color:#fff; border-bottom:1px solid #E0E0E0;  color:#028ac9 ; line-height:48px; height:48px; font-size:0; background:url(img/common/news_28.png) no-repeat 12px center; }/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 b{ font-weight:bold; font-size:20px; text-transform:uppercase;font-family: 宋体; font-size:0;}
.n_info_con2 .t04 a { color:#B61212;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a:hover { color:#B61212;}

.mybdshare a{float:right !important; padding-top:5PX; padding-bottom:6PX;}

.jqzoom{float:left;position:relative;cursor:pointer;}
div.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

div.jqZoomPup{z-index:10;visibility:hidden;position: absolute;top:0px;left:0px;width:150px;height:150px;border:1px solid #aaa;background: #fff;opacity:0.5;-moz-opacity: 0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}

.pro1{ width:400px; height:300px; overflow:hidden; border:1px solid #ccc; padding:2px; background:#fff;}

/*下一篇、下一篇*/
.page_wen{ overflow:hidden; width:100%; height:60px; line-height:60px; font-size:14px; margin-top:20px;}
.page_wen .page_left{ float:left; width:390px; background-color:#f7f7f7;}
.page_wen .page_right{ float:right; width:390px; background-color:#f7f7f7;}
.page_wen .btn{ display:block; text-decoration:none; width:80px; height:60px; background-color:#e8e8e8; text-align:center;}
.page_wen .page_title{ display:block; width:270px; margin-left:20px; float:left;height:60px; overflow:hidden}
.page_wen .page_left:hover  .page_title{color:#028ac9;}
.page_wen .page_left:hover  .btn{ background:#028ac9; color:#fff;}
.page_wen .page_right:hover  .page_title{color:#028ac9;}
.page_wen .page_right:hover  .btn{ background:#028ac9; color:#fff;}
.page_wen .page_left .btn{ float:left}
.page_wen .page_right .btn{ float:right}
.page_wen .page_right .c9 {margin-left:20px;}


.sec_con2 { width:1200px; margin:0 auto; padding:30px 0px;}
/*产品内页*/
.sec_tpm_t{ width:900px; line-height:24px; padding:10px 15px; font:100 14px/24px "微软雅黑"; min-height:400px;}
.sec_tpm_t img { max-width:900px;}

.sectit { height:35px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; }
.sectit h5 { display:inline-block;  font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff;  padding-left:25px; padding-right:25px;overflow:hidden }

.secbut { width:88px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:32px; text-align:center; background:#e60000; -moz-border-radius: 3px;/* Gecko browsers */-webkit-border-radius: 3px;   /* Webkit browsers */border-radius:3px; margin-right:10px; }
.secbutleft a { color:#fff;}

.wr20 { font-size:22px; font-weight:bold; line-height:35px;}
.wr14 { font-size:14px;}
.fbd { font-weight:bold;}
 
.secpro1{ width:394px; height:296px; overflow:hidden; border:1px solid #ccc; padding:2px; background:#fff;}
.secpro1 img { height:296px; margin:0 auto;} 

/*==========分页样式===========*/
#art_content{word-break:break-all;padding:15px 0 10px 0;}
#art_content img { max-width:900px; margin:0 auto; overflow:hidden; display:block;}

.news-other { padding: 10px 0px; border-top: 1px #ddd solid; margin-top:20px; overflow:hidden;}
.news-other p {display: block; height: 30px;line-height: 30px;padding-left:3px;}
.news-other p a {font-size: 14px;}
.news-other .fhlb a { font-size: 14px; color: #fff; }

.gr-back-btn { float:right;font-size: 14px; color:#fff;  margin-top: 6px; width:125px; height: 40px; line-height: 40px; text-align: center; background-color: #01b6ed;  position: relative; overflow: hidden; z-index: 2;}
.gr-back-btn:after { content: ""; width: 125px;height: 40px;top: 40px;background: #db1d00; color:#fff; display: block;position: absolute;left: 0;z-index: -1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.gr-back-btn:hover:after { top: 0;}

.news-container .news-other { margin-left:15px; margin-right:15px}


.bg-f5f5f5{background: #f5f5f5;}
.bg-fff{background: #fff;}
.contact-top { padding:50px 0px 40px 0px;}

.contact-top .contit1 { font-size: 18px;}
.contact-top .contit2 { font-size: 36px; color:#d60000; line-height:65px; font-weight:bold}
.contact-top span { font-size: 14px;letter-spacing: 14px;}

.bg_f5f5f5{ background:#f5f5f5; width:100%; padding:50px 0;}
.in-width1{ width:1201px; margin:0 auto; background:#fff; height:338px; overflow:hidden;}
.lxfs{ float:left; width:430px; padding:40px 30px; height:278px; overflow:hidden; line-height:36px; font-size:16px;}
.lxfs strong { font-weight:bold;}
.lxdt{ float:right; width:640px;height:338px; overflow:hidden;}
.lxdt img{width:630px; height:318px; overflow:hidden; border:10px solid #fff; border-left:none;}


/*翻页*/
.pager{ width: 100%; padding: 10px 0;text-align: center; margin:0 auto;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:2px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#de1710;border-color:#222c50;text-decoration:none;color:#fff;}
.pager .cur{background:#de1710;border-color:#222c50; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}
.pager a.page-num-current { background:#de1710;color:#fff;}

.pro1{ width:500px; height:264px; overflow:hidden; background:#fff;}


.solution { position:relative;}

.solution ul li {list-style: none;width:535px; height:354px; position: relative;text-align: center; float: left; margin-right:40px; margin-bottom:25px; cursor: pointer;background: #ff0000;overflow: hidden;}
.solution ul li:nth-child(2n) { margin-right:0px;}
.solution ul li a { position:absolute; width:100%; height:100%; z-index:9; top:0px; left:0px; }
.solution_bg { width:100%; transition: all 1s; transform: scale(1); }
.solution ul li:hover .solution_bg { opacity:0.2; transform: scale(1.1); } 

.solution_main { position:absolute; bottom:30px; width:535px; transition: all 1s; }
.solution ul li:hover .solution_main { bottom:100px; }
.solution_main p { font-size:20px; color:#fff; padding: 0px 0px !important; line-height: 1.5em; }
.solution_main p span { display:block;  color: #f2f2f3; }
.solution_main p:nth-of-type(2) { font-size: 18px; line-height: 1em; margin: 20px 0px; position:relative; }
.solution_main p:nth-of-type(3) {opacity: 0;transition: all 0.5s;}
.solution ul li:hover .solution_main p:nth-of-type(3) { opacity: 1; }
.solution_main p:nth-of-type(2):before { content:''; width:50px; height:2px; background:#fff; position:absolute; top: 46px; left: 50%; margin-left: -25px; }

/*联系我们*/
/* 按钮 */
.i-header .btn, .swiper-slide .btn, .newsbg .btn, .div-center .btn{
  display: block;
  width: 194px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  color: #7f7f7f;
  border: 1px solid #7f7f7f;
  margin: 0 auto;
  /* margin-top: 4%; */
  text-align: center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
   -ms-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;
}
.btn:hover{
  background: #1798ff;
  color: #fff;
  border: 1px solid #1798ff;
}

.fixname {
    font-size: 36px;
    color: #333333;
    text-align: center;
    font-weight: initial;
    margin-top: 2%;
}
.concact { padding-top:20px;}

.concact .consults .p1{
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin-top: 1%;
}
.concact .consults .div-center{
  width: 95%;
  margin: 0 auto;
  margin-top: 8%;
  margin-bottom: 10%;
}
.concact .consults .div-center ul{
  display: flex;
  justify-content: center;
}
.concact .consults .div-center ul li{
  /* width: 30%; */
}
.concact .consults  .div-center ul li:nth-child(1) {
  padding-right: 6%;
}
.concact .consults .div-center ul li:nth-child(2){
  padding: 0 5%;
}
.concact .consults .div-center ul li:nth-child(3){
  width: 32%;
  padding-left: 6%;
}
.concact .consults .div-center ul li+li{
  border-left: 1px solid #dddddd;
}
.concact .consults.div-center ul li .div1{
 line-height: 24px;
 margin-bottom: 8%;
}
.concact .consults .div-center ul li .div1 .hb{
 font-size: 16px;
 margin-bottom: 8px;
 color: #333333;
}
.concact .consults .div-center ul li .div1 p{
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}
.concact .consults .div-center ul li a{
  margin: 0;
}
.concact .consults .div-center ul li .div1 {
  line-height: 24px;
  margin-bottom:22px;
}
