/*项目通用css*/
@charset "utf-8";
* {font-style:normal;font-weight:normal;margin:0px;padding:0px; border:0; line-height: 1;}
*{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
p, h1, h2, h3, div, ul, li,dl,dd,dt {display:block;}
dl,dd,dt{ margin:0; padding:0;}
body{ color:#333; font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif; background:#fff;}
a { color:#374a58;
	text-decoration:none;     
   -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear; }
ul {list-style:none;}
p {list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="date"],input[type="tel"],input[type="datetime"],input[type="month"],input[type="text"],select,textarea,button{-webkit-appearance: none;-webkit-appearance: none;outline:none;font-family:'Microsoft YaHei';}
select{ border: none; background: none ;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {box-shadow:0 0 0 160px #fff inset; -webkit-text-fill-color: #333;}
.paig{ height:auto;overflow:hidden; }
.paig1 > *{ height:auto;overflow:hidden; }
.abs{ position:absolute;}
.fix{ position:fixed;}
.rel{ position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.display{ display:block;}
.auto{ height:auto; overflow:hidden;}
.mar{ margin:auto;}
.mar0{ margin:0 auto;}
.clear{ clear:both;}
.img100{ width:100%; height:auto; overflow:hidden;}
.none{display: none;}
.wd33{ width: 33.333%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd50{ width:50%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd25{ width: 25%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd20{ width: 20%; text-align: center; float: left; display: block; height: auto; overflow: hidden;}
.wd75{ width: 75%;float: left; display: block; height: auto; overflow: hidden;}
.wd41{width:41%;float: left; display: block; height: auto; overflow: hidden;}
.wd1200{width: 1180px; height: auto; overflow: hidden; margin: auto;}

.header{width:100%; height: 173px; background: url(../images/ch_11.jpg) repeat-x center bottom;}
.header1{width: 1180px; height: 125px; margin: auto;}
.header2{ padding: 25px 0 0 0; width: 397px; height: 69px; float: left;}
.header3{ padding: 55px 0 0 0; width: 340px; height: 23px; float: right;}
.header4{width: 26px; height: 23px;}
.header5{width: 80px; margin: 0 5px; height: 23px;}
.header6{width: 222px; font-size: 26px; font-weight: 800; color: #007ad8; height: 23px;}
.header3 p{line-height: 23px;}
.nav_one_li{ position: relative; float: left; height: 46px; }
.nav_sub{ display: none; width: 146px; background: #007ad8; height: auto; position: absolute; left: 0; top: 46px; z-index: 2000;}
.nav_child_li{ float: left;}
.nav_child_li a{width: 146px; text-align: center; color: #fff; height: 46px; line-height: 46px; display: block; }
.nav_one_li .nav_sub:hover{ background: #007ad8;}
.on2{border-top: solid 2px #007ad8 !important; color: #007ad8;}
.nav_one_li .nav_sub .nav_child_li:hover a{ background: #086ab6; color: #fff;}
.nav{width: 100%; height: 46px; border-top: solid 1px #ccc;}
.nav1{width: 1180px; height: 46px; margin: auto;}
.nav_one_a{border-top: solid 2px #fff; color: #000; width: 146px; height: 44px; display: block; font-size: 16px; line-height: 44px; color: #333; text-align: center; font-weight: 500;}

/*086ab6*/
.banner{ clear: both; width: 100%; height: auto; overflow: hidden; padding: 1px 0;}
.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/



.banner .bx-wrapper .bx-pager,
.banner .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index: 3000;
}

/* LOADER */


/* PAGER */

.banner .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #f2f2f2;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #007ad8;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.banner .bx-wrapper .bx-prev { display: none;}
.banner .bx-wrapper .bx-next {display: none;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.titH2 h2{ width: 100%; padding: 0 0 10px 0; display: block; text-align: center; font-size: 18px; color: #666;}
.titH2{ padding: 35px 0; width: 1180px; margin: auto;}
.titH2 p{  width: 185px;font-weight: 800; font-size: 28px; color: #007ad8; height: 30px; background: #fff; margin: auto; text-align: center;}
.tit1{ margin: auto; width: 500px; height: 30px; background: url(../images/h2bg.png) repeat-x center center; }
.itempx{width: 1098px; margin: auto;}
.itempx1{width: 100%; height: 110px; background: #e6e6e6; text-align: center;}
.itempx1 h3{ padding: 25px 0; text-align: center; font-size: 14px;}
.itempx1 a{ width: 60px; height: 22px; line-height: 22px; margin: auto; text-align: center; color: #fff; display: block; font-size: 14px; background: #007AD8; border-radius: 3px;}
.itempx .bx-wrapper .bx-prev { position: absolute; left: -84px; top: 120px; width: 54px; height: 88px; background: url(../images/ch_26.jpg) no-repeat center center;}
.itempx .bx-wrapper .bx-next {  position: absolute; right: -84px; top: 120px; width: 54px; height: 88px; background: url(../images/ch_29.jpg) no-repeat center center;}
.itempx .bx-wrapper .bx-pager,
.itempx .bx-wrapper .bx-controls-auto {display: none;}
.produce{width: 100%; margin: 35px 0; height: 497px; background: url(../images/ch_37.jpg) no-repeat center center;}
.produce2{  padding: 50px 50px 0 0; float: right; width: 399px; height: auto; overflow: hidden; margin: auto;}
.produce2 h3{ display:block; text-align: center; font-size: 30px; font-weight: 400; float: left; color: #fff; padding: 0 0 30px 0;}
.produce2 p{text-align: left; text-indent: 2rem; font-size: 14px; line-height: 25px; margin: 0 0 15px 0; color: #fff;}

.case1 dl{width: 380px; float: left; margin: 0 10px;}
.case1 dl img{width: 100%;}
.case2{width: 1250px;}
.case1 dl dd{ text-align: center; padding: 15px 0;}
.case1 dl a{color: #333;}
.case{padding: 0 0 35px 0;}
.share{width: 206px; height: 35px; left: 0; top: -35px; background: #fdd000;}
.share span{ color: #fff; display: block; float: left;  height: 35px; line-height: 35px;}
.share2{padding: 0 0 0 15px;}
.share3{padding: 0 4px;}


.news{padding: 30px 0; width: 100%; background: #e6e6e6;}
.news4{width: 535px; height: 372px; float: left;}
.news5{width: 560px; height: 372px; background: #fff; float: left;}
.news5 dl dt{width: 108px; height: 80px; line-height: 80px; border-right: solid 1px #666; float: left; text-align: center; color: #007AD8; font-size: 50px;}
.news5 dl{ margin: 33px 0 0 0; height: auto; overflow: hidden; clear: both;}
.news5 dl dd h4{font-size: 16px; font-weight: 800;}
.news5 dl dd span{font-size: 12px; padding: 5px 0 0 0; color: #999;}
.news5 dl dd p{font-size: 14px; line-height: 18px; padding: 10px 0 0 0; color: #666;}
.news5 dl dd{ width: 370px; float: left; height: auto; overflow: hidden; padding: 0 0 0 25px;}


.contant1{width: 455px; float: left; height: auto; overflow: hidden;}
.contant2{width:622px; float: left; height: auto; overflow: hidden;}
.contant1 h3{ margin: 0 0 15px 0; width: 255px; line-height: 40px; font-size: 20px; border-bottom: solid 1px #666;}
.c1 span{display: block; width: 22px; height: 23px; float: left;}
.c1 p{width: 370px; float: left; height: 23px; line-height: 23px;}
.c1{ height: auto; overflow: hidden; clear: both; margin: 0 0 15px 0;}
.bottom{ margin: 30px 0 0 0; background: url(../images/ch_73.jpg) repeat-x center top; height: 55px; line-height: 55px;}
.bottom1 span{ font-size: 14px; font-weight: 800; display: block; float: left; height: 55px; line-height: 55px;}
.bottom1 a{ margin: 0 5px; color: #333; font-size: 14px; display: block; float: left; line-height: 55px;}
.foot2 dl{width: 164px; float: left; height: 190px; overflow: hidden;}
.foot2 dl:nth-child(2){width: 205px; }
.foot2 dl dt a{font-weight: 800; color: #666; font-size: 14px;}
.foot2 dl dd a{color: #666; font-size: 14px;}
.foot2 dl dd{margin: 5px 5px 5px 0px; float: left; width:85px;}
.foot2 dl dd:nth-child(1){margin: 10px 5px 5px 0px; }
.foot2{width: 1180px; height: 242px; margin: auto;}
.foot{background: #e5e5e5; padding: 0; width: 100%;}
.foot3{width: 730px; float: left; padding: 35px 0 0 0;}
.foot6{width: 206px; float: right;}
.last{background: #007AD8; color: #fff; height: 42px; width: 100%;}
.last p{height: 42px; line-height: 42px; font-size: 14px;}
.mokl{width: 88px; height: 40px; display: block; margin: 20px auto; border: solid 2px #fff; color: #fff; text-align: center; line-height: 40px; font-size: 16px;}


/*案例样式*/
.case_list li {
	width: 33.3%;
	float: left;
	margin-bottom: 7px;
	text-align:center;
}
.case_list li img {
	vertical-align: middle;
	width: 220px;
	/*height: 165px;*/
	border: 1px solid #ccc;
}
.case_list li img:hover {
	border: 1px solid #007ad8;
	-o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
.case_list li p a{
	width: 222px;
	display:block;
	line-height: 30px;
	color: #374a58;
	margin:0px auto;
}

.news4 .bx-wrapper .bx-pager,
.news4 .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 100%;
	z-index: 3000;
}
.news4 .bx-wrapper .bx-pager {
	text-align: right;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	
}
.news4 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	display: block;
	color: #333;
	width: 35px;
	height: 20px;
	line-height: 20px;
	margin: 0 2px;
	border-radius: 0;
	text-indent: 0;
	text-align: center;
	
	
}

.news4 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.news4 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #007ad8;
	color: #fff;
}