@charset "UTF-8";
body{
	font-family: arial;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(230, 33, 42,.65);
  height: 50px;
  outline-offset: -2px;
  outline: 2px solid #fff;
  -webkit-border-radius: 4px;
  /*border: 2px solid #fff;*/
}

/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
  background-color: #c3072c;
  height: 50px;
  /*-webkit-border-radius: 4px;*/
}

/*---滚动条大小--*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
      background: rgba(0, 0, 0, 0.34902)
  -webkit-border-radius: 0;
}


body{
	background: #f5f5f5;
}

.w1200{
	width: 1200px;
	margin:0 auto;
}

header{
	position: fixed;
	top:0;
	left:0;
	width:94%;
	height:86px;
	background: #fff;
	padding:0 3%;
	min-width: 1200px;
	z-index: 99;
}

header .logo{
	height:86px;
	line-height: 86px;
}

header .nav-box{
	/* padding:45px 0 15px; */
	padding:30px 0 30px;
	height:26px;
}

header .search-box{
	width:21px;
	height:21px;
	position: relative;
	z-index: 3;
}

header .search-box .search-btn{
	display: block;
	width:21px;
	height:21px;
}

header .search-box .search{
	position: absolute;
	right:0;
	top:2px;
	width:0;
	overflow: hidden;
}

header .search-wrap{
	width:215px;
}

header .search input{
	display: block;
	width:170px;
	font-size: 14px;
	border:none;
	box-shadow: none;
	outline: none;
	padding: 0 10px 8px;
	
}

header .search input[type=text]{
	border-bottom:1px solid #b2b2b2;
}

header .search input[type=submit]{
	width:21px;
	height:21px;
	background: url(../img/search.png) no-repeat center;
}

header .nav-box .lang{
	font-size: 14px;
	color:#333;
	text-transform: uppercase;
	margin-right: 24px;
	transition:all .3s linear;
}

header .nav-box .lang:hover{
	color:#f62935;
}

header .nav{
	/*padding-right: 20px;*/
	border-right:1px solid #cdcdcd;
	margin-right: 40px;
	height:28px;
}

header .nav li{
	float:left;
	margin-right: 40px;
	height:40px;
	position: relative;
}



header .nav li>a{
	display: block;
	padding:0 13px 0 0;
	font-size: 14px;
	color:#333;
	background: url(../img/arrow.png) no-repeat right center;
	transition:all .3s linear;
}

header .nav li:hover>a,
header .nav li.cur>a{
	color:#e6212a;
}

header .nav li.home a{
	background: none;
}

header .navson{
	position: absolute;
	left:50%;
	top:35px;
	width:188px;
	margin-left: -94px;
	border-top:3px solid #e6212a;
	border-bottom: none;
	background: #fff;
	display: none;
}

header .navson a{
	display: block;
	color:#333;
	font-size: 14px;
	height:50px;
	line-height: 50px;
	border:1px solid #e5e5e5;
	border-top:none;
	/*padding-left: 25px;
	width:163px;*/
	text-align: center;
	transition:all .3s linear;
}

header .navson a:hover{
	color:#e6212a;
	background: #e6212a;
	color:#fff;
	border-color:#e6212a;
}

.clearfixed{
	width:100%;
	height:86px;
}

.load-bg{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #f5f5f5;
    z-index: 9999;
}

.load-bg .loading{
	width: 258px;
	height: 37px;
    position: fixed;
    top: 50%;
    margin: -36px 0 0 -31px;
    z-index: 999;	left: 50%;
    transform: translateX(-50%)

}

.gray, 
.orange {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 258px;
	height: 37px;
}

.gray{
    background: url(../img/logo1.png) no-repeat left bottom;
    background-size: 258px 37px;
}

.orange{
	background: url(../img/logo.png) no-repeat left bottom;
	background-size: 258px 37px;
    -webkit-animation:fill 3s linear infinite forwards;
    -moz-animation:fill 3s linear infinite forwards;
    -ms-animation:fill 3s linear infinite forwards;
}

@-moz-keyframes fill {
   	0% { height: 0px; }
    20% { height: 20px; }
    40% { height: 35px; }
    60% { height: 55px; }
    100% { height: 72px; }
}

@-webkit-keyframes fill {
	0% { height: 0px; }
	20% { height: 20px; }
	40% { height: 35px; }
	60% { height: 55px; }
	100% { height: 72px; }
}

@keyframes fill {
	0% { height: 0px; }
	20% { height: 20px; }
	40% { height: 35px; }
	60% { height: 55px; }
	100% { height: 72px; }
}

/**************header end************/

footer{
	height:30px;
	background: #333;
	padding:30px 0;
	font-size: 14px;
	color:#bfbfbf;

}

footer a{
	font-size: 14px;
	color:#bfbfbf;
	transition:all .3s linear;
}

footer a:hover{
	color:#e6212a;
}

footer .f-map a{
	float:left;
	
	margin-right: 20px;
}

footer .copy{
	margin-right: 15px;
	font-style: normal;
}

/*********footer end*********/

.bscroll{
	position:absolute;
	right:0px;
	top:0px;
	width:1px;
	height:100%;
	display:block;
}

.main{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

.iban{
	min-width: 1200px;
}

.view{
	position: absolute;
	left:0;
	top:100%;
	width:100%;
	height:100%;
	min-width: 1200px;
	overflow: hidden;
	display: none;
	z-index: 5;
}

.view-bg{
	position: absolute;
	/*left:50%;
	margin-left:-960px;*/
}

.iban .btns{
	left:0;
	bottom:5%;
	font-size: 0;
	text-align: center;
	width: 100%;
}
.poa{
	position: absolute;
}

.iban .btns span{
	display:inline-block;
	cursor: pointer;
	height: 14px;
	width: 14px;
    border-radius: 100%;
    margin: 0 5px;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	transition: all 0\0/IE9;
	-webkit-transition:all 0\0/IE9;
	background: #fff;
}
.iban .btns span.cur{
	background: #f62935;
}

#ascrail2000{
	opacity: .65;
	filter: alpha(opacity=65);
}

.i-about-box{
	min-width: 1200px;
	overflow: hidden;
}

.i-about{
	width:870px;
	height:310px;
	position: absolute;
	left:50%;
	bottom:15%;
	margin:-155px 0 0 -435px;
}

.i-about .img{
	width:81px;
	height:81px;
}

.i-about .img img{
	display: block;
	width:100%;
	height: 100%;
}

.view .text-box{
	width:750px;
	color:#fff;
}

.view .tit{
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
}

.view .tit .cn{
	text-transform: uppercase;
	font-family: arial;
}

.view .tit .en{
	font-family: "Lao UI";
	/*font-family: arial;*/
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 30px;
	opacity: .65;
	filter: alpha(opacity=65);
}

.i-about .text{
	font-size: 14px;
	margin:20px 0 0;
}

.link-box{
	margin:50px 0 0;
}

.link-box a{
	float: left;
	width: 200px;
	height:50px;
	border:2px solid #fff;
	text-align: center;
	line-height: 50px;
	color:#fff;
	font-size: 18px;
	border-radius: 25px;
	font-family: arial;
	transition:all .3s linear;
}

.link-box a:hover{
	background: #e6212a;
	border-color:#e6212a;
	opacity: .75;
	filter: alpha(opacity=75);
}

.i-about .link-box a{
	margin-right: 45px;
}

.i-develop-box .develop{
	width:890px;
	height:545px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-272px 0 0 -450px;
}

.i-develop-box .develop .title-box{
	width:420px;
	margin:0 auto;
}

.i-develop-box .develop .img{
	width:81px;
	height:81px;
}

.i-develop-box .develop .img img{
	width:100%;
	height:100%;
}

.i-develop-box .develop .tit{
	color:#fff;
	text-align: center;
	margin:15px 0 0;
}

.index-develop-box{
	margin:40px 0 0;
	padding:20px 0;
	background: url(../img/w-line.png) repeat-y center;
	width:890px;
	overflow: hidden;
	position: relative;
}

.index-develop{
	width:890px;
	padding-right: 20px;g
	height:270px;
	overflow-y: auto;
	position: relative;
}

.index-develop .right,
.index-develop .left{
	width:400px;
	position: relative;
}

.index-develop li{
	background: url(../img/w-circle.png) no-repeat center;
	*background: url(../img/w-circle.png) no-repeat 51.5% 50%;
}

/*.index-develop .left .circle{
	position: absolute;
	right:-49px;
	top:50%;
	margin-top: -4px;
	width:8px;
	height:8px;
	background: url(../img/w-circle.png) no-repeat center;
}*/

.index-develop .time{
	font-size: 14px;
	color:#fff;
	width:80px;
}

.index-develop .text{
	font-size: 14px;
	color:#fff;
	line-height: 24px;
	width:300px;
}

.i-develop-box .link-box{
	font-size: 0;
	text-align: center;
}

.i-develop-box .link-box a{
	display: inline-block;
	*display: inline;
	zoom:1;
	margin: 0 24px;
	float:none;
}

.i-tech-box{
	width:100%;
}

.i-tech-box .yellow{
	width: 100%;
	min-width: 1200px;
	height:325px;
}

.i-tech-box .i-tech{
	min-height: 100%;
	
}

.i-tech-box .tech{
	padding:35px 0 57px;
	*padding:35px 0 37px;
}

.i-tech-box .tube{
	position: absolute;
	left: 50%;
	bottom:35px;
	width:302px;
	height:1130px;
	margin-left: -151px;
}

.i-tech-box .i-tech li{
	margin-bottom:60px;
}

.i-tech-box .i-tech .left,
.i-tech-box .i-tech .right{
	width: 490px;
}

.i-tech-box .i-tech .cn{
	font-size: 18px;
	color:#333;
	font-weight: bold;
	line-height: 20px;
}

.i-tech-box .i-tech .en{
	font-size: 12px;
	color:#666;
	font-family: "Lao UI";
}

.i-tech-box .i-tech .content{
	font-size: 14px;
	color:#333;
	line-height: 26px;
	margin:15px 0 0;
}

.i-tech-box .white .cn,
.i-tech-box .white .en,
.i-tech-box .white .content{
	color:#fff;
}

.i-tech-box .product p{
	background: url(../img/fang.png) no-repeat left center;
	padding-left: 15px;
}

.explore-box{
	/*padding:60px 0 75px;*/
	width:100%;
	height:630px;
	text-align: center;
}

.explore-wrap{
	position: absolute;
	width: 1200px;
	height:400px;
	top:50%;
	left:50%;
	margin:-250px 0 0 -600px;
}

.explore-box .title-box .cn{
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	color:#fff;
}

.explore-box .title-box .en{
	font-size: 20px;
	font-family: arial;
	color: #fff;
}

.i-tech-box .explore-box .content{
	color:#d3d6d9;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 70px;
}

.i-tech-box .explore{
	width:790px;
	margin:0 auto; 
}

.i-tech-box .explore li{
	float:left;
	width:125px;
	margin: 0 41px 0 0;
	text-align: center;
}

.i-tech-box .explore li a{
	display: block;
}

.i-tech-box .explore li.on{
	margin: 0;
}

.i-tech-box .explore .icon{
	width:125px;
	height:125px;
	transition:all .3s linear;
}

.i-tech-box .explore .desc{
	font-size: 18px;
	color:#777879;
	margin-top: 10px;
	line-height: 24px;
	transition:all .3s linear;
}

.i-tech-box .explore li:hover .desc{
	color:#fff;
}

.i-tech-box .icon1 .icon{
	background: url(../img/icon1.png) no-repeat center;
}

.i-tech-box .icon1:hover .icon{
	background: url(../img/h-icon1.png) no-repeat center;
}

.i-tech-box .icon2 .icon{
	background: url(../img/icon2.png) no-repeat center;
}

.i-tech-box .icon2:hover .icon{
	background: url(../img/h-icon2.png) no-repeat center;
}

.i-tech-box .icon3 .icon{
	background: url(../img/icon3.png) no-repeat center;
}

.i-tech-box .icon3:hover .icon{
	background: url(../img/h-icon3.png) no-repeat center;
}

.i-tech-box .icon4 .icon{
	background: url(../img/icon4.png) no-repeat center;
}

.i-tech-box .icon4:hover .icon{
	background: url(../img/h-icon4.png) no-repeat center;
}

.i-tech-box .icon5 .icon{
	background: url(../img/icon5.png) no-repeat center;
}

.i-tech-box .icon5:hover .icon{
	background: url(../img/h-icon5.png) no-repeat center;
}

.i-news-box .i-news-wrap{
	background: url(../img/f-bg.png);
	height:65%;
	position: relative;
}

.i-news-box .i-news{
	position: absolute;
	left:50%;
	bottom:25%;
	margin:-100px 0 0 -545px;
	width:1090px;
}

.i-news .picList{
	width:985px;
	height:200px;
}

.i-news .picList li{
	float:left;
	margin-right: 16px;
	width:234px;
	border-bottom:3px solid #fff;
}

.i-news .picList li a{
	display: block;
}

.i-news .picList li .pic{
	width:234px;
	height:140px;
	overflow: hidden;
}

.i-news .picList li .tit{
	font-size: 14px;
	color:#666;
	font-weight: normal;
	line-height: 30px;
}

.i-news .picList li .pic img{
	width:100%;
	height:100%;
	transition:all .3s linear;
}

.i-news .picList li .time{
	text-align: right;
	color:#fff;
	font-weight: bold;
	font-family: "Lao UI";
	font-size: 18px;
	line-height: 26px;
}

.i-news .picList li:hover img{
	transform:scale(1.1);
}

.i-news .bd{
	width:985px;
	margin:0 auto;
	overflow: hidden;
}

.i-news .next,
.i-news .prev{
	width:16px;
	height:28px;
	transition:all .3s linear;
}

.i-news .next{
	position: absolute;
	right:-50px;
	top:80px;
	background: url(../img/news-next.png) no-repeat center;
}

.i-news .next:hover{
	background: url(../img/news-next2.png) no-repeat center;
}

.i-news .prev{
	position: absolute;
	left:-50px;
	top:80px;
	background: url(../img/news-prev.png) no-repeat center;
}

.i-news .prev:hover{
	background: url(../img/news-prev2.png) no-repeat center;
}

.i-part .picList li{
	margin-right: 8px;
	border:none;
	width:190px;
}

.i-part .picList li:hover img{
	transform:scale(1);
}

.i-part .picList li .part-img{
	display: block;
	width:190px;
	height:88px;
	margin:0 0 8px 0;
}

.i-part .picList li .part-img img{
	width:100%;
}

.i-case .picList{
	height:auto;
}

.i-case .picList li{
	height:auto;
	border:none;
	float:left;
	width:234px;
	margin-right: 16px;

}

.i-case li a{
	display: block;
}

.i-case .img{
	width:100%;
	height:170px;
}

.i-case .img img{
	width:100%;
	height:100%;
}

.i-case li .desc{
	text-align: center;
    color: #333;
    font-size: 14px;
    margin: 15px 0 0;
}

.i-case .picList li:hover img{
	transform:scale(1);
}

.i-news-box .tab-box{
	height:35%;
	background: #ad6207;
	position: relative;
}

.tab-box .line{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:8px;
	background: #8a4e06;
}

.tab-box .tab{
	width:470px;
	margin:0 auto;
}

.tab-box .tab li{
	float:left;
	width:84px;
	height:130px;
	overflow: hidden;
	margin-right:105px;
	text-align: center;
	position: relative;
	padding:50px 0 0;
}

.tab-box .tab li.case{
	margin:0;
}

.tab-box .tab li a{
	display: block;
}

.tab-box .tab li .arrow{
	position: absolute;
	left:50%;
	top:-32px;
	margin-left: -25px;
	width:49px;
	height:32px;
	background: url(../img/news-cur.png) no-repeat center;
	transition:all .3s linear;
}

.tab-box .tab li .img{
	width:84px;
	height:84px;
	/*margin:50px 0 0;*/
	transition:all .3s linear;
}
.tab-box .tab li .text{
	margin:10px 0 0;
	color:#cfa574;
	font-size: 14px;
	transition:all .3s linear;
}

.tab-box .tab li:hover .arrow,
.tab-box .tab li.cur .arrow{
	top:0;
}

.tab-box .tab li:hover .text{
	color:#fff;
}


.tab-box .tab .news .img{
	background: url(../img/news.png) no-repeat center;
	
}

.tab-box .tab .news:hover .img,
.tab-box .tab .news.cur .img{
	background: url(../img/news2.png) no-repeat center;
}

.tab-box .tab .partner .img{
	background: url(../img/partner.png) no-repeat center;
}

.tab-box .tab .partner:hover .img,
.tab-box .tab .partner.cur .img{
	background: url(../img/partner2.png) no-repeat center;
}

.tab-box .tab .case .img{
	background: url(../img/case.png) no-repeat center;
}

.tab-box .tab .case:hover .img,
.tab-box .tab .case.cur .img{
	background: url(../img/case2.png) no-repeat center;
}

.tab-box .copy-box{
	width:1200px;
	height:52px;
	position: absolute;
	left: 50%;
	bottom:0;
	margin-left: -600px;
	border-top:2px solid #b36f1d;
}

.tab-box .copy-box div,
.tab-box .copy-box a{
	color:#bfbfbf;
	font-size: 12px;
	line-height: 52px;
	transition:all .3s linear;
}

.copy-box a:hover{
	color:#fff;
}

/************welcome end***************/

.sub-banner{
	width:100%;
	height:350px;
	min-width: 1200px;
}

.sub-banner.on .text{
	color:#fff;
}

.sub-banner .text{
	font-size: 30px;
	color:#333;
	position: absolute;
	left:50%;
	top:50%;
	width: 500px;
	height:80px;
	margin:-40px 0 0 -250px;
	text-align: center;
}

.sub-banner .text .cn{
	font-weight: bold;
	line-height: 50px;
}

.sub-banner .text .en{
	font-size: 17px;
	font-family: arial;
	line-height: 26px;
}

.title{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.sub-wrap{
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 0 10px #e5e5e5;
}

.about-box{
	padding:50px 0 70px;
}

.about-box .about{
	margin:40px 0 0;
	padding:80px 70px;
}

.about-box .about .content-box{
	width:580px;
}

.about-box .about .tit{
	font-size: 22px;
	color:#333;
	line-height: 34px;
}

.about-box .about .tit .en{
	font-size: 12px;
	color:#999;
}

.about-box .about .tit .line{
	width:60px;
	height:1px;
	background: #ddd;
	margin:25px 0 0;
}

.about-box .about .content{
	font-size: 14px;
	color:#666;
	line-height: 28px;
	margin:20px 0 0;
}

.about-box .about .pic{
	width:433px;
	height:340px;
}

.about-box .about .pic img{
	width:100%;
	height:100%;
}

.about-box .text-box{
	font-size: 14px;
	color:#666;
	line-height: 28px;
	margin:20px 0 0;
}

.about-box .text-box img{
	max-width: 100%;
}

/**************about end************/

.map-box{
	width: 100%;
	height:765px;
	min-width: 1200px;
}

.map-box .map{
	width:100%;
	height:765px;
}

.map-box .contact-box {
  width:650px;
  height: 335px;
  background: #fdfeff;
  opacity: .93;
  filter: alpha(opacity=93);
  box-shadow: 0 0 10px 2px #d8d8d8;
  position: absolute;
  top: 50%;
  right: 50%;
  margin:-207px -400px 0 0;
  overflow: hidden;
  transition: all .3s;
  padding:40px 60px 40px 90px;
}
.map-box .contact-box .close {
  width: 23px;
  height: 23px;
  background: url(../img/close.png) no-repeat center;
  padding: 10px;
  cursor: pointer;
  top: 0;
  right: 0;
}
.map-box .contact-box.cur {
  width: 43px;
  height: 43px;
  overflow: hidden;
  text-align: center;
  line-height: 46px;
  padding:0;
}
.map-box .contact-box.cur .contact{
	display: none;
}
.map-box .contact-box.cur .close {
  width: 23px;
  height: 23px;
  background: url(../img/open.png) no-repeat center;
}

.map-box .c-contact {
  width: 250px;
  margin-right: 60px;
}
.map-box .c-contact h3 {
  font-size: 24px;
  height: 24px;
  line-height: 24px;
}
.map-box .c-contact .divide {
  width: 31px;
  height: 1px;
  background: #ccc;
  margin: 42px 0 22px 0;
}

.map-box .con{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
	width:250px;
}

.map-box .form-contact {
  width: 290px;
  padding-left: 49px;
  border-left:1px solid #e5e5e5;
}
.map-box .form-contact input[type=text],
.map-box .form-contact textarea {
  width: 258px;
  height: 34px;
  border: 1px solid #cccccc;
  outline: none;
  line-height: 34px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
  padding: 0 15px 0;
}
.map-box .form-contact textarea {
  height: 128px;
  resize: none;
  margin: 0;
}
.map-box .form-contact .submit {
  display: block;
  width: 138px;
  height: 48px;
  margin: 0 auto;
  border-radius: 5px;
  text-align: center;
  background: #e6212a;
  color: #fff;
  font-size: 14px;
  opacity: 1;
  filter: alpha(opacity=100);
  border: 1px solid #e6212a;
  padding:0;
  transition: all .3s linear;
}
.map-box .form-contact .submit:hover {
  background: #fff;
  color: #e6212a;
}

.map-box .form-contact .check{
	margin: 10px 0 15px;
}

.map-box .form-contact .check input{
	width:100px;
	margin:0;
}

.map-box .form-contact .check img{
	height:34px;
	margin-left: 10px;
}

/*********contact end************/

.case-box{
	padding:60px 0 70px;
}

.case-box .case{
	margin:40px 0 0;
	padding:65px 75px;
	width:1050px;
	overflow: hidden;
}

.case-box .case ul{
	width:1080px;
}

.case-box .case li{
	float:left;
	width:240px;
	margin:0 30px 30px 0;
}

.case-box .case li .pic{
	width:240px;
	height:180px;
}

.case-box .case li .pic img{
	width:100%;
	height:100%;
}

.case-box .case li .desc{
	text-align: center;
	color:#333;
	font-size: 14px;
	margin:15px 0 0;
	transition:all .3s linear;
}

.case-box .case li:hover .desc{
	color:#e6212a;
}

.page{
	font-size: 0;
	text-align: center;
	/*margin:55px 0 0;*/
}

.case .page{
	margin:55px 0 0;
}

.page a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: 14px;
	color:#666;
	padding:2px 10px;
	border:1px solid #eaeaea;
	transition:all .3s;
}

.page a.prev,
.page a.next{
	margin:0 20px;
	font-size: 12px;
	padding:4px 12px;
}

.page a:hover,
.page a.active{
	color:#fff;
	background: #e6212a;
	border:1px solid #e6212a;
}

/**********case end********/

.honor{
	margin:40px 0 0;
	padding:60px 100px 70px;
}

.honor a{
	display: block;
}

.honor .bimg-box{
	width:420px;
	height:620px;
	margin:0 auto;
	overflow: hidden;
}

.honor .bimg-box .bimg{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	/*height: 100%;*/
	display: none;
}

.honor .bimg-box .bimg img{
	width:100%;
	/*height: 100%;*/
}

.honor .text{
	font-size: 16px;
	color:#000;
	text-align: center;
	margin:25px 0 0;
}

.honor .simg{
	margin:35px 0 0;
	padding:11px 38px;
	background: #fbfbfb;
	border:1px solid #e8e8e8;
}

.honor .simg .btn{
	width:23px;
	height:132px;
	transition:all .3s linear;
}

.honor .simg .prev{
	background: url(../img/h-prev.png) no-repeat center;
}

.honor .simg .prev:hover{
	background: url(../img/h-prev2.png) no-repeat center;
}

.honor .simg .next{
	background: url(../img/h-next.png) no-repeat center;
}

.honor .simg .next:hover{
	background: url(../img/h-next2.png) no-repeat center;
}

.honor .simgmove{
	width:805px;
	margin-left: 34px;
	overflow: hidden;
}

.honor .simgmove li{
	float:left;
	width:190px;
	height:132px;
	margin-right: 15px;
}

.honor .simgmove li img{
	width:100%;
	height:100%;
}

.honor .simgmove li .mask{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}

.honor .simgmove li.cur .mask{
	opacity: 0;
	filter: alpha(opacity=0);
}

/*********honor end*********/

.develop-box{
	padding:60px 0 85px;
}

.develop-wrap{
	padding:90px 140px;
	margin:40px 0 0;
}


.develop-wrap .text{
	width:398px;
	border:1px solid #e8e8e8;
	border-radius: 4px;
	padding:10px 15px;
}

.develop-wrap .develop{
	background: url(../img/line.png) repeat-y center;
	padding:15px 0;
}

.develop-wrap .develop .right .circle{
	position: absolute;
	left:-35px;
	top:50%;
	width:8px;
	height:8px;
	background: url(../img/circle.png) no-repeat center;
	margin-top: -4px;
	transition:all .3s linear;
}

.develop-wrap .develop .left .circle{
	position: absolute;
	right:-35px;
	top:50%;
	width:8px;
	height:8px;
	background: url(../img/circle.png) no-repeat center;
	margin-top: -4px;
	transition:all .3s linear;
}

.develop-wrap .develop .time{
	font-size: 14px;
	color:#000;
	transition:all .3s linear;
}

.develop-wrap .develop .content{
	width: 300px;
	font-size: 14px;
	color:#666;
	line-height: 26px;
	transition:all .3s linear;
}

.develop-wrap .develop .text:hover{
	background: #e6212a;
}

.develop-wrap .develop .text:hover .circle{
	background: url(../img/circle2.png) no-repeat center;
}

.develop-wrap .develop .text:hover .time{
	color:#fff;
}
.develop-wrap .develop .text:hover .content{
	color:#fff;
}

/***********develop end************/

.news-box{
	padding:60px 0;
}

.news-box .news{
	margin:35px 0 0;
	padding:50px 130px;
}

.news-box .news li{
	background: #f9f9f9;
	padding:20px 55px 20px 25px;
	margin-bottom: 30px;
}

.news-box .news li a{
	display: block;
}

.news-box .news li .img{
	width:234px;
	height:140px;
	overflow: hidden;
}

.news-box .news li .img img{
	width:100%;
	height:100%;
	transition:all .3s linear;
}

.news-box .news li .text-box{
	width:600px;
}

.news-box .news li .tit{
	font-size: 18px;
	color:#333;
	line-height: 30px;
	transition:all .3s linear;
}

.news-box .news li .time{
	font-size: 12px;
	color:#999;
	line-height: 20px;
}

.news-box .news li .content{
	color:#999;
	font-size: 14px;
	line-height: 24px;
	margin:20px 0 0;
	height:48px;
	overflow: hidden;
}

.news-box .news li:hover .tit{
	color:#e6212a;
}

.news-box .news li:hover img{
	transform:scale(1.1);
}

.news .page{
	margin:45px 0 0;
}

/***********news end********/

.product-box{
	padding:60px 0 75px;
}

.product-box .product{
	margin:40px 0 0;
	padding:65px 75px 70px;
	width:1050px;
	overflow: hidden;
}

.product ul{
	width:1086px;
}

.product li{
	float:left;
	width:325px;
	background: #f9f9f9;
	margin:0 36px 36px 0;
}

.product li a{
	display: block;
}

.product li .pic{
	width:100%;
	height:180px;
	overflow: hidden;
}

.product li .pic img{
	width:100%;
	height:100%;
	transition:all .3s linear;
}

.product li .text-box{
	padding:15px 30px 20px 25px;
}

.product li .text-box .tit{
	font-size: 18px;
	color:#333;
	line-height: 30px;
	transition:all .3s linear;
}
.product li:hover .text-box .tit{
	color:#e6212a;
}
.product li .text-box .content{
	font-size: 14px;
	line-height: 24px;
	color:#999;
	margin:15px 0 0;
	height:48px;
	overflow: hidden;
}

.product li:hover img{
	transform:scale(1.1);
}

.product .page{
	margin:50px 0 0;
}

/**********product end**********/

.ban-service .text{
	color:#fff;
}

.tech-box{
	padding:70px 0 75px;
}

.tech-box .tech{
	padding:80px 60px 70px;
	margin:40px 0 0;
	width:1050px;
	overflow: hidden;
}

.tech-box .tech ul{
	width:1070px;
}

.tech-box .tech li{
	float:left;
	width:276px;
	height:91px;
	background: #f5f5f5;
	padding:15px 30px 20px;
	margin:0 20px 20px 0;
	transition:all .3s linear;
}

.tech-box .tech li a{
	display: block;
}

.tech-box .tech .text-box{
	width:240px;
}

.tech-box .tech .text{
	font-size: 14px;
	color:#666;
	line-height: 24px;
	transition:all .3s linear;
}

.tech-box .tech .time{
	font-size: 12px;
	color:#999;
	margin:20px 0 0;
	transition:all .3s linear;
}

.tech-box .tech .download{
	width:19px;
	height:21px;
	background:url(../img/download.png) no-repeat center;
	margin:5px 0 0;
	transition:all .3s linear;
}

.tech-box .tech li:hover{
	background: #e6212a;
}

.tech-box .tech li:hover .text{
	color:#fff;
}

.tech-box .tech li:hover .time{
	color:#fff;
}

.tech-box .tech li:hover .download{
	background:url(../img/download2.png) no-repeat center;
}

.tech-box .page{
	margin:50px 0 0;
}

/***********tech end*************/

.news-detail-box {
  width: 100%;
  padding: 70px 0;
  background: #f7f7f7;
}

.news-detail-box .wrap {
  width: 1070px;
  padding: 75px 65px 80px;
  background: #fff;
}

.news-detail-box .detail-tit {
  text-align: center;
  color: #333;
  padding-bottom: 23px;
  border-bottom: 1px solid #e7e7e7;
}

.news-detail-box h2 {
  color: #333;
  font-size: 30px;
}

.detail-tit div {
  font-size: 14px;
  margin-top: 15px;
}

.detail-content {
  margin-top: 35px;
  padding-bottom: 60px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 14px;
  line-height: 26px;
}

.detail-content img {
  max-width: 100%;
}

.page-box {
  width: 1100px;
  margin: 0 auto;
  padding: 15px 35px 0;
}

.page-box a {
  color: #333;
  font-size: 14px;
}

.page-box a:hover {
  color: #e6212a;
}

.page-box a.back {
  width: 128px;
  height: 38px;
  border: 1px solid #e6212a;
  background: #e6212a;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  border-radius: 5px;
  transition: all .3s linear;
}
.page-box a.back:hover {
  background: #fff;
  color: #e6212a;
}

.detail-page a {
  display: block;
}

/************newsdtl end************/