.backInfo{background-size:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.top-box{height:130px;background-color:#fff;position:relative;}
.top-box .bg-right{position:absolute;height:130px;width:50%;background-color:#2466d3;right:0;top:0;}
.top-box .logo{width:360px;line-height:130px;float:left;}
.top-box .logo img{vertical-align:middle;}
.top-box .nav-box{background-color:#2466d3;margin-left:360px;position:relative;}
.top-box .nav-box .list-item{width:120px;float:left;}
.top-box .nav-box .list-item > a{display:block;line-height:130px;text-align:center;font-size:18px;color:#fff;}
.top-box .nav-box .list-item.active{background-color:#1a57bb;}
.top-box .nav-box .list-item .sec-box{position:absolute;display:none;z-index:3;padding-left:10px;background-color:#1a57bb;width:100%;left:0;}
.top-box .nav-box .list-item .sec-box li{float:left;margin:0 15px;padding:15px 0;}
.top-box .nav-box .list-item .sec-box li a{font-size:14px;color:#ccc;line-height:35px;}
.top-box .nav-box .list-item .sec-box li a:hover{color:#fff;}

/*焦点图*/
.banner-box{position:relative;z-index:0;}
.banner-box .m-slide{position:relative;width:100%;}
.banner-box .m-slide .scroll-box{overflow:hidden;height:551px;width:100%;}
.banner-box .m-slide .scroll-box li{width:100%;height:551px;background-position:center;background-repeat:no-repeat;}
.banner-box .m-slide .scroll-box li a{display:block;height:551px;}
.banner-box .switchable-nav{position:absolute;width:100%;bottom:60px;left:0;z-index:3;text-align:center;}
.banner-box .switchable-nav li{display:inline-block;width:7px;height:7px;overflow:hidden;margin:0 9px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background-color:#fff;line-height:40px;}
.banner-box .switchable-nav li.active{background-color:#2466d3;}
.m-title{position:relative;}
.m-title .title{font-size:24px;color:#2466d3;font-weight:bold;line-height:38px;}
.m-title .en{font-size:30px;color:#dbdbdb;font-weight:bold;text-transform:uppercase;}
.m-title .more{display:block;width:136px;height:37px;position:absolute;right:0;bottom:5px;}

/*关于我们*/
.m-about{margin-bottom:60px;}
.m-about .u-img{width:511px;height:380px;float:left;position:relative;margin-top:-62px;}
.m-about .info-box{background-color:#fff;height:379px;margin-left:400px;box-sizing:border-box;margin-top:-26px;padding:52px 36px 34px 147px;}
.m-about .info-box .en{font-size:36px;line-height:40px;text-transform:none;margin-top:5px;}
.m-about .info-box .content{margin:40px 0 60px;font-size:14px;color:#666;line-height:24px;height:72px;overflow:hidden;}
.m-about .info-box .more{display:block;width:136px;height:37px;border:1px solid #dbdbdb;position:relative;}
.m-about .info-box .more:before,.m-product .m-title .more:before,.m-news .news-item .more:before{content:'';display:block;position:absolute;width:136px;height:37px;top:0;left:0;background-image:url("../images/more.png");background-position:center center;background-repeat:no-repeat;transition:all .4s;transform:translateX(0);}
.m-about .info-box .more:hover{border-color:#2466d3;}
.m-about .info-box .more:hover:before,.m-product .m-title .more:hover:before,.m-news .news-item:hover .more:before{transform:translateX(66px);background-image:url("../images/active_more.png");}
.m-product,.m-case{background-color:#2466d3;position:relative;}
.m-product .m-title,.m-case .m-title{position:relative;padding-top:22px;}

/*产品展示*/
.m-product{padding-bottom:45px;}
.m-product .bg-left{position:absolute;left:0;top:0;height:356px;background-color:#f2f2f2;width:50%;}
.m-product .pro-bg{height:265px;background-color:#f2f2f2;width:1056px;position:absolute;z-index:1;top:91px;left:0;}
.m-product .m-title{margin-bottom:36px;background-color:#f2f2f2;width:1056px;z-index:2;}
.m-product .m-title .more{right:54px;border:1px solid #dbdbdb;}
.m-product .m-title .more:hover{border-color:#2466d3;}
.m-product .pro-listBox{position:relative;z-index:2;height:440px;overflow:hidden;}
.m-product .pro-listBox .caroufredsel_wrapper{height:440px!important;}
.m-product .pro-listBox .slider{position:absolute;right:-2px;bottom:0;}
.m-product .pro-listBox .slider a{display:block;width:146px;height:110px;background-image:url("../images/scroll.png");background-position:right top;background-repeat:no-repeat;}
.m-product .pro-listBox .slider .next{background-position:left bottom;}
.m-product .pro-list{width:1056px;}
.m-product .pro-list li{margin-left:-24px;overflow:hidden;}
.m-product .pro-list li:after{content:'';display:block;height:0;clear:both;}
.m-product .pro-list a{display:block;width:338px;height:220px;float:left;position:relative;margin-left:22px;overflow:hidden;}
.m-product .pro-list a .img{display:block;width:338px;height:220px;}
.m-product .pro-list a:hover .shadow{filter:alpha(opacity:100);opacity:1;transform:scale(1);}
.m-product .pro-list .shadow{display:block;width:100%;height:100%;position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,0,endColorstr=#66000000,0);background-image:url("../images/search.png");background-position:center center;background-repeat:no-repeat;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;text-align:center;overflow:hidden;transform:scale(1,0);opacity:0;filter:alpha(opacity:0);}
.m-product .pro-list .shadow .text{position:absolute;width:100%;height:86px;overflow:hidden;font-size:18px;color:#fff;line-height:32px;left:0;bottom:0;}
.m-case{margin-bottom:70px;}
.m-case .m-title{margin-bottom:22px;}
.m-case .m-title .title{color:#fff;}
.m-case .m-title .more{border:1px solid #fff;}
.m-case .m-title .more:before{content:'';display:block;width:100%;height:100%;left:0;top:0;background-image:url("../images/more_white.png");background-position:center center;background-repeat:no-repeat;transition:all .4s;transform:translateX(0);}
.m-case .m-title .more:hover:before{transform:translateX(66px);}
.m-case .case-listBox{background-color:#2466d3;position:relative;z-index:2;}
.m-case .case-listBox li{float:left;margin-left:10px;}
.m-case .case-listBox li:first-child{margin-left:0;}
.m-case .case-listBox li a{display:block;width:292px;height:223px;position:relative;}
.m-case .case-listBox li a .img{display:block;width:292px;height:223px;}
.m-case .case-listBox li a:hover .shadow{filter:alpha(opacity=100);opacity:1;}
.m-case .case-listBox li a:hover .shadow .text{filter:alpha(opacity=100);opacity:1;transform:translateY(0)}
.m-case .case-listBox li .shadow{display:block;width:100%;height:100%;position:absolute;top:0;right:0;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,0,endColorstr=#66000000,0);background-image:url("../images/search.png");background-position:center center;background-repeat:no-repeat;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;text-align:center;overflow:hidden;filter:alpha(opacity=0);opacity:0;}
.m-case .case-listBox li .shadow .text{position:absolute;width:100%;height:80px;overflow:hidden;font-size:18px;color:#fff;line-height:32px;left:0;bottom:0;transition:all .4s;transform:translateY(100px);filter:alpha(opacity=0);opacity:0;}
.m-case .bg-right{position:absolute;right:0;bottom:0;height:324px;background:#f2f2f2;width:50%;z-index:1;}

/*新闻中心*/
.m-news{margin-bottom:76px;}
.m-news .m-title{margin-bottom:22px;}
.m-news .news-list{overflow:hidden;}
.m-news .news-item{width:382px;height:283px;float:left;overflow:hidden;margin-left:20px;}
.m-news .news-item:first-child{margin-left:0;}
.m-news .news-item:hover .date{color:#fff;border-color:#2466d3;background-color:#2466d3;}
.m-news .news-item:hover .date *{color:#fff!important;}
.m-news .news-item:hover .title{color:#2466d3;}
.m-news .news-item:hover .more{border-color:#2466d3;}
.m-news .news-item .date{display:block;width:81px;height:95px;box-sizing:border-box;border:1px solid #ccc;text-align:center;margin-bottom:14px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.m-news .news-item .date .day{margin-top:4px;display:block;font-size:44px;color:#666;font-weight:bold;}
.m-news .news-item .date .ym{font-size:18px;color:#808080;}
.m-news .news-item .title{height:28px;line-height:28px;overflow:hidden;font-size:18px;color:#333;text-overflow:ellipsis;white-space:nowrap;margin-bottom:14px;}
.m-news .news-item .content{height:62px;overflow:hidden;font-size:14px;color:#808080;line-height:20px;}
.m-news .news-item .more{width:136px;height:37px;border:1px solid #dbdbdb;display:block;margin-top:28px;position:relative;}
.footer{background-color:#333;padding:20px 0 38px;color:#b2b2b2;font-size:14px;}
.footer .tel-box{max-width:1080px;}
.footer a{color:#b2b2b2;}
.footer a:hover{color:#fff;}
.footer .link-box{border-bottom:1px solid #4d4d4d;line-height:36px;height:36px;margin-bottom:8px;}
.footer .link-box a{display:inline-block;margin-left:28px;}
.footer .link-box a:first-child{margin:0;}
.footer p{line-height:42px;}
.footer .client-link a{display:inline-block;margin:0 8px;}
.footer .logo{display:block;margin-top:10px;}
.footer .code{margin-top:26px;text-align:center;line-height:0;}
.footer .code img{width:108px;height:108px;}
.footer .code p{font-size:14px;color:#fff;line-height:30px;}

/************内页**************/
.inner{margin-bottom:45px;}
.u-menubox{position:relative;width:236px;margin-top:-56px;background-color:#2466d3;color:#fff;}
.u-menubox .u-title-box{position:relative;padding:21px 25px;height:90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.u-menubox .u-title-box:after{content:'';display:block;width:40px;height:33px;background-image:url("../images/star-white.png");background-position:center center;background-repeat:no-repeat;position:absolute;right:13px;bottom:1px;}
.u-menubox .u-title-box h1{font-size:24px;color:#fff;font-weight:bold;}
.u-menubox .u-title-box .line{display:block;width:24px;height:2px;background-color:#ff8a00;margin-top:8px;}
.u-menubox .u-title-box .shadow-line{position:absolute;width:100%;height:7px;background-image:url("../images/shadow_line.png");background-position:center center;background-repeat:no-repeat;left:0px;bottom:0px;}
.u-menubox .u-menulist{margin-top:12px;}
.u-menubox .u-menulist h4{height:45px;line-height:45px;overflow:hidden;}
.u-menubox .u-menulist h4 a{display:block;padding-left:25px;paddingr-right:38px;font-size:18px;color:#fff;position:relative;}
.u-menubox .u-menulist h4 a:after{content:'';display:inline-block;width:15px;height:8px;background-image:url("../images/arrow.png");background-position:center center;background-repeat:no-repeat;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:18px;top:20px;}
.u-menubox .u-menulist h4.active,.u-menubox .u-menulist h4:hover,.u-menubox .u-menulist h4.hover{background-color:#1a57bb;}
.u-menubox .u-menulist h4.active a:after,.u-menubox .u-menulist h4:hover a:after,.u-menubox .u-menulist h4.hover a:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.u-menubox .u-menulist .sm-menu{display:none;margin:0 18px 0 25px;padding:7px 0;}
.u-menubox .u-menulist .sm-menu li{line-height:32px;}
.u-menubox .u-menulist .sm-menu li a{color:#fff;}
.u-menubox .u-menulist .sm-menu li a:hover{text-decoration:underline;}
.u-page{margin-top:-28px;background-color:#fff;margin-left:276px;padding:25px;box-sizing:border-box;}
.u-page .up-title{height:47px;border-bottom:2px solid #d9d9d9;}
.u-page .up-title .title{display:inline-block;background-image:url("../images/star.png");background-position:left center;background-repeat:no-repeat;font-size:24px;color:#000;font-weight:bold;padding-left:32px;}
.u-page .up-nav{overflow:hidden;line-height:40px;float:right;}
.u-page .up-nav li{display:inline-block;color:#999;font-size:12px;}
.u-page .up-nav li a{color:#999;}
.u-page .up-nav li a:hover{color:#2466d3;}
.u-page .u-content{margin-top:28px;overflow:hidden;}
.u-page .u-content .pro-list{margin-left:-15px;margin-top:-8px;}
.u-page .u-content .pro-list li{float:left;margin:8px 0 0px 15px;}
.u-page .u-content .pro-list li a{display:block;width:281px;height:262px;overflow:hidden;box-sizing:border-box;}
.u-page .u-content .pro-list li a .img{display:block;width:281px;height:216px;overflow:hidden;border:2px solid #fff;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;box-sizing:border-box;}
.u-page .u-content .pro-list li a p{height:46px;line-height:46px;text-align:center;font-size:18px;color:#333;}
.u-page .u-content .pro-list li a:hover .img{border:2px solid #2466d3;}
.u-page .u-content .pro-list li a:hover .img .jqthumb{-webkit-filter:brightness(0.9);}
.u-page .u-content .pro-list li a:hover p{color:#2466d3;}
.u-page .u-content .title-box{text-align:center;padding:15px 0;}
.u-page .u-content .title-box h2{margin-bottom:15px;font-size:22px;line-height:30px;font-weight:normal;color:#333;}
.u-page .u-content .title-box p{font-size:16px;color:#999;}
.u-page .u-content .detail-img{text-align:center;position:relative;margin:10px 0;}
.u-page .u-content .detail-img a{position:absolute;display:block;width:41px;height:64px;top:50%;background:url(../images/inner_scroll.png) no-repeat;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.u-page .u-content .detail-img a:hover{opacity:1;filter:alpha(opacity=100);}
.u-page .u-content .detail-img .debtn-prev{left:0;background-position:0 0;}
.u-page .u-content .detail-img .debtn-next{right:0;background-position:-41px 0;}
.u-page .u-content .detail-con{padding:10px 0;font-size:14px;}
.u-page .u-content .page-content{font-size:14px;line-height:28px;}
.u-page .u-content .case-list a{width:281px;height:360px!important;}
.u-page .u-content .case-list .img{height:312px!important;}
.u-page .u-content .news-list li{position:relative;padding:17px 0;border-bottom:1px solid #f1f1f1;}
.u-page .u-content .news-list li:first-child{padding-top:0;}
.u-page .u-content .news-list li .img{float:left;display:block;width:154px;height:110px;overflow:hidden;}
.u-page .u-content .news-list li .img img{width:154px;height:110px;}
.u-page .u-content .news-list li .info{margin-left:170px;}
.u-page .u-content .news-list li h4{text-align:left;font-size:18px;margin-bottom:20px;height:24px;overflow:hidden;}
.u-page .u-content .news-list li h4 a{color:#333;}
.u-page .u-content .news-list li h4 a:hover{color:#2466d3;}
.u-page .u-content .news-list li .content{color:#666;line-height:24px;height:68px;font-size:14px;overflow:hidden;}
.u-page .u-content .news-list li .date{line-height:24px;font-size:14px;color:#808080;}
.u-page .u-content .news-list li:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.m-scene{margin:40px 0 30px;}
.overflow-hidden{position:relative;zoom:1;overflow:hidden;}
.imgBox{position:relative;zoom:1;border:1px solid #e4e4e4;margin-bottom:20px;}
.imgBox li{float:left;_display:inline;overflow:hidden;}
.imgBox li a{display:block;height:100%;text-align:center;}
.imgBox li a img{max-width:100%;max-height:100%;}
.pageBox{margin:0 auto;overflow:hidden;}
.pageBox li{float:left;display:inline;margin-left:10px;width:135px;height:105px;overflow:hidden;border:1px solid #e4e4e4;}
.pageBox li a{display:block;overflow:hidden;height:100%;text-align:center;}
.pageBox li.selected{border-color:#1a57bb;}
.pageBox li img{max-width:100%;max-height:100%;}

/*在线留言*/
.sub-message{padding:50px 30px;background:#FFF;color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#c00;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:95px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;font-size:14px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:middle;}
.sub-message .m-form .td-textarea{vertical-align:middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,.sub-message .m-form table input,.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#2466d3;}
