@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{ background-color:#fff}
body, img, ul, ol, li, dl, dt, dd, p, strong, span, pre{margin:0;padding:0;border:0;background-repeat:no-repeat}
h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;font-weight:normal}
h1{font-size:2em}
body, button, input, select, textarea{font-size:15px;line-height:30px;color:#333;font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif}
img{border-style:none;vertical-align:middle}
ul, li{list-style:none}
a{text-decoration:none;color:#333;outline:0}
a:hover{background-repeat:no-repeat}
a, area{blr:expression(this.onFocus=this.blur())}
input, button, select, textarea{outline:none;border:none;margin:0;padding:0;resize:none; }
table{border-collapse:collapse;border-spacing:0}
label{cursor:pointer}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
placeholder{color:#999}
::-moz-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
button, input{overflow:visible}
button, select{text-transform:none}
input[type="submit"], input[type="reset"], input[type="button"], button{-webkit-appearance:button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.web{width:1180px;margin:0 auto;position:relative;z-index:1}
.wrap{width:1560px;margin:0 auto;position:relative;z-index:1}
.fl{ float: left;}
.fr{ float: right;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none}
.clearfix{*zoom:1}
.show{display:block !important}
.hide{display:none !important}
.domain_search_result{text-align: center;}
.domain_search_result p{line-height: 42px;}
.domain_search_result p a{color:#f7941d;}
@media (max-width: 1720px){.wrap{width:1400px}
}
@media (max-width: 1600px){.wrap{width:1320px}
}
@media (max-width: 1400px){.wrap{width:1200px}
}
@media (max-width: 1180px){.wrap{width:1100px}
}
.w-lg .wrap{max-width:1400px}
.w-md .wrap{max-width:1320px}
.w-sm .wrap{max-width:1200px}
.w-xs .wrap{max-width:1100px}
.placeholder{color:#999}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-o-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@-moz-keyframes zoomInUp{0%{opacity:0;-moz-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@-o-keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
.zoomInUp{-webkit-animation-name:zoomInUp;-moz-animation-name:zoomInUp;-o-animation-name:zoomInUp;animation-name:zoomInUp}

.header{position:absolute;left:0;top:0; right:0;z-index:100;width:100%;min-width:1260px;height:96px; border-bottom: 1px rgba(255,255,255,.09) solid;}
.header .wrap{position:static}
.header .logo{display:block;float:left;margin-top:20px}
.unflodheader{background:url("../images/hdbg.png") repeat 0 0}
.fixheader{position:fixed;top:-60px;height:96px; background:url("../images/hdbg.png") repeat 0 0}
/*.fixheader .logo img{height:46px}*/
.fixheader .nav .title{padding-bottom:0}
.fixheader .nav .title a{padding-bottom:5px}
.fixheader #case .downmenu{top:60px}
.fixheader .nav .title a{padding-bottom:0}
.fixheader .nav .title.ac a, .fixheader .nav .title.cur a{padding-bottom:2px}
.fixheader .full-dropdown{top:96px}
.scroll-tips{position:absolute;left:50%;bottom:50px;z-index:10;width:50px;height:50px;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;border:1px solid #fff;margin-left:-800px;cursor:pointer}
.scroll-tips i{display:block;width:100%;height:48px;background:url("../images/ibandw.png") no-repeat center;-webkit-animation:portraitmove 1.5s ease infinite;-moz-animation:portraitmove 1.5s ease infinite;-o-animation:portraitmove 1.5s ease infinite;animation:portraitmove 1.5s ease infinite}
@-webkit-keyframes portraitmove{0%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
@-moz-keyframes portraitmove{0%{-moz-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-moz-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-moz-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-moz-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
@-o-keyframes portraitmove{0%{-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-o-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-o-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
@keyframes portraitmove{0%{-webkit-transform:translate(0, 0%);-moz-transform:translate(0, 0%);-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-webkit-transform:translate(0, 50%);-moz-transform:translate(0, 50%);-o-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-webkit-transform:translate(0, 0%);-moz-transform:translate(0, 0%);-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
.nav{float:right;/*border-right: 1px rgba(255,255,255,.15) solid;*/}
.nav li{float:left;padding:0 20px 0}
.nav .title a{display:block;font-size:16px;line-height:96px;padding:0 15px;color:#fff}
.nav .title a:hover{color:#fff;border-bottom:2px solid #f7941d;background: rgba(0,0,0,.1)}

.nav .title.ac a, .nav .title.cur a{color:#fff; border-bottom:2px solid #f7941d}
.full-dropdown{display:none;position:absolute;left:0;top:98px;width:100%;z-index:50; background:#fff;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.2);box-shadow:0 0 3px 1px rgba(0,0,0,0.2);border-bottom:1px solid #d9d9d9 \9}
.full-dropdown .nav-web{width:1200px;margin:0 auto;padding:20px 3%; }
.full-dropdown .nav-web a{opacity: .7; line-height:35px!important;}
.full-dropdown .nav-web a:hover{ color:#f7941d;} 
.full-dropdown .subnav{float:left;width:80%;}
.wechat-nav-wrapper li{ padding:0 5%!important;}
.about-nav-wrapper dl{float:left; padding:10px 5% 30px;height:295px}
.about-nav-wrapper dl dt{margin-bottom:15px;padding-bottom:16px;font-size:16px;line-height:24px; border-bottom:1px solid #d9d9d9}
.about-nav-wrapper dl a{display:block;font-size:16px;line-height:36px;padding-left:12px;background:url("../images/colsolline.png") no-repeat 0 center}
.about-nav-wrapper dl a:hover{font-weight:bold;color:#f7941d;background-image:url("../images/colsollineac.png")}
.phone{width: 13%; float: right;text-align: right;}
.phone h3{color: #fff;margin-top: 33px; font-size:18px; }
.phone h3 img{ margin-right:8px;}
.phone h2{color: #fff;font-size: 24px;margin: 5px 0px 0px 0px;font-family: 'DINPro-Bold';}
@media (max-width: 1800px){
.nav li{float:left;padding:0 10px 0}
}

@media (max-width: 1600px){
.nav li{float:left;padding:0 14px 0}
.phone h2{ font-size: 22px;}
}
@media (max-width: 1440px){
.nav li{float:left;padding:0 12px 0}
.phone{width: 15%;}
}
@media (max-width: 1400px){
.nav li{float:left;padding:0 6px 0}
.phone h2{ font-size: 20px;}
}
@media (max-width: 1266px){
.nav li{float:left;padding:0 2px 0}
}
@media (max-width: 1240px){
.wrap{width:96%;padding:0 2%}
.header{position: static !important; top:0 !important;height:60px !important;padding-top:8px; min-width:100%;}
.header .logo{height:50px; margin-top:0px;}
.header .logo img{height:50px}
.menu-handle{float:right;display:block;width:30px;height:40px;padding:8px 5px;margin:2px 0 0 20px}
.menu-handle span{display:block;width:100%;height:2px;background-color:#333;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.menu-handle span:nth-child(2){margin:9px 0}
.menu-handle.ac span:nth-child(1){-webkit-transform:translate(0, 11px) rotate(45deg);-moz-transform:translate(0, 11px) rotate(45deg);-ms-transform:translate(0, 11px) rotate(45deg);-o-transform:translate(0, 11px) rotate(45deg);transform:translate(0, 11px) rotate(45deg)}
.menu-handle.ac span:nth-child(2){opacity:0}
.menu-handle.ac span:nth-child(3){-webkit-transform:translate(0, -11px) rotate(-45deg);-moz-transform:translate(0, -11px) rotate(-45deg);-ms-transform:translate(0, -11px) rotate(-45deg);-o-transform:translate(0, -11px) rotate(-45deg);transform:translate(0, -11px) rotate(-45deg)}
.nav{display:none;position:fixed;left:0;top:68px;width:100%;height:100%;padding-bottom:60px;background-color:#fff;padding:0 0px 90px; z-index:9999999;overflow-y:auto}
.nav>ul>li{float:none;width:100%;color:#333;border-bottom:1px solid #ccc;padding:0}
.nav .title a{color:#333;line-height: 44px;padding-bottom:0;border-bottom:0}
.nav .title a:hover{border:0}
.nav .title.cur a{padding-bottom:0;border-bottom:0}
.hassub{position:relative}
.hassub .mico{position:absolute;right:0;top:0;width:44px;height:44px;background:url("../images/arrow_down.png") no-repeat center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.hassub.roll .mico{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.full-dropdown{position:static;-webkit-box-shadow:none;box-shadow:none;padding:0 0 15px}
.full-dropdown .column{display:none}
.full-dropdown .subnav{float:none;width:100%}
.full-dropdown .nav-web{width:100%;height:auto}
.m-ico-links{padding-top:0;float:none}
.m-ico-links a{display:block;margin-bottom:10px}
.header .phone{ display:none;}

}
.p_logo{ display:block;}
.m_logo{ display:none;}
@media (max-width:1200px){
.p_logo{ display:none;}
.m_logo{ display:block;}
.header{ height:50px !important;padding-top:3px; background: rgba(255,255,255,.8)!important;}
.nav{top:55px;}

.menu-handle{float:right;display:block;width:30px;height:30px;padding:5px 0px;margin:10px 0 0 0px}

}
.footer{background-color:#0f0f0f; color:#aaa;/*position:relative*/}
.footer a{color:#aaa}
.footer .footer-left{float:left;width:29.333337%}
.footer .footer-left a{ vertical-align:top; width:1.3rem}
.footer .footer-left a img{ width:auto}
.footer .footer-left .main{ vertical-align:top}
.footer .footer-left .main .phone{ width:100%;font-weight:700;font-size:.3rem;line-height:1.5;font-family:Arial;color:#fff; text-align: left;margin-bottom:.1rem}
.footer .footer-left .main .address{ width:100%; margin-bottom:.1rem}
.footer .footer-left .main .address>div{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2; width:100%;}
.footer .footer-left .main .address b{color:#dfdfdf; }
.footshare h3,.footshare ul { float:left; color:#fff;}
.footshare ul li { float:left; margin-left:8px; position:relative;z-index:99999;}
.footshare ul li span.fico { width:40px; height:40px; background:#7C7C7D; border-radius:50%; display:inline-block; text-align:center; line-height:40px; cursor:pointer;}
.footshare ul li:hover span.fico { background:#F6A81B;}
.mfootimg { background:#FFFFFF; position:absolute; width:90px; height:90px; left:-30px; top:50px; z-index:99999; display: none;}
.mfootimg span {padding:2px; display:block;}
.mfootimg img { max-width:100%;}
.mfootimg:before {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-bottom:10px solid #fff;top:-18px;left:40px;}
.footshare ul li span.fico img { vertical-align:middle;}
.footer .footer-right{float:right; width:35.333337%}
.footer .footer-right ul{margin-left:.9rem;max-width:4.5rem}
.footer .footer-right ul>li+li{margin-top:.25rem}
.footer .footer-right ul>li .title{ color:#fff;font-weight:500;line-height:1;margin-bottom:.1rem}
.footer .footer-right ul>li .link{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap}
.footer .footer-right ul>li .title a{color:#fff}
.footer .footer-right ul>li .link a{display:block;padding:.1rem 0;line-height:1;font-weight:300; margin-right:.2rem;position:relative}
.footer .footer-right ul>li .link a:hover{ color:#f7941d;}
.footer .footer-right ul>li a:last-child{margin-right:0}
.footer .footer-right ul>li a:after{content:'/';color:rgba(255,255,255,.5);font-size:.16rem;position:absolute;right:-.1rem;top:50%;transform:translateY(-50%)}
.footer .footer-right ul>li a:last-child:after{content:none}
.footer .footer-right ul>li a span{-webkit-transition:color .4s ease;transition:color .4s ease}
.footer .footer-right ul>li a span:hover{color:#f7941d;cursor:pointer}
.footer .copyright{ color:#888;font-weight:300; padding:30px 0; border-top: 1px solid #515152;}
.footer .copyright p{display:inline-block;vertical-align:middle}
.footer .copyright .icon{margin-right:.1rem}
.footer .copyright p span{vertical-align:middle}
.footer .map{width:100%;height:100%;left:0;top:0;z-index:2;position:absolute;background-color:#0f0f0f;display:none}
.footer .map .main{width:100%;height:100%}
.footer .map:after{width:100%;height:100%;content:'';position:absolute;left:0;top:0;background-color:rgba(0,0,0,.6)}
.footer .map .close-btn{position:absolute;width:.32rem;height:.32rem;background: url(../images/icon_close.png) no-repeat center/contain;right:.64rem;top:.8rem;z-index:2;cursor:pointer}
				
.share-new a{ display: inline-block; width: .6rem!important; height:.6rem; margin-left: .3rem!important; margin-right: 0!important; border: 1px solid #a3a3a3; background: transparent center no-repeat; background-size: cover;}
.share-new a:first-child{ margin-left: 0!important;}
.share-new a:hover{ border-color:#f7941d; background-color: #f7941d;}
.share-new a.kefu{ background-image: url("../images/icon-kefu-gray-new.png");}
.share-new a.kefu:hover,
.share-new-blank.share-new a.kefu{ background-image: url("../images/icon-kefu-new.png");}
.share-new a.qq{ background-image: url("../images/icon-qq-gray-new.png");}
.share-new a.qq:hover,
.share-new-blank.share-new a.qq{ background-image: url("../images/icon-qq-new.png");}
.share-new a.weixin{ transition: all .4s ease-in-out;}
.share-new a.weixin:hover{ transform: scale(3); box-shadow: 0 0 8px rgba(0,0,0,.4);}
.menu-default .share-new{ margin-top: .1rem;}
.share-new-blank.share-new a{ border-color:#000;}
.share-new-blank.share-new a{ margin-left: .2rem!important;}
.share-new-blank.share-new a:first-child,
.new-relation-case .share-new-blank.share-new a:first-child{ margin-left: 0!important;}

@media (max-width: 992px){
.footer .footer-left{float:left; width:100%;}
.footer .footer-right{ display:none;}
}
@media (max-width: 760px){
.footer .footer-right{float: none; width:100%; }
.footer .footer-left a{ margin-bottom:15px;}
.footer .footer-left .main .address .icon {width: .32rem;height: .31rem;}
.footer .footer-left .main .address>div {line-height: .56rem;}
.footer .footer-left .main .phone { font-size: .5rem;}

}
.page_right{position:fixed; right:0px; height:280px; top:50%; margin-top:-140px; z-index:1000;}
.page_right ul{float:right;  }
.page_right ul li{ float:right; clear:both;position:relative; margin:1px 0; width:57px; overflow:hidden; height:57px;}
.page_right ul li:hover{width:200px;}
.page_right ul li a{ position:relative; float:right; position:absolute; right:0; top:0; z-index:1;width:57px; height:57px;text-align:center; border-radius:50%; display:inline-block; background-position:center; background-repeat:no-repeat;}
.page_right_qq{background-image:url(../images/qq.png);}
.page_right ul li:hover .page_right_qq{background-image:url(../images/qqhover.png);}
.page_right_phone{background-image:url(../images/phone.png);}
.page_right ul li:hover .page_right_phone{background-image:url(../images/phonehover.png);}
.page_right_phone_num{border-radius:57px;opacity:0; z-index:1;position:absolute; right:0px; width:0px;text-align:right; padding-right:65px; height:57px; background:url(../images/bg.png) repeat; line-height:57px; color:#fff;}
.page_right ul li:hover .page_right_phone_num{width:135px;opacity:1;}
.page_right_web{background-image:url(../images/web.png);}
.page_right ul li:hover .page_right_web{background-image:url(../images/webhover.png);}
.page_right_top{ display:none;background-image:url(../images/top.png);}
.page_right ul li:hover .page_right_top{background-image:url(../images/tophover.png);}

@media (max-width: 768px){
.page_right{height:150px; margin-top:-70px; }
.page_right ul li:nth-child(3){ display:none;}
.page_right ul li{width:47px; height:38px; }
.page_right ul li a{width:47px; height:47px; }
.page_right_phone_num{border-radius:47px;padding-right:55px; height:47px; line-height:47px; }
.page_right_qq,.page_right_phone,.page_right_top,.page_right ul li:hover .page_right_top{ background-size: 60% 60%;}
.footshare{ display:none;}
}