/* CSS Document */

.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {zoom: 1;}/* IE6 */
*:first-child+ html .clearfix {zoom: 1;}/* IE7 */
body,input,textarea,select{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}

.btn:active{
	transform:scale(.95);
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	-o-transform:scale(.95);
	}
html body .brn{ border-right:none;}
/* ico */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zuojiantou:before { content: "\e615"; }
.icon-youjiantou:before { content: "\e60d"; }
.icon-yousanjiao:before { content: "\e67f"; }
.icon-zuosanjiao:before { content: "\e680"; }
.icon-circle-arrow-right:before { content: "\e609"; }
.icon-circle-arrow-left:before { content: "\e606"; }
.icon-fangdajing:before { content: "\e60a"; }
.icon-qq:before { content: "\e696"; }
.icon-qq1:before { content: "\e616"; }
.icon-weixin:before { content: "\e7f0"; }
.icon-weixin1:before { content: "\e636"; }
.icon-weibo:before { content: "\e657"; }
.icon-weibo1:before { content: "\e60c"; }
.icon-tengxunweibo:before { content: "\e65c"; }
.icon-tengxunweibo1:before { content: "\e691"; }
.icon-dianhua:before { content: "\e613"; }
.icon-dizhi:before { content: "\e694"; }
.icon-youjian:before { content: "\e64a"; }
/* Base */

.section{ margin:0 auto; width:1200px;}
.banner{ position:relative;width:100%; height:370px;}
.banner img{ display:block; width:100%;height:370px;}




.banner-img-cont li{ position:relative; float:left; width:100%; margin-right:-100%;}
.banner-btn{ position:absolute; bottom:42px; left:0; width:100%; text-align:center; z-index:9;}
.banner-btn a{ display:inline-block; margin:0 5px; width:10px; height:10px; background:#FFF; border-radius:5px;}
.banner-btn a.active{ width:30px;}
.current{ z-index:1;}
.animating{ z-index:2;}

.qrcode{ position:absolute; right:0; top:0; border:1px solid #cbcbcb;}
.copyright{ margin-top:60px; border-top:1px solid #DDD; font-size:12px; line-height:52px; color:#676767;}
.copyright a{ color:#676767;}
.copyright a:hover{ text-decoration:underline;}
/*animation*/
.duration a,.banner-btn a,.imghover img,.durationli li,.imgDemo img{
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
.imghover a:hover img,.imgDemo img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.moveFromTop {
	animation: moveFromTop .3s ease both;
	-webkit-animation: moveFromTop .3s ease both;
	-moz-animation: moveFromTop .3s ease both;
	-o-animation: moveFromTop .s ease both;
}
@keyframes moveFromTop {
	from {transform: translateY(-100%); }
}
@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTop {
	from { -moz-transform: translateY(-100%); }
}
@-o-keyframes moveFromTop {
	from { -o-transform: translateY(-100%); }
}
.moveFromBottom {
	animation: moveFromBottom .3s ease both;
	-webkit-animation: moveFromBottom .3s ease both;
	-moz-animation: moveFromBottom .3s ease both;
	-o-animation: moveFromBottom .3s ease both;
}
@keyframes moveFromBottom {
	from {transform: translateY(100%); }
}
@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveFromBottom {
	from { -moz-transform: translateY(100%); }
}
@-o-keyframes moveFromBottom {
	from { -o-transform: translateY(100%); }
}
@keyframes keepRotate {
	from {transform: rotate(360deg); }
}
@-webkit-keyframes keepRotate  {
	from { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes keepRotate {
	from { -moz-transform: rotate(360deg); }
}
@-o-keyframes keepRotate {
	from { -o-transform: rotate(360deg); }
}
/* Index */
.engineer{ position:relative;  z-index:10; margin:10px auto;}
.engineer .prev,.engineer .next{ position:absolute; top:70px; padding:10px; color:#666;}
.engineer .prev{ left:-45px;}
.engineer .next{ right:-45px;}
.engineer>a:hover{ color:#0b68ab;}
.eng-box{ margin-left:-5px; width:1205px; height:370px; overflow:hidden;}
.eng-cont{ position:relative; margin:0 auto;}
.eng-cont a{ position:relative; display:block; float:left; margin:0 5px; width:232px; height:144px; background:#000;}
.eng-cont img{
	transition-duration: .7s;
	-moz-transition-duration: .7s;
	-webkit-transition-duration: .7s ; 
	-o-transition-duration: .7s;
	opacity:.5;
	}
.eng-cont a:hover img{ opacity:1;}
.eng-cont div{ position:absolute; top:0; left:0; padding-top:50px; width:100%; color:#FFF; text-align:center;}
.eng-cont h2{ margin-bottom:5px; font-size:16px;}
.eng-cont p{ margin-bottom:13px; font-size:12px;}
.eng-cont i{ display:block; margin:0 auto; height:2px; width:22px; background:#FFF;}