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

/*Title*/
.Title{width: 100%;text-align: center;padding-top: 50px;}
.Title h3{font-size: 26px;color: #333333;font-weight: normal;}
.Title h3 a{color: #333333;text-decoration: none;}
.Title i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}
.Title i img{display: block;}
 
/* banner */


.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{position: absolute;left: 50%;bottom: 25px;width: 400px;margin-left: -200px;text-align: center;z-index: 9999;}
#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 50px;height: 5px;background: #fff;margin-right: 11px;    border-radius: 3px;}
#flashs .btn span.cur {background: #03864d;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/* search */
.search{width: 100%;height: 61px;background: #eeeeee;border-bottom: 1px solid #dedede;}
.search p{float: left;font-size: 14px;color: #333333;font-weight: bold;width: 770px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 22px;}
.search p a{font-size: 14px;color: #666;font-weight: normal;padding: 0 26px;border-left: 1px dotted #a4a4a4;}

.search p a:first-child{border-left: none;}
.search .Input{width: 300px;height: 38px;line-height: 38px;float: right;margin-top: 12px;position: relative;background: url(Img/Index/searchBg.png) no-repeat center;}
.search .Input input{padding-left: 20px;font-size: 13px;outline: none;border: none;color: #999999;height: 38px;line-height: 38px;width: 226px;padding-right:54px;background: none;}
.search .Input a{display: block;width: 49px;height: 38px;position: absolute;top: 0;right: 0px;}
.search .Input a img{display: block;}

/*product*/
.product{width: 100%;background: #f2f2f2;}
.product .menu{width: 1200px;margin: 27px auto 0;}
.product .menu li{width: 16.34567896666%;height: 46px;line-height: 46px;text-align: center;float: left;border-left: 1px solid #384654;background: #212d3a;font-size: 16px;color: #fff;}
.product .menu li a{color: #fff;text-decoration: none;display: block;} 
.product .menu li.cur{background: url(Img/Index/productBg.png) repeat-x;border-color: #68cb59;}
.product .mainCon{width: 100%;background: #f8f8f8;padding-bottom: 44px;}
.product .mainCon .container{height: 728px;position: relative;overflow: hidden;}
.product .mainCon .conBox{width: 100%;/*! height: 1000px; */}
.product .mainCon dl{width: 100%;height: 318px;overflow: hidden;}
.product .mainCon dt{float: left;width: 498px;height: 316px;border: 1px solid #cccccc;}
.product .mainCon dt img{display: block;}
.product .mainCon dd{width: 624px;float: left;margin-left: 49px;}
.product .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 4px;}
.product .mainCon dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon dd h4{font-size: 14px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 16px;}
.product .mainCon dd p{line-height: 16px;color: #666666;font-size: 14px;}
.product .mainCon dd .btn{overflow: hidden;margin-top: 36px;}
.product .mainCon dd .btn a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(Img/Index/productBg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;}
.product .mainCon dd .btn a:hover{background: url(Img/Index/productBg03.png) no-repeat center;color: #fff;}
.product .mainCon dd a:first-child{margin-right: 12px;}
.product .mainCon .box{width: 100%;/*! height: 1000px; */}
.product .mainCon .box .top{width: 100%;}
.product .mainCon .box .top h3{float: left;font-size: 18px;color: #333333;font-weight: bold;}
.product .mainCon .box .top a{font-size: 14px;color: #666666;float: right;text-transform: uppercase;display: block;}
.product .mainCon .box ul{width: 100%;margin-top: 14px;/*! height: 1000px; */}
.product .mainCon .box li{width: 286px;
height: 336px;
float: left;
margin-right: 10px;
text-align: center;
border: 1px solid #e3e3e3;
margin-top: 13px;
background: #fff;
}
.product .mainCon .box li:first-child{margin-left: 0;}
.product .mainCon .box li span{display: block;width: 264px;height: 264px;overflow: hidden;position: relative;padding: 10px;}
.product .mainCon .box li img{display: block;transition: all 1s ease-out;  transform: scale(1);padding: 5px;width: 264px;height: 264px;}
.product .mainCon .box li em{display: block;height: 47px;line-height: 47px;font-size: 14px;color: #333333;background: #fff;}
.product .mainCon .box li:hover{border-color: #59bc2b;}
.product .mainCon .box li:hover em{color: #59bc2b;}
.product .mainCon .box li:hover img{transform: scale(1.2);}
.product .mainCon .box li a{display: block;text-decoration: none;}

/*adv*/
.adv{width: 100%;}
.adv .title{width: 100%;text-align: center;padding-top: 82px;background: url(Img/Index/advBg_01.jpg) no-repeat center;height: 148px;}
.adv .title h3{font-size: 26px;color: #03864d;}
.adv .title h3 img{position: relative;top: 10px;}
.adv .title p{font-size: 16px;color: #999999;text-transform: uppercase;margin-top: 12px;}

.adv .title i{display: block;margin: 14px auto 0;width: 131px;height: 22px;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{background: url(Img/Index/advBg_02.jpg) no-repeat center;height: 415px;}
.adv .mainCon .con2{background: url(Img/Index/advBg_03.jpg) no-repeat center;height: 350px;}
.adv .mainCon .con3{background: url(Img/Index/advBg_04.jpg) no-repeat center;height: 373px;}
.adv .mainCon .con4{background: url(Img/Index/advBg_05.jpg) no-repeat center;height: 439px;}
.adv .mainCon .con .box{width: 558px;}
.adv .mainCon .con.dif .box{width: 540px;margin-left: 648px;}
.adv .mainCon .con .box dt{width: 68px;height: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #fff;font-weight: bold;float: left;background: url(Img/Index/adv_y.png) no-repeat center;}
.adv .mainCon .con .box dd{width: 463px;}
.adv .mainCon .con.dif .box dd{width: 449px;}
.adv .mainCon .con .box dd{float: left;margin-left: 22px;}
.adv .mainCon .con .box dd h3{font-size: 20px;color: #333333;line-height: 37px;}
.adv .mainCon .con .box dd span{display: block;font-size: 18px;color: #333333;}
.adv .mainCon .con .box dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 24px;}
.adv .mainCon .con .box dd p em{font-weight: bold;}
.adv .mainCon .con .box dd a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(Img/Index/productBg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;margin-top: 26px;}
.adv .mainCon .con .box dd a:hover{background: url(Img/Index/productBg03.png) no-repeat center;color: #fff;}
.adv .mainCon .con1 .box{padding-top: 118px;}
.adv .mainCon .con2 .box{padding-top: 78px;}
.adv .mainCon .con3 .box{padding-top: 78px;}
.adv .mainCon .con4 .box{padding-top: 68px;}


/*ad*/
.ad{width: 100%;height: 216px;background: url(Img/Index/adBg.jpg) no-repeat center;}
.ad .box{width: 100%;margin-left: 374px;padding-top: 127px;overflow: hidden;}
.ad .box input{width: 200px; border: none; padding-left: 23px;border: 1px solid #fff;height: 40px;line-height: 40px;font-size: 14px;color: #000;background: none;outline: none;margin-left: 15px;float: left;}
.ad .box a{display: block;float: left;width: 135px;height: 42px;line-height: 42px;text-align: center;background: #7dbc1d;font-size: 14px;color: #fff;text-decoration: none;margin-left: 15px;}



/*partner*/
.partner{width: 100%;padding-bottom: 65px;background: #f2f2f2;}
.partner .mainCon{width: 100%;margin-top: 25px;}
.partner .mainCon li{width: 1200px;float: left;}
.partner .mainCon li a{display: block;width: 235px;margin-bottom: 5px;margin-right: 5px;float: left;z-index: 2;position: relative;}
.partner .mainCon li img{display: block;box-shadow: 0 0 5px 5px #eaeaea; padding: 10px;width: 215px;height: auto;}
.partner .mainCon li a:hover{ box-shadow: 0 0 5px 5px #ddd;}


/*case*/
.case{width: 100%;padding-bottom: 28px;}
.case .mainCon{width: 100%;margin-top: 32px;height: auto;}
.case .mainCon ul{width: 105%;}
.case .mainCon li{width: 590px;height: 280px;position: relative;overflow: hidden;float: left;margin-right: 20px;    box-shadow: 0 0 12px 5px #ededed;margin-bottom: 27px;}
.case .mainCon dt{width: 300px;height: 255px;float: left;position: relative;overflow: hidden;}
.case .mainCon dd{width: 247px;float: left;margin-left: 20px;padding-top: 20px;}
.case .mainCon dd h3{font-size: 18px;color: #333333;}
.case .mainCon dd h3 a{color: #333333;text-decoration: none;}
.case .mainCon dd h4{font-size: 14px;color: #333333;margin-top: 13px;}
.case .mainCon dd p{margin-top: 6px;font-size: 14px;color: #666666;height: 118px;
overflow: hidden;}
.case .mainCon dd .p2{color: #333333;margin-top: 18px;}
.case .mainCon dd .btn{width: 100%;overflow: hidden;margin-top: 20px;}
.case .mainCon dd .btn a{display: block;width: 118px;height: 36px;text-decoration: none;text-align: center;line-height: 36px;font-size: 14px;color: #666666;float: left;border: 1px solid #cccccc;}
.case .mainCon dd .btn a:first-child{margin-right: 7px;}
.case .mainCon li:hover dd h3 a{color: #03864d;}
.case .mainCon dd .btn a:hover{background: #59bc2b;border-color: #59bc2b;color: #fff;}
.case .mainCon dt .rectborder{width: 300px;height: 220px;position: absolute;left: 0px;top: 31px;border: #fff 1px solid;transition: all ease-out .4s;}
.case .mainCon dt .maskborder{    width: 313px; /*! height: 215px; */position: absolute;left: -10px; top: -10px; border: #fff 10px solid;transition: all ease-out .4s;}
.case .mainCon dt img{display: block;width: 100%;/*! height: auto; */transition: all ease-out .4s;margin-top: 32px;}
.case .mainCon li:hover .maskborder{transform: scale(0.9);}
.case .mainCon li:hover .rectborder{transform: scale(0.8);}
.case .mainCon li:hover dt img{transform: scale(0.9);}


/*reason*/
.reason{width: 100%;height: 355px;background: #f2f2f2;}
.reason .Title h3{color: #333;}
.reason .mainCon{width: 100%;margin-top: 28px;}
.reason .mainCon ul{width: 105%;}
.reason .mainCon li{width: 240px;height: 200px;background: #fff;float: left;margin-right: 11px;/*! border: 1px solid #ddd; */}
.reason .mainCon li span{display: block;height: 149px;position: relative;}
.reason .mainCon li img{display: block;/*! box-shadow: 0 0 12px 1px rgba(0,0,0,0.3); */border-radius: 4px 4px 0 0;width: 100%;}
.reason .mainCon li em{display: block;font-size: 16px;color: #fff;font-weight: bold;width: 100%;height: 39px;line-height: 39px;text-align: center;background: url(Img/Index/reasonBg02.png);bottom:0;left: 0;position: absolute;}
.reason .mainCon li p{font-size: 14px;color: #666666;margin-top: 15px;padding: 0 10px;line-height: 25px;text-align: center;}

/*about*/
.about{width: 100%;padding-bottom: 78px;background: #f0f0f0;}
.about .mainCon{width: 100%;margin-top: 32px;}
.about .mainCon dl{width: 100%;height: 379px;position: relative;}
.about .mainCon dt{width: 567px;height: 379px;}
.about .mainCon dd{width: 658px;height: 240px;position: absolute;top: 6px;right: 0;padding: 0;}
.about .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;}
.about .mainCon dd h3 a{color: #333333;}
.about .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 10px;}
.about .mainCon dd .more{display: block;width: 129px;height: 38px;text-align: center;line-height: 38px;font-size: 12px;color: #fff;text-decoration: none;position: absolute;right: 5px;bottom: -125px;background: #59bc2b;text-transform: uppercase;border-radius: 3px;}
.about .mainCon i{display: block;border-top: 1px dotted #f3f3f3;border-bottom: 1px dotted #d9d9d9;margin: 30px 0;}
.about .mainCon ul{width: 100%;}
.about .mainCon li{float: left;width: 292px;height: 191px;position: relative;margin-left: 10px;}
.about .mainCon li img{display: block;}
.about .mainCon li span{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: url(Img/Index/aboutBg02.png);}
.about .mainCon li:first-child{margin-left: 0;}

/*location*/
.location{width: 100%;height: 1000px;background: url(Img/Index/locationBg.jpg) no-repeat center;}
.location .mainCon{width: 100%;overflow: hidden;margin-top: 33px;}
.location .mainCon ul{width: 105%;}
.location .mainCon li{width: 310px;height: 180px;padding: 36px 44px 0 30px;background: #fff;margin: 10px 32px 26px 0;float: left;}
.location .mainCon li h3{padding: 0 0 12px 30px;background: url(Img/Index/location_icon01.png) no-repeat left top;border-bottom: 1px solid #cccccc;margin-bottom: 14px;font-size: 18px;color: #333333;}
.location .mainCon li p{font-size: 14px;color: #666;margin-bottom: 6px;}


/*liuy*/
.liuy{width: 100%;height: 553px;background: url(Img/Index/lyBg.jpg) no-repeat center;}
.liuy .container{position: relative;}
.liuy .phone{padding-left: 62px;background: url(Img/Index/ly_phone.png) no-repeat left center;position: absolute;top: 360px;left: 352px;}
.liuy .phone p{font-size: 18px;color: #666666;}
.liuy .phone span{display: block;font-size: 30px;color: #333333;}
.liuy .box{width: 418px;position: absolute;top: 174px;right: 56px;}
.liuy .box .Input{width: 416px;height: 46px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Input span{display: block;float: left;width: 50px;height: 46px;border-right: 1px solid #cccccc;}
.liuy .box input{width: 350px;padding-left: 15px;border: none;outline: none;line-height: 46px;height: 46px;font-size: 14px;color: #333;}
.liuy .box .Input1 span{background: url(Img/Index/ly_icon01.png) no-repeat center;}
.liuy .box .Input2 span{background: url(Img/Index/ly_icon02.png) no-repeat center;}
.liuy .box .Textarea{width: 416px;height:103px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Textarea span{display: block;float: left;width: 50px;height: 103px;border-right: 1px solid #cccccc;background: url(Img/Index/ly_icon03.png) no-repeat center 9px;}
.liuy .box textarea{width: 350px;padding-left: 15px;border: none;outline: none;height: 90px;font-size: 14px;color: #333;padding-top: 13px;resize: none;}
.liuy .box a{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #212d3a;}



/*news*/
.news{width: 100%;background: #fff;height: 630px;}
.news .Title h3 a{color: #333333;}
.news .mainCon{width: 100%;margin-top: 28px;}
.news .mainCon .menu{width: 100%;position: relative;}
.news .mainCon .menu ul{width: 530px;height: 40px;margin: 0 auto;}
.news .mainCon .menu li{float: left;width: 163px;height: 40px;font-size: 14px;color: #fff;margin-left: 17px;text-align: center;line-height: 40px;border: 1px solid #03864d;
background: #03864d;}
.news .mainCon .menu li:first-child{margin-left: 0;}
.news .mainCon .menu li a{text-decoration: none;color: #fff;}
.news .mainCon .menu li.cur{background: #59bc2b; border-color: #59bc2b;}
.news .mainCon .conBox{margin-top: 34px;height: 386px;overflow: hidden;position: relative;padding: 30px 0 0 30px;background: #fff;}
.news .mainCon .conBox .lunh{height: 386px;}
.news .mainCon .conBox .conL{width: 646px;float: right;}
.news .mainCon .conBox .conL .box{width: 100%;height: 89px;margin-top: 37px;}
.news .mainCon .conBox .conL .box:first-child{margin-top: 0;}
.news .mainCon .conBox .conL .box .boxL{width: 156px;height: 89px;float: left;border: 1px solid #ddd;}
.news .mainCon .conBox .conL .box .boxR{width: 438px;float: left;margin-left: 22px;}
.news .mainCon .conBox .conL .box .boxR dt{float: left;width: 64px;float: left;background:url(Img/Index/news_xian.png) no-repeat right 12px; }
.news .mainCon .conBox .conL .box .boxR dl:hover h3 a{color:#03864d;}
.news .mainCon .conBox .conL .box .boxR dt span{display: block;font-size: 45px;color: #cccccc;}
.news .mainCon .conBox .conL .box .boxR dt em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}
.news .mainCon .conBox .conL .box .boxR dd{width: 358px;float: right;padding-top: 4px;}
.news .mainCon .conBox .conL .box .boxR dd h3{font-size: 16px;color: #333333;font-weight: normal;}
.news .mainCon .conBox .conL .box .boxR dd h3 a{color: #333;text-decoration: none;}
.news .mainCon .conBox .conL .box .boxR dd p{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 14px;}
.news .mainCon .conBox .conL .box .boxR dd p a{color: #999999;text-decoration: none;}
.news .mainCon .conBox .conR{width: 484px;float: left;padding-top: 4px;}
.news .mainCon .conBox .conR dt{width: 484px;height: 275px;}
.news .mainCon .conBox .conR dt img{display: block;}
.news .mainCon .conBox .conR dd{overflow: hidden;}
.news .mainCon .conBox .conR:hover dd p a{color:#03864d;}
.news .mainCon .conBox .conR dd .p1{font-size: 16px;color: #333333;width: 353px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 10px;float: left;margin-top: 20px;}
.news .mainCon .conBox .conR dd .p1 a{color: #333333;}
.news .mainCon .conBox .conR dd .p2{float: right;text-align: center;padding-right: 6px;}
.news .mainCon .conBox .conR dd .p2 span{display: block;font-size: 45px;color: #cccccc;}
.news .mainCon .conBox .conR dd .p2 em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}



/*link*/
.link{width: 100%;background:#fff;padding:30px 0 16px 0;}
.link .mainCon{width: 100%;}
.link .mainCon dt{float: left;width: 80px;text-align: center;}
.link .mainCon dt a{display: block;font-size: 16px;color: #333333;font-weight: bold;}
.link .mainCon dd{float: left;width: 1082px;padding-top: 2px;}
.link .mainCon dd a{font-size: 14px;color: #666666;padding: 0 25px;border-left: 1px solid #d9d9d9;border-right: 1px solid #e6e6e6;display: block;float: left;}
.link .mainCon dd a:last-child{border-right: none;}
.link .mainCon dd a:first-child{border-left: none;}


/*--public--*/
.wrapper{margin:0 auto;width:1300px;}
.width1200 { margin: 0 auto; width: 1200px;}
.wrap-title{position:relative;z-index:99;margin-bottom:35px;text-align:center;overflow:hidden;animation:fadeinT 1s ease-out backwards;}
.wrap-title h2{line-height:40px;font-weight:normal;font-size:32px;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title p{margin-top:8px;line-height:27px;font-size:18px;color:#000;}
.wrap-title p em{font-family:"DIN Medium";font-size:16px;text-transform:uppercase;color:#999;}
.wrap-title.white *{color:#fff;}
/*--end public--*/
/*--aboutus--*/
.aboutus{position:relative;padding:80px 0 40px;height:758px;overflow:hidden;background:url(../images/Index/step_bg.jpg) no-repeat center 0;}
.aboutus .wrapper{position:relative;z-index:3;}
.aboutus .wrap-title{position:relative;padding-bottom:60px;text-align:left;}
.aboutus .wrap-title p{margin-top:26px;}
.aboutus .wrap-title:after{display:block;position:absolute;left:0;bottom:0;width:22px;height:4px;content:"";background:#ffc501;}
.aboutus .inner{position:relative;height:510px;overflow:hidden;}
.aboutus .inner .text{width:430px;}
.aboutus .inner .playerBtn{position:absolute;right:222px;top:238px;width:51px;height:51px;cursor:pointer;background:url(../images/Index/playerBtn.png) no-repeat;transition:all 0.5s;}
.aboutus .inner .playerBtn:hover{transform:rotate(360deg);}
.aboutus .list{overflow:hidden;background: rgba(0, 0, 0, 0.55);bottom: -88px;
position: relative;}
.aboutus .item{position:relative;float:left;padding:25px 0;width:20%;height:80px;text-align:center;overflow:hidden;} 
.aboutus .item:after{display:block;position:absolute;right:0;top:25px;bottom:25px;width:1px;content:"";background:#e5e5e5;}
.aboutus .item:last-child:after{display:none;}
.aboutus .item em{display:block;font-size:32px;line-height:1;color:#fff;}
.aboutus .item p{margin-top:10px;font-size:16px;color:#fff;line-height:22px;}
.aboutus .videoBg{position:absolute;left:50%;top:50%;width:1920px;height:880px;transform:translate(-50%,-50%);filter:contrast(0.7);padding: 50px 0;}
.aboutus .videoBg video{display:block;width:100%;}
/*--end aboutus--*/

/*placeholder 提示字体属性*/
.ad ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff; 
} 
.ad :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
.ad ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
.ad :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff; 
}