﻿@charset "utf-8";

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1497603042993'); /* IE9*/
  src: url('iconfont.eot?t=1497603042993#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1497603042993') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1497603042993') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1497603042993#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shuaxin:before { content: "\e611"; }

.icon-QQ:before { content: "\e613"; }

.icon-shouji1:before { content: "\e625"; }

.icon-fanhui:before { content: "\e600"; }

.icon-info:before { content: "\e66b"; }

.icon-youxiang:before { content: "\e601"; }

.icon-qianjin:before { content: "\e664"; }

.icon-home:before { content: "\e602"; }

.icon-nextwhite:before { content: "\e603"; }

.icon-sousuo:before { content: "\e604"; }

.icon-refurbish:before { content: "\e754"; }

.icon-fanhui1:before { content: "\e605"; }

.icon-shouji:before { content: "\e606"; }

.icon-fanhui2:before { content: "\e607"; }

.icon-ditu:before { content: "\e608"; }

.icon-dingbu:before { content: "\e609"; }

.icon-duanxin1:before { content: "\e612"; }

.icon-duanxin:before { content: "\e60a"; }

.icon-shuaxin1:before { content: "\e62d"; }

.icon-weibiaoti1:before { content: "\e62b"; }

.icon-arrowup:before { content: "\e60b"; }

.icon-o11-copy:before { content: "\e60c"; }

.icon-phone2:before { content: "\e60d"; }

.icon-si:before { content: "\e616"; }

.icon-fating:before { content: "\e617"; }

.icon-houtui:before { content: "\e656"; }

.icon-fuwuchengnuotubiao:before { content: "\e618"; }

.icon-guihua:before { content: "\e619"; }

.icon-fanhui11:before { content: "\e614"; }

.icon-qiyewenhua:before { content: "\e622"; }

.icon-icon-go-top:before { content: "\e60e"; }

.icon-close:before { content: "\e610"; }

.icon-list:before { content: "\e60f"; }

.icon-moniyanlian:before { content: "\e620"; }

.icon--banan:before { content: "\e61a"; }

.icon-dongshichangzhici:before { content: "\e629"; }

.icon-xiala:before { content: "\e615"; }

.icon-jingyinglinian:before { content: "\e736"; }

* {
	padding: 0;
	margin: 0;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	border: none;
}
input {
	border: none;
	background: none;
}
input, textarea {
	font-family: Arial, "微软雅黑";
	outline: 0;
	font-size: 14px;
	-webkit-appearance: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block
}
.yy_tag_I {
	margin: 0 5px
}
html, body {
	font: 12px Arial, "微软雅黑";
	color: #282828;
	width: 100%;
	height: 100%;
	background: #fff
}
.fw {
	margin: 0 auto;
	width: 1180px;
}
body {
	overflow-x: hidden;
	min-width: 1200px
}
.bx-wrapper {
	margin: 0 auto
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-color: #999;
	border: 1px solid #999;
}
#pageWrapper {
}
#header {
	width: 100%;
	height: auto;
	position: fixed;
	font-size: 14px;
	transition: all ease .3s;
	z-index: 99;
	transition-property: padding, background
}
.nobanner #header { background:rgba(14,29,51,0.67)
}
#header .content {
	padding: 0 40px;
}
#header.mini {
	background-color: rgba(0,0,0,.51);
	padding-top: 10px
}
#header.mini ul li.navitem {
	padding-bottom: 0;
}


#header ul#nav {
}
#header ul li.navitem {
	padding: 0 20px 10px 20px;
	width: auto;
	height: 50px;
	line-height: 40px;
	float: left;
	position: relative;
}
#header ul li.navitem ul.subnav {
	transition: all 0.3s ease-out 0s;
	position: absolute;
	width: 210px; left:-40px;
	border-top: #838383 3px solid;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-webkit-transform: translate3d(0px, 10px, 0px);
}
#header ul li.navitem:hover ul.subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
}
#header ul li.navitem a {
	color: #fff;
	transition: none ease-out .3s;
	transition-property: color, background, text-indent, opacity
}
#header ul li.navitem a.active, #header ul li.navitem:hover a {
	color: #838383
}
#header ul li.navitem ul.subnav li {
	border-bottom: #2e2f29 1px solid
}
#header ul li.navitem ul.subnav li a {
	padding: 14px 30px;
	width: 150px;
	height: 46px;
	line-height: 36px;
	background: rgba(0,0,0,.7);
	display: block;
	color: #bbb9b9;
	font-size: 12px;
}
#header ul li.navitem ul.subnav li a i {
	float: right;
	margin-top: 5px;
	transition: all ease-out .2s;
	opacity: 0
}
#header ul li.navitem ul.subnav li a:hover {
	text-indent: 10px;
	background: rgba(0,0,0,1);
	color: #fff
}
#header ul li.navitem ul.subnav li a:hover i {
	opacity: 1
}




#newsitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#newsitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#newsitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#newsitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#newsitem_5 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#newsitem_6 {
	animation-name: fadeInUp;
	animation-delay: 1.2s;
}
#newsitem_7 {
	animation-name: fadeInUp;
	animation-delay: 1.4s;
}
#newsitem_8 {
	animation-name: fadeInUp;
	animation-delay: 1.6s;
}
#newsitem_9 {
	animation-name: fadeInUp;
	animation-delay: 1.8s;
}
#newsitem_10 {
	animation-name: fadeInUp;
	animation-delay: 2s;
}
#newsitem_11 {
	animation-name: fadeInUp;
	animation-delay: 2.2s;
}
#serviceitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.1s;
}
#serviceitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#serviceitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#serviceitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#serviceitem_5 {
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}
#serviceitem_6 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#serviceitem_7 {
	animation-name: fadeInUp;
	animation-delay: 0.7s;
}
#serviceitem_8 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#serviceitem_9 {
	animation-name: fadeInUp;
	animation-delay: 0.9s;
}
#serviceitem_10 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#serviceitem_11 {
	animation-name: fadeInUp;
	animation-delay: 1.1s;
}
#teamitem_1 {
	animation-name: fadeInUp;
	animation-delay: 0.1s;
}
#teamitem_2 {
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
#teamitem_3 {
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#teamitem_4 {
	animation-name: fadeInUp;
	animation-delay: 0.4s;
}
#teamitem_5 {
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}
#teamitem_6 {
	animation-name: fadeInUp;
	animation-delay: 0.6s;
}
#teamitem_7 {
	animation-name: fadeInUp;
	animation-delay: 0.7s;
}
#teamitem_8 {
	animation-name: fadeInUp;
	animation-delay: 0.8s;
}
#teamitem_9 {
	animation-name: fadeInUp;
	animation-delay: 0.9s;
}
#teamitem_10 {
	animation-name: fadeInUp;
	animation-delay: 1s;
}
#teamitem_11 {
	animation-name: fadeInUp;
	animation-delay: 1.1s;
}
.m2pos { line-height: 35px; background: url(../images/inline.jpg) repeat-x left center; text-align: center; height: 35px; margin-top: 42px; }
.m2posCon { background: #FFF; line-height: 35px; display: inline-block; padding: 0px 25px; }
.erjifl { line-height: 35px; display: inline-block; height: 35px; margin: 0px 10px; padding: 0px 36px; font-size: 16px; background: #E8E8E8; color:#666; border-radius:0.3em; }
.xuanze, .erjifl:hover { color: #FFF; background: #0191d7; text-decoration: none; }
.main2 { width: 1200px; overflow: hidden; color: #666; margin:0 auto; clear:both; }
.abt{ width:1200px; margin:0 auto;  clear:both; font:16px/40px "微软雅黑"; color:#333; text-align:left; padding:10px 15px; margin-top:30px; margin-bottom:30px;}
.abt img{display:block; margin:0 auto; text-align:center; max-width:1150px; clear:both; margin-top:10px; margin-bottom:10px;}

/*分页*/


#pageGro { width: 320px; height: 25px; margin: 0px auto; padding-top: 30px; padding-bottom: 30px; }
#pageGro div, #pageGro div ul li { font-size: 12px; color: #999; line-height: 23px; float: left; margin-left: 5px; }
#pageGro div ul li { width: 22px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #999; cursor: pointer; }
#pageGro div ul li.on { color: #fff; background: #1e50af; border: 1px solid #1e50af; }
#pageGro .pageUp, #pageGro .pageDown { width: 63px; line-height: 25px; border: 1px solid #999; cursor: pointer; }
#pageGro .pageUp { text-align: right; padding-right: 5px; background: url(../images/pageUp.png) 5px 7px no-repeat; }
#pageGro .pageDown { text-align: left; padding-left: 5px; background: url(../images/pageDown.png) 46px 6px no-repeat; }

.w1200 { width: 1200px; margin: 0 auto; clear: both; }

/*联系我们*/


.lxwm { width: 560px; float: left; text-align: left; font:16px/36px "微软雅黑"; color:#333; padding:15px 20px;}
.yy { width: 560px; float: left; margin-left: 40px; height: 400px; }
.yy ul { list-style: none; margin: 0; padding: 0; }
.yy ul li { width: 560px; margin-bottom: 15px; text-align: left; font: 14px/45px 'microsoft yahei'; color: #666; }
.yy ul li input { height: 43px; border: 1px solid #dcdcdc; background: #fff; text-align: left; padding: 0px 5px; font: 14px/43px 'microsoft yahei'; color: #666; width: 450px; border-radius: 4px; }
.yy ul li textarea { height: 130px; border: 1px solid #dcdcdc; background: #fff; text-align: left; padding: 0px 5px; font: 14px/43px 'microsoft yahei'; color: #666; width: 450px; border-radius: 4px; }
.map { width: 1196px; padding:2px; height: 306px; margin: 0 auto; clear: both; border:1px solid #dcdcdc; }
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.mt46{margin-top: 46px;}
.yinse{background: #e8e8e8;}
.mt33{margin-top: 33px;}
.pt70{padding-top: 70px;}
.mr2{margin-right: 5px;}


.service { width: 1200px; margin: 0 auto; clear: both; }
.service ul { list-style: none; margin: 0; padding: 0; }
.service ul li { width: 560px; float:left; margin: 10px 15px; padding: 10px 0px; border-bottom:1px dashed #dcdcdc; font-weight:normal; font:14px/30px "微软雅黑"; color:#333; background:url(../images/dote.jpg) no-repeat left center;}
.service ul li .date{float:right; font:12px/30px Arial, Helvetica, sans-serif "微软雅黑"; color:#888;}
.service ul li a{ color:#333; text-decoration:none; padding-left:20px;}
.service ul li  a:hover{color:#0191d7; text-decoration:none;}

.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.h10 {
	height: 10px;
	clear: both;
	width: 100%;
}
.h20 {
	height: 20px;
	clear: both;
	width: 100%;
}
.h30 {
	height: 30px;
	clear: both;
	width: 100%;
}
.h40 {
	height: 40px;
	clear: both;
	width: 100%;
}
.h50 {
	height: 50px;
	clear: both;
	width: 100%;
}
.weizhi{border-bottom:1px solid #dcdcdc; height:50px; font:14px/50px "微软雅黑"; color:#666; width:1200px;}

.message{width:560px; float:left;}
/*message*/
.mes2{width:500px; margin:0 auto; clear:both; margin-bottom:20px;}
.mes2 dt{background:#ededed; height:35px; font:bold 14px/35px "Microsoft yahei"; color:#858585; text-align:left; padding-left:10px;}
.mes2 dd{text-align:left; width:500px; margin:0 auto; font:16px/35px "Microsoft yahei"; margin:15px 0px; vertical-align:top;}
.mes2 dd .tx_input{ height:35px; border:1px solid #ddd; font:14px/35px "Microsoft yahei"; padding-left:3px;}
.mes2 dd textarea{border:1px solid #ddd; font:14px/30px "Microsoft yahei"; vertical-align:top; padding-left:3px; padding-right:3px;}
.danxuan{width:20px; height:20px; border:none;  }

.read { width: 1100px; margin: 0 auto; clear: both; }
.read dt { width: 1100px; height: 50px; text-align: center; margin: 0 auto; clear: both; font: 18px/50px "Microsoft yahei"; color: #333; margin-top: 15px; border-bottom: 1px dashed #dcdcdc; }
.read dd { width: 1100px; margin: 0 auto; clear: both; text-align: left; font: 16px/32px "Microsoft yahei"; color: #555; }
.read dd img{display:block; margin:0 auto; text-align:center; clear:both; max-width:1100px; margin-top:10px; margin-bottom:10px;}
.beizhu { font: 12px/30px "宋体"; color: #888; text-align: center; display: block; margin: 0 auto; width: 880px; clear: both; }
.xiangguan{ width:1100px; margin:0 auto; clear:both; height:100px; border-top:1px solid #dcdcdc; padding-top:20px;}
.fanhui {float:right; width:120px; height:40px; text-align:center; font:16px/40px "微软雅黑"; color:#fff; background:#0191d7; margin-top:30px; border-radius:4px;}
.fanhui:hover{color:#fff; background:#0079c2; cursor:pointer;}
.xgnew{float:left; width:600px; height:80px; margin-right:20px;}
.xgnew ul{list-style:none; margin:0; padding:0;}
.xgnew ul li{ width:600px; text-align:left; height:40px; font:14px/40px "微软雅黑"; color:#666;}
.xgnew ul li a{color:#666; text-decoration:none;}
.xgnew ul li a:hover{color:#0375d6; text-decoration:none;}

.fenye { font: 14px/36px "微软雅黑"; text-align: center; color: #555; margin: 0 auto; clear: both; width: 1200px; margin-top: 20px; margin-bottom: 30px; }
.fenye a { color: #555; text-decoration: none; }
.fenye a:hover { color: #F00; text-decoration: underline; }