@CHARSET "UTF-8";

#head {width:100%;/* margin-bottom: 115px; */}
.logo_area {/* padding: 10px 0 10px 0; */line-height: 35px;height: 40px;background: #f8f8f8;border-top:  1px solid #dadada;border-bottom: 1px solid #dadada;}
.top_head {width: 1200px;margin:0 auto;overflow: hidden;}
.top_head_nav {overflow:hidden;float:right;}
.top_head_nav li {float:left;font-size:12px;line-height:  40px;}
.comunityTb{padding: 0px 7px;}
.top_head_nav li a {padding:0 7px;color: #000;border-left: 1px solid #000;/* border-right:1px solid #fff; */}
.top_head_nav li:first-child a {border-left: none;}

.search_logo_area {height:114px;width: 915px;margin: 0 auto;}
.search_logo_area>a {float:left;margin-top: 22px;margin-right: 118px;}
.search {float:left;margin-top: 36px;text-align: center;}
.searchDiv2 {width:360px;height:36px;border:2px solid #0073c3;border-right:none;float: left;box-sizing: border-box;}
.searchInput {width:358px;height:32px;box-sizing:border-box;border:none;}
.searchHelp {display:block;clear:left;}
.searchHelp ul {overflow:hidden;display: inline-block;margin-top: 9px;}
.searchHelp li {float:left;font-size:13px;padding:0 5px;}
.searchHelp li.dot {background:url(/image/main/dot.jpg) right center no-repeat};}
.searchHelp li a {color:#7b7b7b;}

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

    .logo_area {width:100%;}
    .logo_area article:first-child {width:60%}
}
/* topPop */
.topPop{/* width:  1920px; */width:  100%;margin:0 auto;position:  relative;}

.topPop_div{
    height: 164px;
    position:  relative;
    box-sizing:  border-box;
}
.topPop ul{width: 100%;margin:0 auto;}
.popSlide li {border:none !important;}
.topPop_close{width:58px;height:18px;font-size: 10px;position:  absolute;color:  #fff;background:  #000;line-height:  18px;font-weight:  bold;text-align:  center;bottom: -18px;left:  400px;}
.slick-slide img{margin:0 auto;}

.quickMenu{position: fixed;right: 119px;z-index: 10002;width:  270px;height:  290px;top: 350px;}

.allQuickDiv{position:relative;}
.quickMenu img {position:absolute;z-index:1000;}
.mainQuick {left:77px;top:0px;}
.uooseoQuick{top:68px;left:0px;}
.wetownQuick{top:160px;left:15px;}
.portfolioQuick{left:94px;bottom: -289px;}
.estimateQuick{top:160px;right:15px;}
.hotissueQuick{top:68px;right:0px;}

.uooseoQuick.out{animation: fadeOut 5s;
    -moz-animation: fadeOut 5s; /* Firefox */
    -webkit-animation: fadeOut 5s; /* Safari and Chrome */
    -o-animation: fadeOut 5s; /* Opera */
    animation-fill-mode: forwards;}
.wetownQuick.out{animation: fadeOut 4s;
    -moz-animation: fadeOut 4s; /* Firefox */
    -webkit-animation: fadeOut 4s; /* Safari and Chrome */
    -o-animation: fadeOut 4s; /* Opera */
    animation-fill-mode: forwards;}
.portfolioQuick.out{animation: fadeOut 3s;
    -moz-animation: fadeOut 3s; /* Firefox */
    -webkit-animation: fadeOut 3s; /* Safari and Chrome */
    -o-animation: fadeOut 3s; /* Opera */
    animation-fill-mode: forwards;}
.estimateQuick.out{animation: fadeOut 2s;
    -moz-animation: fadeOut 2s; /* Firefox */
    -webkit-animation: fadeOut 2s; /* Safari and Chrome */
    -o-animation: fadeOut 2s; /* Opera */
    animation-fill-mode: forwards;}
.hotissueQuick.out{
    animation: fadeOut 1s;
    -moz-animation: fadeOut 1s; /* Firefox */
    -webkit-animation: fadeOut 1s; /* Safari and Chrome */
    -o-animation: fadeOut 1s; /* Opera */
    animation-fill-mode: forwards;
}


.uooseoQuick.on{  animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.wetownQuick.on{  animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.portfolioQuick.on{  animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
.estimateQuick.on{  animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */
}
.hotissueQuick.on{  animation: fadein 8s;
    -moz-animation: fadein 8s; /* Firefox */
    -webkit-animation: fadein 8s; /* Safari and Chrome */
    -o-animation: fadein 8s; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}


.unquire{width: 1281px;height: 891px;background:#fff;position:fixed;z-index: 1000900;transform: translateX(-50%) !important;left: 50%;top: 2%;padding-bottom: 20px;}
.unquire h2{margin-top:79px;text-indent:61px;margin-bottom:  34px;}
.unquire h2 span{font-size:20px;margin-left:12px;}

.unquire table{ background:#f6f6f6;width:1160px; height:617px;margin:0 auto;border-right: 1px solid #dadada;border-top: 1px solid #dadada;border-left: 1px solid #dadada;}
.unquire table tr td span{vertical-align:  middle;color: #dadada;}
.unquire table tr {height:50px;border-bottom:1px solid #dadada;}
.unquire table tr td:first-child span{color:#ee0002;}
.unquire table .contentTr{height:266px;}
.unquire table tr td{font-weight:  500;font-size: 14px;}
.unquire table tr td:first-child{width:139px;font-weight:  500;font-size: 14px;text-indent:25px;}
.unquire table input{border: 1px solid #dadada;}

input[type="checkbox"] {}
.inputName{width: 213px;height: 25px;border:  1px solid #d9d9d9;}
.email1,.email2{float:left;}
.bemail1,.bemail2{float:left;}
.golbangE{display:inline-block;vertical-align:  middle;margin:  0 10px;font-size: 14px;float:  left;line-height:  29px;}
.bphone1,.btel1{width:57px;height:28px;border: 1px solid #dadada;color:#444444;background:  #fff;text-indent:  5px;}
.bphone2,.bphone3,.btel2,.btel3{width:55px;height:24px;border: 1px solid #d9d9d9;}
.bemailSelect{width:104px;height: 29px;border: 1px solid #dadada;vertical-align:  middle;margin-left: 4px;float: left;}
.phone1,.tel1{width:57px;height:28px;border: 1px solid #dadada;color:#444444;text-indent:  5px;}
.phone2,.phone3,.tel2,.tel3{width:55px;height:24px;border: 1px solid #d9d9d9;}
.emailSelect{width:104px;height: 29px;border: 1px solid #dadada;vertical-align:  middle;margin-left: 4px;float: left;}
.exPage{width:80px;height:24px;margin-right:11px;}
.linkpage {width:333px;height:25px;}
.borderC{border:1px solid #d9d9d9;text-indent: 9px;}
.bSubject {
    width:  90%;
    height: 25px;
}
.bhomepage {width:580px;height:25px;text-indent:9px;color:#8a8a8a;}
.nowSite{width:544px;height:24px;text-indent:8px;color:#8a8a8a;}
.exSite0,.exSite1{width:421px;height:24px;text-indent:8px; color:#8a8a8a;}
.exSite0{margin-right:8px;}
.txtrContent{width: 937px;height:245px;border:1px solid #dadada;padding:17px 20px;}
.tdContent{padding:11px 0px;}
.checkTd input{
    width: 18px;
    height: 15px;
    margin-bottom: 17px;
}
.checkTd label{width:52px;margin-right:29px;line-height:  50px;}
.unquireSend{width:130px;height:40px;background:#000;color:#fff;margin:0 auto;text-align:center;line-height:40px;margin-top:32px;}
.businessSend{width:130px;height:40px;background:#000;color:#fff;margin:0 auto;text-align:center;line-height:40px;margin-top:32px;}
.unquireCancel{position:absolute;top:24px;right:27px;font-size: 27px;z-index:  1000;}

.cover{position:fixed;width:100%;height:100%;background:#4c4c4c;opacity: 0.8;filter: alpha(opacity=80);top:0;left:0;z-index: 10000;}
.sideMenu{
    position: fixed;
    right:  0px;
    width:  58px;
    height:  449px;
    z-index:  100000;
}
.unquireAsk{position:fixed;right: -422px;width:400px;height: 649px;background:#191919;color:#a8a9a4;z-index:99999;transition: all 0.7s ease-out;}
.unquireAsk.active{right:58px;}
.unquireAsk h2{margin-top:40px;font-size:22px;margin-bottom:22px;margin-left:35px;}
.unquireForm tr th{width:103px;text-align:  left;text-indent:  25px;font-size: 13px;}
.unquireForm tr {height:35px;}
.unquireForm tr td input{width:259px;height:22px;background:#191919;text-indent: 8px;color:  #a8a9a4;border:1px solid #535353;transition:  all 0.3s ease-out;}
.unquireForm tr td input[type="checkbox"]:checked + label:before {color:#fff;}
.uemail1{width:69px !important; float:left;}
.uemail2{width:165px !important;}
.ugolbangE{display:inline-block;vertical-align:  middle;margin:  0px 5px;font-size: 14px;float:  left;line-height:  25px;}
.checkBoxTd input{width: 12px !important;height: 11px !important;}
.checkBoxTd label{width: 130px !important;float: left;padding: 4px 0px;font-size: 14px;transition:  all 0.3s ease-out;}
.checkBoxTd label.active{color:#fff;}
.utxtrContent{width: 237px;height:103px;padding:17px 11px;background:#191919;border:1px solid #535353;color:#a8a9a4;font-size: 13px;resize:none;}
.unquireBtn{width:184px;height:40px;color:#fff;background:#f36b2f;text-align:center;line-height:40px;margin:0 auto;margin-top: 27px;}


.sideDiv{width: 18px;height: 120px;background:  #545045;color: #fff;padding: 0px 20px;padding-top:  32px;text-align:  center;/* writing-mode: tb-rl; *//* padding-right: 20px; */ box-sizing: content-box;}
#sidespan1,#sidespan2{display:  inline-block;margin-bottom:6px; line-height: 1rem;}
.sideDiv2{height: 58px;line-height: 52px;background:  #e2e2e2;text-align:center;border-top: 1px solid #d0d0d0;}
.sideDiv2 img{vertical-align:middle;}
.sideDiv2.over{background:#f36b2f;}
.firstDiv2{border-top:none;}

.trinput{transition: all 0.3s ease-out;}
.trinput.active{background:#333;}

.searchArticle{height:84px;background:#f5f5f5;}
.totalForm3{height:84px;margin:0 auto;width: 40%;}
.searchsubDiv{height:84px;line-height: 84px;}
.totKeyword2{border:2px solid #f36b2f;background:#fff;width: 89%;height: 43px;box-sizing:border-box;float: left;margin-top: 21px;}
.totalBtn2{height:43px;box-sizing:border-box;width: 10%;background:#f26c2f;color:#fff;text-align:center;line-height:43px;display: inline-block;float: right;margin-top: 21px;}

.subnav_warp .subDiv .submenu_search .submenu_Ul {
    margin-bottom: 0;
}