html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
body{min-width: 1200px;}
a,a:hover,a:focus,a:active{text-decoration:none;outline:none;}
.container{width: 1200px;}
.no-right{margin-right: 0!important;}

/*top*/
.top{width: 100%;height: 44px;background-color: #292929;position: relative;z-index: 1;}
.top p{display: inline-block;font-size: 16px;color: #fff;line-height: 44px;}
.top i{color: #fff;margin-right: 8px;}
.top .top-line{display: inline-block;margin: 0 16px;font-size: 18px;color: rgba(255,255,255,0.2);}
.top .top-follow{font-size: 14px;line-height: 40px;}
.top .top-follow i{font-size: 20px;}
.top-wechat{position: relative;}
.top-wechat img{display: none;position: absolute;top: 30px;right: -30px;z-index: 1;}
.top-wechat:hover img{display: block;}
.top-search{position: relative;margin-top: 7px;}
.top-search .input-text{width: 210px;height: 30px;border-radius: 30px;font-size: 12px;padding: 0 30px 0 8px;}
.top-search .input-text:hover{border-color: #df0012;}
.top-search .iconfont{position: absolute;top: 4px;right: 10px;color: #969696;background: none;border: none;cursor: pointer;}
.top-switch{position: absolute;right: 12px;top: 10px;}
.top-switch a{display: inline-block;font-size: 14px;color: #fff;border: 1px dashed #969696;padding: 0 5px;margin-left: 12px;}
.top-switch a:hover{opacity: 0.8;filter: alpha(opacity=80);}

/*banner*/
.banner{position: relative;width: 100%;}
.banner img{width: 100%;}
.head{position: absolute;top: 44px;left: 0;width: 100%;height: 50px;}
.headbefore{position: absolute;left: 0;top: 0;height: 50px;background-color: rgba(50,50,50,0.72);}
.headafter{position: absolute;right: 0;top: 0;height: 50px;background-color: rgba(50,50,50,0.72);}
.head .head-logo{float: left;margin-left: 40px;margin-top: -10px;}
.head .head-nav{float: left;width: 952px;height: 50px;background-color: rgba(50,50,50,0.72);padding-left: 40px;}
.head .head-nav ul li{float: left;margin: 6px 12px;position: relative;display: inline-block;}
.head .head-nav ul li a{display: inline-block;width:80px;height: 36px;border-radius: 4px;font-size: 14px;font-weight: bold;color: #fff;line-height: 36px;text-align: center;}
.head .head-nav ul li.current>a,.head .head-nav ul li a:hover{background-color: #df0012;}
.head .head-nav ul li .dropdown-li{display:none;position:absolute;background-color: rgba(0,0,0,0.6);min-width:80px;border-radius:5px;left:-20px;}
.head .head-nav ul li .dropdown-li p{cursor:pointer;font-size:14px;font-weight: bold;color: #fff;}
.head .head-nav ul li .dropdown-li p:hover{background-color: #df0012;border-radius:5px;}
.head .head-nav ul li .dropdown-li a{width: 120px;}
.head .head-nav ul li:hover .dropdown-li{display: block;}
.fullSlide{width:100%;height:606px;position: relative;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;margin:0 auto;}
.fullSlide .bd li,.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{overflow:hidden;height:606px;text-align:center;}
.fullSlide .bd li a{display:block;height:606px;}
.fullSlide .hd{position:absolute;bottom:10px;left:0;width:100%;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{display:inline-block;overflow:hidden;margin:5px;width:12px;height:12px;background-color:#fff;opacity: 0.5;filter: alpha(opacity=50); line-height: 0;font-size: 0;border-radius: 20px;cursor:pointer;}
.fullSlide .hd ul .on{background-color:#fff;opacity: 1;filter: alpha(opacity=100);}

/*indextitle*/
.indextitle{border-bottom: 1px solid #d6d7dc;margin-bottom: 16px;}
.indextitle>.iconfont{display:inline-block;font-size: 30px;color: #df0012;margin-right: 10px;}
.indextitle h2{display:inline-block;font-size: 28px;color: #df0012;font-weight: bold;margin-right: 16px;}
.indextitle h3{display:inline-block;font-size: 19px;color: #646464;font-weight: 500;margin-right: 16px;}
.indextitle p{display:inline-block;font-size: 12px;color: #646464;}
.indextitle a{float: right;font-size: 12px;color: #646464;line-height: 60px;}
.indextitle a:hover{color: #df0012;}
.indextitle a>.iconfont{font-size: 12px;}

/*case*/
.case{margin-top: 40px;}
.case-wrap{margin-top: 12px;}
.case-theme{width: 200px;height: 200px;border: 1px solid #ccc;box-sizing: border-box;float: left;margin-right: 4px;}
.case-theme a{display: block;margin: 3px;width: 192px;height: 192px;border: 1px solid transparent;box-sizing: border-box;text-align: center;}
.case-theme .iconfont{font-size: 90px;color: #df0012;line-height: 130px;}
.case-theme p{font-size: 20px;color: #323232;}
.case-theme:hover{background: #df0012;} 
.case-theme:hover a{border: 1px solid #ccc;}
.case-theme:hover .iconfont,.case-theme:hover p{color: #fff;}
.case-item{width: 320px;height: 200px;border: 1px solid #ccc;box-sizing: border-box;float: left;margin-left: 12px;position: relative;overflow: hidden;cursor: pointer;}
.case-item a{display: block;border: 1px solid #ccc;}
.case-item a img{width: 320px;height: 200px;}
.txt{width: 100%;height: 60px;padding: 12px 9px;background-color: rgba(255,255,255,0.3);position: absolute;left: 0;bottom: 0;box-sizing: border-box;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.case-item a:hover .txt{bottom: -60px;}
.txt .beibaink{background-color: rgba(128,128,128,0.6);border: 1px solid #fff;}
.txt .beibaink p{font-size: 14px;color: #fff;text-align: center;line-height: 36px;}
.dierceng{width: 320px;height: 200px;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 100%;box-sizing: border-box;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.dierceng .neib{width: 312px;height: 192px;margin: 5px auto;border: 1px solid #ccc;box-sizing: border-box;padding: 10px;}
.case-item a:hover .dierceng{bottom: 0;}
.dierceng .neib span{font-size: 18px;color: #fff;font-weight: bold;padding: 10px 0;border-bottom: 1px solid #ccc;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dierceng .neib p{font-size: 14px;color: #fff;margin-top: 20px;margin-bottom: 10px;height: 66px;overflow: hidden;}
.dierceng .neib i{font-size: 20px;color: #fff;}

/*theme*/
.theme{width: 100%;height: 270px;margin-top: 40px;}
.gall {width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 10px;padding-left: 65px;padding-right: 65px;}
.gall dl {width: 170px;height: 170px;float: left; position: relative;z-index: 2;}
.gall dl+dl{margin-left: 36px;}
/*.gall dl:hover dt{width: 300px;left: 50%;margin-left: -150px;}
.gall dl:hover .gall_tm{display: none;}*/
.gall dl a{display: block;height: 170px;}
.gall dt {width: 100%;height: 170px;position: absolute;top: 0;left: 0; overflow: hidden;border-radius: 8px;}
.gall dt img {display: block;position: absolute;top: 0;left: 50%;margin-left: -135px; height:100%;border-radius: 8px;}
.gall dd{width: 100%;height: 170px;position: absolute; top: 0;left: 0;text-align: center;color: #fff;z-index: 22;}
.gall dd .iconfont{font-size: 60px;}
.gall dd h2{font-size: 18px;line-height: 32px;}
.gall dd p{font-size: 12px;}
.gall dd p span+span{margin-left: 10px;}
.gall .gall_tm{height:100%; width: 100%; background:url(../images/alp.png); z-index: 1;border-radius: 8px;}
.gall .cur,.gall .cur dt {overflow: visible;z-index: 22;}

/*advantage*/
.advantage{margin-top: 40px;}
.advantage .tit{font-size: 28px;color: #df0012;font-weight: bold;text-align: center;line-height: 48px;}
.advantage .tit span{font-size: 32px;color: #a1894f;margin: 0 5px;}
.advantage-list{margin: 20px auto;text-align: center;}
.advantage-item{display: inline-block;}
.advantage-icon{width: 150px;height: 150px;background-color: #e6e6e6;border-radius: 50%;text-align: center;line-height: 150px;margin: 10px auto;}
.advantage-icon img{vertical-align: middle;}
.advantage-item h3{font-size: 24px;color: #323232;font-weight: bold;line-height: 36px;}
.advantage-item p{font-size: 14px;color: #646464;font-family: "PingFang";line-height: 24px;}
.advantage-sign{display: inline-block;vertical-align: top;padding: 60px;}
.advantage-sign i{font-size: 32px;color: #969696;}

/*baike*/
.baike{margin-top: 40px;}
.baike-item{width: 600px;height: 200px;float: left;margin-bottom: 8px;}
.baike-mod{float: left;width: 175px;height: 200px;background-color: #df0012;position: relative;text-align: center;}
.baike-mod:after{content: ""; position: absolute;right: -10px;top: 50%;margin-top: -10px;width: 20px;height: 20px;background-color: #f8f8f8;transform: rotate(45deg);}
.baike-icon{width: 70px;height: 70px;background-color: #fff;border-radius: 50%;margin: 50px auto 20px;}
.baike-icon .iconfont{font-size: 44px;color: #df0012;text-align: center;line-height: 70px;}
.baike-mod p{font-size: 16px;color: #fff;}
.baike-con{float: left;width: 425px;height: 200px;background-color: #f8f8f8;box-sizing: border-box;padding: 10px 25px;}
.baike-tit{display: inline-block;font-size: 18px;color: #323232;line-height: 36px;margin-bottom: 10px;}
.baike-tit:hover{color: #df0012;}
.baike-pic{float: left;width: 120px;height: 120px;}
.baike-list{float: left;margin-left: 20px;width: 230px;}
.baike-list ul li a{display: block;font-size: 14px;color: #323232;line-height: 28px;}
.baike-list ul li a:hover{color: #df0012;}

/*bottom*/
.bottom{width: 100%;background-color: #323232;margin-top: 40px;}
.bottom dl{margin-top: 40px;} 
.bottom dl dt,.bottom dl dt a{font-size: 14px;color: #fff;font-weight: bold;margin-bottom: 16px;}
.bottom dl dd,.bottom dl dd a{font-size: 14px;color: rgba(255,255,255,0.7);line-height: 28px;}
.bottom dl dd a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.bottom dl dd p{font-size: 12px;color: rgba(255,255,255,0.7);text-align: center;line-height: 18px;margin-top: 8px;}
.bottom dl.erweima dd{float: left;}
.bottom dl.erweima dd img{display: block;}
.bottom dl.erweima dd+dd{margin-left: 48px;}
.link{margin-top: 20px;}
.link-tit{border-bottom: 1px solid #bbb;}
.link-tit p{font-size: 14px;color: #fff;line-height: 24px;font-weight: bold;}
.link-list ul li{float: left;margin-right: 20px;}
.link-list ul li a{display: inline-block;font-size: 14px;color: rgba(255,255,255,0.7);line-height: 36px;}
.link-list ul li a:hover{opacity: 0.8;filter: alpha(opacity=80);}

/*copyright*/
.copyright{width: 100%;height: 36px;background-color: #df0012;}
.copyright p{font-size: 14px;color: #fff;line-height: 36px;}
.copyright p span{margin: 0 10px;}

/*price*/
.calculator{width: 300px;height: 100px;background-color: rgba(0,0,0,0.8);text-align: center;position: fixed;left: 0;bottom: 0;cursor: pointer;}
.calculator img{padding-top: 15px;width: 100%;}
.price{width: 100%;height: 140px;background-color: rgba(0,0,0,0.8);position: fixed;left: 0;bottom: 0;z-index: 999;}
.price-pic{width: 475px;text-align: center;}
.price-pic img{padding-top: 15px;}
.price-form{width: 525px;margin-top: 26px;}
.price-form .formControls{float: left;}
.price-form .formControls label.error{right: 12px;top: 13px;}
.price-form .input-text{width: 200px;height: 36px;border: 1px solid #ccc;border-radius: 4px;margin: 4px 6px;}
.price-form .input-text:hover{border-color: #df0012;}
.price-form .baojia-btn{width: 80px;height: 80px;background: url(../images/baojia.png) no-repeat center;border: none;cursor: pointer;margin-top: 4px;}
.price-form .baojia-btn:active{opacity: 0.8;filter: alpha(opacity=80);}
.price-tel{width: 200px;margin-top: 34px;}
.price-tel p{font-size: 20px;color: #fff;}
.price-tel h4{font-size: 24px;color: #df0012;margin-top: 10px;}
.price-close{position: absolute;left: 50%;margin-left: 575px;top: 0;}
.price-close .iconfont{font-size: 24px;color: #ccc;}

/*hotline*/
.hotline{width: 170px;height: 170px;border: 1px solid #ccc;background-color: #df0012;box-sizing: border-box;padding: 4px;position: fixed;right: 0;top: 50%;margin-top: -70px;z-index: 1111;cursor: pointer;}
.hotline-inner{width: 160px;height: 160px;box-sizing: border-box;padding-top: 5px;border: 1px solid #ccc;text-align: center;color: #fff;}
.hotline-inner .iconfont{font-size: 48px;line-height: 80px;}
.hotline-inner h2{font-size: 22px;}
.hotline-inner p{font-size: 20px;font-weight: bold;}

/*==========design==========*/
/*filter*/
.filter{margin: 15px auto;}
.filter-wrap{width: 100%;border: 1px dashed #f7c2c6;box-sizing: border-box;}
.filter-left{float: left;width: 100px;box-sizing: border-box;}
.filter-name+.filter-name{border-top: 1px dashed #f7c2c6;}
.filter-name{width: 100px;text-align: center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.filter-name p{font-size: 14px;color: #000;font-weight: bold;line-height: 42px;}
.filter-name .iconfont{font-size: 24px;color: #df0012;vertical-align: middle;}
.filter-box{float: left;width: 1098px;box-sizing: border-box;border-left: 1px dashed #f7c2c6;position: relative;}
.filter-box .hd{line-height: 43px;box-sizing: border-box;padding: 0 30px;}
.filter-box .hd ul li{float: left;margin-right: 40px;font-size: 14px;color: #000;font-weight: bold;cursor: pointer;}
.filter-box .hd ul li.on,.filter-box .hd ul li:hover{color: #df0012;}
.filter-box .bd{box-sizing: border-box;padding: 0 30px;border-top: 1px dashed #f7c2c6;height: auto;}
.filter-box .bd.open,.filter-box .bd.open ul{height: 43px;overflow: hidden;}
.filter-box .bd ul li{float: left;margin-right: 40px;} 
.filter-box .bd ul li a{font-size: 14px;color: #000;line-height: 42px;}
.filter-box .bd ul li a:hover{color: #df0012;}
.filter-more{display: block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #df0012;font-size: 20px;color: #df0012;line-height: 18px;text-align: center;cursor: pointer;}
.filter-more.open{position: absolute;top: 55px;right: 8px;}
.filter-more.slideup{position: absolute;bottom: 9px;right: 8px;}

/*search*/
.search{margin: 15px auto;}
.search-box{width: 100%;height: 46px;border: 1px dashed #f7c2c6;box-sizing: border-box;padding: 7px 10px;}
.search-box form{float: left;}
.search-input{position: relative;width: 200px;height: 30px;float: left;margin-right: 10px;}
.search-input .iconfont{position: absolute;left: 8px;top: 4px;font-size: 14px;color: #969696;}
.search-input .input-text{width: 200px;height: 30px;border: 1px solid #ccc;float: left;font-size: 14px;padding-left: 25px;}
.search-box .search-btn{width: 60px;height: 30px;border: 1px solid #ccc;background-color: #e1e1e1;cursor: pointer;}
.search-box p{float: right;font-size: 12px;line-height: 30px;color: #646464;}
.search-box p span{color: #df0012;margin: 0 2px;}

/*desgin*/
.desgin ul li{float: left;margin-right: 20px;margin-bottom: 20px;}
.desgin ul li a{display: block;width: 386px;height: 318px;background-color: #fff;box-sizing: border-box;padding: 5px;border: 1px solid #ccc;}
.desgin ul li:hover a{box-shadow: 0px 2px 9.6px 0.4px rgba(0, 0, 0, 0.37);}
.design-pic{width: 374px;height: 248px;position: relative;}
.design-pic img{width: 374px;height: 248px;}
.design-pic span{width: 100%;height: 36px;background-color: rgba(0,0,0,0.4);font-size: 14px;color: #fff;text-align: center;line-height: 36px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;left: 0;bottom: 0;}
.design-intro{width: 100%;height: 52px;margin-top: 5px;}
.design-author{width: 52px;height: 52px;}
.design-name{margin-left: 10px;}
.design-name p{font-size: 12px;color: #646464;line-height: 24px;}
.design-num{height: 30px;border: 1px dashed #f7c2c6;background-color: #fff;border-radius: 4px;padding: 0 10px;margin-top: 10px;}
.desgin ul li:hover .design-num{border: 1px solid #df0012;background-color: #df0012;}
.design-num p{font-size: 12px;color: #646464;line-height: 30px;}
.desgin ul li:hover .design-num p{color: #fff;}

/*pager*/   
.pager{text-align: center;} 
.fanye li{float: none!important;display: inline-block!important;padding: 4px 10px!important;background-color: #fff;border: 1px solid #e1e1e1!important;font-size: 14px;color: #646464;margin: 0 2px;width: auto!important;height: auto!important;margin: 10px 5px!important;cursor: pointer;}
.fanye li a{display: block!important;padding: 0!important;background-color: transparent!important;width: auto!important;height: auto!important;border: none!important;}
.fanye li.active,.fanye li:hover{background-color: #df0012;border: 1px solid #df0012;}
.fanye li.active a,.fanye li:hover a{color: #fff!important;box-shadow: none!important;}

/*==========detail==========*/
/*detail*/
.detail{margin-top: 10px;}
.detail-title{margin-bottom: 5px;}
.detail-title p{font-size: 16px;color: #df0012;line-height: 36px;}
.detail-box{width: 100%;height: 260px;box-sizing: border-box;border: 1px solid #df0012;padding: 15px;}
.detail-pic{float: left;}
.detail-pic img{width: 320px;height: 230px;}
.detail-item{float: left;margin-left: 20px;width: 820px;}
.detail-name{font-size: 20px;color: #323232;margin-top: 10px;}
.detail-tag{margin: 20px auto;}
.detail-tag p{font-size: 15px;color: #323232;display: inline-block;float: left;margin-right: 25px;}
.detail-tag p span{color: #df0012;}
.detail-author{float: left;width: 80px;height: 120px;}
.detail-author img{width: 80px;height: 120px;}
.detail-info{float: left;width: 160px;margin-left: 10px;}
.detail-info p{font-size: 14px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.detail-btn{display: block;width: 180px;height: 36px;border-radius: 4px;background-color: #fff;border: 1px solid #df0012;font-size: 15px;color: #df0012;text-align: center;line-height: 36px;margin: 10px auto;}
.detail-btn:hover{background-color: #df0012;color: #fff;}
.detail-share{font-size: 15px;color: #323232;text-align: center;padding: 5px 25px;margin: 10px auto;}
.detail-share span{color: #646464!important;line-height: 28px!important;}
.detail-share a{font-size: 28px!important;line-height: 28px!important;}

/*show*/
.showplay{margin-top: 40px;}
.show-name{font-size: 28px;color: #323232;text-align: center;line-height: 56px;}
.show-con{width: 964px;margin: 20px auto;}
.show-con img{max-width: 964px;width: 100%;margin: 20px auto;}
.show-post{border-top: 1px solid #d6d7dc;}
.show-post a{display: inline-block;font-size: 14px;color: #323232;line-height: 36px;}
.show-post a:hover{color: #df0012;}

/*relevant*/
.relevant{margin-top: 20px;}
.relevant-title{width: 100%;height: 50px;background-color: #f3f3f3;}
.relevant-title h2{width: 140px;height: 50px;background-color: #df0012;display: inline-block;font-size: 18px;color: #fff;line-height: 50px;text-align: center;}
.relevant-title a{float: right;font-size: 12px;color: #969696;line-height: 50px;padding-right: 10px;}
.relevant-slide{position: relative;width: 100%;height: 220px;}
.relevant-slide .prev,
.relevant-slide .next{ position:absolute; left:0; top:50%; margin-top:-8px; display:block; width:10px; height:17px; background:url(../images/slider-arrow.png) -20px 0; no-repeat;}
.relevant-slide .next{ left:auto; right:0; background-position: -30px 0; }
.relevant-slide .prev:hover{background-position: 0 0;}
.relevant-slide .next:hover{background-position: -10px 0;}
.relevant-slide .bd{overflow:hidden;padding: 20px;}
.relevant-slide .bd ul li{float: left;margin-right: 10px;}
.relevant-slide .bd ul li a{display: block;}
.relevant-slide .relevant-pic{width: 222px;height: 148px;position: relative;}
.relevant-slide .relevant-pic img{width: 222px;height: 148px;}
.relevant-slide .relevant-pic .relevant-ho{display: none;position: absolute;left: 0;top: 0;width: 222px;height: 148px;background-color: rgba(0,0,0,0.5);text-align: center;}
.relevant-slide .bd ul li:hover .relevant-ho{display: block;}
.relevant-slide .relevant-pic span .iconfont{font-size: 36px;color: #fff;text-align: center;line-height: 148px;}
.relevant-name p{font-size: 14px;color: #323232;line-height: 36px;text-align: center;}
.relevant-name p span{color: #df0012;}

/*==========team==========*/
.card{}
.card-pic{float: left;width: 292px;height: 398px;box-sizing: border-box;padding: 5px;background-color: #fff;margin-top: -65px;}
.card-pic img{width: 282px;height: 388px;}
.card-info{float: left;width: 878px;margin-left: 30px;margin-top: 50px;}
.card-line{border-bottom: 1px solid #d6d7dc;}
.card-name{font-size: 28px;color: #df0012;line-height: 38px;}
.card-name span{font-size: 14px;color: #111;margin-left: 15px;}
.card-job{font-size: 18px;color: #111;margin: 10px auto;}
.card-btn{display: block;width: 150px;height: 50px;background-color: #df0012;border-radius: 8px;font-size: 20px;color: #fff;text-align: center;line-height: 50px;}
.card-btn:hover{opacity: 0.8;filter: alpha(opacity=80);color: #fff;}
.card-font{font-size: 14px;color: #111;text-align: right;padding: 10px;}
.card-font span{color: #df0012;margin: 0 2px;}
.card-item{margin: 15px auto;}
.card-item h4{font-size: 16px;color: #df0012;line-height: 32px;}
.card-item h4 .iconfont{font-size: 18px;color: #df0012;margin-right: 10px;}
.card-item p{font-size: 14px;color: #646464;line-height: 24px;}

/*works*/
.works{margin-top: 40px;}
.pagetitle{width: 100%;height: 50px;border-bottom: 2px solid #df0012;}
.pagetitle h2{font-size: 18px;color: #111;line-height: 46px;font-weight: bold;display: inline-block;border-bottom: 4px solid #df0012;}
.pagetitle h2 span{font-size: 16px;color: #969696;font-family: "PingFang";font-weight: normal;margin-left: 20px;}
.works-item{float: left;width: 382px;height: 382px;position: relative;margin-top: 25px;margin-right: 27px;}
.works-pic,.works-txt,.works-mask{display:block;width: 382px;height: 382px;position: absolute;left: 0;top: 0;}
.works-txt{box-sizing: border-box;padding: 140px 0;}
.works-txt h4{font-size: 24px;color: #fff;text-align: center;}
.works-txt p{display: block;width: 160px;height: 30px;border: 1px solid #fff;font-size: 14px;color: #fff;text-align: center;line-height: 30px;margin: 20px auto;background-color: rgba(255,255,255,0.102);}
.works-txt p:hover{background-color: rgba(223, 0, 18, 0.102);}
.works-mask span{display: block;width: 191px;height: 382px;background-color: rgba(0,0,0,0.5);}
.works-mask span.wm-left{float: left;}
.works-mask span.wm-right{float: right;}

/*others*/
.others{margin-top: 40px;}
.others-item{float: left;width: 278px;height: 345px;border: 2px solid #fff;margin-top: 25px;margin-right: 28px;box-sizing: border-box;padding: 12px;position: relative;}
.others-pic{width: 250px;height: 250px;}
.others-pic img{object-fit: cover;}
.others-info{margin-top: 10px;}
.others-info h2{font-size: 16px;color: #323232;font-weight: bold;}
.others-info h2 span{font-size: 14px;color: #646464;font-weight: normal;margin-left: 25px;}
.others-info p{font-size: 12px;color: #444;line-height: 36px;}
.others-more{display: block;width: 100px;height: 24px;border: 1px solid #ccc;background-color: #fff;font-size: 12px;color: #646464;line-height: 24px;text-align: center;position: absolute;left: 10px;bottom: -12px;}
.others-item:hover{border-color: #df0012;}
.others-item:hover .others-more{border-color: #df0012;color: #df0012;}

/*==========service project==========*/
/*project*/
.project{width: 100%;height: 100px;background-color: #f5f5fa;}
.project-item{display: inline-block;width: 150px;height: 100px;overflow: hidden;position: relative;}
.project-pic{display: none;width: 150px;height: 100px;position: absolute;top: 0;left: 0;}
.project-pic img{object-fit: cover;}
.project-mask{display: none;width: 150px;height: 100px;position: relative;}
.project-mask span{width: 75px;height: 100px;background-color: rgba(0,0,0,0.6);}
.project-mask span.pj-left{float: left;}
.project-mask span.pj-right{float: right;}
.project-mask:after{content: "";position: absolute;left: 50%;margin-left: -5px;bottom: -5px;width: 10px;height: 10px;transform: rotate(45deg);background-color: #f5f5fa;}
.project-name{font-size: 18px;color: #646464;line-height: 100px;font-weight: bold;display: block;position: absolute;left: 0;top: 0;width: 150px;text-align: center;}
.project-item.cur .project-pic,.project-item.cur .project-mask,.project-item.hover .project-pic,.project-item.hover .project-mask{display: block;}
.project-item.cur .project-name,.project-item.hover .project-name{color: #fff;}

/*sort*/
.sort{margin-top: 36px;}
.sort-box{width: 100%;height: 40px;border: 1px solid #d6d7dc;}
.sort-all{float: left;width: 160px;height: 40px;background-color: #e6e6e6;}
.sort-all p{font-size: 16px;line-height: 40px;color: #000;text-align: center;}
.sort-list ul li{display: inline-block;float: left;}
.sort-list ul li a{display: block;width: 120px;height: 40px;font-size: 14px;color: #323232;line-height: 40px;text-align: center;border-right: 1px solid #d6d7dc;}
.sort-list ul li a.cur,.sort-list ul li a:hover{background-color: #df0012;color: #fff;}
.sort-total{float: right;padding-right: 10px;}
.sort-total p{font-size: 12px;color: #646464;line-height: 40px;}
.sort-total p span{color: #df0012;margin: 0 2px;}

/*service*/
.service-list{margin-bottom: 50px;}
.service-list ul li{float: left;margin-top: 25px;margin-right: 16px;}
.service-list ul li a{display: block;width: 288px;height: 226px;border: 1px solid #d6d7dc;box-sizing: border-box;padding: 4px;}
.service-list ul li a:hover{box-shadow: 0px 2px 12px 0px rgba(37, 2, 5, 0.4);}
.service-list ul li a img{width: 278px;height: 190px;}
.service-list ul li a p{font-size: 14px;color: #323232;line-height: 28px;text-align: center;}

/*==========baike===========*/
.column{width: 100%;height: 100px;background-color: #f5f5fa;}
.column-item{display: inline-block;font-size: 18px;color: #000;line-height: 100px;margin: 0 50px;border-bottom: 2px solid transparent;}
.column-item.cur,.column-item:hover{color: #df0012;border-color: #df0012;}

/*list*/
.list{margin-top: 20px;}
.list-lead{padding: 40px 0;border-bottom: 1px solid #646464;}
.list-tit{font-size: 18px;color: #111;line-height: 32px;}
.list-tit:hover{color: #df0012;}
.list-time{font-size: 12px;color: #646464;line-height: 24px;display: block;margin-bottom: 5px;}
.list-intro{font-size: 14px;color: #646464;line-height: 28px;}
.list-lead .list-intro{height: 200px;overflow: hidden;}
.list-more{display: block;width: 100px;height: 30px;border: 1px solid #646464;font-size: 14px;color: #646464;text-align: center;line-height: 30px;margin-top: 30px;}
.list-more:hover{color: #df0012;border-color: #df0012;}
.list-list{margin-bottom: 50px;}
.list-list ul li{margin-top: 40px;}
.list-list ul li a{display: block;}
.list-list ul li a img{float: left;width: 188px;height: 118px;}
.list-list ul li a .list-txt{width: 980px;float: left;margin-left: 30px;}
.list-list ul li .list-intro{height: 56px;overflow: hidden;}
.list-list ul li a:hover .list-tit{color: #df0012;}
.list-list ul li a:hover .list-intro{color: #df0012;text-decoration: underline;}

/*==========design team==========*/
/*breadcrumb*/
.breadcrumb{width: 100%;height: 38px;border: 1px dashed #ccc;box-sizing: border-box;padding: 5px 10px;margin: 20px auto;line-height: 26px;}
.breadcrumb a{font-size: 12px;color: #000;}
.breadcrumb a:hover{color: #df0012;}
.breadcrumb span{font-size: 10px;color: #df0012;}

/*page*/
.page{text-align: center;padding: 20px 100px;}
.page-title{font-size: 32px;color: #111;font-weight: bold;line-height: 48px;} 
.page-sub{font-size: 18px;color: #df0012;font-weight: bold;margin-bottom: 20px;}
.page-guide{font-size: 14px;color: #646464;line-height: 28px;margin-top: 20px;}

/*team*/
.team{margin-top: 20px;}
.team-item{width: 290px;height: 396px;box-sizing: border-box;border: 2px solid #fff;position: relative;float: left;margin-right: 13px;}
.team-item img{display: block;width: 100%;height: 392px;position: absolute;top: 0;left: 0;}
.team-mask{width: 100%;height: 125px;position: absolute;left: 0;bottom: 0;}
.team-btn{display: none;width: 100%;height: 32px;background-color: rgba(0,0,0,0.6);}
.team-btn a{float: left;width: 50%;font-size: 14px;color: #fff;text-align: center;line-height: 32px;}
.team-btn a:hover{background: rgba(223,0,18,0.6);}
.team-box{width: 100%;height: 93px;background-color: rgba(0,0,0,0.4);box-sizing: border-box;padding: 0 10px;position: absolute;left: 0;bottom: 0;}
.team-box h2{font-size: 16px;color: #fff;font-weight: bold;line-height: 32px;}
.team-box h2 span{font-size: 14px;color: #fff;font-weight: normal;margin-left: 20px;}
.team-box p{font-size: 12px;color: rgba(255,255,255,0.54);line-height: 24px;}
.team-item:hover{border-color: #df0012;}
.team-item:hover .team-btn{display: block;}
.team-item:hover .team-box{background-color: #fff;}
.team-item:hover .team-box h2{color: #000;}
.team-item:hover .team-box p{color: #000;}
.team-item:hover .team-box p span{color: #df0012;}

/*==========about==========*/
/*about*/
.about{margin-top: 20px;}
.about-con{padding: 0 40px;}
.about-con img{max-width: 1000px;display: block;margin: 20px auto;}

/*==========article==========*/
/*article*/
.article{margin: 40px auto;}
.article-box{border: 1px solid #d6d7dc;box-sizing: border-box;padding: 50px;}
.article-title{border-bottom: 1px dashed #d6d7dc;text-align: center;padding-bottom: 40px;}
.article-title h2{font-size: 24px;color: #323232;font-weight: bold;margin-bottom: 20px;}
.article-title p{font-size: 12px;color: #646464;}
.article-title p span+span{margin-left: 40px;}
.article-con{padding: 40px;}
.article-con img{max-width: 1000px;display: block;margin: 40px auto;}
.article-share{text-align: center;}
.article-share .bdshare-button-style0-16 a,.article-share .bdshare-button-style0-16 .bds_more{float: none;display: inline-block;}
.article-share .post a{font-size: 12px;color: #646464;}
.article-share .post a+a{margin-left: 40px;}
.article-share .post a .iconfont{color: #969696;font-size: 20px;vertical-align: middle;}
.article-share .post a span{color: #323232;}
.article-share .post a:hover{color: #df0012;}

/*=========contact==========*/
/*contact*/
.contact{margin: 40px auto;}
.contact-item{color: #646464;display: inline-block;text-align: center;width: 296px;padding: 40px 0;margin: 20px 0;}
.contact-item+.contact-item{border-left: 1px solid #d6d7dc;}
.contact-item .iconfont{font-size: 60px;}
.contact-item h2{font-size: 24px;margin-bottom: 20px;}
.contact-item p,.contact-item p a{font-size: 18px;}
.contact-item:hover,.contact-item:hover a{color: #df0012;}

/*map*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.BMap_mask,.BMapLabel{cursor:default!important;}

/*==========layer==========*/
/*baojia*/
.baojia-layer.layui-layer{background-color: transparent;}
.baojia{display: none;background: rgba(0,0,0,0.7);border: 1px solid rgba(223,0,18,0.3);border-radius: 10px;padding: 20px 20px 50px;}
.baojia h3{font-size: 24px;color: #dd514c;text-align: center;line-height: 48px;}
.baojia input{background: rgba(255,255,255,0.4);border: 1px solid rgba(255,255,255,0.7);color: #fff;}
.baojia .select-box{background: rgba(255,255,255,0.4);border: 1px solid rgba(255,255,255,0.7);}
.baojia .select{background: transparent;border: none;}
.baojia .radio-box label{cursor: pointer;}
.baojia label{color: #dd514c;font-weight: bold;}
.baojia label.error{top: 7px;right: 20px;}
.baojia .btn-point{margin-left: 15px;background: #df0012;color: #fff;font-weight: bold;width: 100%;border: 1px solid rgba(255,255,255,0.4);}
.baojia .settime{background-color: #dd514c;border-color: #dd514c;}
.baojia .select-box,.baojia input{margin-bottom: 10px;}
.baojia .input-text:hover{border-color: #df0012;}

/*appoint*/
.appoint-layer.layui-layer{background-color: transparent;}
#appoint{background: rgba(0,0,0,0.7);border: 1px solid rgba(223,0,18,0.3);border-radius: 10px;height: 540px;padding: 10px 30px 10px 10px;}
#appoint h3{font-size: 24px;color: #dd514c;text-align: center;line-height: 48px;}
#appoint input,#appoint textarea{background: rgba(255,255,255,0.4);border: 1px solid rgba(255,255,255,0.7);color: #fff;}
#appoint .select-box{background: rgba(255,255,255,0.4);border: 1px solid rgba(255,255,255,0.7);}
#appoint .select{background: transparent;border: none;}
#appoint label{color: #dd514c;font-weight: bold;}
#appoint .btn-point{background: #df0012;color: #fff;font-weight: bold;width: 100%;border: 1px solid rgba(255,255,255,0.4);}
#appoint .Wdate{background: #666 url(../My97DatePicker/skin/datePicker.gif) no-repeat right;}
#Validform_msg{z-index: 99999999;}
@media (max-width: 768px){
	#appoint{padding: 10px;height: auto;width: 450px;}
	#appoint h3{font-size: 18px;padding: 10px 0;}
}
.case-appoint{width: 460px;}