@charset "utf-8";
/*~~~~框架布局~~~*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/*==视频↓==*/
.layui-layer{width:650px;min-width:650px;max-width:660px;height:500px;}
.pcI{display: block;}
.wapI{display: none;}


/*==顶部↓==*/
.head-top .weixin{width:50px;height:30px;display: inline-block;}
.head-top .weixin em{display: block;width:20px;height:20px;color: #717171;font-size: 20px;}
.head-top .weixin .ewm{left: -50px;top:29px;width:120px;height:120px;}
.head-top .weixin .ewm img{width:100px;}
.head-top .effect-lower{ position: relative;}
.head-top .effect-lower .effect-lower-block{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.head-top .effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}
.header{ position: relative;background:rgba(0,0,0,0.5);height: 90px;z-index:999}
.header-index,.fixed-top{ position: fixed;z-index: 11; background:rgba(0,0,0,0.5);}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .logo{}
.header .logo img{margin-top: 13px;}
.header .nav{}
.header .nav li{float: left; position: relative; }
.header .nav li a.navAone{ display: block; color:#fff; font-size:1.12em; padding:0px 20px;line-height: 90px;}
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#fff;  background:#ff6509;}
.header .nav .noe{margin-left: 23px;}
.nav li ol{display:none;position:absolute;left:0px;top:90px;background:rgba(245,163,16,0.5);z-index:120;overflow:hidden;width: 100%;padding: 10px 0;}
.nav li ol li{float:none;height:30px;padding:0;margin:0;}
.header .nav li.nLi.on{ background: #ff6509}
.header .nav li ol li{ float:none}
.nav li ol li a{display:block;padding:0 5px;width:100%;height:30px;line-height:30px;border:none;border-top:1px solid #ff6509;text-align:center;font-size:15px;color:#fff;/*! overflow:hidden; */margin:0;background:none;/*! margin-left: -40px; */}
.nav li ol li a:hover{background:#ff6509;color:#fff;}
/*.header .nav li.drop-downHover a.navAone{ background:#1c966e;color:#fff}*/
.header .search{margin:30px 0 0 5px;}
.header .search em{color:#fff;font-size:20px;}
.header .search .effect-lower-block{transform-origin: 95% 0%;top: 25px;width: 300px;}
.header .search .box{ background:#f5f5f5}
.header .search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}
.header .search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff;}
.header .search button:hover{ background:#ff6509}

.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{position: absolute;right: 0;top:91px;width: 150px;line-height: initial;/* height:50px; */display: block;border: 1px #ddd solid;padding: 10px 20px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 95% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

/*==导航↓==*/
.navWap-block{position:fixed;z-index:20;height:100%;top:55px;left:0;overflow:auto;display:none;width:100%;/*! max-width:640px; */margin:0 auto;}
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background:#fff;width:220px;position:relative;z-index:2;}
.navWap-block .searchWap{position:relative;margin:20px 0 15px 0; overflow: hidden;padding: 0 20px;}
.navWap-block .searchWap input{float: left; width:140px;border-radius:none;border-bottom:1px #bbb solid;color:#29906a;font-size:13px;border-top: none;border-left: none;border-right: none;line-height: 30px;}
.navWap-block .searchWap button{float:right; width:30px;color:#fff; font-size:13px; background: #29906a;border: none;line-height: 30px;border-radius: 50%;}
.navWap-block .contactWap{margin:20px 0 0 0;padding: 0 20px 80px 20px;}
.navWap-block .contactWap span{display:block;color:#ff6509;font-size:13px;margin: 10px 0 15px 0;}
.navWap-block .contactWap span font{display: block; color:#999;font-size:14px;padding-left: 20px;margin-top: 3px;}
.navWap-block .contactWap span:before{margin-right:5px;font-size: 17px;}
.navWap-block .contactWap span.weixin .ewm{display: block;max-width:100px; margin:5px auto 0;}
.navWap-block ul li{/*! height:2.3rem; */line-height:40px;border-bottom:1px solid #eee;}
.navWap-block ul li a{display:block;font-size:14px;color:#555;/*! height:2.3rem; */ opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#666;padding-left:25px;padding-right: 20px;}
.navWap-block ul li em{float:right;color: #999;font-size: ;font-size: 14px;}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#ff6509;/*! background:#1b1e27; */box-shadow:3px 0 0 #ff6509 inset;}
.navWap-block ul li.active em{color:#ff6509}
.navWap-block ul li:first-child{border-top:none;}
.navWap-block ul li:first-child i{font-size:1.2rem;}
/*.navWap-block ul li:nth-child(2) a{transition-delay:240ms;}
.navWap-block ul li:nth-child(3) a{transition-delay:320ms;}
.navWap-block ul li:nth-child(4) a{transition-delay:400ms;}
.navWap-block ul li:nth-child(5) a{transition-delay:480ms;}
.navWap-block ul li:nth-child(6) a{transition-delay:540ms;}
.navWap-block ul li:nth-child(7) a{transition-delay:600ms;}*/
.navWap-block .show li a{opacity:1;transform: translateX(0);}
/*-触发按钮-*/
.navWap-trigger{/*! position:absolute; *//*! right:2%; *//*! top:0; */ /*! height: 2.3rem; */color:#fff;/*! line-height:2.3rem; */color:#fff;float: right;margin: 0px 15px 0 0;}
.navWap-trigger .btn{padding:0px;position: absolute;top: 10px;right: 15px;background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;/*! margin: 10px 0 0 0; */}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 6px 0;width: 30px;height: 3px;background-color: #fff;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #fff;}
.navWap-trigger .animated:focus{cursor: pointer; z-index: 9999;}
.navWap-trigger .middle{margin: 0 auto;}
.navWap-trigger .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navWap-trigger .animated .icon-bar{z-index: 999999; background-color: #fff;}
.navWap-trigger .animated .top{-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*-应用块-*/
.mainBox{position:relative;}
.navWap-mask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;/*! max-width:640px; */margin:0 auto;}



/*  服务 */
.process{margin-right:-60px;overflow:hidden;padding:20px 20px 0 20px;margin-bottom:30px;}
.process li{float:left;width:33.3%;color:#777;position:relative;height:100px;padding-left:80px;}
.process li h4{color:#1c966e;font-size:1.171em;margin-bottom:30px;font-weight:700;position:relative;padding-bottom:10px;}
.process li h4:after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#1c966e;width:30px;transition:all 0.3s;}
.process li .txt{position:relative;min-height:20px;}
.process li i{color:#eaeaea;font-family:Arial;font-size:4.286em;font-style:normal;float:left;width:80px;margin-left:-80px;line-height:1;}
.process li:after{position:absolute;right:30px;top:8%;font-family:"iconfont";font-size:2rem;color:#e1e1e1;line-height:1;}
.process li:last-child:after{display:none;}
.process1{background: url('../images/line.jpg');}
.process3{background: url('../images/line2.jpg');}

/*==banner↓==*/
.focusBanner{width:100%; height:100%; margin:0 auto; position:relative; overflow:hidden;}
.focusBanner .spot{width:100%; /*! height:5px; */ position:absolute; z-index:5; bottom:30px; text-align:center;}
.focusBanner .spot{/*! overflow:hidden; */ display:-moz-box; /*! display:-webkit-box; */ display:box; /*! height:5px; */}
.focusBanner .spot li{position:relative;display:inline-block;margin: 0 8px;cursor: pointer;font-size:0px;width:12px;height:12px;border-radius:50%;/* overflow:hidden; */ background: #ff6509;}
.focusBanner .spot li.on{width:30px; border-radius: 10px;background: #ff6509;/* margin-top:-11px; */}
.focusBanner .long{position:relative; z-index:0;}
.focusBanner .long li img{width:100%;}
.focusBanner .long li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

.banner-yy{background:rgba(0,0,0,.6);border-radius: 4px;text-align:left;padding:20px 30px;position:absolute;top:450px;left:50%;margin-left:-470px;}
.banner-yy .yy-top{font-size:20px;color:#fff;margin-bottom:10px}
.banner-yy .yy-top i{font-style:inherit;font-size:16px}
.banner-yy .yy-top span{float:right;font-size:14px;margin-right:42px}
.banner-yy .yy-top span b{font-size:18px;color:#dce32e;letter-spacing:1px;margin:0 4px}
.banner-yy .yy-xx{}
.banner-yy .yy-xx input{border:1px solid #eaeaea;float:left;margin-right:12px}
.banner-yy .yy-xx input.name{width:208px;height:44px;text-align:center}
.banner-yy .yy-xx input.tel{width:458px;height:44px;text-indent:20px}
.banner-yy .yy-xx input[type=submit]{width:170px;height:46px;background:#13b256;font-size:16px;color:#fff;border:0;cursor:pointer}
.banner-yy .close{position:absolute; font-size: 0px; line-height: 1px;width:10px;height:10px;background:url(../images/yy-close.png) no-repeat center;top:10px;right:30px;cursor:pointer}


/*==标题↓==*/
.titleAx{text-align: center;margin: 20px 0 40px 0;}
.titleAx b{position:relative;font-size: 35px;color: #ff6509;line-height: 35px;position:relative;text-align: center;font-weight: 100;}
.titleAx b:before,.titleAx b:after{ content: ""; position: absolute; top:50%;height:1px;background:#d1d1d1;width: 1000%;}
.titleAx b:before{left:-1000%;}
.titleAx b:after{ right:-1000%}
.titleAx b i{color:#d1d1d1;font-size: 19px;margin: 7px 15px;display: inline-block;}
.titleAx span{ display: block;color: #898989;font-size: 16px;text-align: center;margin-top: 5px;/*! margin-bottom: 80px; */}
.titleAx hr{margin:20px auto; display: block;border:0px; width:50px; height:3px; background: #ff6509;}  

.titleNx{ margin:20px 0; font-size:40px; text-align:center;color:#000000}
.titleNx hr{ margin:30px auto 0; width:50px; height:3px; background: #ff6509; border: none;}



/*==列表↓==*/
.floor_brand {padding: 20px 0;background: #f2f2f2;box-sizing: border-box;margin-top: 30px; overflow: hidden;}
.p_i {position: relative; margin: 0 auto;}
.floor_brand ul {width: 100%;height: 100%;}
.floor_brand ul li {width: 23%; height: 140px;float: left;box-sizing: border-box; margin-right: 2.5%;transition: all linear 0.3s;}
.floor_brand ul li a {display: block; width: 100%;height: 100%; padding-left: 40%; padding-top: 15%; box-sizing: border-box;}
.floor_brand ul li:hover {box-shadow: rgba(0,0,0,0.1) 0 8px 20px; transform:translateY(-2px);}
.floor_brand ul li .title {font-size: 22px;color: #333333;}
 .floor_brand ul li .desc {font-size: 14px;color: #999999;line-height:30px;}
.floor_brand .brand1{background:url(../images/4-01.png) 15% center no-repeat #fff;}
.floor_brand .brand2 {background: url(../images/4-02.png) 15% center no-repeat #fff;}
.floor_brand .brand3 {background: url(../images/4-03.png) 15% center no-repeat #fff;}
.floor_brand .brand4 {background: url(../images/4-04.png) 15% center no-repeat #fff;margin-right:0;}

/*==装修类型↓==*/
.zxlx{margin-top: 4px;    margin-bottom: 50px;overflow: hidden;}
.zxlx li{width:32%;float:left;margin-right:23px;position:relative;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-mz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.zxlx li a{color:#fff;display:block;}
.zxlx li .pic{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);text-align:center;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-mz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.zxlx li .pic img{margin:70px auto 0;height:98px;display:block;}
.zxlx li .pic h4{font-size:18px;line-height:30px;padding-top:5px;display:block;}
.zxlx li:hover .pic{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.zxlx li .wz{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align: center;background-color:rgba(197, 106, 53, 0.59);overflow:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-mz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:1;-khtml-opacity:0;opacity:0;padding:40px 30px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.zxlx li .wz h4{font-size:24px;line-height:40px;}
.zxlx li .wz h5{font-size:15px;line-height:02 px;color:#e7e7e7;}
.zxlx li .wz p{font-size:12px;line-height:21px;padding-top:15px;color:#ddd;}
.zxlx li:hover .wz{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.zxlx li .wz span{display:block;padding-top:15px;-o-transition:all 0.3s ease-in-out;-mz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.mr0{margin-right:0!important;}

/*==产品中心↓==*/
.al{margin-top: 30px;margin-bottom: 0px;overflow: hidden; }
.al>p{color: #898989;font-size: 16px;text-align: center;margin-top: 10px;margin-bottom: 80px;}
.al h3{font-size: 35px;color: #040404;line-height: 35px;position:relative;text-align: center;font-weight: 100;}
.al h3 i:after{content: "";width: 20px;height: 1px;background:#d1d1d1 ;transform:rotateZ(-45deg);position: absolute;right: 674px;top: 20px;}
.al h3:after{content:"";height:1px;width:507px;background:#d1d1d1;position:absolute;top: 17px;left: 0;}
.al h3:before{content:"";height:1px;width:507px;background:#d1d1d1;position:absolute;top: 17px;right: 0;}
.al h3 i:before{content: "";width: 20px;height: 1px;background:#d1d1d1 ;transform:rotateZ(-45deg);position: absolute;left: 670px;top: 20px;}
.al .list{/*! height:400px; */}
.al .list li{float:left;}
.al .list li a{ display: block;width: 100%;height: 100%;}
.al .list a{ display: block;width:100%; height:100%;}
.al .list li.noe a:after,.al .list li.two a:after,.al .list li.three a:after{position: absolute;background: rgba(14, 128, 82, 0.4);top: 10px;left: 10px;right:10px;bottom:10px;z-index: 0;content: "";}
.al .list li em{position: absolute;width: 92px;height: 92px;display: block;top: 40%;left: 40%;background: url("../images/xq.png") no-repeat;opacity: 0;transition: all 0.5s;}
.al .list li.three em{ top:30%}
.al .list li a:hover em{opacity: 1;}
.al .list li a:after,.al .list li h4,.al .list li p,.al .list li i{transition: all .7s ease-in-out;}
.al .list li:hover a:after,.al .list li:hover h4,.al .list li:hover p,.al .list li:hover i{ opacity: 0}

.al .list li .pic{width:100%;height:100%;}
.al .list .noe{width: 340px;height: 440px;margin-right: 6px;}
.al .list .noe a{display: block;position: relative;width: 100%;height: 100%;}
.al .list .noe a h4,.al .noe a p{position: absolute;z-index: 1;}
.al .list .noe a h4{top: 40px;left: 50px;font-size: 25px;line-height: 25px;color: #FFf;}
.al .list .noe a p{left:50px ;bottom: 40px;font-size: 16px;color: #fff;/*! width: 100%; *//*! float: left; *//*! display: table-cell; */right: 30px;}
.al .list .noe a p span{font-size: 12px;display: block;/*! width: 250px; */padding-top: 10px;}
.al .list .noe img{width: 340px;height: 440px;}
.al .list .noe a i{width: 37px;height: 44px;background: url("../images/shi.png") no-repeat;position: absolute;left: 40px;top: 244px;z-index: 1;}


.al .list .two a h4,.al .two a p{position: absolute;z-index: 1;}
.al .list .two a h4{top: 40px;left: 50px;font-size: 25px;line-height: 25px;color: #FFf;}
.al .list .two a p{left:50px ;bottom: 40px;font-size: 16px;color: #fff;/*! width: 100%; *//*! float: left; *//*! display: table-cell; */right: 30px;}
.al .list .two a p span{font-size: 12px;display: block;/*! width: 250px; */padding-top: 10px;}
.al .list .two img{width: 340px;height: 440px;}
.al .list .two a i{width: 37px;height: 44px;background: url("../images/shi.png") no-repeat;position: absolute;left: 40px;top: 244px;z-index: 1;}


.al .list .two a{display: block;position: relative;}
.al .list .two img{width: 500px;height: 440px;}
.al .list .two {width: 500px;margin-right: 6px;height: 440px;}

.al .list .three{width:328px;height:218px;}
.al .list .three.mr{margin-bottom:5px;}
.al .list .three>a>span{position: relative;}
.al .list .three a{display: block;padding-top: 1px;}
.al .list .three h4,.al .three p{position: absolute;z-index: 1;}
.al .list .three p{/*! width: 280px; */bottom: 25px;color: #fff;left: 30px;font-size: 16px;right: 30px;}
.al .list .three p span{display: block;font-size: 12px;padding-top: 10px;}
.al .list .three h4{top: 30px;left: 30px;z-index: 1;color: #fff;font-size: 25px;}
.al .list .three img{width: 340px;height: 215px;}
.al .list .three i{width: 37px;height: 44px;background: url("../images/shi.png") no-repeat;position: absolute;left: 20px;top: -132px;z-index: 1;}
.al>div{float: left;}

.al .list-case{ overflow: hidden;}
.al .list-case li{float:left; width:25%;}
.al .list-case li a{ position: relative; display: block;margin:0 10px 20px 10px;}
.al .list-case li h5{ position: absolute;left:0;bottom:0;width:100%; padding:5px 10px; color:#fff;font-size:14px; background: rgba(0,0,0,0.5);}
.al .list-case li .box{ opacity: 0; position: absolute; left:10px;top:10px;right:10px;bottom:10px;left:10px; text-align: center;color:#cccccc;font-size:14px; background: rgba(0,0,0,0.5);padding-top: 4em;line-height: 22px;transition: all .4s ease-in-out;}
.al .list-case li .box h4{color:#fff;font-size:18px; }
.al .list-case li .box hr{/*! margin:10px 0; */display: block; width:50px;height:1px; background: #fff;margin: 15px auto;border: none;}
.al .list-case li:hover .box{ opacity: 1}
.al .more{ display: table; margin:30px auto 0; color:#8c8c8c; border:2px #8c8c8c solid;padding:8px 25px;}
.al .more:hover{ color:#fff;border:2px #ff6509 solid;background: #ff6509;}


/*==装修团队↓==*/
.teamindex{background: #e6e6e6; padding:60px 0 70px 0;overflow: hidden;width: 100%;}
.teamindex .titleimg{display: block; margin-bottom: 15px;}
.teamindex .titleimg img{max-width: 100%;}
.teamindex .box a{ display: block; margin: 0 5px;}
.teamindex .box a img{ max-width:100%;}
.teamindex .box a.two{ /*! margin:0 10px; */}
.teamindex .noe,.about .two,.about .three{display: block;}
.teamindex .box a span{ position:relative;display: block;/*! width: 100%; *//*! height: 300px; */}
.teamindex .box a span img{/*! width: 390px; *//*! height: 300px; */}
.teamindex span h4{ position: absolute; left:0; bottom:15px; width:100%;color:#fff;font-size:20px;text-align: center;}
.teamindex span h4 font{ display: block; font-size:14px}
 
.teamindex li{float:left; width:25%;margin-bottom: 2em;}
.teamindex li a{ display: block; background:#fff; border:1px #b5b5b5 solid; margin:0 10px 20px 10px; transition: all linear 0.3s;}  
.teamindex li .box{padding:30px;}
.teamindex li .box h4{color:#333333;font-size:24px; padding-left:35px;/*background: url(../images/vip.png) no-repeat left;*/ text-align: center;padding-left: 0;}
.teamindex li .box h4 font{ color:#ff6509;font-size:14px; margin-left:5px;}
.teamindex li .box span{ display: block; margin:10px 0 0 0;color:#666666;font-size:14px;text-align: center;}
.teamindex li a:hover {box-shadow: rgba(0,0,0,0.1) 0 8px 20px; transform:translateY(-2px);}

.teamindex .more{ display: table; margin:30px auto 0; color:#8c8c8c; border:2px #8c8c8c solid;padding:8px 25px;}
.teamindex .more:hover{ color:#fff;border:2px #ff6509 solid;background: #ff6509;}

/*==为什么选择大龍↓==*/
.Choose{background: #f1f1f1; padding:30px 0 20px 0;overflow: hidden;}
.Choose span h4{ position: absolute; left:0; bottom:15px; width:100%;color:#fff;font-size:20px;text-align: center;}
.Choose span h4 font{ display: block; font-size:14px}
.Choose li { float: left; width: 32.3%; text-align: center; margin-right: 15px; margin-bottom: 15px; background: #fff; border: 1px solid #f0f0f0; }
.Choose li:nth-child(3n) { margin-right: 0; }
.Choose .Item { padding: 20px 40px; transition: all 0.3s ease-out; }
.Choose .Item .pic { position: relative; width: 115px; height: 115px; border-radius: 50%; overflow: hidden; border: 1px solid #ececec; margin: 0 auto; transition: all 0.3s ease-out; }
.Choose .Item .pic img { transition: all 0.3s ease-out; position: relative; top: 0; left: 0; }
.Choose .Item span { font-size: 18px; color: #000; line-height: 40px; font-weight: 500; }
.Choose .Item p { font-size: 14px; color: #999; line-height: 22px; height: 88px; overflow: hidden; }
.Choose .Item:hover { box-shadow: 3px 3px 5px 1px #afafaf; border-color: #ff6509; }
.Choose .Item:hover .pic { background: #ff6509; }
.Choose .Item:hover h4 { color: #ff6509; }
.Choose .Item:hover .pic img { top: -115px; }

/*==关于大龍↓==*/
.about{padding:0px 0 20px 0; background:#f0f0f0 url(../images/homeaboutbg.png) no-repeat center;overflow: hidden;}
.about .wx{margin:40px 0;color:#656565;font-size:14px; text-align: center;}
.about .more{ display: table; margin:30px auto 50px; color:#8c8c8c; border:2px #8c8c8c solid;padding:8px 25px;}
.about .more:hover{ color:#fff;border:2px #ff6509 solid;background: #ff6509;}
.about .box{float: left;width:33.333%;}
.about .box a{ display: block; margin: 0 5px;}
.about .box a img{ max-width:100%;}
.about .box a.two{ /*! margin:0 10px; */}
.about .noe,.about .two,.about .three{display: block;}
.about .box a span{ position:relative;display: block;/*! width: 100%; *//*! height: 300px; */}
.about .box a span img{/*! width: 390px; *//*! height: 300px; */}
.about span h4{ position: absolute; left:0; bottom:15px; width:100%;color:#fff;font-size:20px;text-align: center;}
.about span h4 font{ display: block; font-size:14px}


/*==荣誉资质↓==*/
.list-honor{float:left;width:100%;}
.list-honor li{float: left;width: 25%;}
.list-honor li a{ display: block;margin:0 10px 20px 10px;padding: 10px;border: 1px #dedede solid;border-radius: 10px;background: #f9f9f9;}
.list-honor li img{max-width:100%}
.list-honor h4{color:#666;font-size:14px; text-align: center;margin-top:5px}
.list-honor li:hover h4{color:#1c966e}


/*==新闻↓==*/
.HomeArticle{/*! background: #e6e6e6; */    padding:0 0 60px 0;overflow: hidden;}
.HomeArticle .list{margin-top:30px;}
.HomeArticle .list li{float:left;}
.HomeArticle .list li a{ display: block;position: relative;}
.HomeArticle .list li p{    position: 	absolute;bottom: 0px;left:0;width: 100%;/*! height: 0px; */background: rgba(0,0,0,0.5);color: #fff;font-size: 16px;padding: 20px 0 10px 25px;transition: all .8s;/*! opacity: 0; */font-weight: bold;}
.HomeArticle .list li p span{height:0px;font-size: 13px;/*! width: 465px; */display: block;font-weight: 400;margin-top: 10px;line-height: 22px;overflow: hidden;transition: all .7s ease-in-out;}
.HomeArticle .list li.one{width:33%;padding:5px}
.HomeArticle .list li.two{width:33%;padding:5px}
.HomeArticle .list li.threes{width:33%;padding:5px}
/*.HomeArticle .list li.two a{ margin:0 0 5px 5px}
.HomeArticle .list li.threes a{ margin:0 0 5px 5px}*/
.HomeArticle .list li:hover p span{ height: 50px}

.newsR{width:100%;font-size:.875rem;/*height:380px;*/}
.newsR li{float:left;width:49%;transition:all 0.4s;margin-top:20px;}
.newsR li:nth-child(2n){float:right;}
.newsR li a{background:#fff;color:#9a9a9a;display:block;padding:20px 15px;position:relative;z-index:2;overflow:hidden;}
.newsR li a:after{content:"";background:#ff6509;width:100%;height:100%;position:absolute;left:0;top:0;transform:scale(0);transition:all 0.4s;z-index:-1;}
.newsR li h4{color:#333;font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;}
.newsR li h4 span{display:block;font-size:.75em;color:#999;padding-top:5px;}
.newsR li a:hover{box-shadow:0 0 5px #ccc;}
.newsR li a:hover:after{transform:scale(1);}
.newsR li:hover, .newsR li h4:hover, .newsR li a:hover, .newsR li h4 span:hover {color:#fff;}
.HomeArticle .more{ display: table; margin:30px auto 0; color:#8c8c8c; border:2px #8c8c8c solid;padding:8px 25px;}
.HomeArticle .more:hover{ color:#fff;border:2px #ff6509 solid;background: #ff6509;}

/*==装修计算器↓==*/
.zxq{float:left;width:100%;padding: 30px 0 30px 0; background: url("../images/onlinebg.jpg") no-repeat center;}
.quoted-price { height: 745px; overflow: hidden; text-align: center; }
.check-house, .check-time, .choosebjway li, .ele_bt { cursor: pointer; }
.con h1, .con h3 { font-weight: 400; }
i { font-style: normal; }
.con_text { position: absolute; right: 0; top: -140px; }
.con { width: 980px; margin: 0 auto; color: #333; position: absolute; top: 300px; left: 50%; margin-left: -490px; z-index: 10;}
.con_t { font-size: 24px; padding-bottom: 15px; }
.con_bj { overflow: hidden; position: relative; box-shadow: 0 0 10px #ccc; background: #fff; border-radius: 5px; }
.con_bj h3 { font-size: 20px; margin-bottom: 20px; }
.con_bj_cal { position: relative; width: 500px; padding: 50px 40px 40px; border-right: 1px solid #eee; }

.bj_form { width: 370px; font-size: 14px; }
.bj_form .label { font-size: 16px; color: #333; text-align: left; margin-left: 0; }
.mod_form .label { width: 100px; padding-right: 8px; float: left; text-align: right; line-height: 34px; }
.bj_res_t, .bj_res_t b, .calc-btn em, .ele_bt { text-align: center; }
.bj_form .element { width: 370px; position: relative; padding-bottom: 18px; height: 49px; }
.bj_form .select { width: 320px; padding-left: 5px; height: 36px; }
.bj_form .select_s { width: 260px; }
.bj_form .select_s_s { width: 78px; margin-bottom: 10px; }
.bj_form .text { width: 260px; border: 1px solid #cccccc; }
.bj_form .area_text { width: 260px; padding: 7px 20px 7px 10px; color: #000000; }
.bj_form .text_wrap { position: static; }
.bj_form .text_wrap .text_lbl { left: 11px; }
.bj_form .text_wrap .unit { margin-left: -32px; color: #bbb; }
.bj_form .form_error { position: absolute; bottom: 0; left: 0; font-size: 12px; }
.ele_b { margin-left: -10px; }
.ele_bt { float: left; width: 120px; height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #ddd; }
.ele_bt_on { color: #f36f20; border-color: #f36f20; }
.calc-btn { position: absolute; top: 155px; right: -46px; display: block; width: 90px; height: 90px; background: #ff6509; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 45px; z-index: 15; }
.calc-btn-ie, .ico-line-btn { width: 140px; height: 140px; right: -71px; display: block; position: absolute; }
.calc-btn-ie, .ico-line-btn { width: 140px; height: 140px; right: -71px; display: block; position: absolute; }
.form_line > .calc-btn-ie { top: 119px; background: url("../images/ico-line-btn.png") no-repeat; background-size: contain; }
.form_line > .ico-line-btn { background: url("../images/ico-line-btn.png") no-repeat; top: 130px; z-index: 9; }
.calc-btn-ie { top: 119px; background: url("../images/ico-line-btn.png") no-repeat; background-size: contain; }
.ico-line-btn { background: url("../images/ico-line-btn.png") no-repeat; top: 130px; z-index: 9; }
.calc-btn em { display: block; font-size: 16px; color: #fff; width: 44px; height: 44px; margin: 20px auto 0; }
.circle-animate { position: absolute; top: 145px; right: -56px; width: 110px; height: 110px; -webkit-border-radius: 50%; border-radius: 50%; background: #fdcc9a; z-index: 12; -webkit-animation: scale-three2 1.5s ease infinite; -moz-animation: scale-three2 1.5s ease infinite; -o-animation: scale-three2 1.5s ease infinite; animation: scale-three2 1.5s ease infinite; animation-fill-mode: both; }

@keyframes scale-three2 {
    0% { transform: scale(1); opacity: .8; }
    100% { transform: scale(1.3); opacity: 0; }
}

@-webkit-keyframes scale-three2 {
    0% { -webkit-transform: scale(1); opacity: .7; }
    100% { -webkit-transform: scale(1.3); opacity: 0; }
}

@-moz-keyframes scale-three2 {
    0% { -moz-transform: scale(1); opacity: .7; }
    100% { -moz-transform: scale(1.3); opacity: 0; }
}

@-o-keyframes scale-three2 {
    0% { -o-transform: scale(1); opacity: .7; }
    100% { -o-transform: scale(1.3); opacity: 0; }
}

.con_bj_res { width: 340px; padding: 45px 50px 0 0; color: #333; font-size: 14px; }
.bj_res_t b, .bj_res_ul li b { display: inline-block; font-weight: 400; color: #f36f20; }

.bj_res_tip, .bj_res_zxd, .res_btn, .tender-video-tip, .tender-video-title { text-align: center; }
.bj_res_ul li strong em { display: inline-block; width: 55px; font-style: normal; margin-left: 10px; margin-right: 10px; font-size: 18px; }
.let_spac i { padding: 0 21px; }
.bj_res_ul li b { width: 107px; margin: 0 15px; padding-bottom: 3px; border-bottom: 1px solid #eaeaea; font-size: 20px; }
.res_btn, .res_btn_box { width: 220px; height: 42px; }
.res_btn, .res_btn:hover { color: #999; }
.bj_res_tip { color: #999; padding-top: 15px; }
.res_btn_box { margin: 0 auto 40px; }

.calputer_tit span { margin-left: 10px; color: #f01010; font-size: 12px; }

/*右边*/
.result-wechat-hotad { width: 386px; margin-top: -314px; /*border: 1px solid red;*/ }
.result-wechat-hotad .num { font-size: 30px; color: #ff6509; }
.result-wechat-hotad .bj_res_ul { width: 340px; height: 180px; border: 1px solid #ddd; margin: 0 auto; text-align: center; margin-left: 10px; }
.result-wechat-hotad .bj_res_ul li { font-size: 14px; height: 40px; line-height: 40px; }

/*==底部浮动栏样式↓==*/
#btn{border-top: 1px solid #dedede;background: #666;height: 55px;}
#btn ul li{display: inline;float: left;/*! height: 50px; *//*! line-height: 50px; */text-indent: 2.5em;width: 50%;}
#btn ul li a{border-radius: 5px;color: #fff;display: block;height: 35px;line-height: 35px;margin: 10px auto;width: 80%;}
#btn ul li{text-align: center;}
#btn ul li a.btn_2{background: #ff6509 url("../images/icon_5.png") no-repeat scroll 15% center / 20px auto;}
#btn ul li a.btn_3{background: #ff6509 url("../images/icon_6.png") no-repeat scroll 15% center / 20px auto;}
.footer_fixed{background: #fff none repeat scroll 0 0;bottom: 0;line-height: 50px;max-width: 768px;min-height: 50px;position: fixed;width: 100%;z-index: 9999;}

/*==新闻列表↓==*/
.NewsListBox{}
.NewsListBox .list{margin-top: 30px;}
.NewsListBox .list li{ width:100%; background: #fff; clear: both; border:1px #ddd solid; margin:0 0 30px 0;overflow: hidden;/*! height: 225px; */}
.NewsListBox .list li a{}
.NewsListBox .list li .pic{width:23%;}
.NewsListBox .list li .time{float:left;width:15%; display: block;color:#202020;font-size:16px;text-align: center;border-right: 1px #ddd solid;height: 100%;margin: 40px 0 0 0;display: table;height: 150px;padding-top: 50px;}
.NewsListBox .list li .txt{float:left;width:57%; /*! border-left:1px #ddd solid; */padding: 35px 0 0 40px;}
.NewsListBox .list li .txt h4{color:#000;font-size:20px;}
.NewsListBox .list li .txt p{color:#a4a4a4;font-size:14px;margin-top:20px;line-height: 25px;}
.NewsListBox .list li .txt b{float:right;color:#fff; font-size:14px;padding:7px 20px; background:#ff6509;margin-top: 25px;}
.NewsListBox .list li:hover h4{color:#ff6509}
.NewsListBox .list li:hover b{ background: #ff6509}

.pNews{padding: 0 0 80px 0;padding-bottom: 0px;}
.pNews .main li{width: 50%;background-color: #f3f3f3;overflow: hidden;margin-bottom: 10px;height: 320px;}
.pNews .main li .pic{display: block;width: 50%;float: left;overflow: hidden;height: 100%;}
.pNews .main li .pic i{display: block;width: 100%;height: 100%;transition: all .4s;background-repeat: no-repeat;background-position: center center;background-size: cover}
.pNews .main li .font{width: 50%;float: left;padding: 45px;height: 100%;position: relative;z-index: 0}
.pNews .main li .font:after{content: "";position: absolute;left: 0;top: 0;width: 80%;background-color: #ff6509;bottom: 0;opacity: 0;transition: all .4s;z-index: -1}
.pNews .main li .font h5{font-size: 18px;color: #191919;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.pNews .main li .font .time{display: block;font-size: 12px;color: #999999}
.pNews .main li .font p{font-size: 14px;line-height: 22px;margin: 20px 0;height: 110px;overflow: hidden;}
.pNews .main li .font .more{display: block;font-size: 12px;color: #c3c3c3}
.pNews .main li .font .more em{display: inline-block;width: 40px;height: 7px;background-image: url(../images/more-ico3.png);background-repeat: no-repeat;background-position: center center;margin-right: 15px;}
.pNews .main li:hover .font:after{width: 100%;opacity: 1;}
.pNews .main li:hover .font,.pNews .main li:hover p,.pNews .main li:hover .time,.pNews .main li:hover h5{color: #fff;}
.pNews .main li:hover .more em{background-image: url(../images/more-ico4.png);}
.pNews .main li:hover .pic i{transform:scale(1.1);}
.pNews .main .hd{position:static;margin-top: 10px;}
.pNews .main .hd span{width: 12px;height: 12px;border: 2px solid #ff6509;display: inline-block;background: none;opacity: 1;}
.pNews .main .hd .swiper-pagination-bullet-active{background-color: #ff6509}

.newsList{padding: 50px 0;background-color: #f3f3f3}
.newsList ul{margin-right: -30px;}
.newsList li{width: 25%;float: left;margin-bottom: 30px;}
.newsList li a{display: block;margin-right: 30px;background-color: #fff;padding: 30px;position: relative;}
.newsList li a:after{content: "";height: 3px;width: 0;left: 0;top: 0;background-color: #ff6509;position: absolute;transition: all .4s;}
.newsList li a h5{font-size: 18px;color: #191919;line-height: 22px;margin-bottom: 10px;transition: all .4s;height: 44px;overflow: hidden;}
.newsList li a .time{font-size: 12px;color: #999999;}
.newsList li a .txt{font-size: 14px;line-height: 20px;margin: 15px 0 25px;height: 81px;overflow: hidden;}
.newsList li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.newsList li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.newsList li a:hover .pic img{transform: scale(1.1);}
.newsList li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.newsList li:hover a{transform: scale(1.02);}
.newsList li:hover a:after{width: 100%;}
.newsList li:hover a h5{color: #ff6509}

.jjfaList{padding: 0 0;background-color: #f3f3f3}
.jjfaList ul{margin-right: -30px;}
.jjfaList li{width: 100%;float: left;margin-bottom: -10px;}
.jjfaList li a{display: block;margin-right: 30px;background-color: #fff;    padding: 30px 30px 0 30px; position: relative;}
.jjfaList li a:after{content: "";height: 3px;width: 0;left: 0;top: 0;background-color: #ff6509;position: absolute;transition: all .4s;}
.jjfaList li a h5{font-size: 18px;color: #191919;line-height: 22px;margin-bottom: 10px;transition: all .4s;height: 44px;overflow: hidden;}
.jjfaList li a .time{font-size: 12px;color: #999999;}
.jjfaList li a .txt{font-size: 14px;line-height: 20px;margin: 15px 0 25px;height: 81px;overflow: hidden;}
.jjfaList li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.jjfaList li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.jjfaList li a:hover .pic img{transform: scale(1.1);}
.jjfaList li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.jjfaList li:hover a{transform: scale(1.02);}
.jjfaList li:hover a:after{width: 100%;}
.jjfaList li:hover a h5{color: #ff6509}

/*==产品筛选↓==*/
.classification{ background: url(../images/productbg01.jpg) no-repeat center;padding: 50px 0;}
.classification .long{ padding:30px 50px;/*background: #fff;*/overflow: hidden;}
.classification .top{margin-bottom: 10px;overflow: hidden;}
.classification .top a{ display: block;  float:left;color:#312b2b;font-size:18px; background:#c5c5c5 ;padding: 15px 55px;}
.classification .top a.active,.classification .top a:hover{color:#fff; background: #ff6509;}
.classification .frame{border:1px #ddd solid; margin-bottom: 10px;overflow: hidden;display: table;width: 100%;}
.classification .frame b{float:left;padding:13px 50px 13px 60px; color:#fff;margin-right:30px;font-size:16px; background: #000000;/*! display: table-cell; *//*! height: 100%; *//*! vertical-align: middle; *//*! text-align: center; *//*! width: 149px; */}
.classification .frame a{ display: block; float:left;color:#666666;font-size:14px;padding:2px 15px;margin:12px 5px 12px 0;border-radius: 20px;}
.classification .frame a.active,.classification .frame a:hover{ color:#fff;background: #0daa76;}
.classification .f-05 b{ background:#229e75 url(../images/ico05.png) no-repeat 30px 17px;}
.classification .f-06 b{ background:#229e75 url(../images/ico06.png) no-repeat 30px 17px;}
.classification .f-07 b{ background:#229e75 url(../images/ico07.png) no-repeat 30px 17px;}
.classification .f-08 b{ background:#229e75 url(../images/ico08.png) no-repeat 30px 17px;}
.classification .search{/*float: left;*/text-align: center;}
.classification .search input{ padding:10px; border:1px #ddd solid;/*float: left;*/line-height: 30px;width: 300px;}
.classification .search button{ padding:5px 30px; color:#fff;font-size:16px;line-height: 42px;background: #ff6509;cursor: pointer;border: none;}
.classification .search button:hover{ background: #1ab07f;}


/*==产品列表↓==*/
.ProductListBox{ background:#f1f1f1;}
.ProductListBox .most{border:1px #ddd solid; padding:20px 50px; background: #fff;float: left;width: 100%;margin: 30px 0 15px 0;}
.ProductListBox .most a{ display: inline-block; margin-right:30px;color:#333333;font-size:14px;}
.ProductListBox .most a:hover,.ProductListBox .most a.active{font-weight:bold;color:#178f67}
.ProductListBox .list{margin: 20px 0 0;float: left;width: 100%;}
.ProductListBox .list li{float:left; width:33.3%}
.ProductListBox .list li a{ display: block; margin:0 10px 20px 10px;}
.ProductListBox .list li .box{ padding:30px; background:#fff;overflow: hidden;/*! display: table; *//*! vertical-align: top; */}
.ProductListBox .list li .box h4{color:#333333;font-size:18px;float: left;}
.ProductListBox .list li .box span{ clear: both; margin-top:5px;display: block;color:#888888;float: left;}
.ProductListBox .list li .box em{float:right;display: block;width:40px;line-height:40px;color:#fff;font-size:20px; background: #ff6509;text-align: center;transition: all .4s ease-in-out;/*! vertical-align: top; */margin-top: -20px;}
.ProductListBox .list li:hover .box h4{color:#ff6509}
.ProductListBox .list li:hover .box em{ background: #666}


/*==团队↓==*/
.teamBox{ background: #f1f1f1;}
.teamBox .container{ background: #fff;}
.teamBox .process{ border-bottom: 1px #ddd solid;padding:30px 50px;overflow: hidden;}
.teamBox .process li{position:relative;float:left;width:9.5%;color:#333333;font-size:14px; background: #ececec;border-radius: 50%;text-align: center;margin: 0 1.5%;height: 100px; text-align: center;/*! display: table-caption; */padding: 25px 0;}
.teamBox .process li img{ display: block; margin: auto}
.teamBox .process li:before{ content: ""; position: absolute; right:-20px; top:45%; width:5px;height:9px;background: url(../images/arrow04.png) no-repeat center;}
.teamBox .process li:last-child:before{ display: none;}
.teamBox .process li.one{ color:#fff;font-size:24px; padding:17px 0;background: #ff6509;}
.teamBox .classification{ padding:50px 40px 40px 40px;background: none;/*! padding: 0px; */}
.teamBox .classification h2{color:#333;font-size:18px;margin:10px 0 20px 0;}
.teamBox{}
.teamBox .list{padding:0 50px;float: left;width: 100%;}  
.teamBox .list li{float:left; width:25%;}
.teamBox .list li a{ display: block; border:1px #ddd solid; margin:0 10px 20px 10px}  
.teamBox .list li .box{padding:30px;}
.teamBox .list li .box h4{color:#333333;font-size:24px; padding-left:35px;background: url(../images/vip.png) no-repeat left;}
.teamBox .list li .box h4 font{ color:#ff6509;font-size:14px; margin-left:5px;}
.teamBox .list li .box span{ display: block; margin:10px 0 0 0;color:#666666;font-size:14px}


/*==施工标准↓==*/
div.construction-Long{padding-top:0}
.construction-top{padding:25px 0;float: left;width: 100%;}
.construction-top{}
.construction-top ul li{float:left;width:10%;text-align: center;}
.construction-top ul li a{ display: block;}
.construction-top ul li em{ position: relative; display: block;width: 100px;height: 100px;margin: auto;}
.construction-top ul li em:before,.construction-top ul li em:after{ content: ""; position: absolute;left:0;top:0; width:100%;height:100%;transition: all .4s ease-in-out;}
.construction-top ul li em:after{ opacity: 0}
.construction-top ul li:hover em:after{ opacity: 1}
.construction-top ul li:hover em:before{ opacity: 0}
.construction-top ul li h4{margin-top:10px;color:#333333;font-size:14px;}
.construction-top ul li:hover h4{color:#ff6509}
.construction-top ul li.x1 em:before{  background:url(../images/ico_b01.png) no-repeat center; background-size:contain }
.construction-top ul li.x2 em:before{  background:url(../images/ico_b02.png) no-repeat center;background-size:contain}
.construction-top ul li.x3 em:before{  background:url(../images/ico_b03.png) no-repeat center;background-size:contain}
.construction-top ul li.x4 em:before{  background:url(../images/ico_b04.png) no-repeat center;background-size:contain}
.construction-top ul li.x5 em:before{  background:url(../images/ico_b05.png) no-repeat center;background-size:contain}
.construction-top ul li.x6 em:before{  background:url(../images/ico_b06.png) no-repeat center;background-size:contain}
.construction-top ul li.x7 em:before{  background:url(../images/ico_b07.png) no-repeat center;background-size:contain}
.construction-top ul li.x8 em:before{  background:url(../images/ico_b08.png) no-repeat center;background-size:contain}
.construction-top ul li.x9 em:before{  background:url(../images/ico_b09.png) no-repeat center;background-size:contain}
.construction-top ul li.x10 em:before{  background:url(../images/ico_b10.png) no-repeat center;background-size:contain}
.construction-top ul li.x1 em:after{  background:url(../images/ico_b01s.png) no-repeat center;background-size:contain}
.construction-top ul li.x2 em:after{  background:url(../images/ico_b02s.png) no-repeat center;background-size:contain}
.construction-top ul li.x3 em:after{  background:url(../images/ico_b03s.png) no-repeat center;background-size:contain}
.construction-top ul li.x4 em:after{  background:url(../images/ico_b04s.png) no-repeat center;background-size:contain}
.construction-top ul li.x5 em:after{  background:url(../images/ico_b05s.png) no-repeat center;background-size:contain}
.construction-top ul li.x6 em:after{  background:url(../images/ico_b06s.png) no-repeat center;background-size:contain}
.construction-top ul li.x7 em:after{  background:url(../images/ico_b07s.png) no-repeat center;background-size:contain}
.construction-top ul li.x8 em:after{  background:url(../images/ico_b08s.png) no-repeat center;background-size:contain}
.construction-top ul li.x9 em:after{  background:url(../images/ico_b09s.png) no-repeat center;background-size:contain}
.construction-top ul li.x10 em:after{  background:url(../images/ico_b10s.png) no-repeat center;background-size:contain}
.construction-ban{}
.construction-ban img{max-width:100%;}


.brandBox{margin-top: 70px;}
.brandBox .list .title{color:#333333;font-size:36px;margin:0 0 20px 0;}
.brandBox .list{margin: 0px 0;overflow: hidden;}
.brandBox .list li{width:100%; /*! background: #fff; */float: left;margin: 0 0 30px 0;}
.brandBox .list li .long{height:500px;}
.brandBox .list li .pic{width:50%;height:100%;background: #fff;}
.brandBox .list li .box{ width:50%;height:100%; padding:20px;color:#666666;font-size:13px; line-height: 25px;background: #fff;}
.brandBox .list li .box .wx{padding:20px;}
.scrollbar{float: left;width: 100%;/* background: #F5F5F5; */overflow-y: scroll;margin-bottom: 25px;padding-right: 25px;}
.force-overflow{min-height: 20px;}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-3::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{background-color: #000000;}


/*==左侧↓==*/
.rack .lefter{float:left; width:18%;}
.rack .lefter .leftNav{ background: #fff;}
.rack .lefter .leftNav h2{color:#fff;font-size:36px; padding:40px 10px; text-align:center;background:#1c966e}
.rack .lefter .leftNav ul{}
.rack .lefter .leftNav ul li{border-bottom: 1px #eee solid;}
.rack .lefter .leftNav ul li a{ display: block;color:#7e7e7e;font-size:16px;padding:12px 0; border-left:3px #fff solid; text-align: center;}
.rack .lefter .leftNav ul li:hover a{ color:#000;border-left:3px #1c966e solid; background: #e9e9e9;}
.rack .lefter .leftNav ul li:last-child{ border: none}
.rack .righter{width:80%; background: #fff;}
.rack .righter h2.title{ color:#333333;font-size:32px; padding:50px 0; text-align: center; border-bottom: 1px #ddd solid;}
.rack .showBox{padding:0px 0px;color:#666;font-size:14px;line-height:25px;margin:-20px 0 0 0;}
.rack .showBox img{max-width:100%;display: block;margin: 0 auto;text-align: center;}

/*==产品详情↓==*/
.ProductShow{}
.ProductShow{margin-top: 30px;}
.ProductShow .long{padding:0px 0px;overflow: hidden;}
.ProductShow .left{width:100%;}
.ProductShow .left .title{ }
.ProductShow .left .title h2{color:#333;font-size: 30px;border-bottom:1px #ddd solid; padding-bottom:30px;margin-bottom:10px;text-align: center;}
.ProductShow .left .title span{ color:#999; font-size:14px; }
.ProductShow .left .wor{color:#666;font-size:14px; line-height:25px;margin-top: 50px;}
.ProductShow .left .wor p{text-align:left;}
.ProductShow .left .wor img{max-width:100% !important;/*box-shadow: 0 0 15px 2px rgba(0,0,0,.3);*/ }
.ProductShow .right{width:25%;}
.ProductShow .right .offer{padding:20px; background:#f6f6f6;border: 1px #ddd solid;}
.ProductShow .right .offer h2{color:#fff;padding:10px 15px;font-size:18px; margin-bottom: 10px; background: #ff6509;}
.ProductShow .right .offer h2 font{ display: block; font-size:12px}
.ProductShow .right .offer input{ border:1px #ddd solid;margin:5px 0;padding:10px;width:100%;background: #fff;}
.ProductShow .right .offer button{width:100%;margin:10px 0; padding: 10px 0; font-size:16px;color:#fff; text-align: center; border-radius: 10px; cursor: pointer; background: #239a73;transition: all .4s ease-in-out;border: none;}
.ProductShow .right .offer button:hover{ background: #ff0000}
.ProductShow .right .offer p{ font-size:12px; color:#999;line-height: 20px;}
.ProductShow .right .recommend{margin:20px 0 0 0;border: 1px #ddd solid;overflow: hidden;padding: 20px 10px;background: #f6f6f6;}
.ProductShow .right .recommend h2{color:#333;font-size:20px;padding: 0 10px;}
.ProductShow .right .recommend ul{ margin-top:5px;}
.ProductShow .right .recommend ul li{float:left; width:50%;}
.ProductShow .right .recommend ul li a{ display: block; margin:10px; }
.ProductShow .right .recommend ul li h4{font-size:14px; text-align: center; color:#333}
.ProductShow .right .recommend ul li:hover h4{color:#000}


/*==新闻详细页↓==*/
.newsDetail{float:left;width:100%;}
.newsDetail h2{margin:0px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#ff6509;}
.newsDetail .detailCont{padding:15px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont embed{width:70%; height:500px; margin:auto;display: block;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border-top:1px solid #dadada;padding:30px 15px;overflow:hidden;margin-top: 30px;}
.pagIng .fl{/*! width:100%; */height:60px;padding-right:30px;/*! border-right:1px solid #dadada; */}
.pagIng .fl a:hover{color:#20438f}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#1c966e;}
.pagIng .fr:hover{background:#000;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}

.footer_float{background: rgba(0,0,0,0.85);height: 150px;position: fixed;bottom: -1px;z-index: 9998;width: 100%;left:0;display:none;}
/*==底部===*/
.footer{background: #282828;padding: 0px 0 0 0;}
.footer .border{border-top: #282828 solid 1px;padding-top:50px;}
.footer .navs h3,.footer .middle h3,.footer .right h3{color:#fff;font-size:16px;margin-bottom:10px;}
.footer .navs h3:after{width: 20px;height: 1px;background-color: #707070;margin-top: 15px;display: block;content: '';}
.footer .navs{width: 50%;display: table;}
.footer .navs li{display: table-cell;}
.footer .navs li a{ display: block;color:#999; line-height:20px;font-size:12px;padding:3px 0;}
.footer .navs li a:hover,.footer .copy a:hover{color:#ff6509}
.footer .middle{line-height: 22px;color:#fff;font-size:14px;width: 30%;}
.footer .middle a{color:#999999;font-size:12px;}
.footer .middle a:hover{ color:#fff}
.footer .right{color:#999999;font-size:12px;line-height: 50px;/*! margin-top: 50px; */width: 12%;}
.footer .right span{display: inline-block; /*! margin-left:15px; */text-align: center;}
.footer .right img{ display:block; margin:auto; width:120px;}
.footer .link{margin-top: 20px;padding:20px 0;}
.footer .link h3{float: left;padding-left: 25px;color:#fff;font-size:14px;background: url(../images/link.png) no-repeat left 4px;}
.footer .link h3 font{color:#999; font-size:11px; margin-left:5px}
.footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dashed;}
.footer .link a:hover{color:#fff; }
.footer .link a:last-child{border:none;}
.footer .copy{background-color: #222;padding:15px 0; color:#fff; font-size:14px; float: right;}
.footer .copy a{color:#fff;}
.footer .copy .copylink a{border-right: 1px #999 dashed;padding: 0 15px;display: inline-block;line-height: 12px;}
.footer .copy .copylink a:last-child {border: none;}

/*==联系↓==*/
.contactBox{}
.contactBox .ditu{}
.contactBox .ditu .long{ margin:50px 0 50px 0;object-fit: h;overflow: hidden;}
.contactBox .ditu .long .box{float:left;width:50%;}
.contactBox .ditu .long .box h3{color:#156f51;font-size:20px; font-weight:bold; border-bottom:1px #1f926c solid; padding-bottom: 15px; margin-bottom:20px;float: left;}
.contactBox .ditu .long .box span{margin:10px 0}
.contactBox .ditu .long .map{float:right;width:50%;margin-top: 61px;}
.contactBox .ditu .long .map img{max-width:100%;}
.contactBox .titleNx{margin-bottom: 50px}
.contactIco span{ display: flex;color:#656565;font-size:14px;margin: 0 0 5px 0;clear: both;}
.contactIco span:before{color:#ff6509;font-size:16px;margin-right: 10px;}

.contactFeed{margin:40px 0}
.contactForm .txt,.contactForm .code .c{width:26%; margin-right: 2px; float:left;height:40px;line-height:40px;border:1px solid #999;padding:0 15px;background:none;color:#555;margin-bottom:10px;font-size:.955em;box-sizing: border-box;background:#fff;}
.contactForm .area{width:53%;height:120px;border:1px solid #999;padding:14px;background:none;color:#555;box-sizing: border-box;background:#fff;}
.contactForm .fr{float:left;}

.contactForm .code{clear:both;padding-top:20px;overflow:hidden;}
.contactForm .code .c{width:120px;float:left;margin-right:5px;}
.contactForm .code img{background:#fff;padding:8px 15px;border:1px solid #888;}
.contactForm .code .sub{width:135px;height:45px;line-height:45px;background:#ff6509;color:#fff;cursor:pointer;transition:all 0.3s;border:1px solid #ff6509;font-size:1.143em;}
.contactForm .code .sub:hover{background:#1b946c;}
.contactForm .left input:focus,.contactForm .area:focus,.contactForm .code:focus{border:1px solid #ff6509;}

.contactForm .card {width:49%;height: 40px;position: relative;float:right;}
.contactForm .card .txt{ border:1px solid #999; width:80%;color: #999;padding-left: 16px;float:left;border-right:none;}
.contactForm .card .btn{ background-color:#FFF; border:1px solid #999;width:20%;color: #999;cursor:pointer;float:right;height:40px;line-height:40px;}
.contactForm .card .file{top: 0px;left: 0px;filter:alpha(opacity:0);opacity: 0;width:100%;position: absolute;z-index: 10;cursor:pointer;}

/*==弹窗===*/
.tanchu{position:fixed;top:42%;left:98%; z-index:999;display:none;overflow:hidden;box-sizing:border-box;margin-top:-222px;margin-left:-445px;padding:32px 0;width:940px;height:420px;background:url(../images/xiqi_tan.jpg);box-shadow:0 2px 20px 0 #333;transform: scale(0);transition: all 0.7s;}
.tanchu h3{font-weight:500}
.tanchu em{font-style:normal}
.tanchu-flex{display:flex;width:100%}
.tanchu-left{margin:0 0 auto 35px;width:350px;}
.tanchu-left-head{ text-align:center;}
.tanchu-left-head h3{ display:block;margin-bottom:0px;color:#282620;font-size:28px; background:url(../images/calcul.png) no-repeat 42px 8px;}
.tanchu-left-head span{ display:block;margin-top:12px;/*color:#16763e;*/font-size:12px; font-weight:normal;color: #e6002e;}
.tanchu-left-form{overflow:hidden;width:100%;margin-top: 20px;}
.tanchu-left-foot{ display:block;margin-left:90px;/*color:#16763e;*/font-size:12px; font-weight:normal;color: #e6002e;}
.tanchu-left-formcon{position:relative;display:flex;margin-bottom:10px;width:100%;justify-content:space-between}
.tanchu-left-formcon input,.tanchu-left-formcon select{box-sizing:border-box;padding-left:5px;height:39px;border:1px #dcdcdc solid;color:#000;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.tanchu-left-formcon dt{ width:90px;line-height:37px;}
.tanchu-left-formcon dt strong{color:#ff0000}
.tanchu-left-formcon dd{ width:260px;margin-inline-start:0px}
.tanchu-left-formcon select{background:url(../images/down.png) right center no-repeat;float: left;margin-right: 5px;}
.tanchu-left-formcon span.pf{position:absolute;right:15px;color:#000;font-size:16px;line-height:37px}
.tanchu-left-form1 input,.tanchu-left-form1 select{width:100%}
.tanchu-left-form2 select{width:260px;}
.tanchu-left-form2 select:last-child{ margin-right:0px;}
.tanchu-left-form3 select{width:83px;}
.tanchu-left-form3 select:last-child{margin-right:0px;}
.tanchu-fg{position:relative;margin:0 30px;width:102px;height:328px}
.tanchu-fgx{margin:0 auto;width:1px;height:328px;border-left:1px #dcdcdc solid;display: none;}
.tanchu-fg-but{position:absolute;top:50%;display:flex;margin-top:-51px;width:102px;height:102px;background:#fff}
.tanchu-fg-butrotate{position:absolute;top:0;left:0;width:102px;height:102px;-webkit-animation:zhuan 3s linear infinite;background: url(../images/click_img.png) no-repeat center center;}
.tanchu-fg-but button{position:relative;border:none;z-index:2;display:block;color:#e6002e; margin:0 auto;width:102px;height:102px; background: url(../images/click_img_a.png) no-repeat center center;}

@keyframes zhuan
{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
	}
@-webkit-keyframes zhuan
{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

to{-webkit-transform:rotate(360deg)}

.tanchu-right{ width:338px;}
.tanchu-right-head{margin-bottom:30px;text-align:center;font-size:25px;margin-top: 15px;}
.tanchu-right-head em{color:red;font-size:30px}
.tanchu-right-main{display:flex;box-sizing:border-box;width:100%;height:158px;border:1px #d8d8d8 solid}
.tanchu-right-miancon{display:table;margin:auto}
.tanchu-right-miancon p{color:#333;font-size:18px;line-height:32px}
.tanchu-right-miancon p>em{color:red}
.tanchu-right-sub{ position:relative;display:block;margin:30px auto; padding-left:68px;width:251px;height:56px;outline:0;border:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;background: url(../images/inline_button.png) no-repeat 29px 13px;color:#FFF;text-align:left;font-size:20px;line-height:56px;cursor:pointer;border-radius: 30px;transition: all .4s ease-in-out;}
.tanchu-right-sub:before{ content: ""; position: absolute;z-index:-1;left:0;top:0;width:100%; height:100%;background: #ff6509; overflow: hidden;transition: all .4s ease-in-out;}
.tanchu-right-sub:hover:before{ background: #3ab88f}
.tanchu-close{position:absolute;top:15px;right:21px;width:28px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;/*background:#007e42;*/color:#FFF;/*! font-weight:900; */font-size:25px;cursor:pointer;background: #e6002e;text-align: center;/*! padding: 0 0 5px 0; */height: 28px;}
.tanchu-maincen{display:none;box-sizing:border-box;width:100%}
.tanchu-maincen-jgleft{float:left;overflow:hidden;margin-left:30px;max-width:393px}
.tanchu-maincen-jgleft-head{margin-bottom:17px;background:url(../images/banner_bg_1.png);color:#000;text-align:center;font-size:22px}
.tanchu-maincen-jgleft-head em{color:red;font-size:26px;font-family:'microsoft Yahei'}
.tanchu-maincen-jgleft-main{display:flex;box-sizing:border-box;margin:0 auto;width:314px;height:193px;border:1px #d8d8d8 solid}
.tanchu-maincen-jgleft-main div{display:table;margin:auto}
.tanchu-maincen-jgleft-main p{color:#333;font-size:18px;line-height:32px}
.tanchu-maincen-jgleft-dibz{margin:5px 0;color:#828282;font-size:13px}
.tanchu-maincen-zixun{display:block;margin:20px auto;padding:2px 0;width:185px;border-radius:5px;background:#007e42;color:#fff;text-align:center;font-size:16px;line-height:35px;cursor:pointer}
.tanchu-maincen-zixun-2{display:block;margin:25px auto;padding:3px 0;width:185px;border-radius:5px;background:#007e42;color:#fff;text-align:center;font-size:16px;line-height:35px;cursor:pointer}
.tanchu-maincen-jgright{float:right;width:452px;height:331px;border-left:#d8d8d8 solid 1px;}
.tanchu-maincen-jgright-head{margin:0 auto;width:309px;height:80px;background:url(../images/page_al_logo.png) center no-repeat;background-size:contain}
.tanchu-jgright-point{display:flex;margin:15px auto 0 auto;width:310px;align-items:flex-end}
.tanchu-jgright-point>p{width:125px;color:#353535;font-size:18px;line-height:33px}
.tanchu-jgright-point input{box-sizing:border-box;padding-left:13px;height:33px;border:1px #c8c8c8 solid;border-radius:5px;flex:1}
.tanchu-jgright-point span.yuan{padding-left:7px;font-size:17px}
.tanchu-jgright-point-main{display:flex;width:144px;background:bottom center no-repeat;justify-content:space-between}
.tanchu-jgright-point-main.bg1{background-image:url(../images/drag_dot_bg1.png)}
.tanchu-jgright-point-main.bg2{background-image:url(../images/drag_dot_bg2.png)}
.tanchu-jgright-point-main.bg3{background-image:url(../images/drag_dot_bg3.png)}
.tanchu-jgright-point-main p{padding-bottom:27px;width:29px;color:#323232;text-align:center;font-size:16px;cursor:pointer}
.tanchu-jgright-poshow{box-sizing:border-box;margin:21px auto 25px auto;padding-right:14px;width:309px;background:#f0f0f0;color:#323232;text-align:center;line-height:51px}
.tanchu-jgright-poshow .jg{color:red;font-family:'microsoft Yahei'}
.tanchu-jgright-poshow span.s1{font-size:16px}
.tanchu-jgright-poshow span.s2{font-size:22px}
.tanchu-jgright-poshow span.jg{font-size:30px}
.tanchu-maincen-jgright .tanchu-maincen-zixun{width:205px!important}

/*--*/
.float_right_box{ display:none;position:fixed;top:20%;right:12px;width:58px;z-index:10000;}
.float_right_box dd,.float_right_box dt{ position:relative; margin-bottom:1px;margin-inline-start:0px; width:58px; height:56px; background:url(../images/float_right_box.png) no-repeat 0 0; background-color:#ff6509;}
.float_right_box dd a,.float_right_box dt a{ display:block; width:100%; height:100%; cursor:pointer;}
.float_right_box dt{ background-color:#c8c8c8;}
.float_right_box dd:nth-child(2){ background-position:0 -57px;}
.float_right_box dd:nth-child(3){ background-position:0 -114px;}
.float_right_box dd:nth-child(4){ background-position:0 -171px;}
.float_right_box dt{ background-position:0 -228px;}
.float_right_box i{ position:absolute; top:-8px; right:-8px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:12px; font-style:normal; background:#df0404; border-radius:20px; border:#fff solid 2px;}
.float_right_box_tel{ display:none; position:absolute; top:0; left:-180px; padding:13px 14px 0 14px;color:#fff;font-size:16px; height:55px; text-align:center; width:180px; overflow:hidden; background-color:#ff6509;}
.float_right_box_tel input{display:inline-block;*display:inline;*zoom:1;vertical-align:top; height:30px; line-height:30px; padding:0 10px; width:124px; color:#716f6f; background-color:#fff; border:0px;}
.float_right_box_tel button{display:inline-block;*display:inline;*zoom:1;vertical-align:top; height:30px; line-height:30px; color:#fff; width:66px; font-size:12px; text-align:center; border:0px;background-color:#000000; cursor:pointer;}
.float_right_box dd:hover{ background-color:#045a3e;}
.float_right_box dd:hover .float_right_box_tel{ display:block;}
.float_right_box i{-webkit-animation: displayTo 1s linear infinite; animation: displayTo 1s linear infinite}

@keyframes displayTo{
	0%{ opacity:1} 
	50%{ opacity:0} 
	100%{opacity:1}
}


.pc_centre{ display:none; width:572px;height:590px;position:fixed;left: 0;top:20%;right:0;bottom:0;background: url("../images/centre.png")no-repeat center top;z-index: 2000;margin:0 auto}
/*.pc_an{position:absolute;top:220px;width: 100% }*/
.pc_centre .pc_zx{position:absolute;top:270px;left:130px;}
.pc_centre .pc_yy{position:absolute;top:270px;right:130px;}
.pc_centre .pc_zx,.pc_centre .pc_yy{width:130px;cursor: pointer}
.pc_centre .pc_zx img,.pc_centre .pc_yy img{}
.pc_centre .pc_close{position: absolute;right: 46px;top: 80px;width: 55px;height: 35px; cursor:pointer;}
.pc_centre_tk{display:none;width:420px;height:260px;position:fixed;left: 0;right: 0;top: 34%;bottom: 0;margin: 0 auto;z-index: 9999;background:#fff url("../images/tkbj.png") no-repeat center center;-moz-box-shadow:0px 2px 3px #0F0F0F; -webkit-box-shadow:0px 2px 3px #0F0F0F; box-shadow:0px 2px 3px #0F0F0F;}
.pc_centre_tk .pc_sclose{position: absolute;right: 5px;top: 5px;width: 35px;height: 35px; cursor:pointer;}
.pc_centre_tk .pc_form{border-radius: 10px;padding: 20px 5px;margin-top: 60px;}
.pc_centre_tk .pc_form input{color:#000;width:308px;height:35px;margin:8px 50px;text-indent: 20px;font-size:16px;background: none;outline:none;border: 1px solid #bbbbbb}
.pc_centre_tk .pc_form button{color:#fff;width:308px;height:37px;margin:8px 50px;text-indent: 20px;font-size:16px;background: #153ecc;outline:none;border: none;}

@keyframes to_Btm{
	0%{transform:scale(1)}
	40%{transform:scale(.5)}
	70%{transform:scale(.2)}
	100%{transform:scale(0)}
}
.to_Btm{animation:to_Btm .5s ease-in}

@keyframes to_Btm_2{
	0%{top:70%;left:80%;transform:scale(0) rotateY(180deg)}
	40%{transform:scale(.5)}
	100%{transform:scale(1) rotateY(0)}
}
.to_Btm_2{animation:to_Btm_2 .5s ease-in}
.y_x_j{position:fixed;right:0;bottom:0px;display:none;width:256px;height:257px;/*border-radius:0 50% 0 0;*/background:url(../images/y_x_j.png) no-repeat;z-index:900; cursor:pointer;}
.y_x_j .y_x_round{position:absolute;top:137px;right:7px;z-index:1000;width:30px;height:30px;background:url(../images/y_x_j1.png) right top no-repeat;cursor:pointer; z-index:10}
.y_x_j .y_x_z{position:absolute;top:0px;right:0px; display:block; width:100%; height:100%; z-index:9;}



/*响应*/
@media all and (max-width:1920px){
.container{width:1200px;}	
	
}
.alcontainer{width:100%;}	
	
}


@media all and (max-width:1200px){
.container{width:1000px;}	
div.header .nav li.noe{margin-left:15px;}	
div.header .nav li a.navAone{padding:0 15px}
.al .list .noe{width:290px;}	
.al .list .two{width:387px;}	
.al .list .three{width:290px;}	
.construction-top ul li em{width:80px;height:80px;}
.rack .lefter .leftNav h2{font-size:30px}
.teamBox .process li{width:9.5%;font-size:14px; margin: 0 1.5%;height: 85px; padding: 16px 0;}	
.teamBox .process li.one{padding:10px 0}
.teamBox .list li{width:33.3%}
.teamindex li{width:33.3%}	
.NewsListBox .list li .img{width:40%}
.NewsListBox .list li .middle{width:60%;padding-left:20px;}
.NewsListBox .list li .middle h4{font-size: 14px;margin: 0px 0 0 0;}
.NewsListBox .list li .middle p{margin: 10px 0 15px 0;}
.list-honor li{float: left;width: 33.3%;}
.newsList li{width: 33.33%;}	
}


@media all and (max-width:1024px){
div.header .nav li a.navAone{padding:0 9px}
.banner-yy{top: 320px;}
.zxlx li {width: 30%;}
.zxlx li img{width:100%;}
.zxlx li .pic img{width:auto;margin: 45px auto 0;}
.HomeArticle{padding: 60px 0 100px 0;}
.teamindex li{float:left; width:50%;}
.teamindex li a{margin:0 5px 10px 5px;}  
.teamindex li .box{padding:10px;}
.teamindex li .box h4{font-size:14px; padding:5px 0 5px 30px;}
.teamindex li .box h4 font{;font-size:12px; margin-left:5px;}
.teamindex li .box span{margin:5px 0 0 0;font-size:12px;}
.teamindex .more{margin:10px auto 0; border:2px #8c8c8c solid;padding:5px 20px;font-size: 12px;}
.teamindex .more:hover{ }
.pNews{padding-bottom: 45px;}
}

@media all and (max-width:1000px){
.container{width:760px;}	
.header{height:70px}
.nav li ol{top:70px;}
.header .logo img{width:200px;}	
.header .search{ display: none}	
.header .nav li a.navAone{line-height:70px;}
.al .list .noe{width:200px;height:270px;}	
.al .list .noe i,.al .list .two i{ display: none}
.al .list .two{width:328px;height:270px;}	
.al .list .three{width:200px;height:133px;}	
.al .list .noe a h4,.al .list .two a h4{ top:auto;bottom: 30px}
.al .list .noe a p,.al .list .two a p{ display: none}

.al .list .three a h4{ top:auto;bottom: 30px}
.al .list .three a p{ display: none}
.ProductListBox .list li{width:50%}	
.ProductShow .left{width:100%;}	
.ProductShow .right{width:100%;}			
.construction-top ul li em{width:60px;height:60px;}
.rack .lefter .leftNav h2{font-size:25px;padding: 30px 10px;}	
.teamBox .process li{width:11.5%;font-size:14px; margin: 0 0.5%;height: 58px; padding: 10px 0;font-size: 12px;border-radius: 0px;}	
.teamBox .process li:before{ display: none} 	
.teamBox .process li img{width:20px}	
.teamBox .process li.one{padding:10px 0;font-size:14px}
.teamBox .list li{width:50%}
.teamindex li{width:50%}
.newsR{float:none;width:100%;}
.newsR li{margin:15px 0 0 0;}
.newsR li a{height:auto;background:#fff;box-shadow:0 0 5px #e1e1e1;}
.NewsListBox .list li{width:50%;clear: initial;}	
.NewsListBox .list li .img{width:100%}	
.NewsListBox .list li a{ display: block; margin:0 5px 10px 5px}	
.NewsListBox .list li .middle{width:100%;padding:10px 0}	
.NewsListBox .list li .middle b{font-size:12px;}	
  .process li:after{font-size:1.2rem;right:10px;top:5%;}
  .process li {padding-left:60px;}
  .process li i{font-size:3em;width:60px;margin-left:-60px;}	
.footer .right{width:17%;}

}


@media all and (max-width:768px){
.container-B{width:100%;margin: auto}	
.container{width:100%;padding-left:10px;padding-right:10px;}
.alcontainer{width:100%;padding-left:10px;padding-right:10px;}
.header{height:55px;background: #ff6509;}	
.header .logo img{height:45px;width:auto; margin-top:10px;}		
.header .nav{display: none}	
.header-index{ position: initial}
.fixed-top{ position:fixed;}
.pNews{padding-bottom: 35px;}
.titleAx{margin: 10px 0 20px 0;}
.titleAx b{font-size: 20px;line-height:25px;}
.titleAx b:before,.titleAx b:after{ top:50%;height:1px;}
.titleAx b i{font-size: 19px;margin: 7px 15px;}
.titleAx span{ font-size: 12px;margin-top: 1px;}
.titleAx hr{margin:10px auto; width:30px; height:2px;}  
.titleNx{margin:10px 0;font-size:18px;}
.titleNx hr{margin:10px auto 0;width:30px;height:2px}
.titleNx font{font-size:12px;margin-top: 5px;}
.menu{padding:40px 0 0 0; margin: 20px 0;}
.menu ul li{margin: 5px 0 5px 0;}
.menu a{font-size:14px;padding: 5px 5px;margin: 0 3px;}
.menu .site-n{display: none}
.menu .nu{ text-align: center;  width: 100%;}
.menu .nu li{float:none; display: inline-block} 
.menu .nu li a{font-size:12px;padding:5px 10px; margin:0 5px 7px 0px;}
/**/
.focusBanner .spot{bottom:15px;}
.focusBanner .spot li{opacity: 0.6;width:20px;height:5px;margin:0 5px;border-radius:0%;border: 0px; background: #fff}
.focusBanner .spot li.on{ background: #333}
.floor_brand{margin: 20px 0 10px 0;/*! overflow: hidden; */}
.floor_brand ul li{width: 48%;margin-right: 2%; margin-bottom: 5px;}
.floor_brand ul li .title {font-size: 14px;color: #333333;}
.floor_brand ul li .desc {font-size: 12px;}
.floor_brand ul li a{padding-left:0;padding-top: 75px;text-align: center;}
.floor_brand .brand1{background:url(../images/4-01.png) 50% 20% no-repeat #fff;}
.floor_brand .brand2{background: url(../images/4-02.png) 50% 20% no-repeat #fff;}
.floor_brand .brand3{background: url(../images/4-03.png) 50% 20% no-repeat #fff;}
.floor_brand .brand4{background: url(../images/4-04.png) 50% 20% no-repeat #fff; margin-right:0;}
.al{margin:10px 0 20px 0;}	
.al .list .noe{width:39%;height:170px;margin-right: 1%;}	
.al .list .two{width:60%;height:170px;margin-right: 0px;}	
.al .list .three{width:49.5%;margin-top:1%;height:120px;}	
.al .list .noe a h4,.al .list .two a h4,.al .list .three a h4{ top:auto;bottom: 0;left: 0px;padding: 5px 10px;font-size: 14px;background: rgba(12,189,140,0.4);width: 100%;}
.al .list .noe a:after,.al .list .two a:after,.al .list .three a:after{ display: none}
.al .list .three a p{ display: none}	
.al .list .three.mr{margin:1% 1% 0 0}
.al .list-case{ }
.al .list-case li{width:50%;}
.al .list-case li a{margin:0 5px 10px 5px;}
.al .list-case li .box{display: block;}
.al .list-case li .box:hover{ opacity: 0}
.about{  padding:10px 0 20px 0;}
.about .titleimg{   margin-bottom: 10px;}
.about .titleimg img{max-width: 100%;}
.about .box{width:100%;}
.about .box a{  margin: 0 5px 10px 5px;}
.about span h4{  bottom:10px;font-size:14px;}
.about span h4 font{ font-size:12px;}

.zxlx li{width:100%; margin: 0 5px 10px 0;}
.zxlx li img{width:100%;}
.zxlx li .pic img{width:auto;margin-top: 28%;margin: 18% auto 0;}

.teamindex{  padding:10px 0 20px 0;}
.teamindex .titleimg{   margin-bottom: 10px;}
.teamindex .titleimg img{max-width: 100%;}
.teamindex .box{width:100%;}
.teamindex .box a{  margin: 0 5px 10px 5px;}
.teamindex span h4{  bottom:10px;font-size:14px;}
.teamindex span h4 font{ font-size:12px;}	
.HomeArticle{   padding:10px 0 30px 0;}
.HomeArticle .list{margin-top:10px;}
.HomeArticle .list li{margin-bottom: 15px;}
.HomeArticle .list li p{font-size: 14px;padding: 10px;}
.HomeArticle .list li p span{font-size: 12px;margin-top: 5px;line-height: 22px;}
.HomeArticle .list li.one{width:100%;}
.HomeArticle .list li.two{width:100%;}
.HomeArticle .list li.threes{width:100%;}
.HomeArticle .list li.two a{ margin:10px 5px 0px 0}
.newsR{height:auto;}
.newsR li,.newsR li:nth-child(2n){width:100%;float:none;}
.newsR li:last-child{display:none;}
.classification{padding: 0px 0;}
.classification .long{ padding:20px 20px;}
.classification .top{margin-bottom: 10px;}
.classification .top a{font-size:14px; padding: 10px 27px; color:#fff;background: #888;}
.classification .frame{margin-bottom: 10px;}
.classification .frame b{padding:7px 50px 7px 40px; margin-right:30px;font-size:14px;width: 100%;}
.classification .frame a{font-size:12px;padding:2px 11px;margin:7px 5px 7px 5px;}
.classification .f-05 b{ background:#999 url(../images/ico05.png) no-repeat 10px 10px;}
.classification .f-06 b{ background:#999 url(../images/ico06.png) no-repeat 10px 10px;}
.classification .f-07 b{ background:#999 url(../images/ico07.png) no-repeat 10px 10px;}
.classification .f-08 b{ background:#999 url(../images/ico08.png) no-repeat 10px 10px;}
.classification .search input{ padding:5px 10px;line-height: 25px;width: 200px;}
.classification .search button{ padding:5px 20px;font-size:12px;line-height: 27px;}
  .process{margin-right:0;background:none;padding:0;margin-bottom:0;}
  .process li{width:50%;height:240px;padding-left:30px;}
  .process li h4{font-weight:normal;font-size:1.4em;}
  .process li i{float:none;width:100%;margin-left:0;}
  .process li:after{display:none;}
.ProductListBox .most{ padding:10px 20px; margin: 15px 0 15px 0;}
.ProductListBox .most a{ margin-right:20px;font-size:12px;}
.ProductListBox .list{margin: 5px 0 0;}
.ProductListBox .list li a{ display: block; margin:0 6px 12px 6px;}
.ProductListBox .list li .box{ padding:10px; }
.ProductListBox .list li .box h4{font-size:14px;height:35px;}
.ProductListBox .list li .box span{ margin-top:5px;font-size: 12px;}
.ProductListBox .list li .box em{width:40px;line-height:40px;font-size:20px;margin-top: -20px;display: none;}
.ProductShow{}	
.ProductShow .long{padding:20px 20px;}
.ProductShow .left{width:100%;}
.ProductShow .left .title h2{font-size: 20px;padding-bottom:10px;margin-bottom:10px;}
.ProductShow .left .title span{ font-size:14px; }
.ProductShow .left .wor{font-size:14px; line-height:25px;margin-top: 20px;}
.ProductShow .right{width:100%;margin-top: 20px;}
.ProductShow .right .offer{padding:10px;}
.ProductShow .right .offer h2{padding:8px 10px;font-size:14px; margin-bottom: 10px; }
.ProductShow .right .offer h2 font{ font-size:12px}
.ProductShow .right .offer input{margin:5px 0;padding:5px;}
.ProductShow .right .offer button{margin:5px 0; padding: 7px 0; font-size:13px;border-radius: 10px; }
.ProductShow .right .offer p{ line-height: 20px;}
.ProductShow .right .recommend{display: none}
div.construction-top{padding:15px 0 10px 0;}
.construction-top ul li{width:20%;}
.construction-top ul li em{display: none}
.construction-top ul li a{ display: block;padding:5px 2px; margin:0 5px 8px 5px;background:#666}
.construction-top ul li h4{margin-top:0px;color:#fff;font-size:14px; }
.construction-top ul li:hover h4{color:#fff}
.brandBox{margin-top:20px;}
.brandBox .list .title{font-size:18px;margin:0 0 10px 0;}
.brandBox .list li{margin: 0 0 20px 0;}
.brandBox .list li .long{height:auto;}
.brandBox .list li .pic{width:100%;height:150px;}
.brandBox .list li .box{ width:100%;height:200px; padding:15px;font-size:12px; line-height: 22px;margin: 0px;}
.brandBox .list li .box .wx{padding:0px;}
.scrollbar{overflow-y: scroll;margin-bottom: 25px;padding-right: 25px;}
.force-overflow{min-height: 20px;}	
.rack .lefter{ width:100%;}
.rack .lefter .leftNav h2{display: none; }
.rack .lefter .leftNav ul{ display: table;width:100%; padding:0 10px}
.rack .lefter .leftNav ul li {display: table-cell; border: none;}
.rack .lefter .leftNav ul li a{font-size:14px;padding:10px 0; border: none;background: #eee;margin: 10px 5px;}
.rack .lefter .leftNav ul li:hover a,.rack .lefter .leftNav ul li.active a{color:#fff;border:none;background: #1c966e}
.rack .righter{width:100%;}
.rack .righter h2.title{font-size:20px; padding:20px 0 15px 0; }
.rack .showBox{padding:20px 10px;font-size:14px;line-height:25px;overflow: hidden;}
.teamBox .process{ padding:10px 10px;}
	.showBox div{max-width:100%;height: auto !important;}
.teamBox .process li{width:24%;font-size:14px;padding: 15px 0;margin:5px 0.5%;height: 70px;}
.teamBox .process li:before{ content: ""; position: absolute; right:-20px; top:45%; width:5px;height:9px;background: url(../images/arrow04.png) no-repeat center;}
.teamBox .process li:last-child:before{ display: none;}
.teamBox .process li.one{ font-size:14px; padding:13px 0;}
.teamBox .classification{ padding:10px 10px 10px 10px;background: none;/*! padding: 0px; */}
.teamBox .classification h2{font-size:14px;margin:15px 0 10px 0;}
.teamBox{}
.teamBox .list{margin-top:10px;padding:0 0px;/*! float: left; */}  
.teamBox .list li{float:left; width:50%;}
.teamBox .list li a{margin:0 5px 10px 5px;}  
.teamBox .list li .box{padding:10px;}
.teamBox .list li .box h4{font-size:14px; padding:5px 0 5px 30px;}
.teamBox .list li .box h4 font{;font-size:12px; margin-left:5px;}
.teamBox .list li .box span{margin:5px 0 0 0;font-size:12px;}
.contactBox{}
.contactBox .ditu .long{ margin:20px 0 20px 0;}
.contactBox .ditu .long .box{width:100%;}
.contactBox .ditu .long .box h3{font-size:18px; padding-bottom:10px; margin-bottom:10px;}
.contactBox .ditu .long .box span{margin:10px 0}
.contactBox .ditu .long .map{width:100%;}

.contactBox1 p,.contactBox4 p{width:100%;margin-bottom:20px;float:none;padding-left:40px;}
.contactBox1 p:after,.contactBox4 p:after{font-size:1.6rem;}
.contactBox2 .fl{display:none;}
.contactBox2 .txt{width:100%;padding-top:0;float:none;}
.contactBox2 h4{font-size:1.125rem;margin-bottom:20px;padding-bottom:15px;}
.contactBox3 .fl,.contactBox3 .fr,.contactBox4 h4,.contactBox4 p,.contactBox5 .fl,.contactBox5 .font,.contactForm .txt,.contactForm .card{float:none;width:100%;margin-right:0;}
.contactBox4 h4{margin-bottom:25px;}
.contactBox4 h4 span,.contactBox3 h4,.contactBox5 h4 span{font-size:1.125rem;}
.contactBox5 .font{padding-top:30px;}
.contactForm .left,.contactForm .area{float:none;width:100%;}
.contactForm .left input,.contactForm .left input:nth-child(3){margin-bottom:10px;}
.contactForm .code .sub{float:none;width:100%;clear:both;}

.teamindex li{float:left; width:50%;}
.teamindex li a{margin:0 5px 10px 5px;}  
.teamindex li .box{padding:10px;}
.teamindex li .box h4{font-size:14px; padding:5px 0 5px 30px;}
.teamindex li .box h4 font{;font-size:12px; margin-left:5px;}
.teamindex li .box span{margin:5px 0 0 0;font-size:12px;}
.teamindex .more{margin:10px auto 0; border:2px #8c8c8c solid;padding:5px 20px;font-size: 12px;}
.teamindex .more:hover{ }
.Choose li{float:left; width:48%; margin-right: 0.5em; margin-bottom: 0.5em;}
.Choose .Item {padding: 10px 10px;transition: all 0.3s ease-out;}
.Choose li:nth-child(2n) { margin-right: 0em;}
.Choose li:nth-child(3n) { margin-right: 0.5em;}
.Choose li:nth-child(4n) { margin-right: 0em;}
.Choose li:nth-child(6n) { margin-right: 0em;}
.Choose .Item span { font-size: 0.8em; color: #000; line-height: 2em; font-weight: 500; }
.Choose .Item p {display: none; font-size: 12px; color: #999; line-height: 22px; height: 88px; overflow: hidden; }

.zxq { width: 100%; }
.con_bj_cal { width: 100%; }
.quoted-price { position: relative; }
.con { width: 90%; left: 50%; top: 50%; margin: 0; transform: translate(-50%,-50%); margin-top: 110px; }
.con_text { top: -50px; width: 70%; }
.zxq img{border: 0; vertical-align: middle; max-width: 100%; border: none; margin: 0; }
.bj_form { width: 100%; }
.form_line { width: 100%; position: relative; }
.mod_form .label { position: relative; left: auto; display: block; float: none; }
.bj_form .text_wrap .unit { display: none; }
.bj_form .element { width: 100%; }
.bj_form .select_s, .bj_form .area_text { width: 100%; }
.calc-btn { position: relative; left: auto; top: auto; margin: 0; background: #178151;}
.circle-animate { display: none; }
.calc-btn { width: 100%; border-radius: 0; right: auto; line-height: 60px; height: 60px; }
.calc-btn em { margin: 0; width: 100%; line-height: 60px; }
.result-wechat-hotad { display: none; }

.NewsListBox .list{margin-top: 30px;}
.NewsListBox .list li{ width:50%; clear:initial; border:none; margin:0 0 0px 0;float: left;}
.NewsListBox .list li a{dsi: b;display: block;float: left;border: 1px #ddd solid;margin: 0 5px 10px 5px;}
.NewsListBox .list li .pic{width:100%;}
.NewsListBox .list li .time{width:100%; font-size:12px;text-align: left;height: 100%;margin: 5px 10px;height: auto;padding: 0px;color: #999;}
.NewsListBox .list li .txt{width:100%;padding: 0 10px 10px 10px;}
.NewsListBox .list li .txt h4{font-size:14px;height:40px;}
.NewsListBox .list li .txt p{font-size:14px;margin-top:20px;line-height: 25px;display: none;}
.NewsListBox .list li .txt b{ font-size:14px;padding:7px 20px;margin-top: 25px;display: none;}
.newsList ul{margin-right:-15px; }
.newsList li{margin-bottom: 15px;}
.newsList li a{margin-right: 15px;padding: 15px;}
.newsList li a h5{font-size: 16px;margin-bottom: 5px;}
.newsList li a .txt{font-size: 12px;margin: 10px 0 20px;}
.newsList li{width: 50%;}
.newsList li a .txt{height: 60px;}


.jjfaList ul{margin-right:-15px; }
.jjfaList li{margin-bottom: 15px;}
.jjfaList li a{margin-right: 15px;padding: 15px;}
.jjfaList li a h5{font-size: 16px;margin-bottom: 5px;}
.jjfaList li a .txt{font-size: 12px;margin: 10px 0 20px;}
.jjfaList li{width: 50%;}
.jjfaList li a .txt{height: 60px;}


.list-honor li{width: 50%;}
.list-honor li a{ margin:0 5px 10px 5px;padding: 7px;}
.list-honor h4{font-size:13px;}
.NewsDetailBox{padding-bottom: 30px}
.pagIng{margin-bottom:0px;border-top:1px #ddd solid;border-bottom:0px;border-left:0px;border-right:0px;border-bottom:0px;padding:10px 1px 1px 1px;margin-top: 20px;}
.newsDetail h2{font-size: 16px;margin:0px 0 0 0;border-bottom: 1px #ddd solid;padding-bottom: 10px;}
.newsDetail .msg{/*! display: none */border: none;padding-top: 10px;}
.pagIng .fl a{font-size:12px;height: 25px;}
.relNews ul li{width:98%;}
.pagIng .fl{width:100%;margin-bottom: 10px;}
.pagIng .fr{display:table;margin:10px auto 0;float: none;}
.layui-layer{width:400px;min-width:400px;max-width:400px;height:300px;}
/*----*/
#pages{margin:20px 0 20px 0;}
#pages span{padding:5px 10px;margin:0 2px;font-size:12px;}
#pages a{padding:5px 10px;margin:0 2px;font-size:12px;}
/*--*/
.banner-yy{ opacity: 0; display: none;z-index:-99;}
.footer_float{ opacity: 0; display: none;z-index:-99;}
.float_right_box{ opacity: 0; display: none;z-index:-99;} 
.bdshare-slide-button{ display:none;z-index:-111;left:-200px;width:0px;height:0px;} 
/*--*/
.rack{padding:20px 0 20px 0;}
.rack2{margin-top:55px;padding:20px 0 20px 0;}	
.footer{}		
.footer .border{border-top: #282828 solid 1px;padding-top:28px;}
.footer .link{display: none}
.footer .navs{display: none}	
.footer .right{display: block; width: 100%; text-align: center;}
.footer .copy .copylink{display: none}	
.footer .middle{float:none; display: table; margin:auto;width:auto;padding: 0px;font-size: 12px;}	
.footer .copy{padding-bottom:25px; height: 150px;
}
.pcI{display: none;}
.wapI{display: block;}
/*--*/ 
.ingBox{padding:30px 0;}
}

@media all and (max-width:480px) {
.pNews .main li{height: auto;}
.pNews .main li .pic{width: 100%;float: none;height: 220px;}
.pNews .main li .font{width: 100%;float: none;height: auto;padding: 25px}
.pNews .main li .font h5{font-size: 16px;margin-bottom: 5px;}
.pNews .main li .font p{margin: 10px 0;height: 62px;}
.pNews .main li .font .more{display: none;}
.newsList{padding: 35px 0;}
.newsList li a{padding: 10px;}
.newsList li a .txt{display: none;}
.newsList li a h5{font-size: 14px;line-height: 20px;height: 40px;}
}
.PrveNext{margin-top: 30px;font-size: 12px;text-align: right;}
				.PrveNext a{display: inline-block;padding: 5px 8px;border: 1px solid #aaa;border-radius: 10px;margin-left: 10px;}
				.PrveNext span{padding-left: 10px;}
.pages{text-align: center;padding: 2% 0 3.5%;}
.pages a{display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 30px;border: 1px solid #DDDDDD;color: #999999; line-height: 30px;padding: 0 10px;min-width: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 3px 2px}
.pages a i{font-style: normal;}
.pages .on *{color: #b23838;border: none;}
.pages a.disabled{cursor: not-allowed;color: #ccc;}
/**版权信息**/
.bqbk {
    background: #f4faff;
    border: 1px #d7edfd solid;
    width: 100%;
    border-radius: 10px;
    position: relative;
    margin: 10px 0 10px 0;
    overflow: hidden;
}
.bqbkbt {
    background: #d1eafe;
    color: #009900;
    font-size: 14px;
    width: 13px;
    height: 220px;
    padding-top: 10px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    padding-left: 10px;
    padding-right: 20px;
    line-height: 18px;
}
.banquantxt {
    font-size: 12px;
    padding: 8px;
    border-radius: 10px;
    margin-left: 33px;
    color: #666666;
    line-height: 20px;
    text-align: left;
    background: #f4faff;
}
.bqtxturl {
    background: url(https://www.pschina88.com/templates/default/images/url.png) 0 2px no-repeat;
    text-indent: 20px;
    padding: 0px;float: left;
}
.pcbqtxt {padding: 3px 0 0 0;}
.pcbqtxt1 {padding: 0 0 0 2px;float: left;margin: 3px 0 10px 0;
}

*{margin:0;padding:0;font-family:"Microsoft YaHei";}
li{list-style:none}
img{border:none;}


/*在线客服*/
.OnlineService_Bg {width:100px;overflow:hidden;position:fixed;right:10px;bottom:20px;z-index:10;}
.OnlineService_Box {width:100%;overflow:hidden;}
.OnlineService_QQBox {width:88px;overflow:hidden;border:1px solid #cecece;margin-bottom:10px;background:#f5f5f5;}
.OnlineService_QQBox li {width:auto;height:35px;overflow:hidden;padding-left:34px;font-size:12px;line-height:35px;color:#666;background:url(icon_QQ1.png) no-repeat 5px center;cursor:pointer}
.OnlineService_QQBox li:hover {filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/}
.OnlineService_QQBox li a {text-decoration: none;color: #666;}
.OnlineService_Phone {width:90px;height:90px;margin-bottom:10px;}
.OnlineService_Phone a {display:block;width:90px;/*height:33px;*/background-color:#ff6509;padding-top:65px;line-height:30px;font-size:16px;text-align:center;color:#fff;background-image:url(icon_Online.png);background-repeat:no-repeat;background-position:center 8px;cursor:pointer;text-decoration:none;color:#fff}
/*.OnlineService_Sign {width:90px;height:33px;margin-bottom:10px;background-color:#ff6509;padding-top:57px;line-height:30px;font-size:16px;text-align:center;color:#fff;cursor:pointer;background-image:url(icon_Sign.png);background-repeat:no-repeat;background-position:center 10px;}*/
.OnlineService_Top {width:90px;height:90px;margin-bottom:10px;}
.OnlineService_Top a {display:block;width:90px;/*height:33px;*/background-color:#ff6509;padding-top:57px;line-height:30px;font-size:16px;text-align:center;color:#fff;background-image:url(icon_Top.png);background-repeat:no-repeat;background-position:center 8px;cursor:pointer;text-decoration:none;color:#fff}
.OnlineService_Sign {
    width: 90px;
    height: 26px; 
    margin-bottom: 5px;
    background-color: #ff6509;
    padding-top: 3px;
    /* line-height: 2px; */
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    /* background-image: url(icon_Sign.png); */
    background-repeat: no-repeat;
    background-position: center 10px;
}
.OnlineService_Sign1 {
    width: 90px;
    height: 26px; 
    margin-bottom: 5px;
    background-color: #c80404;
    padding-top: 3px;
    /* line-height: 2px; */
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    /* background-image: url(icon_Sign.png); */
    background-repeat: no-repeat;
    background-position: center 10px;
}
.OnlineService_Sign1 a {color: #fff709;}
.OnlineService_Sign a {color: #fff;}
@media all and (max-width:768px){.OnlineService_Bg {width:0px;overflow: hidden;position: fixed;right: 10px;z-index: 10;}}
/*新版视频样式*/
.vhy-video-list .video-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vhy-video-list .video-icon-s,.vhy-video-list .video-mask,.vhy-video-list .video-title{transition:all .2s ease-in-out}.vhy-video-list{*zoom:1;margin-left:-20px;margin-top:-18px;margin-bottom: 30px;}.vhy-video-list:after,.vhy-video-list:before{content:"";display:table;line-height:0}.vhy-video-list:after{clear:both}.vhy-video-list li{width:205px;float:left;_display:inline;margin:18px 0 0 20px}.vhy-video-list li a:hover .video-title{color:#ff8a00}.vhy-video-list .video-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:transparent;background-color:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);zoom:1;opacity:0;filter:alpha(opacity=0);z-index:1;overflow:hidden}:root .vhy-video-list .video-mask{-webkit-filter:none;filter:none}.vhy-video-list .video-info{padding:0 10px;position:absolute;bottom:0;left:0;right:0;color:#fff;height:30px;line-height:30px;background:linear-gradient(180deg,transparent 0,#000 150%);z-index:1}.vhy-video-list .video-wrap{display:block}.vhy-video-list .video-wrap:hover .video-mask{opacity:1;filter:alpha(opacity=100)}.vhy-video-list .video-wrap:hover .video-icon-b,.vhy-video-list .video-wrap:hover .video-icon-s{transform:scale(1)}.vhy-video-list .video-cover{display:block;width:100%;height:100%}.vhy-video-list .video-s{position:relative;width:205px;height:115.3125px;border-radius:5px;overflow:hidden}.vhy-video-list .video-icon-s{position:absolute;top:50%;left:50%;margin-left:-27.5px;margin-top:-27.5px;transform:scale(2);width:55px;height:55px;background-image:url(https://www.pschina88.com/templates/default/images/sp/bofangvio.png);background-repeat:no-repeat}.vhy-video-list .video-duration{color:#fff;font-size:12px;float:right;_display:inline}.vhy-video-list .video-title{color:#333;font-size:14px;height:16px;line-height:16px;margin:10px 0 5px}.vhy-video-list .video-title .keywords{color:#ff8a00}.vhy-video-list .icon-video-pnum{width:8px;height:10px;background-image:url(https://www.pschina88.com/templates/default/images/sp/bofang.png);background-repeat:no-repeat;display:inline-block;margin-right:5px}.vhy-video-list .video-meta .icon-video-user{display:inline-block;width:11px;height:12px;background-image:url(https://www.pschina88.com/templates/default/images/sp/zhuye.png);background-repeat:no-repeat}.vhy-video-list .video-meta a,.vhy-video-list .video-meta span{font-size:12px;color:#999}.vhy-video-list .video-meta a i,.vhy-video-list .video-meta span i{display:inline-block;margin-right:5px}.vhy-video-list .video-meta a:hover{color:#ff8a00}.vhy-video-list .video-meta-user{float:left;_display:inline;width:50%;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;text-align:left;text-align:left!important}.vhy-video-list .video-meta-pnum,.vhy-video-list .video-meta-time{float:right;_display:inline}.vhy-video-list .video-meta-comment{float:left;_display:inline}.vhy-video-list .video-meta-date{clear:left}.vhy-video-list .video-meta-zq{float:right;_display:inline}.vhy-video-list .video-meta-avator{font-size:12px;color:#999}.vhy-video-list .video-meta-avator img{width:30px;height:30px;border-radius:100%;float:left;_display:inline;margin-right:8px}.vhy-video-list.w215 li{width:216px}.vhy-video-list.w215 .video-s{position:relative;width:216px;height:121.5px}.vhy-video-list.w224 li{width:224px}.vhy-video-list.w224 .video-s{position:relative;width:224px;height:126px}.vhy-video-list.w200 li{width:200px}.vhy-video-list.w200 .video-s{position:relative;width:200px;height:112.5px}.pagination{margin-top:40px;text-align:center;font-size:0}.pagination a{line-height:1;border-radius:3px;background-color:#fdfdfd;border:1px solid #eaeaea;cursor:pointer;color:#666;padding:8px 11px}.pagination a,.pagination span{display:inline-block;margin-right:10px;font-size:12px}.pagination span{padding:.1em .4em;margin-bottom:5px}.pagination .current{color:#fff;background:#ff8a20;border-color:#ff8a20;line-height:1;padding:8px 11px;border-radius:3px}.pagination .current.next,.pagination .current.prev{color:#999;border-color:#999;background:#fff}.mod-wrap{padding:30px 19px 50px}.vhy-videosort-tab{margin:17px 0 16px;border-bottom:1px solid #eee;font-size:0}.vhy-videosort-tab .tab{display:inline-block;color:#666;font-size:16px;margin-bottom:-1px;margin-right:30px;padding:0 2px 6px;border-bottom:2px solid transparent;cursor:pointer}.vhy-videosort-tab .tab.cur,.vhy-videosort-tab .tab:hover{color:#f80;border-color:#f80}.vhy-list-tags .tags-title{color:#666;font-size:16px}.vhy-list-tags .i-hottag{display:inline-block;width:17px;height:16px;margin-right:8px;vertical-align:middle;.vhy-list-tags .tags-list{display:inline;margin-left:8px;font-size:0}.vhy-list-tags .tags-list .tag{display:inline-block;height:26px;margin-left:5px;padding:0 15px;margin-top:8px;cursor:pointer;color:#555;border:1px solid #ededed;border-radius:13px;font-size:14px;line-height:26px}.vhy-list-tags .tags-list .tag.cur,.vhy-list-tags .tags-list .tag:hover{color:#fff;border-color:#f80;background:#f80}.vhy-list-category{position:relative;color:#333;padding-bottom:10px}.vhy-list-category a{cursor:pointer}.vhy-list-category-list{font-size:15px}.vhy-list-category-list a{text-align:center;min-width:80px;padding-bottom:10px;display:inline-block;border-bottom:2px solid transparent}.vhy-list-category-list a.active{border-color:#ff9600;font-weight:700}.vhy-list-more{position:absolute;display:inline-block;width:90px;padding:0 5px 4px;text-align:center;left:0;right:0;margin:auto;background:#f7f7f7;border-bottom-right-radius:20px;