@charset "utf-8";
.effect{text-decoration: none; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.effect:hover{text-decoration: none; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
a.effect{text-decoration: none; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
a.effect:hover{text-decoration: none; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;color: #036DB7;}
button.effect{ transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
button.effect:hover{ transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.effect img{transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.effect:hover img{transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; transform:scale(1.2);}


::-moz-selection { background: #4a4a4a; color: #aaa; }
::selection { background: #4a4a4a; color: #aaa;}
::-webkit-scrollbar { width: 12px;}
::-webkit-scrollbar-track { background: #fff;}
::-webkit-scrollbar-thumb { background: #2d2d2d;}
::-webkit-scrollbar-thumb:window-inactive { background: #2d2d2d;}
::-webkit-scrollbar-thumb:vertical:hover { background: #2d2d2d;}

.loading{width:100%;height:100%;display:block;background:#000;position:absolute;left:0px;top:0px;z-index:20;overflow:hidden;}
.loading .bg1{background:#fff;width:100%;height:100%;display:block;}
.loading .spinner{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;width:86px;height:86px;border-radius:50%;-webkit-animation:rotateplane 6s infinite ease-in-out;-moz-animation:rotateplane 6s infinite ease-in-out;animation:rotateplane 6s infinite ease-in-out;background:url(../images/logoloading.png);}
.mainbody{padding-top:108px;}
/*.mainbody{padding-top:108px;display:none;margin-top:100%;}*/
@-webkit-keyframes rotateplane{
  0%{-webkit-transform:perspective(120px);}
  20%{-webkit-transform:perspective(120px) rotateY(180deg);}
  40%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);}
  60%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(360deg);}
  80%{-webkit-transform:perspective(120px) rotateY(360deg) rotateX(360deg);}
  100%{-webkit-transform:perspective(120px);}
}
/*头部*/
.header{width: 100%;position:fixed;top:0px;z-index:10;height:108px;border-bottom:1px solid #ccc;background:#fff;}
.logo{float: left; width:25%;height:108px;}
.logo a{font-size: 0;display:block;background:url(../images/logo.png) no-repeat right center;height:108px;}
.logo a img{width:100%; height:108px;}
/*主导航菜单*/
.header .nav{ height: 108px; margin-left: 34.4%;}
.nav li{float: left; font-size: 14px; line-height:20px; width:74px;  text-align: center; line-height:104px;}
.nav li a,.nav li span{font-size: 14px;color:#4B4B4B;line-height:104px;}
.nav li:hover{border-bottom:4px solid rgb(51, 51, 51);line-height:104px;}
.nav .current{border-bottom:4px solid rgb(51, 51, 51);line-height:104px; }
.nav li:hover a,.nav .current a{line-height:104px;}
.nav li .sub{display:none;position:absolute;left:0px;top:108px;height:111px;background:#fff;width:100%;right:0px;}
/*.nav li:hover .sub{animation:headerDown 0.2s ease-out 1;}
@keyframes headerDown{
  0%{display:block;}
  1%{opacity:0;}
  100%{opacity:1;}
}*/
.nav li .sub span{position:absolute;left:48%;line-height:normal;}
.nav li:nth-child(8) .sub span{position:absolute;left: 60%;}
.nav li .sub a{display:inline-block;color:#261919;position:relative;padding:70px 15px 30px 45px;line-height:normal;}
.nav li:nth-child(8) .sub a{padding-bottom:50px;}
.nav li .sub a i{width:41px;height:41px;display:inline-block;position:absolute;left:50px;top:50%;margin-top:-41px;}
.nav li .sub a .nav-icon-1{background:url(../images/gcbz.png) no-repeat 10px top;width:41px;height:36px;}
.nav li .sub a .nav-icon-2{background:url(../images/gcbz.png) no-repeat -26px top;width:41px;height:36px;}
.nav li .sub a .nav-icon-3{background:url(../images/gcbz.png) no-repeat -72px top;width:41px;height:36px;}
.nav li .sub a .nav-icon-4{background:url(../images/gcbz.png) no-repeat -120px top;width:42px;height:36px;margin-left:-5px;}
.nav li .sub a .nav-icon-5{background:url(../images/lxwm.png) no-repeat 8px top;width:41px;height:23px;}
.nav li .sub a .nav-icon-6{background:url(../images/lxwm.png) no-repeat -33px top;width:41px;height:23px;}
.nav li .sub a .nav-icon-7{background:url(../images/zzcp.png) no-repeat 3px top;width:41px;height:27px;}
.nav li .sub a .nav-icon-8{background:url(../images/zzcp.png) no-repeat -36px top;width:41px;height:27px;}
.nav li .sub a .nav-icon-9{background:url(../images/aljx.png) no-repeat 3px top;width:41px;height:31px;}
.nav li .sub a .nav-icon-10{background:url(../images/aljx.png) no-repeat -35px top;width:41px;height:31px;}
.nav li .sub a:hover .nav-icon-1{background:url(../images/gcbz.png) no-repeat 10px -35px;width:41px;height:36px;}
.nav li .sub a:hover .nav-icon-2{background:url(../images/gcbz.png) no-repeat -26px -35px;width:41px;height:36px;}
.nav li .sub a:hover .nav-icon-3{background:url(../images/gcbz.png) no-repeat -72px -34px;width:41px;height:36px;}
.nav li .sub a:hover .nav-icon-4{background:url(../images/gcbz.png) no-repeat -120px -34px;width:42px;height:36px;}
.nav li .sub a:hover .nav-icon-5{background:url(../images/lxwm.png) no-repeat 8px -24px;width:41px;height:23px;}
.nav li .sub a:hover .nav-icon-6{background:url(../images/lxwm.png) no-repeat -33px -24px;width:41px;height:23px;}
.nav li .sub a:hover .nav-icon-7{background:url(../images/zzcp.png) no-repeat 3px -29px;width:41px;height:27px;}
.nav li .sub a:hover .nav-icon-8{background:url(../images/zzcp.png) no-repeat -36px -29px;width:41px;height:27px;}
.nav li .sub a:hover .nav-icon-9{background:url(../images/aljx.png) no-repeat 3px -34px;width:41px;height:31px;}
.nav li .sub a:hover .nav-icon-10{background:url(../images/aljx.png) no-repeat -35px -34px;width:41px;height:31px;}

/*联系电话*/
.tel{float: right; margin-right:3.1%; margin-top:-70px; background: url(../images/tel.png) no-repeat 0  center;}
.tel p{width: 100px; line-height: 20px; font-size: 12px; margin-left: 50px;}
.tel span{ width: 116px; height: 25px; font-weight:bold;font-size: 18px;margin-left: 50px; }

/*底部*/
.footer{width:100%; }
.footer .container{width: 100%; background:url(../images/footer.png);}
.footer .container .wrap{width: 1260px; margin: 0 auto; height: 370px; overflow: hidden;}
/*二维码*/
.footer .container .wrap .info{width: 410px; float: left; }
.info .code{width: 100%;  margin: 82px 0 28px; }
.info .code img{ cursor: pointer;}
/*联系方式*/
.info .contact{width: 100%; color:#fff;}
.info .contact .call{font-size:12px;}
.info .contact .phone{font-size: 30px; margin: 0px 0 0px;}
.info .contact .address{font-size:14px;}
/*底部菜单*/
.footer .container .wrap .menu{width: 850px; float: right; overflow: hidden;}
.menu dl{ float:left; width:168px; margin-top: 78px; margin-right: 42px;}
.menu dl dt a{font-size:14px;color: #fff; border-bottom: 1px solid #FFFFFF; margin-bottom: 16px;}
.menu dl dt a p{ border-left:3px solid rgb(255, 255, 255); margin-bottom: 18px;}
.menu dl dt a span{margin-left:10px; font-weight: bold; }
.menu dl dt a em{font-weight: bold;}
.menu dl dd a{margin-bottom:0px; font-size:12px; color:#fff;  display:block;}
/*版权所有*/
.footer .copyright{width:100%;}
.copyright .center{overflow: hidden; width: 1260px; margin: 0 auto; }
.copyright .center .text{float: left; padding: 50px 0;}
.copyright p{font-size:12px; width:318px; margin-bottom: 4px;}

.copyright .center .icon{float: right; overflow: hidden;}
.icon li{ float: left; text-align: center; margin-top:48px; margin-left: 14px; width: 35px; height: 35px; background: #3F3F3F; border-radius:35px; behavior:url(PIE.htc);}
.icon li img{margin-top:9px;}


.top-box{ z-index: 999; display: block; position: fixed; width:796px; height: 274px; box-sizing: border-box; border: 10px solid rgb(51, 51, 51); left: 50%; margin-left: -350px; top:40%; background: #fff;}
.top-box .img1{margin-top: -85px; margin-left: -50px;}
.top-box form{width: 546px; float: right; margin-top: 30px;}
.top-box .house{margin-left: -20px; }
.house select {display: inline-block; width: 172px; height: 38px; font-size: 16px; margin-right: 6px; margin-bottom: 12px; padding-left: 24px; background: url(../images/img4.png) no-repeat scroll 85% center; appearance:none; -moz-appearance:none;-webkit-appearance:none;}
.top-box input {display: inline-block; width: 172px; height: 38px; margin-right: 6px;} 
.top-box input{background: #999999; border: 1px solid #ccc;}
.top-box input:not(.phone){ padding-left: 24px; }
.top-box input::-webkit-input-placeholder{color:#fff;font-size:14px;}
.top-box input.phone::-webkit-input-placeholder{color:#999999;font-size:14px;}
.top-box .phone{width: 534px; margin: 8px 0; text-align: center; background: #fff;}
.top-box .img2{position: absolute;top:-25px; right:-25px;}

/*底部弹出广告*/
body{position: relative;}
.footer-box{background:rgba(0, 0, 0, 0.8); height: 195px;  z-index: 9998; width: 100%; display: block; position: absolute;bottom:0px;}
.footer-box .center{width: 1066px; height: 340px; margin: -145px auto 0;overflow: hidden;}
.footer-box form{overflow: hidden; margin-top: 30px; margin-left: -10px;}
.house select{background:#fff url(../images/img4.png) no-repeat scroll 85% center; }
.footer-box input{display: inline-block; width: 172px; height: 38px; margin-right: 6px;} 
.footer-box input{border: 1px solid #999;  background: #999999; }
.footer-box input:not(.phone){ padding-left: 24px; }
.footer-box .phone{width: 534px; margin: 8px 0; text-align: center; background: #fff;}
.footer-box input::-webkit-input-placeholder{color:#fff;font-size:14px;}
.footer-box input.phone::-webkit-input-placeholder{color:#999999;font-size:14px;}
.footer-box .img1{float: left;}
.footer-box .img2{position: absolute;top:-25px; right:-60px;}
.footer-box .content{float: right; width: 735px;height: 195px; margin-top: 145px;position: relative;left: -80px;}
.footer-box .send-quote img{float: right; margin-top: -150px; position: relative;left: -15px;}

.side{background:#23252A;position:fixed;top:50%;right:0px;z-index:10;margin-top:-100px;}
.side a{color:#FFFFFF;font-size:12px;line-height:50px;display:block;margin-bottom:1px;background:#202020;display:block;height:50px;}
.side a span{padding-left:20px;display:inline-block;display:none;}
.side a i{float:right;width:50px;height:50px;display:block;}
.side a.s1 i{background:url(../images/side-icon.png) no-repeat left top;}
.side a.s2 i{background:url(../images/side-icon.png) no-repeat left -51px;}
.side a.s3 i{background:url(../images/side-icon.png) no-repeat left -102px;}
.side a.s4 i{background:url(../images/side-icon.png) no-repeat left -153px;}
.side:hover a span{display:inline-block;}
.side a:hover{background:rgb(51, 51, 51);}
.side.selected a span{display:inline-block;}

.dialog_con_notice{background:rgb(51, 51, 51);color: #fff;padding:10px 20px;border-radius:5px;font-size:20px;}