﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


.search{height:53px;}
.sea{padding-top:15px;}
.sea span{display: block; width:600px; float:left;height:26px; line-height: 26px;}
.sea span i{display: block; height:26px; float:left; margin-right: 18px; font-size: 14px; color:#999999;}
.sea span a{display: block;float:left; font-size: 14px; color:#999999; margin:0 12px;}
.sea .sou{width:285px; height:27px;float:right;}
.sea .sou .txt{width:224px;height:27px; line-height:27px;border-left:1px solid #cccccc;padding:0 10px; box-sizing: border-box;font-size: 14px; color:#999999;float:left;}
.sea .sou .btn{width:59px; height:27px; background:url(../images/btn.png) no-repeat center;float:left; cursor: pointer;}



h2{text-align: center;}
h2 span{display: block; height:54px; line-height: 54px;font-size: 42px; color:#333333; font-weight: bold;}
h2 em{display: block; height:29px; line-height: 29px;font-size: 18px; color:#666666; font-weight: normal;}
h2 i{display: block; height:34px; line-height: 34px;background:url(../images/icon.png) no-repeat center;}



/**/
.guide{height:548px; background:url(../images/guide.jpg) no-repeat center; overflow: hidden;}
.gui{padding-top:93px;}
.gui h2{text-align: center;margin-bottom: 16px;}
.gui h2 span{display: block;height:60px; line-height: 60px; font-size: 42px; color:#333333; font-weight: bold;}
.gui h2 i{display: block; height:36px; background:url(../images/icon.png) no-repeat center;}
.gui .gui-desc{height:91px; text-align: center; line-height: 31px; font-size: 16px; color:#666666; margin-bottom: 61px;letter-spacing: 1px;}
.gui ul{height:102px;}
.gui ul li{float:left;width:295px; height:102px;border-right:1px solid #d2d2d2; box-sizing: border-box;padding-left:82px;}
.gui ul li span{display: block; height:64px; line-height: 64px;}
.gui ul li span em{font-size: 60px; color:#333333; line-height: 64px; font-family: "Impact";float:left; }
.gui ul li span b{display: block; float:left; width:31px; height:31px;background:#DD6C0C; border-radius: 50%; text-align: center; line-height: 31px; font-size: 16px; color:#FFFFFF; font-weight: normal; margin-left: 10px;margin-top:-9px;}
.gui ul li span b i{font-size: 8px;}
.gui ul li p{height:38px; line-height: 38px;font-size: 20px; color:#333333;}
.gui ul li:last-child{border-right:0;width:247px;}
.gui ul li.first{padding-left:0;}
.gui ul li.fr3{width:362px;}

/**/
.prod_intr{height:926px; overflow: hidden;}
.prod{padding-top:65px;}
.prod h2{margin-bottom: 19px;}
.prod .pro-nav{width:302px; height:501px; float:left;background:#1155C2;}
.prod .pro-nav ul li{height:124px; position: relative;border-bottom:1px solid rgba(255,255,255,0.22);}
.prod .pro-nav ul li a{display: block; height: 124px;padding:41px 0 0 42px; box-sizing: border-box;position: relative;}
.prod .pro-nav ul li em{display: block; height:29px; line-height: 29px;font-size: 18px; color:#FFFFFF; transition: .5s;}
.prod .pro-nav ul li i{display: block; height:16px; line-height: 16px;font-size: 12px; color:rgba(255,255,255,0.3);}
.prod .pro-nav ul li b{width:34px; height:34px; background:url(../images/pro-icon.png) no-repeat center; position: absolute;right:20px; top:46px; opacity: 0; transition: .5s;}
.prod .pro-nav ul li:after{width:0; height:134px; background:url(../images/pro-icon2.jpg) no-repeat center; content:""; position: absolute; left:-15px;top:0;transition: .2s;}
.prod .pro-nav ul li:before{width:0; height:124px; background:#f58220; content:""; position: absolute;left:0;top:0;transition: .5s;}
.prod .pro-nav ul li.cur:before{width:100%;}
.prod .pro-nav ul li.cur em{font-weight: bold;}
.prod .pro-nav ul li.cur b{right:35px; opacity: 1;}
.prod .pro-nav ul li.cur:after{width:15px;}
.prod .pro-list{width:890px; height:501px; float:right; overflow: hidden;}
.prod .pro-list span{display: block; width:890px; height:501px; overflow: hidden;}
.prod .pro-list span img{height:501px; transition: 1s;}
.prod .pro-list span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.prod .pro-bot{height:204px;margin-top: 20px; overflow: hidden;}
.prod .pro-bot ul li{float:left; width:292px;height:204px;margin-right: 11px;}
.prod .pro-bot ul li span{display: block; height:164px; line-height: 0; overflow: hidden;}
.prod .pro-bot ul li span img{height: 164px; transition: 1s;}
.prod .pro-bot ul li em{display: block; height:40px; line-height: 40px; text-align: center;background:#E7E7E7;font-size: 16px; color:#333333;}
.prod .pro-bot ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.case{height: 984px;}
.cas{padding-top:95px;}
.cas h2{margin-bottom: 20px;}

.case-dx{width: 100%;min-width: 1200px;height: 752px;overflow: hidden;position: relative;background:url(../images/cas-bj.jpg) no-repeat bottom center;}
.case_c{width: 1200px;position: absolute;left: 50%;margin-left: -621px;}
.case-dx .tempWrap{overflow: visible !important;}
.case-dx .tempWrap ul{margin-left: -1247px !important;}
.case-ul li{float: left;width: 1200px;margin: 0 20px !important;position: relative;height:752px;}
.case-ul li span,.case-ul li img{display:block;width: 1200px;height: 674px;}
.case-ul li .ca_sm{width:583px;height:296px; position: absolute;bottom:0; left:61px;background:#1155C2;padding:35px 57px 0 48px; box-sizing: border-box;}
.case-ul li .ca_sm h4{height:72px; line-height:36px; margin-bottom: 11px;}
.case-ul li .ca_sm h4 a{font-size: 24px; color:#FFFFFF; font-weight: bold;}
.case-ul li .ca_sm p{width:478px; height:77px;font-size: 16px; color:#FFFFFF; line-height: 25px;}
.case-ul li .ca_sm strong{display: block; width:124px; height:44px; background:#F58220; position: relative; text-align: center; line-height: 44px;margin-top: 22px;}
.case-ul li .ca_sm strong a{display: block;font-size: 16px; color:#FFFFFF;font-weight: normal;}
.case-ul li .ca_sm strong:before{width:9px;height:44px; background:url(../images/dbx3.png) no-repeat center; content:""; position: absolute; top:0;right:-9px;}
.case-dx .pnBtn .blackBg {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 675px;background: #000;filter: alpha(opacity=50);opacity: 0.6;}
.case-dx .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 675px; cursor: pointer; }
.case-dx .prev {left: -50%;margin-left: -648px;}
.case-dx .next { left: 50%; margin-left: 632px; }
.case-dx .cas-qh{width:126px; height:15px; position: absolute;left:50%; bottom:30px; margin-left: 440px;}
.case-dx .cas-qh .cas-prev{width:62px; height:15px; background:url(../images/cas-prev.png) no-repeat center;float:left; cursor: pointer;}
.case-dx .cas-qh i{display: block; width:2px; height:15px;background:rgba(51,51,51,0.22);float:left;}
.case-dx .cas-qh .cas-next{width:62px; height:15px; background:url(../images/cas-next.png) no-repeat center;float:right; cursor: pointer;}


/**/
.adv{padding-top:92px;}
.adv h2{margin-bottom:23px; }
.adv .adv-one{height: 499px;}
.adv .adv-one dl dt{width:984px; height:459px;background:#1155C2;float:right;margin-right: -360px;}
.adv .adv-one dl dt i{display: block;width:708px; height:459px; overflow: hidden;}
.adv .adv-one dl dt img{width:708px; height:459px; transition: 1s;}
.adv .adv-one dl dd{width:659px; height: 459px; background:#EEEEEE;margin-left: -83px; box-sizing: border-box;padding:56px 67px 0 81px;}
.adv .adv-one dl dd .adv-tit{height:60px; margin-bottom: 22px;padding-left:75px;background:url(../images/adv-icon1.png) no-repeat left;}
.adv .adv-one dl dd .adv-tit span{display: block;height:43px; line-height: 43px;font-size: 36px; color:#1155C2; font-weight: bold;}
.adv .adv-one dl dd .adv-tit p{height:17px; line-height: 17px; font-size: 12px; color:rgba(17, 85, 194, 0.5); text-transform: uppercase;}
.adv .adv-one dl dd .adv-desc{margin-bottom: 47px; line-height:36px;font-size: 16px; color:#666666;}
.adv .adv-one dl dd ul li{float:left; width:147px;border-right:1px solid rgba(46,48,146,0.2);}
.adv .adv-one dl dd ul li span{display: block; height:34px; line-height: 34px;}
.adv .adv-one dl dd ul li span em{font-size: 30px; color:#1155C2; font-family: "Impact";}
.adv .adv-one dl dd ul li span i{font-size: 16px; color:#1155C2;}
.adv .adv-one dl dd ul li p{height:24px; line-height: 24px;font-size: 16px; color:#1155C2;}
.adv .adv-one dl dd ul li:first-child{margin-right: 44px;}
.adv .adv-one dl dd ul li:last-child{border-right:0;}
.adv .adv-one dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.adv .adv-two{height:534px;}
.adv .adv-two dl dt{width:711px; height: 459px;float:left; margin-left: -83px; padding-top: 33px;position: relative;}
.adv .adv-two dl dt i{display: block;width:711px; height:459px; overflow: hidden;}
.adv .adv-two dl dt img{width:100%; transition: 1s;position: relative;}
.adv .adv-two dl dt:before{width:878px; height:459px; background:#1155C2; content:""; position: absolute;top:0; left:-278px;}
.adv .adv-two dl dd{width:572px;height:459px;float:left; margin-top: 33px;padding:73px 0 0 59px; box-sizing: border-box;}
.adv .adv-two dl dd .adv-tit{height:62px; margin-bottom: 24px;}
.adv .adv-two dl dd .adv-tit{height:60px; margin-bottom: 22px;padding-left:86px;background:url(../images/adv-icon2.png) no-repeat left;}
.adv .adv-two dl dd .adv-tit span{display: block;height:43px; line-height: 43px;font-size: 36px; color:#1155C2; font-weight: bold;}
.adv .adv-two dl dd .adv-tit p{height:17px; line-height: 17px; font-size: 12px; color:rgba(17, 85, 194, 0.5); text-transform: uppercase;letter-spacing:2px;}
.adv .adv-two dl dd .adv-desc{ margin-bottom: 47px; line-height:31px;font-size: 16px; color:#666666;}
.adv .adv-two dl dd ul li{float:left;width:62px; height:62px;background:#1155c2;border-radius: 50%;margin-right: 22px; transition: .5s;}
.adv .adv-two dl dd ul li img{width:100%;}
.adv .adv-two dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.adv .adv-two dl dd ul li:hover{box-shadow: 0px 0px 20px #1155c2;}

.adv .adv-three{height:501px;}
.adv .adv-three dl dt{width:984px; height:459px; float:right; margin-right: -360px; overflow: hidden;}
.adv .adv-three dl dt img{width:100%; transition: 1s;}
.adv .adv-three dl dd{width:575px; height:459px; float:left;padding-top:102px; box-sizing: border-box;}
.adv .adv-three dl dd .adv-tit{height:62px; margin-bottom: 24px;}
.adv .adv-three dl dd .adv-tit{height:60px; margin-bottom: 22px;padding-left:90px;background:url(../images/adv-icon3.png) no-repeat left;}
.adv .adv-three dl dd .adv-tit span{display: block;height:43px; line-height: 43px;font-size: 36px; color:#1155C2; font-weight: bold;}
.adv .adv-three dl dd .adv-tit p{height:17px; line-height: 17px; font-size: 12px; color:rgba(17, 85, 194, 0.5); text-transform: uppercase;}
.adv .adv-three dl dd .adv-desc{ margin-bottom: 33px; line-height:31px;font-size: 16px; color:#666666;width:494px;}
.adv .adv-three dl dd strong{display: block; width:124px; height:44px; background:#F58220; position: relative; text-align: center; line-height: 44px;margin-top: 22px;}
.adv .adv-three dl dd strong a{display: block;font-size: 16px; color:#FFFFFF;font-weight: normal;}
.adv .adv-three dl dd strong:before{width:9px;height:44px; background:url(../images/dbx3.png) no-repeat center; content:""; position: absolute; top:0;right:-9px;}
.adv .adv-three dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.adv .adv-four{height:459px;}
.adv .adv-four dl dt{width:988px; height:459px; margin-left: -360px; overflow: hidden;float:left;}
.adv .adv-four dl dt img{width:100%; transition: 1s;}
.adv .adv-four dl dd{float:right; width:655px; height:459px; background:#EEEEEE;padding:95px 83px 0 59px; box-sizing: border-box;margin-right: -83px; position: relative;}
.adv .adv-four dl dd .adv-tit{height:60px; margin-bottom: 22px;padding-left:85px;background:url(../images/adv-icon4.png) no-repeat left;}
.adv .adv-four dl dd .adv-tit span{display: block;height:43px; line-height: 43px;font-size: 36px; color:#1155C2; font-weight: bold;}
.adv .adv-four dl dd .adv-tit p{height:17px; line-height: 17px; font-size: 12px; color:rgba(17, 85, 194, 0.5); text-transform: uppercase;letter-spacing:1px;}
.adv .adv-four dl dd .adv-desc{margin-bottom: 47px; line-height:36px;font-size: 16px; color:#666666;}
.adv .adv-four dl dd ul li{float:left; width:147px;border-right:1px solid rgba(46,48,146,0.2);}
.adv .adv-four dl dd ul li span{display: block; height:34px; line-height: 34px;}
.adv .adv-four dl dd ul li span em{font-size: 30px; color:#1155C2; font-family: "Impact";}
.adv .adv-four dl dd ul li span i{font-size: 16px; color:#1155C2;}
.adv .adv-four dl dd ul li p{height:24px; line-height: 24px;font-size: 16px; color:#1155C2;}
.adv .adv-four dl dd ul li:first-child{margin-right: 44px;}
.adv .adv-four dl dd ul li:last-child{border-right:0;}
.adv .adv-four dl dd:before{width:138px; height:112px; background:#1155C2; content:""; position: absolute; right:-55px; bottom:-33px;}
.adv .adv-four dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/**/
.news{height:809px;}
.new{padding-top:92px;}
.new h2{margin-bottom: 5px;}
.new .new-left{width:601px; float:left;}
.new .new-left h3{height:74px; line-height: 74px;}
.new .new-left h3 em{font-size: 22px; color:#000000;float:left; transition: .5s;}
.new .new-left h3 i{font-size: 16px; color:#2f2f2f; float:right; transition: .5s;}
.new .new-left dl dt{height:305px; overflow: hidden;}
.new .new-left dl dt img{height:305px; transition: 1s;}
.new .new-left dl dd{padding:19px 12px 0 7px;}
.new .new-left dl dd .left{width:480px;float:left;}
.new .new-left dl dd .left h4{height:30px; line-height: 30px; overflow: hidden;margin-bottom: 2px;}
.new .new-left dl dd .left h4 a{font-size: 16px; color:#010101; font-weight: normal;}
.new .new-left dl dd .left p{font-size: 16px; color:#666666;line-height: 27px;}
.new .new-left dl dd .rig{width:60px; float:right;}
.new .new-left dl dd .rig i{display: block;font-size: 16px; color:rgba(35,24,21,0.8); line-height: 30px; margin-bottom: 15px; text-align: center;}
.new .new-left dl dd .rig em{display: block;font-size: 36px; line-height: 36px; color:rgba(35,24,21,0.9);text-align: center; }
.new .new-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.new .new-left dl:hover dd h4 a{color:#1155C2;}   
.new .new-left h3:hover em{color:#1155C2;}
.new .new-left h3:hover i{color:#1155C2;}
.new .news-rig{width:530px; float:right;}
.new .news-rig h3{height:74px; line-height: 74px;}
.new .news-rig h3 em{font-size: 22px; color:#000000;float:left; transition: .5s;}
.new .news-rig h3 i{font-size: 16px; color:#2f2f2f; float:right; transition: .5s;}
.new .news-rig h3:hover em{color:#1155C2;}
.new .news-rig h3:hover i{color:#1155C2;}
.new .news-rig ul li{height:85px; margin-bottom: 31px;}
.new .news-rig ul li .left{width:425px; float:left;}
.new .news-rig ul li .left h4{height:30px; line-height: 30px;}
.new .news-rig ul li .left h4 a{font-size: 16px; color:#010101; padding-left:28px;background:url(../images/news-icon.jpg) no-repeat left; font-weight: normal;}
.new .news-rig ul li .left p{font-size: 16px; color:rgba(51,51,51,0.6); line-height: 27px;}
.new .news-rig ul li .rig{width:60px; float:right;}
.new .news-rig ul li .rig i{display: block;font-size: 16px; color:rgba(35,24,21,0.8);height:30px; line-height: 35px; margin-bottom: 15px; text-align: center;}
.new .news-rig ul li .rig em{display: block;font-size: 36px; line-height: 36px; color:rgba(35,24,21,0.9);text-align: center; }
.new .news-rig ul li:hover .left h4 a{color:#1155C2;}

/**/
.about{height:1094px; background:url(../images/abo-bj.jpg) no-repeat center top;}
.abo{padding-top:78px;}
.abo h2{margin-bottom: 17px;}
.abo h2 span{color:#FFF;}
.abo h2 em{color:#FFF;}
.abo .abo-top{height:464px; overflow: hidden; margin-bottom: 11px;position: relative;}
.abo .abo-top img{height:464px; transition: 1s;}
.abo .abo-top:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.abo .abo-top:hover:before{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.abo ul{margin-bottom: 32px;}
.abo ul li{float:left; width:290px; height:155px; position: relative;margin-right: 12px;}
.abo ul li span{display: block; width:290px; height:155px; overflow: hidden;}
.abo ul li span img{height:155px; transition: 1s;}
.abo ul li em{display: block; width:290px; height:155px; box-sizing: border-box;padding-top:111px;line-height: 44px; font-size: 18px; color:#FFFFFF; text-align: center;position: absolute; left:0;bottom:0;background:url(../images/abo-yy.png) no-repeat center; }
.abo ul li:last-child{margin-right: 0;}
.abo ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.abo .abo-desc{font-size:16px; color:#666666;line-height: 28px; text-align: center; margin-bottom: 30px;}
.abo .abo-link{display: block; width:124px; height:44px; background:#F58220; position: relative; text-align: center; line-height: 44px;margin:0 auto;}
.abo .abo-link a{display: block;font-size: 16px; color:#FFFFFF;font-weight: normal;}
.abo .abo-link:before{width:9px;height:44px; background:url(../images/dbx3.png) no-repeat center; content:""; position: absolute; top:0;right:-9px;}

















































