html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
/********General**********/
/*.tel,.nav li,.short_title span,.title span,.widget dd a,.pro span,.info_title a,.jobs a,#submit{background:url('../Image/sprite.gif') no-repeat;}*/
/*.nav,.short_title,.clicked{background:url('../Image/vertical_split.png') repeat-x;}*/
/*******Css sprite*******/
.wrap{margin:0 auto; overflow: hidden;}

.logo{font-size:28px;}
.logo img{vertical-align:middle;}
.tel{padding:3px 0 4px 28px;height:24px;background-position:0 -176px;clear:right;}
.tel span{color:#ff0000;vertical-align:-3px;font-size:24px;}
.search{margin-top: 8px;height: 24px;clear: right;}
.search-text{background: url(../Image/search_bg.gif) no-repeat;border: none;height: 24px;width: 168px;padding-left: 20px;padding-right: 2px;font-size: 12px;}
.search-btn{ width: 45px; height: 24px; line-height: 24px; margin-left: 8px; border: 1px solid #c5c5c5; font-size: 12px; background: url(../Image/search_btn.gif) repeat-x; }

.main{
	overflow:hidden;
	margin-top: -4px;
	padding-top: 20px;
}
.widget{overflow:hidden;margin-bottom:20px;width:230px;line-height:34px;}
.widget dd a{padding-left:19px;background-position:0 -59px;color:#444;}
.widget a:hover{color:#0075c5;}
.widget .clicked{background-position:0px -78px;}
.widget .clicked a{background-position:0px -86px;color:#fff;}
.widget ol{margin-left:10px;}
.widget dd{padding-left:8px;height:30px;}
.widget ul{padding-left:28px;}
.widget p{margin-left:6px;font-size:12px;line-height:20px;}
.short_title{margin-bottom:15px;height:34px;border-radius:2px 2px 0 0;background-position:0 -44px;width:100%;overflow:hidden;zoom:1;}
.short_title span{margin-left:12px;padding-left:13px;background-position:0 -33px;color:#f1a3a6;}



.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/

/*************index&goods**************/
.news li{
	margin: 0 10px 0;
    padding: 10px 10px 0 10px;
    border-bottom: 1px dotted #ccc;
}
.news li h3{
	font-size: 20px;
	margin-bottom: 10px;
}
.news li p{
	font-size: 14px;
	    color: #848282;
	    line-height: 22px;
	    padding-left: 20px;
}
.news li:hover{
	background: #f0f0f0;
}
/****************news*****************/
.news_title{color:#0075c5;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#0075c5;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#0075c5;text-align:center;}
.info_title{margin:30px 0 0 27px;width:663px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/


/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#0075c5;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一页_下一页*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/

/* common styles */
.inner{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

/* header styles */

.h-top{
	height: 132px;
	background: #fff;	
}
.h-logo{
	margin-top: 42px;
}
.h-phone{
	margin-top: 43px;	
}
.h-menu{
	height: 48px;
	background: #0a5cb0;
	line-height: 48px;
}
.h-menu .inner{
	overflow: visible;
}
.h-nav{
	position: relative;
}
.h-nav li{
	float: left;
    width: 133px;
    height: 48px;
    text-align: center;
    position: relative;
    background: url(../Image/h-nav-li.png) no-repeat right center;
}

.h-nav li a{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-right:1px solid #ccc;
}
.h-nav li span{
	position: absolute;
    display: block;
    width: 133px;
    height: 48px;
    top: 0;
    left: -7px;
    font-size: 16px;
    color: #fff;
}
.h-nav a{
	display: inline-block;
}
.h-nav a li i{
	-webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
}
.h-nav a li:hover i{
	background:#ff6701; display: inline-block; width: 133px; height: 48px;position: relative;
	left: -7px; transform:skewX(-45deg);-ms-transform:skewX(-45deg);-moz-transform:skewX(-45deg);-o-transform:skewX(-45deg);-webkit-transform:skewX(-45deg);

}

.h-hover:hover .h-submenu{
	display: block;
}
.h-submenu{
	position: absolute;
	left: 219px;
    top: 48px;
	z-index: 99;
	display: none;
	-webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
}
.h-submenu a{
	width: 133px;
    height: 48px;
}
.h-submenu li{
	float: none;
	background: none;
	margin-top: 1px;
}
.h-submenu a:nth-child(3){
	position: absolute;
    left: -48px;
}
.h-submenu a:nth-child(4){
	position: absolute;
	top: 98px;
	left: -96px;
}
.h-submenu a:nth-child(5){
	position: absolute;
    top: 147px;
    left: -144px;
}
.h-submenu a:nth-child(6){
	position: absolute;
	    top: 196px;
	    left: -192px;
}
.h-submenu a:nth-child(7){
	display: none;
}
.h-submenu li i{
	background:#0a5cb0; display: inline-block; width: 133px; height: 48px;position: relative;
	left: -7px; transform:skewX(-45deg);-ms-transform:skewX(-45deg);-moz-transform:skewX(-45deg);-o-transform:skewX(-45deg);-webkit-transform:skewX(-45deg);
}
.h-submenu li a{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-right:1px solid #ccc;
}
.h-submenu li span{
	position: absolute;
    display: block;
    width: 133px;
    height: 48px;
    top: 0;
    left: -7px;
    font-size: 16px;
    color: #fff;
        word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.h-submenu a li i{
	-webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
}
.h-submenu a li:hover i{
	background:#ff6701; 
}
.box{height: 48px; float: left;    position: relative;
    z-index: 99;}
/* menu */
.menu{
	width:133px;
	height:48px;
	background:url(../Image/bg.png) no-repeat;
	float:right;
	position:relative;
}
.m_hover{background-position:0 -48px;}
.menu p{
	line-height:48px;
	color:#fff;
	text-align:center;
	cursor:pointer; 
	background: url(../Image/h-nav-li.png) no-repeat right center;
}
.menu ul{display:none;}
.menu ul li{
	width:133px;
	height:48px;
	background:url(../Image/bg.png) no-repeat;
	position:absolute;
	padding: 0 20px;
}
.menu ul li.li_hover{background-position:0 -48px;}

.menu ul li a:hover a{
	background-position:0 -48px;
}
.menu ul li a{
	padding-left: 9px;
	height: 48px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 48px;
}

/* search styles */
.search{
	height: 60px;
	background: #eeeded;
	line-height: 60px;
	margin-top: -4px;
	
}
.search .left{
	font-size: 14px;
	color: #333333;
}
.search .left a{
	margin-right: 15px;
}
.search .left a:hover{
	color: #0a5cb0;
	font-weight: bold;
}
.d7:after {content:""; clear:both; display:table}
.d7 form {
  width: auto;
  float: right;
  margin-right: 30px;
  position: relative;
}
.d7 input {
  width: 270px;
  height: 33px;
  background: none;
  padding-left: 15px;
  border-radius: 42px;
  border: 1px solid #d1cece;
  outline: none;
  position: relative;
  transition: .3s linear;
}
.d7 input:focus {
  width: 300px;
}
.d7 button {
  width: 42px;
  height: 42px;
  background: none;
  border: none;
  position: absolute;
  top: 9px;
  font-size: 16px;
  right: 6px;
  outline: none;
}
.d7 button:before{
  content: "\f002";
  font-family: FontAwesome;
  color: #324b4e;
}



/* footer styles */
.footer{
	background: #0a5cb0;
	height: 80px;
	padding-top: 38px;
}
.footer p{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	text-align: center;
}
.footer p a{
	color: #fff;
}

/* sidebar styles */
.s-type{
	width: 226px;
	overflow: hidden;
	margin-bottom: 22px;
	border:1px solid #dddbdc;
}
.s-type-hd{
	height: 48px;
	background: url(../Image/s-type-title.jpg) no-repeat;
	text-align: center;
	border: 1px solid #dddbdc;
}
.s-type-hd h3{
	font-size: 24px;
    font-weight: bold;
    line-height: 48px;
    color: #fff;
}

.s-type-bd{
	padding:20px 0;
	background: #fff;
}
.s-type-bd ul{
	overflow: hidden;
}
.s-type-bd li{
	height: 39px;
	line-height: 39px;
	border-bottom: 1px dotted #ccc;
	padding-left: 20px;
	background: url(../Image/s-li-dot.jpg) no-repeat 10px center;
}
.s-type-bd a:last-child li{
	border:none;
}
.s-type-bd a{
	font-size: 14px;
	color: #353334;
	
}
.s-type-bd li:hover{
	color: #000;
	background:#dddbdc url(../Image/s-li-dot.jpg) no-repeat 10px center;
}

.s-contact{
	width: 228px;
	overflow: hidden;
	background: #0a5cb0;
	margin-bottom: 22px;
}
.s-contact-hd{
	height: 44px;
	background: url(../Image/s-contacttitle.jpg) no-repeat top center;
	text-align: center;
	height: 208px;
	border-bottom: 1px dotted #ccc;
}
.s-contact-hd h3{
	font-size: 20px;
	font-family: 黑体;
	color: #fff;
	line-height: 44px;
	    padding-top: 94px
}
.s-contact-hd p{
	font-size: 24px;
    font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}
.s-contact-bd{
	padding:20px 10px;
	
}
.s-contact-bd ul{
	overflow: hidden;
}
.s-contact-bd li{
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px
}



/* article styles */
.article {
	overflow:hidden;
	margin-bottom:24px;
	width:910px;
	padding:20px;
	border:1px solid #e5e3e4;
}
.article p {
	color: #333333;
	font-size:16px;
	line-height:28px;
	    margin-bottom: 12px;
}
.article p span{
	color: #333333;
	font-size:16px;
	line-height:28px;
	margin-bottom: 15px;
}
#allmap p {
	line-height:10px;
	margin:10px;
}
.title {
	height: 55px;
	line-height: 55px;
	background: #f2f2f2;
	margin: -20px -20px 20px -20px;
	border-radius: 5px 5px 0 0;
}
.title strong {
	padding-left: 20px;
    color: #0d67b5;
    font-size: 20px;
    font-family: 黑体;
}
.title strong small{
	font-size: 13px;
	padding-left: 10px;
	text-transform: uppercase;
}
.title span {
	margin-right: 15px;
    color: #898989;
    font-size: 14px;
}
.title a {
	font-size: 14px;
	color: #898989;
}

.title .right a:hover {
	font-weight: bold;
}
.a-order{
	width: 127px;
	height: 42px;
	display: inline-block;
	border-radius: 20px;
	background: #0260ba;
	color: #fff;
	line-height: 42px;
	text-align: center;
		-webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
}
.a-order:hover{
	background: #014280;
}
.a-pro-message{
	width: 127px;
	height: 42px;
	display: inline-block;
	border-radius: 20px;
	background: #e0dedf;
	color: #ff6600;
	line-height: 42px;
	text-align: center;
	-webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
}
.a-pro-message:hover{
	background: #c3c1c2;
}
.con_ly_wk .order{
	margin:0;
}
.con_ly_wk .order input{
	width: 224px;
}
.con_ly_wk .order #submit{
	width: 230px;
	color: #fff;
    background: #0260ba;
}
.cpym_flname{
	font-size: 14px;
	line-height: 26px;
	color: #656565;
}
.cpym_flname span{
	color: #0260b8;
}

/* go top */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #656565 url(../Image/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}

/* indext styles */
.m-hot{
	overflow: hidden;
	margin-bottom: 40px;
}
.m-hot-hd{
	height: 178px;
	background: url(../Image/m-hot-title-bg.png) no-repeat center center;
}
.m-hot-hd ul{
	margin: 120px 104px;
	overflow: hidden;
	text-align: center;
}
.m-hot-hd ul hr{
	border:none;
	height: 1px;
	background: #d7d6d6;
	position: relative;
	top:-23px;
}
.m-hot-hd li{
	float: left;
	padding:0 10px;
}
.m-hot-hd a{
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 21;
	margin: 0 12px;
    padding: 0 12px;
    font-size: 16px;
        color: #ff2201;
    font-weight: bold;
    -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.m-hot-hd a:hover{
	font-weight: bold;
	color: #0a5cb0;
}
.pro{
	margin-left: -10px;
}
.pro li {
	float:left;
	overflow:hidden;
	margin: 0 8px 20px;
	width:283px;
	border:1px solid #d7d6d6;
	text-align:center;
	white-space:nowrap;
	*margin:0 10px 20px 18px;
	-webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.p-title{
	height: 90px;
}
.pro li h3{
	font-size: 14px;
	color: #0a5cb0;
	-webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.pro li p{
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	margin:0 0 13px;
	padding-top: 20px;
	-webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.pro li:hover{
	border-color: #0a5cb0;
}
.pro li:hover .p-title{
	background: #0a5cb0;
}
.pro li:hover p,
.pro li:hover h3{
	color: #fff;
}
.pro span {
	padding-left:15px;
	background-position:0 -114px;
}
.pro img {
	object-fit: contain;
	padding:3px;
	width: 249px;
	height: 187px;
	margin:19px 17px;
}
.pro a {
	*color:#444;
}
.pro a:hover {
	color:#0075c5;
}

/* m-super styles */
.m-super{
	overflow: hidden;
}
.m-super-hd{
	height: 114px;
	background: url(../Image/m-super-title-bg.png) no-repeat center center;
	position: relative;
	z-index: 2;
}
.m-super-hd .left{
	margin: 36px 0 0 105px;
}
.m-super-hd .center{
	margin: 10px 0 0 77px;
	float: left;
}
.m-super-hd .right{
	margin: 26px 135px 0 0;
}
.m-super-bd{
	overflow: hidden;
	background: url(../Image/m-super-bd-bg.png) repeat;
	position: relative;
	   
	    top: -10px;
	padding:52px 0 0;
}
.m-super-bd i{
	display: inline-block;
	width: 47px;
	float: left;
	height: 256px;
	background: url(../Image/m-super-i-bg.png) no-repeat top center;
	text-align: center;
	line-height: 104px;
	font-size: 48px;
	color: #fff;
	font-family: "Microsoft YaHei";
	font-style: normal;
}
.m-super1,
.m-super2,
.m-super3,
.m-super4{
	overflow: hidden;
	background: url(../Image/super-bg.png) no-repeat bottom center;
	    padding-bottom: 90px;
	position: relative;
}
.m-super1 ul,
.m-super3 ul{
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.m-super4{
	padding-bottom: 0;
	background:none;
}
.m-super2 ul,
.m-super4 ul{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.m-super1 li,
.m-super2 li,
.m-super3 li{
	float: left;
}
.m-super1 li{
	margin: 0 12px 96px;
}
.m-super2 li{
	margin: 0 0 116px 307px;
}
.m-super3 li{
	margin: 0 100px 96px 0;
}
.m-super4 ul{
	margin: 0 0 0 400px;
	top:0;
	overflow: visible;
}

.m-super4 li:nth-child(1){
	position: relative;
    top: 10px;
    right: -3px;
}
.m-super4 li:nth-child(2){
	position: relative;
    top: 18px;
    right: -20px;
}
.m-super4 li:nth-child(3){
	position: relative;
    top:28px;
    right: -3px;
}
.super-txt{
	float: left;
	margin: 0 0 0 18px;
	width: 610px;
}
.super-txt h3{
	font-size: 33px;
	font-weight: bold;
	color: #0a5cb0;
	margin:20px 0 17px 0;
}
.super-txt span{
	color: #b3b3b3;
	font-size: 22px;
	text-transform: uppercase;
	margin:0 0 17px 0;
}
.super-txt hr{
	border:none;
	background: #c7c7c7;
	height: 1px;
	margin:0 0 15px 0;
}
.super-txt p{
	font-size: 14px;
	color: #807f7f;
	line-height: 28px;
}
.super-txt p:before{
	color: #0a5cb0;
    content: "■ ";
    position: relative;
    left: -10px;
    margin-left: -13px;
}

/* m-about styles */
.m-about{
	height: 581px;
	background: url(../Image/m-about-bg.jpg) no-repeat center center;
	overflow: hidden;
	margin-top: -10px;
}
.m-about-hd{
	margin: 50px 0 20px;
	overflow: hidden;
}
.m-about-hd .right{
	width: 565px;
	margin: 0 75px 0 0;
}
.m-about-hd h3{
	color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 40px 0 30px;
}
.m-about-hd p{
	font-size: 16px;
    line-height: 30px;
    color: #fff;
}
.m-about-hd p a{
	color:#ff6701;
}
.m-about-hd p a:hover{
	color: #e35d03;
}
.m-style li{
	margin: 0 2px;
    float: left;
}
.m-style li .pic{
	border:2px solid rgba(0,0,0,0);
	height: 139px;
	border-radius: 2px;
}
.m-style li img{
	width: 196px;
	height: 135px;
	border: 2px solid #fff;
	border-radius: 2px;
}
.m-style li:hover .pic{
	border-color: #fff;
}
.about-left{
	position: relative;
}
.about-left .prev{
	position: absolute;
    top: 36px;
    display: inherit;
    width: 36px;
    height: 76px;
    background: #ff6701;
    text-align: center;
    line-height: 76px;
    font-size: 42px;
    color: #fff;
	right: 0;
	cursor: pointer;
	-webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.about-left .next{
	position: absolute;
    top: 36px;
    display: inherit;
    width: 36px;
    height: 76px;
    background: #ff6701;
    text-align: center;
    line-height: 76px;
    font-size: 42px;
    color: #fff;
	left: 0;
	cursor: pointer;
	-webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.about-left .next:hover,
.about-left .prev:hover{
	background: #e25b00;
}
.about-left .bd{
	margin-left: 76px;
}

/* m-problem-news-contact styles */
.m-problem-news-contact{
	overflow: hidden;
	margin: 22px 0;
}
.m-problem,
.m-news{
	width: 388px;
	float: left;
	margin-right: 15px;
}
.m-problem-hd,
.m-news-hd,
.m-contact-hd{
	height: 47px;
	background: #ebecec;
}
.m-problem-hd h3,
.m-news-hd h3,
.m-contact-hd h3{
	height: 47px;
	width: 128px;
	line-height: 47px;
	padding-left: 15px;
	font-size: 18px;
	color: #fff;
	background: url(../Image/m-title-bg.png) no-repeat left center;
	float: left;
}
.m-problem-hd a,
.m-news-hd a{
	float: right;
	line-height: 47px;
	padding-right: 15px;
}
.m-contact{
	width: 394px;
	float: right;
}

.m-contact-bd img{
	margin: 15px;
}
.m-contact-bd > div{
	margin: 0 20px;
}
.m-contact-bd h3{
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 15px;
}
.m-contact-bd p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.m-news-bd .n-first{
	margin:10px 0;
}
.m-news-bd .n-first li img{
	width: 149px;
	height: 102px;
	margin:0 10px 5px 0;
	float: left;
}
.m-news-bd .n-first li .art_title{
	float: left;
	width: 210px;
}
.m-news-bd .n-first li p{
	font-size: 12px;
	color: #666;
	line-height: 24px;
}
.m-news-bd li h3{
	font-size: 14px;
	color: #666666;
    margin-bottom: 5px;
}

.m-news-bd li{
	height: 41px;
    line-height: 41px;
    border-bottom: 1px dotted #ccc;
    -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.m-news-bd li:hover{
	background: #bbbbbb;
}
.m-problem-bd{
	margin:6px 0 10px;
}
.m-problem-bd li{
	height: 76px;
	border-bottom: 1px dotted #ccc;
	padding:20px 0;
	-webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
}
.m-problem-bd li:hover{
	background: #bbbbbb;
}
.m-problem-bd li h3{
	font-size: 14px;
	color: #333333;
	margin-bottom: 15px;
	position: relative;
    margin-left: 30px;
}
.m-problem-bd li h3:before{
	content: "问";
	background: #0a5cb0;
	font-size: 11px;
    padding: 4px 6px;
    border-radius: 2px;
    color: #fff;
    margin: 0 12px 0 7px;
    position: absolute;
    left: -36px;
}
.m-problem-bd li p{
	font-size: 14px;
    color: #666666;
    line-height: 24px;
    position: relative;
    margin-left: 30px;
}
.m-problem-bd li p:before{
	content: "答";
    background: #010101;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 2px;
    color: #fff;
    margin: 0 12px 0 7px;
    position: absolute;
    left: -36px;
}
.order select,
.order input{
	width: 278px;
	height: 32px;
	border:1px solid #dedede;
	outline: none;
}
.order tr{
	height: 50px;
}
/* message styles */
.message ul{
	overflow: hidden;
}
.message li{
	float: left;
	margin:10px;

}
.message input {
	position: relative;
	display: block;
	float: right;
	padding:1.2em 0.8em;
	width: 400px;
	border: none;
	border-radius: 0;
	background: #fff;
	color: #0075c5;
	font-weight: bold;
	border: 1px solid #ccc;
}
.message textarea {
	position: relative;
	display: block;
	float: right;
	padding:1.2em 0.8em;
	width: 842px;
	border: none;
	border-radius: 0;
	background: #fff;
	color: #0075c5;
	font-weight: bold;
	resize:none;
	border: 1px solid #ccc;
}
.message textarea:focus {
	outline: none;
}
.message input:focus {
	outline: none;
}
.message #submit{
	width: 120px;
    height: 51px;
    color: #fff;
    background: #ccc;
    -webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.message #submit:hover{
	background: #0075c5;
}
/* Minoru */
.mg-minoru {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 0px 2px transparent;
	color: #eca29b;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.mg-minoru:focus {
	box-shadow: 0px 0px 0px 2px #0075c5;
	pointer-events: none;

}

#problem{
	height: 336px;
	overflow: hidden;
}
#FontScroll{
	width:388px;
	height: 210px;
	overflow: hidden;
	line-height:30px;
	margin-top: 15px;
}
#FontScroll li:before{
	color: #0a5cb0;
    content: "■ ";
    padding: 0 8px;
    display: inline-block;
    float: left;
}

#p_news{
	margin:0 10px;
	overflow: hidden;
	line-height:30px;
	margin-top: 15px;
}
#p_news li{
	height: 42px;
    line-height: 42px;
    border-bottom: 1px dotted #ccc;
    	-webkit-transition: all .2s ease 0s;
      -moz-transition: all .2s ease 0s;
      -o-transition: all .2s ease 0s;
      transition: all .2s ease 0s;
}
#p_news li:before{
	color: #0a5cb0;
    content: "■ ";
    padding: 0 8px;
    display: inline-block;
    float: left;
}

#p_news li:hover{
	background: #bbbbbb;
}

/* 多图展示 */
#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../Image/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../Image/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


.news {
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0 162px 0;
    z-index: 10;
    position: relative
}

.news_bot {
    width: 100%;
    height: auto;
    padding-top: 80px
}

.news_bot_ul li {
    float: left;
    margin-left: 58px;
    margin-bottom: 60px;
}

.news_bot_ul .news_mar {
    margin-left: 0
}

.news_bot_li {
    width: 358px;
    height: 358px;
    border: 1px solid #f2f2f2;
    position: relative;
    background-color: #fff
}

.news_bot_li_top {
    display: block;
    padding: 54px 40px 0 40px;
    height: 194px
}

.news_bot_li_top span {
    font-size: 16px;
    color: #575757;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    display: block
}

.news_bot_li_top i {
    color: #999;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    display: block;
    margin-top: 16px
}

.news_bot_li_bot {
    background: #f7f7f7;
    height: 88px;
    display: block;
    padding: 22px 40px 0 40px;
    position: relative
}

.news_bot_li_bot span {
    font-size: 50px;
    color: #8F8F8F;
    line-height: 46px;
    display: block;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_bot_li_bot i {
    color: #666;
    line-height: 20px;
    overflow: hidden;
    display: block;
    font-size: 14px;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_bot_li .news_bot_li_bigtop {
    padding: 94px 40px 12px 40px;
    background: #0a5cb0;
    color: #fff
}

.news_bot_li_bigbot i,
.news_bot_li_bigbot span {
    color: #0a5cb0
}

.news_bot_li .news_bot_li_bigbot {
    padding: 38px 40px 14px 40px
}

.news_bot_li_bigtop i,
.news_bot_li_bigtop span {
    color: #fff
}

.news_bot_bigli {
    position: absolute;
    top: -41px;
    left: -1px;
    width: 358px;
    height: 0;
    overflow: hidden;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    border: 1px solid transparent
}

.news_bot_li:hover .news_bot_bigli {
    height: 440px;
    box-shadow: 0 6px 20px 5px rgba(0, 0, 0, .08);
    border: 1px solid #FFF
}

.news_bot_li .news_bot_but {
    position: absolute;
    bottom: 60px;
    right: 30px
}

.news_two_bg {
    width: 100%;
    height: auto
}

.news_two {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 160px;
    position: relative
}

.news_two_box {
    width: 900px;
    height: 159px;
    border: 1px solid transparent;
    position: relative;
    background: #f7f7f7;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

.news_two_ul {
    height: auto;
    overflow: hidden;
        max-width: 100%;
}

.news_two_nav {
    width: 1180px;
    padding-left: 20px
}

.news_two_ul li {
    width: 100%;
    height: 159px;
    border: 1px solid transparent;
    margin-bottom: 20px
}

.news_two_img {
    width: 198px;
    height: 128px;
    padding: 16px;
    float: left;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

.news_two_txt span {
    font-size: 16px;
    color: #717171;
    display: block;
    height: 24px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt span {
    color: #333
}

.news_two_txt i {
    height: 52px;
    color: #A2A2A2;
    line-height: 24px;
    display: block;
    overflow: hidden;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt i {
    color: #999
}

.news_two_txt {
    width: 480px;
    float: left;
    padding: 36px 0 28px 8px;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt {
    padding: 36px 0 28px 54px
}

.article .news_two_date {
    width: 80px;
    float: right;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    color: #999;
    padding: 16px 19px 0 0;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_date {
    padding: 26px 29px 0 0
}

.article .news_two_date span {
	color: rgb(153, 153, 153);
    height: 26px;
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.article .news_two_date i {
    font-size: 13px;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_two_but {
    position: absolute;
    top: 100px;
    right: 108px
}

.news_two_box:hover {
    border: 1px solid #efefef;
    box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)
}

.news_two_box:hover .news_two_img {
    background: #0a5cb0;
    background: #0a5cb0
}

.news_two_box:hover .ser_but {
    background: #0a5cb0;
    border: 1px solid #0a5cb0;
    margin: 0 -36px
}



.new_thr {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0 160px 0
}

.new_thr_h2 {
    width: 800px;
    font-size: 18px;
    color: #333;
    padding-bottom: 16px;
    margin: 0 auto;
    text-align: center
}

.news_thr_share {
    width: 330px;
    margin: 0 auto;
    color: #999;
    height: 18px;
    line-height: 18px
}

.news_thr_share_date {
    width: 100%;
    text-align: center;
}

.news_thr_ico {
    text-indent: 14px;
    width: 200px
}

.news_thr_ico a {
    color: #999;
    font-size: 16px
}

.news_thr_txt {
    width: 974px;
    padding: 36px 14px 0 12px;
    border-top: 1px dotted #e5e5e5;
    margin-top: 50px
}

.news_thr_txt_img {
    width: 980px;
    height: auto;
    padding: 38px 0
}

.news_two_img img {
    width: 200px;
    height: 130px;
    object-fit: cover;
}

.news_thr_ico a:hover {
    color: #1bb2e8
}
