/*
* @Author: tonyJin
* @Date:   2017-08-03 22:09:22
* @Last Modified by:   tony
* @Last Modified time: 2017-09-27 09:44:50
*/

/*
 * reset
 */
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #393a45;
	font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif
}

input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: middle
}

body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {
	margin: 0
}

ol, ul, menu {
	padding-left: 0;
	list-style-type: none
}

a, input, select, textarea {
	outline: none;
	star: expression(this.onFocus=this.blur());
}

/*禁止点击时出现蓝色区域*/
a {
	outline: 0;
	color: #000;
	text-decoration: none;
	font-family: "微软雅黑"
}

a:hover {
	color: #af302d
}

b, i {
	font-style: normal
}

input, b, h1, img, span, *:before, *:after, .arrs, .mask2, a.cateMore, .media-box h5,.media-box p {
	-moz-transition: all ease-in-out 0.35s;
	-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}

/*animate*/
@keyframes rightOpacityShow {
	0% {
		transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		transform: translateX(20px);
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateYOpacityAn {
	0% {
		-moz-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-moz-transform: translateX(20px);
	}

	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rotateYOpacityAn {
	0% {
		-webkit-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-webkit-transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@-o-keyframes rotateYOpacityAn {
	0% {
		-o-transform: translateX(-80px);
		opacity: 0;
	}

	80% {
		-o-transform: translateX(20px);
	}

	100% {
		-o-transform: translateX(0);
		opacity: 1;
	}
}

/*
 * common
 */
.page {
	overflow: hidden;
}

.wow {
	visibility: hidden;
}

.opc0 {
	opacity: 0;
}

.clear {
	*zoom: 1;
}

.clear:before, .clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}

.dib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.btn {
	cursor: pointer;
}

.hide {
	display: none;
}
.text-over1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.text-over2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-over3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*header*/
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.header .navWrap {
	background: #fff;
	position: relative;
}

.header .navWrap:after {
	display: block;
	content: '';
	position: absolute;
	left: 98%;
	top: 0;
	bottom: 0;
	background: #fff;
	/* width: 100%; */
	height: 104px;
}


/*sublogo*/
.sublogo {
	background: #0c6fd4;
	color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 1em 5em 1em 1em;
}

.sublogo:before {
	display: block;
	content: '';
	width: 40px;
	height: 100%;
	position: absolute;
	background: #0c6fd4;
	right: 100%;
	top: 0
}

.sublogo:after {
	display: block;
	content: '';
	position: absolute;
	background: #0c6fd4;
	height: 100%;
	width: 80px;
	transform: skewX(-30deg);
	top: 0;
	right: 0;
	margin-right: -40px
}

/* animite*/
.header {
	transition: bottom .5s, background .5s, height .5s, top .5s, line-height .5s;
}

.header * {
	transition: all .5s;
}

/*@media screen and (min-width:1024px) {
	.header.header-min .wrap {
	}

	.header.header-min .logo, .header.header-min .navBox {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	.header.header-min .logo {
		height: 90px;
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	.header.header-min .nav_transform1 ul.navCont li.child a {
		line-height: 90px;
	}

	.header.header-min .navWrap:before {
		opacity: 0
	}

	.header.header-min .sublogo {
		opacity: 0
	}
}
*/

/*TOP*/
.bar {
	background: #333333;
	color: #cccccc;
	position: relative;
	clear: both;
	line-height: 36px;
	overflow: hidden;
	font-size: 12px;
	font-weight: lighter;
	border-bottom: 1px solid #e5e5e5
}

.bar a {
	color: #cccccc;
}

.bar ul li {
	float: left;
	font-size: 12px
}

.bar ul li i.split {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 9px;
	background: #8d8d8d;
	margin: 0 4px
}
.head-right{ 
	width: 79%;
	float: left;
	background: #FFF;
	height: 104px;
	position:relative;
 }
 
/* LOGO */
.logo {
	float: left;
	width: 19%;
	height: 104px;
	z-index: 2;
	position: relative;
	margin: 0;
	text-align: left;
	background: #FFF;
}

.logo a {
	display: block;
	height: 100%
}

/*.logo span {
	display: inline-block;
	height: 100%;
	width: 0;
	text-align: center;
	vertical-align: middle;
}*/

.logo img {
	vertical-align: middle;
	max-height: 100%
}

.logo:after {
	display: none;
	content: '';
	width: 1px;
	height: 68px;
	background-color: #e1e1e1;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -34px
}

.htel {
	width: 10%;
	float: right;
	height: 90px;
	padding-right: 2%;
	color: #676767
}

/* 导航按钮 1*/
.wapNavBtn {
	position: absolute;
	top: 16px;
	right: 5px;
	display: none;
	width: 24px;
	font-size: 24px;
	cursor: pointer;
	animation: transform .6s ease-in-out 0s both;
	-moz-animation: transform .6s ease-in-out 0s both;
	-webkit-animation: transform .6s ease-in-out 0s both;
	-o-animation: transform .6s ease-in-out 0s both;
	z-index: 99
}

.wapNavPointer {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
/* 导航按钮2*/
button.nav-trigger {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 20;
	height: 60px;
	width: 50px;
	margin-top: -30px;
	padding: 0 12px;
	background: 0 0;
	border: 0;
	outline: 0
}

.nav-trigger {
	transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
	transition: transform .3s cubic-bezier(.86,0,.07,1)
}

.nav-icon {
	position: relative;
	top: 2px;
	right: inherit;
	display: block;
	width: 26px;
	height: 2px;
	background-color: #000;
	border-radius: 2.5rem;
	transition: all .3s
}

.nav-icon:after,.nav-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	height: 2px;
	width: 100%;
	border-radius: 2.5rem;
	background-color: #000;
	transition: all .3s
}

.nav-icon:before {
	top: 7px
}

.nav-icon:after {
	top: -7px
}
/*.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(84vw,0,0);transform:translate3d(84vw,0,0)}*/
.navigation-is-visible .nav-icon {
	background-color: transparent!important
}

.navigation-is-visible .nav-icon:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	background-color: #fff
}

.navigation-is-visible .nav-icon:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	background-color: #fff
}
.toptxt1{
	font-size: 14px;
	color: #ef1e23;
	line-height: 39px;
	float: left;
	width: 50%;
	text-align: right;
}
.toptxt2{
	font-size: 14px;
	color: #ef1e23;
	line-height: 39px;
	float: left;
	background: #FFF;
	width: 50%;
	text-indent: 20px;
	position: relative;
	text-indent: 10px;
}
.toptxt2:after{
	content: '';
	height: 104px;
	background: #FFF;
	position: absolute;
	left: 98%; 
	top: 0;
	width: 100%;
	z-index: 9999;
}

/*导航2*/
.navBox {
	width:99%;
	float: right;
	padding-right: 2%
}

.nav_transform1 {
	position: relative;
}

.nav_transform1 .navTop {
	position: absolute;
	top: 0px;
	display: none;
	height: 4px;
	background: #00aa3a;
	z-index: 2
}

.nav_transform1 .navTop {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.nav_transform1 ul.navCont {
	font-size: 16px
}

.nav_transform1 ul.navCont li.child {
	position: relative;
	float: left;
	width: 12.5%;
	text-align: center;
}

.nav_transform1 ul.navCont li.child.last {
	margin-right: 0
}

.nav_transform1 ul.navCont li.child a {
	display: block;
	line-height: 63px;
	transition: initial;
}

.nav_transform1 ul.navCont li.child a:hover,.nav_transform1 ul.navCont li.child.cur a {
	color: #000
}

.nav_transform1 ul.navCont li.child a:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #efefef
}

.nav_transform1 ul.navCont li.child.last a:after {
	display: none;
}

.nav_transform1 ul.navCont li.child a span {
	transition: initial;
	padding: 5px 0;
}

.nav_transform1 ul.navCont li.child a.cur span {
	border-bottom: 3px solid #ff9c01;
}

/*二级*/
.nav_transform1 ul.navCont li.child .childcont {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 999;
}

.nav_transform1 ul.navCont li.child .childcont li a {
	font-size: 14px;
	background-color: #ff7300;
	color: #fff;
	padding: 10px 0;
	line-height: 1.8!important
}

.nav_transform1 ul.navCont li.child .childcont li a:after {
	display: none;
}

.nav_transform1 ul.navCont li.child .childcont li a:hover {
	background: #fff;
	color: #000
}
.ny-banner{
	clear: both;
	background-image: url(../img/ny-banner.jpg)  no-repeat; 
	background-size: cover;

	
}
.wrap{
	position: relative;
}
.ny-box{
	clear: both;
	padding: 50px 0;
	overflow: hidden;
}
.ny-content{
	padding: 15px 0;
	font-size: 16px;
	line-height: 34px;
	clear: both;
	overflow: hidden;
}
.ny-left{
	padding-right: 50px;
	background: #efefef;
	padding: 30px;
}
/*foot*/
.footer{
	background: url(../img/foot_bg.jpg) #ededed top center no-repeat;
	padding-top: 3rem;
	clear: both;
	overflow: hidden;
	color: #898989; 
}
.fr-link-t{
	color: #ff7300;
	font-size: 20px;
}
.fr-link-t i{
	font-size: 20px;
	font-weight: bold;
	margin:0 10px;
}
.fr-link a{
	color: #FFF;
}
.bot-nav{
	margin: 30px 0;
}
.bot-nav a{
	padding: 0 5px;
	color: #000;
	text-align: left;
}
.bot-tel-t{
	margin-top: 30px;
	font-size: 16px;
	color: #898989;
}
.bot-tel a{
	color: #ef1e23;
	font-size: 20px;
	font-weight: bold;
}
.cmenus {
	padding:10px 0px;
	border-bottom:dashed 1px #dedede;
	line-height:1.8;
	text-align:center;
}
.cmenus a {
	font-size:14px;
	width:32.3%;
	height:32px;
	line-height:30px;
	overflow:hidden;
	border-radius:5px;
	float:left;
	background:#305bc4;
	color:#fff;
	margin:0px 1% 4px 0px;
}
.crumbs {
	line-height:60px;
	color:#888;
	text-align:left;
	margin-top:5px;
	border-top: 1px dashed #dedede;
	border-bottom:1px dashed #dedede;
	clear: both;
}
.crumbs i{
	padding-right: 20px;
	float: left;
}
.crumbs span {
	color:#999;
	margin-right:5px;
}
.crumbs a {
	color:#888;
}
.rig-title-over{
	line-height: 60px;
	font-weight: bold;
	font-size: 36px;
	color: #000;
	text-align: left;
	clear: both;
}

/*新闻页面*/
.ul_news {
	list-style: none;
}

.ul_news li {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px dashed #dedede;
}
.ul_news li .tit{
	width: 60%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: inline-block;
}

.ul_news li span {
	float: right;
}

#newslist {
	overflow: hidden;
}

#newslist li {
	margin-top: 15px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

.newslist_times {
	height: 26px;
	line-height: 26px;
	color: #999;
	font-size: 16px;
	font-family: 'MONTS';
}

.newslist_img {
	overflow: hidden;
}

.newslist_img img {
	width: 100%;
	transition: all 0.3s;
	max-height: 250px;
}

.newslistp1 {
	margin-top: 10px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
}

.newslistp2 {
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	color: #999;
}

.newslistp3 {
	margin-top: 5px;
	color: #d10009;
	text-transform: uppercase;
}
.newscopy {
    padding: 10px;
    font-size: 12px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    line-height: 18px;
    box-sizing: border-box;
    clear: both;
    margin: 30px auto;
}
.page_Title {
	font-size: 22px;
	text-align: center;
}

.page_Info {
	height: 36px;
	line-height: 36px;
	margin-top: 15px;
	color: #666;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
}
.page_Infoleft {
	padding-left: 30px;
	
}
.news-detail-title{
	clear: both;
	text-align: center;
}
.page_Content {
	margin: 15px auto 0px;
	line-height: 2;
	padding: 10px;
	clear: both;
}
.page_Infoleft i {
	margin-right: 5px;
}

#picUL li {
	margin: 10px 0px;
}

#proUL li {
	margin: 15px 0px;
}

#company_main {
	margin-top: 30px;
}

.contact-list {
	margin-top: 0px;
}

.contact-list ul li {
	font-size: 17px;
}

.morder {
	margin-top: 35px;
}

.morder_InputText {
	height: 48px;
	line-height: 48px;
}

.morder_InputText1 {
	height: 48px;
	line-height: 48px;
}

.morder_captcha {
	height: 48px;
	line-height: 48px;
}

.morder_But {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.ny-pic{
	width: 100%;
	margin: 0 auto;
	background: #efefef;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.ny-pic .pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #efefef;
}
.ny-pic .pic img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.ny-pic a{
	clear: both;
	width: 100%;
	height: 100%;
}
.ny-pic .img{
	clear: both;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.pic-li li{
	margin-bottom: 50px;
}
.pic-li li .title{
	clear: both;
	background: #ff7300;
	color: #FFF;
	text-align: center;
	padding: 10px 0;
}
.pic-li li .title h3{
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.pic-li li:hover .ny-pic .pic img{
	transform: scale(1.2);
}
#dituContent{
	clear: both;
	width: 100%; 
	height: 500px;
}
.mes-form{
	clear: both;
	display: block;
    width: 80%;
    padding: 0 10px;
    line-height: 38px;

}
.mes-form .form-tr input {
    display: block;
    width: 80%;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
}
 .mes-form .form-tr {
    overflow: hidden;
    margin-bottom: 20px;
}
.mes-form .form-tr textarea {
    display: block;
    width: 80%;
    padding: 5px 10px;
    height: 168px;
    border: 1px solid #e6e6e6;
}
.mes-form .form-tr .code{ 
	width:30%;
	float: left;
 }
.mes-form .form-tr .code input{
	float: left;
}
.mes-form .form-tr .code  .verify{
	float: left;
}
/* 通用 */
input::-webkit-input-placeholder { color:#ccc; }
input::-moz-placeholder { color:#ccc; } /* firefox 19+ */
input:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }

/* webkit专用 */
input::-webkit-input-placeholder { color:#ccc; }

/* mozilla专用 */
input::-moz-placeholder { color:#ccc; }
.mes-form .form-tr .submit {
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #237ed2;
    color: #fff;
    font-size: 15px;
}

.page_img{
	clear: both;
	text-align: center;
	margin: 30px auto;
}

.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
  clear: both;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #ff7300;
  background: #ff7300;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../img/gonext.png) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
 background: #fff url(../img/gonext.png) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../img/goover.png) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
 background: #fff url(../img/goover.png) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}
.webbot a{ color: #FFF; }
.newscopy {
    padding: 10px;
    font-size: 12px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    line-height: 18px;
    box-sizing: border-box;
    clear: both;
    margin: 30px auto;
}