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*****************/
.pro li{float:left;overflow:hidden;margin: 0 10px 20px;width:276px;text-align:center;white-space:nowrap;*margin:0 10px 20px 18px;}
.pro span{padding-left:15px;background-position:0 -114px;}
.pro img{padding:3px;width: 267px;    height: 190px;;border:1px solid #dcdcdc;}
.pro a{*color:#444;}
.pro a:hover{color:#0075c5;}
.pro img:hover{border:1px solid #0075c5;}
/*************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;font-size: 26px;
    margin: 15px 0;}
.info_title{margin:30px 0 0 27px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#0075c5;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: 120px;
	background: #fff;	
}
.h-logo{
	margin-top: 24px;
}
.h-phone{
	
}
.h-phone ul{
	overflow: hidden;
	margin-top: 15px;
}
.h-phone li{
	width: 90px;
	height: 22px;
	text-align: right;
	float: left;
	margin-right: 25px;
}
.h-phone li a{
	font-size: 14px;
	color: #3f3f3f;
}
.h-phone li:nth-child(1){
	background: url(../Image/zh.png) no-repeat left center;
}
.h-phone li:nth-child(2){
	background: url(../Image/en.png) no-repeat left center;
}
.h-phone img{
	margin-top: 15px;
}
.h-menu{
	height: 51px;
	background: #0067cc;
	line-height: 51px;
}
.h-nav{
	overflow: hidden;
}
.h-nav li{
	float: left;
	width: 132px;
	text-align: center;

}

.h-nav li a{
	font-size: 16px;
	color: #fff;
}
.h-nav {
	height:51px;
	margin: 0 auto;
	width:1200px;
	background: #0067cc;
}
.h-nav>a {
	font-size:16px;
	list-style: none;
	float:left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.h-nav>a li {
	width: 120px;
	text-align: center;
	color:white;
	height: 54px;
	line-height:54px;
	background:#0067cc url(../Image/h-nav-li.jpg) no-repeat left center;
}
.h-nav>a span {
	background:#0253a3;
	text-align: center;
	color: #fff;
}

/* footer styles */
.footer{
	clear:both;
	padding:28px 0 0 0;
	background: #333333; 
	height: 80px; 
	margin-top: 20px;
}
.f-logo-txt {
	width: 960px;
}
.f-logo-txt p{
	font-size: 14px;
	color: #999;
	line-height: 23px;
}
.f-phone{
	float: right;
}

/* sidebar styles */
.s-type{
	width: 258px;
	overflow: hidden;
}
.s-type-hd{
	height: 88px;
	background: url(../Image/s-type-hd-bg.jpg) no-repeat;
	text-align: center;
}
.s-type-hd h3{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 0 0;
}
.s-type-hd small{
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
}
.s-type-bd{
	padding:20px 13px;
	border:6px solid #d7d7d7;
	border-top: none;
	border-bottom: none;
}
.s-type-bd ul{
	overflow: hidden;
}
.s-type-bd li{
	height: 38px;
	line-height: 38px;
	background: #f1f1f1;
	text-align: left;
	padding-left: 25px;
	margin-bottom: 10px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
}
.s-type-bd a{
	font-size: 16px;
	color: #3c3f42;
}
.s-type-bd a:before{
	content: "●";
	margin-right: 10px;
	color: #0067cc;
}
.s-type-bd li:hover a{
	color: #0067cc;
}

.s-contact{
	width: 222px;
	overflow: hidden;
	margin-bottom: 22px;
	background: #0067cc;
	padding:12px 18px;
}

.s-contact-bd h3{
	height: 38px;
	line-height: 38px;
	font-family: impact;
    font-size: 27px;
    color: #fff;
}
.s-contact-bd ul{
	overflow: hidden;
	margin:10px 0 0;
}
.s-contact-bd li{
	font-size: 14px;
	color: #fff;
	line-height: 27px;
}
.s-contact-bd img{
	vertical-align: middle;
	margin-right:8px;
}

/* article styles */
.article {
	overflow:hidden;
	margin-bottom:24px;
	width:890px;
	padding:20px;
}
img{
	max-width: 100%;
}
.article p {
	color: #333333;
	font-size:16px;
	line-height:28px;
	margin-bottom: 20px;
}
#allmap p {
	line-height:10px;
	margin:10px;
}
.title {
	height: 34px;
	line-height: 34px;
	background: #f3f3f3;
	margin: -20px -20px 20px -20px;
}
.title strong {
	border-left:3px solid #a40000;
    color: #fff;
    background: #0067cc;
    padding:0 22px;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    height: 100%;
}
.title strong small{
	font-size: 13px;
	padding-left: 10px;
	text-transform: uppercase;
}
.title span {
	margin-right: 15px;
    color: #808080;
    font-size: 14px;
}
.title a {
	font-size: 14px;
	color: #808080;
}

.title .right a:hover {
	color:#f4c23d;
}

/* 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-pro{
	overflow: hidden;
}
.m-pro .s-type-bd{
	padding: 4px 13px;
}
.m-pro-list{
	float: left;
}
.picScroll-top{ width: 940px; }
.picScroll-top .bd ul li{width: 100%; height: 242px; margin-bottom:27px;}
.picScroll-top .bd ul li a{width: 299px; height: 242px; margin: 0px 7px; display: block;float: left; text-align: center;border-bottom: 4px solid #0067cc; line-height: 150%; background: #d7d7d7; color: #ffffff;}
.picScroll-top .bd ul li a img{ width: 297px; height: 200px;border: 1px solid #d7d7d7;}
.picScroll-top .bd ul li a:hover{ background: #0067cc;}
.picScroll-top .bd ul li a:hover h3{color: #fff;}
.picScroll-top .bd ul li a h3{margin-top: 5px; color: #4B4B4B;}

/* m-about-news-case */
.m-about-news-case{
	overflow: hidden;
}
.m-about,
.m-news,
.m-case{
	width: 384px;
	float: left;
	margin: 0 24px 0 0;
}
.m-case{
	margin-right: 0;
}
.m-about-hd,
.m-news-list,
.m-case-list{
	border:4px solid #e3e3e3;
	border-top:none;
}
.m-about-hd{
	padding:14px;
}
.m-about-hd p{
	font-size: 14px;
	color: #676767;
	line-height: 28px;
}
.m-about-hd a{
	color: #ff8a00;
}
.m-news-list{
	padding:14px;
}
.m-news-list li{
	height: 34px;
	border-bottom: 1px dotted #868484;
	margin-bottom: 5px;
}
.m-news-list li h3{
	font-size: 14px;
	color: #676767;
	line-height: 34px;
	display: inline-block;
	float: left;
}
.m-news-list li span{
	float: right;
    line-height: 34px;
	font-size: 14px;
	color: #828282;
}
/* case */
.picScroll-left{ width:375px; height: 268px; overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px; position: relative;  top: -54px; }

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:11px; height:11px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: #1e2432;border-radius: 50%;}
.picScroll-left .hd ul li.on{ background: #fff; }
.picScroll-left .bd{  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{object-fit: contain; width:375px; height:268px; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.m-title{
	height: 35px;
	line-height: 35px;
	background: url(../Image/m-title-bg.jpg) no-repeat center center;
}
.m-title h3{
	display: inline-block;
	padding:0 0 0 23px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.m-title h3 small{
	font-weight: bold;
	font-size: 14px;
	color: #a5a5a5;
	text-transform: uppercase;
	padding-left: 23px;
}
.m-title a{
	float: right;
	margin-right: 7px;
	font-size: 12px;
	color: #656565;
}

/* m-contact-about-news styles */


/* 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;

}


#FontScroll{
	width:432px;
	height:286px;
	line-height:30px;
	overflow:Hidden;
	margin-top: 15px;
}