@charset "UTF-8";



body{}



.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}



.clearfix {



    +height: 1%;



}



.title{padding:75px 0 40px 0;clear: both;}



.title img{display: block;margin:0 auto;}



.title p{font-size: 14px;color: #666;text-align: center;margin-top: 20px;line-height: 25px;}



.title span{width: 371px;height: 45px;line-height: 45px;background: url(../images/ico6.png) no-repeat;display: block;font-size: 18px;color: #fff;text-align: center;margin: 20px auto 0;}



/*统一设置背景的background-attchment属性*/ 



.article{ 



 width: 100%; 



 margin: 0 auto; 



 height: auto; 



 background-repeat: no-repeat; 



 background-attachment: fixed; 



 background-position: center center; 



 background-size: 100%; 



} 



.anim{ 



 -webkit-transition : all 1s ease-in; 



 -moz-transition : all 1s ease-in; 



 -ms-transition : all 1s ease-in; 



 transition : all 1s ease-in; 



 text-indent:3em; 



}



/*产品中心*/



.hproduct,.hcase{width: 100%;min-width: 1300px;background-image:url(../images/pbg.jpg);height: 910px;position: relative;}



i.ico{width: 70px;height: 58px;background: url(../images/cio.png) no-repeat;position: absolute;top:-100px;left: 50%;margin-left: -35px;opacity: 0;}



i.ico1{width: 70px;height: 58px;background: url(../images/cio.png) no-repeat;position: absolute;top:0px;left: 50%;margin-left: -35px;}



.hproduct.current i.ico,.hcase.current i.ico,.hyoushi.current i.ico,.hnews.current i.ico,.habout.current i.ico{opacity: 1;top: 0;}



.hproduct .container{border-bottom: 1px solid #dedede;height: 40px;margin-bottom:30px;}



a.hpbtn{float: right;width: 60px;height: 40px;background-color: #e0ad58;position: relative;overflow: hidden;font-size: 14px;color: #fff;text-align: center;line-height: 40px;display: block;}



.hpnavbox{width: 1150px;height: 40px;float: left;}



.hpnavbox a{width: 110px;height: 40px;float: left;margin:0 3px;line-height: 40px;text-align: center;display: block;



    font-size: 16px;color: #fff;transition:0.5s;background-color: #b2b2b2;position: relative;overflow: hidden;}



.hpnavbox a:hover,.hpnavbox .proon{color: #fff;background-color: #e0ad58;}



div.proCon{width: 1312px;margin:0px auto;}



.proCon li{width: 308px;height: 222px;text-align: center;display: block;cursor: pointer;



    float: left;margin:0 9px;margin-bottom: 24px;border:1px solid #dedede;}



.proCon li a{display: block;width: 290px;height: 204px;overflow: hidden;position: relative;margin:9px auto 0;} 



.proCon li a img{width: 290px;height: auto;}



.proCon li span{width: 100%;height: 36px;display: block;background: url(../images/tou1.png) repeat;



font-size: 14px;text-align: center;color: #999;line-height: 36px;transition:0.5s;position: absolute;bottom: 0;left: 0;}



.proCon li:hover{border:1px solid #e0ad58;}



.proCon li:hover span{background: url(../images/tou.png) repeat;color: #fff;}



.proCon li:hover img{-webkit-transform: scale(1.1);



    -moz-transform: scale(1.1);



    -o-transform: scale(1.1);



    transform: scale(1.1);



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;}  







a.hprobtn{width: 148px;height: 45px;display: block;background-color: #e0ad58;margin:0px auto;color: #fff;text-align: center;font-size: 15px;line-height: 45px;border-radius: 5px 5px 0 0;position: relative;overflow: hidden;}   



a.hprobtn:hover,a.hpbtn:hover{background-color: #b2b2b2;}



a.hprobtn:after,a.hpbtn:after,.hpnavbox a:after,a.hnbtn:after,a.hysbtn:after{



  background: #fff;



  content: "";



  height: 250px;



  left: -125px;



  opacity: .2;



  position: absolute;



  top: -50px;



  -webkit-transform: rotate(35deg);



      -ms-transform: rotate(35deg);



          transform: rotate(35deg);



  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);



          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);



  width: 50px;



  z-index: 100;



}



a.hprobtn:hover:after,a.hpbtn:hover:after,.hpnavbox a:hover:after,a.hnbtn:hover:after,a.hysbtn:hover:after{



  left: 120%;



  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);



          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);



}



/*广告*/



.guang{display: block;width: 100%;height: auto;}



/*案例*/



.hcase_left{width: 224px;float: left;height: auto;}



.hcase_right{width: 992px;float: right;}



.hcase_tit{width: 224px;height: 110px;line-height: 28px;background: url(../images/ico3.jpg) top center no-repeat;font-size: 18px;color: #fff;text-align: center;margin-left: 15px;}



.hcase_tit span{display: block;font-size: 24px;color: #fff;padding-top: 30px;}



.hcase_info ul{padding:7px 0;}



.hcase_info{width: 224px;background-color: #f2f2f2;padding-bottom: 5px;margin-left: 15px;}



.hcase_info li{height: 50px;line-height: 50px;width: 93%;margin:4px auto 0;background-color: #fff;}



.hcase_info li a{font-size: 16px;color: #666;display: block;text-align: center;}



.hcase_info li i{width:30px;height: 1px;background-color: #fff;display: inline-block;position: relative;top:-7px;opacity: 0;}



.hcase_info li.active,.hcase_info li:hover{background-color: #e1ad58;}



.hcase_info li.active i,.hcase_info li:hover i{opacity: 1;}



.hcase_info li.active a,.hcase_info li:hover a{color:#fff;}



.hcase_bottom{width: 252px;height:106px;background: url(../images/ico2.png) no-repeat;clear: both;font-size: 14px;color: #333;}



.hcase_bottom span{display: block;text-align: center;padding-top: 30px;}



.hcase_bottom span em{color: #fff;font-size: 30px;display: block;}



.hcaseright_tit{font-size: 16px;color: #fff;height: 33px;line-height: 33px;border-bottom: 1px solid #dedede;}



.hcaseright_tit a{font-size: 14px;color: #333;display:block;float: right;margin-right: 10px;}



.hcaseright_tit a:hover{color: #e1ad58;}



.hcaseright_tit span{display: inline-block;text-indent: 24px;width:158px;height: 33px;background: url(../images/ico1.png) no-repeat; }



.hcase_imgbox{width: 1026px;}



.hcase_imgbox a{width: 320px;height: 261px;position: relative;display: block;background: url(../images/pico1.png) no-repeat;float: left;margin-right:21px;margin-top: 20px;}



.hcase_imgbox a em{display: block;width: 320px;height: 221px;overflow: hidden;margin: 10px auto 0;position: relative;} 



.hcase_imgbox a img{width: auto;height: 221px;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}



.hcase_imgbox a span{width: 100%;height: 40px;line-height: 40px;color: #666;font-size: 14px;display: block;z-index: 2;position: absolute;bottom: 0;left: 0;text-align: center;background-color: #f2f2f2;}



.hcase_imgbox a:hover{background: url(../images/pico2.png) no-repeat;}



.hcase_imgbox a:hover img{-webkit-transform: scale(1.1);



    -moz-transform: scale(1.1);



    -o-transform: scale(1.1);



    transform: scale(1.1);



    -webkit-transition: all 0.6s;



    -moz-transition: all 0.6s;



    -o-transition: all 0.6s;



    transition: all 0.6s;}  



.hcase_imgbox a:hover span{color: #fff;background-color: #e1ad58;}



/*万千优势*/



.hyoushi{width: 100%;height: 861px;background: url(../images/ybg.jpg) no-repeat;min-width: 1300px;position: relative;}



.hyoushibox{height: 585px;overflow: hidden;}



.hyoushibox a,img.yico4{display: block;width: 318px;height: 277px;position: absolute;transition: all 1s ease 0s;overflow: hidden;}



a.yico1{background: url(../images/y1.png) no-repeat;top:142px;opacity: 0;left: -100px;}



a.yico2{background: url(../images/y2.png) no-repeat;top:0px;opacity: 0;left: -100px;}



a.yico3{background: url(../images/y3.png) no-repeat;top:282px;opacity: 0;left: -100px;}



img.yico4{background: url(../images/y0.png) no-repeat;top:142px;left:493px;margin-top: -100px;opacity: 0;}



img.hyslogo{width: 199px;height: 62px;display: block;position: absolute;top:17px;left: 50%;margin-left: -100px;}



a.yico5{background: url(../images/y4.png) no-repeat;top:0px;opacity: 0;right: -100px;}



a.yico6{background: url(../images/y5.png) no-repeat;top:282px;opacity: 0;right: -100px;}



a.yico7{background: url(../images/y6.png) no-repeat;top:142px;opacity: 0;right: -100px;}



.hyoushibox.current img.yico4{opacity: 1;margin-top: 0;}



.hyoushibox.current a.yico1{ opacity: 1;  transition-delay: 1.2s;left:5px; -moz-transition-delay:1.2s; transition-duration: 1.2s; -webkit-transition-delay:1.2s;    -moz-transition-duration:1.2s; -webkit-transition-duration:1.2s;}



.hyoushibox.current a.yico2{ opacity: 1;  transition-delay: 1s;left:248px;   -moz-transition-delay:1s; transition-duration: 1s; -webkit-transition-delay:1s;    -moz-transition-duration:1s; -webkit-transition-duration:1s;}



.hyoushibox.current a.yico3{ opacity: 1;  transition-delay: 0.7s;left:248px;  -moz-transition-delay:0.7s; transition-duration: 0.7s; -webkit-transition-delay:0.7s;    -moz-transition-duration:1s; -webkit-transition-duration:1s;}



.hyoushibox.current a.yico5{ opacity: 1;  transition-delay: 0.7s;right:245px; -moz-transition-delay:0.7s; transition-duration: 1s; -webkit-transition-delay:0.7s;    -moz-transition-duration:1s; -webkit-transition-duration:1s;}



.hyoushibox.current a.yico6{ opacity: 1;  transition-delay: 1s;right:245px;   -moz-transition-delay:1s; transition-duration: 1s; -webkit-transition-delay:1s;    -moz-transition-duration:1s; -webkit-transition-duration:1s;}



.hyoushibox.current a.yico7{ opacity: 1;  transition-delay: 1.2s;right:2px;  -moz-transition-delay:1.2s; transition-duration: 1.2s; -webkit-transition-delay:1.2s;    -moz-transition-duration:1.2s; -webkit-transition-duration:1.2s;}



a.yico1:hover{background: url(../images/y1-1.png) no-repeat;}



a.yico2:hover{background: url(../images/y2-1.png) no-repeat;}



a.yico3:hover{background: url(../images/y3-1.png) no-repeat;}



a.yico5:hover{background: url(../images/y4-1.png) no-repeat;}



a.yico6:hover{background: url(../images/y5-1.png) no-repeat;}



a.yico7:hover{background: url(../images/y6-1.png) no-repeat;}



.hyoushibox a{transition: all 1s ease 0s;}



.hysphone{font-size: 13px;color: #e0ad58;position: absolute;width: 160px;bottom: 90px;text-align: center;left: 50%;margin-left: -80px;}



.hysphone span{display: block;font-size: 24px;margin-top: 0px;font-weight: 500;}



a.hysbtn{font-size:14px;color: #e0ad58;position: absolute;bottom: 0px;width: 125px;height: 35px;line-height: 35px;text-align: center;display:block;border:1px solid #e0ad58;left: 50%;margin-left: -63px;background-color: #fff;border-radius: 5px;margin-bottom: -100px;opacity: 0;}



a.hysbtn:hover{background-color: #e0ad58;color: #fff;}



.hyoushibox.current a.hysbtn{margin-left: -63px;margin-bottom: 0;opacity: 1;}



/*新闻*/



.hnews{width: 100%;min-width: 1300px;background-image:url(../images/pbg.jpg);height: auto;position: relative;}



.hnewsleft{float: left;width: 555px;}



.hnewsright{float: right;width: 620px;background: url(../images/nsu.png) center left no-repeat;padding-left: 70px;}



.nlefttit{width: 100%;height: 40px;background: url(../images/line.png) bottom left no-repeat;line-height: 35px;}



.nlefttit span{float: left;font-size: 20px;color: #e1ad58;display: inline-block;}



.nlefttit span em{font-size: 14px;color: #e1ad58;display: inline-block;margin-left: 10px;background: url(../images/line1.png) left center no-repeat;padding-left: 20px;}



.nlefttit a.nl_more{float: right;font-size: 14px;color: #666666;transition:0.5s;}



a.nl_more:hover{color: #ff9c00;}



.hninfo{margin-top: 25px;height: 460px;width: 100%;background-color: #fff;}



.hnimg{display: block;width: 555px;height: 256px;overflow: hidden;position: relative;}



.hnimg img{width: 555px;height: auto;}



.hnimg span{font-size: 14px;color: #fff;display: block;position: absolute;top:0;right: 0;text-align: center;line-height: 30px;width: 62px;height: 62px;background-color: #e1ad58;}



.hnimg span em{display: block;width: 80%;margin:0px auto;border-bottom: 1px solid #fff;height: 30px;}



.hninfo_txt{width: 100%;margin-top:5px;}



.hninfo_txt div{display: block;font-size: 18px;color: #333;line-height: 40px;border-bottom: 1px solid #e6e6e6;}



.hninfo_txt div i{width: 26px;height: 19px;position: relative;top: 3px;background: url(../images/nico.png) no-repeat;margin-right:10px;display: inline-block;}



.hninfo_txt p{font-size: 14px;color: #666;line-height: 30px;padding:10px 0px;}



a.hnbtn{font-size: 16px;color: #fff;width: 116px;display: block;height: 36px;line-height: 36px;background: url(../images/btn1.png) no-repeat;text-align: center;position: relative;overflow: hidden;}



a.hnbtn:hover{color: #fff;}



.hnl_list{width: 100%;height: 460px;overflow: hidden;margin:20px auto 0;clear: both;}



.hnl_list li{width: 100%;height:55px;line-height: 55px;position: relative;border-bottom: 1px dashed #ccc;}



.hnl_list li a{font-size: 14px;color: #333;display: block;float: left;transition:0.5s;width: 80%;height: 55px;overflow: hidden;text-indent: 45px;}



.hnl_list li span{font-size: 14px;color: #b2b2b2;display: block;float: right;}



.hnl_list li i{width: 30px;height: 28px;background: url(../images/nico1.png) no-repeat;display: block;float: left;position: absolute;top:14px;}



.hnl_list li a:hover{color: #e1ad58;text-indent: 50px;}



.hnl_list li:hover span{color: #e1ad58;}



.hnl_list li:hover i{background: url(../images/nico2.png) no-repeat;}



/*关于万千*/



.habout{width: 100%;min-width: 1300px;background:url(../images/abg.jpg) top center no-repeat;height: 780px;position: relative;}



.habout_left{width: 540px;float: left;}



.habout_right{width: 686px;height: 497px;float: right;position: relative;}



.haltit{font-size: 14px;color: #cecece;width: 100%;height: 30px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;}



.haltit i{display: inline-block;width: 21px;height: 22px;background: url(../images/aico1.png) no-repeat;position: relative; top: 5px;}



div.haltit2 i{background: url(../images/aico2.png) no-repeat;width: 24px;top:3px;}



.haltit span{font-size: 20px;color: #666;display: inline-block;margin:0 10px;}



.hableft{width: 540px;height: 360px;margin-top: 30px;position: relative; background: url(../images/video.jpg) no-repeat;}







.haphone{font-size: 24px;color: #de8d8c;background: url(../images/aico3.png) no-repeat;margin-top: 30px;width: 545px;line-height: 60px;height: 60px;font-size: 14px;color: #333;}



.haphone span{display: inline-block;font-size: 24px;color: #fff;}



.haphone img{display: inline-block;margin-left: 55px;margin-right: 10px;position: relative;top:-5px;}



.habinfo{width: 100%;height: 454px;background: url(../images/abbg.jpg) no-repeat;margin-top: 30px;}



.haboNav{width: 156px;padding-top: 40px;float: left;}



.haboNav a{width: 156px;height: 61px;line-height: 51px;text-align: center;display: block;font-size: 20px;color: #999;background: url(../images/abbtn1.png) no-repeat;margin-left: -16px;margin-top: 11px;}



.haboNav a:hover,.haboNav a.aboon{background: url(../images/abbtn2.png) no-repeat;color: #fff;}



.aboCon{width: 450px;float: right;margin-right: 45px;color: #333;padding-top: 20px;}



.aboCon h3{font-size: 55px;color: #f2f2f2;text-align:right;font-weight: 500;}



.aboCon span{display: block;font-size: 24px;text-align:right;}



.aboCon p{font-size:14px;margin-top: 25px;line-height: 30px;}



a.habbtn{font-size:14px;color: #e0ad58;width: 125px;height: 35px;line-height: 35px;text-align: center;display:block;border:1px solid #e0ad58;background-color: #fff;border-radius: 15px;margin:30px auto 0;clear: both;}



a.habbtn:hover{background-color: #e0ad58;color: #fff;}



a.habbtn2{margin:30px 0 0 0;float: right;}



.aboimg{margin-top: 30px;}



.aboimg a{width:205px;float: left;height: 150px;overflow: hidden;margin-left: 15px;}



.aboimg a img{width: 205px;height: auto;transition: all 1s ease 0s;}



.aboimg a:hover img{transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}































@media screen and (max-width: 1600px) { 







}



@media screen and (max-width: 1280px) { 



#featureContainer,#block{width: 1200px;}



.featureUL li{margin:0px 5px 0 5px;}



}