@charset "utf-8";
/* CSS Document */


/* banner开始 */
.shutter {overflow: hidden; width:100%; height:636px; position: relative; margin:0 auto; }
.shutter-img {z-index: 1; }
.shutter-img, .shutter-img a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.shutter-img a {cursor: default; }
.shutter-img a > img {width: 100%; height: 100%; }
.shutter-img .created {overflow: hidden; position: absolute; z-index: 20; }
.shutter-btn {}
.shutter-btn li {position: absolute; z-index: 2; top: 50%; width: 49px; height: 49px; margin-top: -25px; cursor: pointer; }
.shutter-btn li.prev {left: 20px; background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px; }
.shutter-btn li.next {right: 20px; background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px; } 
/* banner结束*/


.wrap {width: 100%; } 

/* about开始 */
.about {width: 100%; position: relative; }
.about_con {width: 1200px; height: 470px; margin: 0 auto; }
.about_ti {text-align: center; padding: 38px 0; }
.about_ti h1 {font-weight: normal; font-size: 25px; color: #4a4a4a; }
.about_ti span {font-size: 13px; color: #787777; font-family: 'Helvetica-Light'; letter-spacing: 1.2px; }
.about_ti h2 {
    color: #fff;
    height: 0;
}
.about_l {width: 677px; height: 418px; margin-top: 50px; position: relative; overflow: hidden; }
.about_l span {position: absolute; font-size: 25px; line-height: 30px; font-family: 'Helvetica-Light'; color: #fff; right: 128px; bottom: 20px; z-index: 2; }
.about_l img {width: 100%; vertical-align: middle; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }
.about_l:hover img { webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }

.about_r {position: absolute; top: 140px; right: 0; width: 50%; height: 520px; background-color: #0062b1; color: #fff; font-size: 16px; padding: 70px 100px; box-sizing: border-box; }
.about_r h3 {font-size: 26px; font-weight: normal; margin-bottom: 24px; }
.about_r p {width: 480px; font-size: 14px; margin-bottom: 30px; line-height: 30px; }
.about_r a {display: block; font-size: 15px; width: 93px; height: 37px; text-align: center; background-color: #fff; cursor: pointer; line-height: 37px; color: #055999; }
/* about结束 */

/* display开始 */
.display {width: 100%; min-height: 450px; }
.box1 {width: 1200px; position: relative;}
.box1 .leftLoop {width: 1200px; overflow: hidden;}
.box1 .leftLoop .hd {	}
.prev {display: block; position: absolute; left: -50px; top: 114px; width: 28px; height: 53px; background: url(../images/prev.jpg)no-repeat; cursor: pointer; }
.next {position: absolute; right: -50px; top: 114px; width: 28px; height: 53px; background: url(../images/next.jpg)no-repeat; cursor: pointer; }
.box1 .bd {height: 100%; }
.bd ul {height: 100%; }
.box1 .bd ul li {width: 287px; height: 307px; float: left; margin-right: 15px; }
.dis_pic {width: 287px; height: 263px; position: relative; overflow: hidden; }
.dis_pic img {width: 287px; height: 263px; vertical-align: middle; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } 
.dis_pic:before {content: ""; width: 0; height: 100%; background: #000; padding: 14px 18px; box-sizing: border-box; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.dis_pic i {position: absolute; left: 44%; top: 80%; display: block; width: 40px; height: 40px; opacity: 0; background: url(../images/more.png)no-repeat center; transition: all 0.5s ease 0s; }
.dis_pic:hover img {webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }
.dis_pic:hover:before {width: 100%; left: 0; opacity: 0.5; }
.dis_pic:hover i {top: 46%; opacity: 1; transition-delay: 0.5s; }
.dis_pic img {width: 100%; }
.dis_txt {width: 285; height: 40px; line-height: 42px; border: 1px solid #d2d2d2; text-align: center; }
.dis_txt a {font-size: 16px; color: #4a4a4a; }
/* display结束 */

/* application开始 */
.application{width: 100%; min-height: 680px;}
.appl_con {width: 100%; height: 545px; position: relative; overflow: hidden; }
.tab {position: absolute; width: 50%; height: 100%; top: 0; right: 0; box-sizing: border-box;} 
.on {background-position-y:-55px;}
.tab ul {width: 66%; height: 54%; position: absolute; top: 23%; left: 6%; }
.tab ul li:hover .tab-icon {background-position-y:-55px; }
.tab li {float: left; width: 140px; height: 82px; margin: 6px; border-radius: 20px; padding: 24px 0px; background-color: #fff; cursor: pointer; }
.tab .tab-item {width: 120px; padding: 0 10px; }
.tab .tab-item .tab-icon {height: 55px; overflow: hidden; margin: 0 32px; }
.tab .tab-item .tab-txt {margin-top: 6px; font-size: 20px; color: #5c5c5c; text-align: center; }
.tab .tab-one {background:url(../images/qc.jpg) no-repeat center top;}
.tab .tab-two {background:url(../images/sf.jpg) no-repeat center top;}
.tab .tab-three {background:url(../images/tm.jpg) no-repeat center top;}
.tab .tab-four {background:url(../images/gl.jpg) no-repeat center top;}
.tab .tab-five {background:url(../images/fz.jpg) no-repeat center top;}
.tab .tab-six {background:url(../images/wc.jpg) no-repeat center top;}
.tab .tab-seven {background:url(../images/jz.jpg) no-repeat center top;}
.tab .tab-eight {background:url(../images/qt.jpg) no-repeat center top;}
.content  {height: 100%;}
.content li{ width:2000px; height:545px;padding-left: 480px;padding-top:180px;box-sizing: border-box;color: #fff;}
.content li h3 {font-size: 25px; line-height: 35px;font-weight: normal;}
.content li p {font-size: 14px;line-height: 27px;width: 294px;}
.content .sbone{background:url(../images/06.jpg) no-repeat left top;}
.content .sbtwo{background:url(../images/08.jpg) no-repeat left top;}
.content .sbthree{background:url(../images/07.jpg) no-repeat left top;}
.content .sbfour{background:url(../images/04.jpg) no-repeat left top;}
.content .sbfive{background:url(../images/01.jpg) no-repeat left top;}
.content .sbsix{background:url(../images/05.jpg) no-repeat left top;}
.content .sbseven{background:url(../images/02.jpg) no-repeat left top;}
.content .sbeight{background:url(../images/03.jpg) no-repeat left top;}
/* application结束 */

/* contact开始 */
.contact {width: 100%; min-height: 300px; }
.cont_con {width: 100%; height: 100px; }
.cont_con ul li {float: left; width: 23%; margin-right: 10%; border-right: 1px solid #dfdfdf; }
.cont_con ul li:nth-child(3) {border-right: none; }
.cont_con .cont_item span {font-size: 20px; display: block; }
.cont_con .cont_item .cont_key {font-weight: bold; }
.cont_con .cont_item .cont_val {font-weight: 300; }
.cont_con .cont_item {padding-left: 28%; }
.cont_con .cont_per { background: url(../images/contact.png)no-repeat left center; }
.cont_con .cont_per .cont_val {font-family:"Helvetica-Light";}
.cont_con .cont_cel { font-family:"Helvetica-Light"; background: url(../images/cell.png)no-repeat left center; }
.cont_con .cont_mail { font-family:"Helvetica-Light"; background: url(../images/mail.png)no-repeat left center; }
/* contact结束 */

/* foot开始 */
.foot {width: 100%; min-height: 260px; background: url(../images/foot_bg.jpg)repeat-x;}
.foot_t {padding-top: 36px; margin-bottom: 20px; }
.foot_t dl {float: left; margin-right: 7%; }
.foot_t .foot_ab {width: 20%; }
.foot_t .foot_ab dd {width: 40%; }
.foot_t .foot_mk {width: 26%; }
.foot_t .foot_mk dd {width: 23%; }
.foot_t .foot_pro {width: 10%; }
.foot_t .foot_new {width: 10%; }
.foot_t .foot_new dd {width: 100%; }
.foot_t .foot_cont {width: 5.6%; margin-right:0; }
.foot_t .foot_cont dd {width: 100%; }
.foot_t dl dt {font-size:16px; font-weight: bold; margin-bottom: 10px; color: #fff; }
.foot_t dl dd {float: left; line-height: 26px; display: inline-block; margin-right: 10%; }
.foot_t a {color: #a9afb6; }
.foot_t a:hover {color: #fff; }
.foot_b span {display:block; color: #a9afb6; }
.foot_b .tech a {color: #a9afb6; }
.foot_b .tech a:hover {color: #fff; }
#cnzz_stat_icon_1273755257 {display: inline-block; margin-left: 13px;}
#cnzz_stat_icon_1273755257 img {width:100%; height:100%;vertical-align: middle;}
/* foot结束 */