@charset "utf-8";
/*--通用样式--*/
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, tr, td, th{ padding: 0; margin: 0; border: 0; font-family: "微软雅黑",'Microsoft YaHei', Arial, Helvetica, sans-serif; list-style:none;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
html, body { position: relative; height: 100%; background:#fff;}
html { font-size: 62.5%;} 
body { font-size: 13px; font-size: 1.3rem;} 
img{ border:0;  }
a{ text-decoration:none; color:#333;}
a:hover{ color:red; }
.clear { clear:both;}
.fr { float: right;}
.fl { float: left;}
.w1200 { width: 1200px; margin: 0 auto;}

/*--顶部TOP样式--*/
.topname { height: 36px; line-height: 36px; border-bottom: 1px solid #eaeaea; font-size: 14px; color: #858585; background: #F5F5F5;}
.topname a:hover,.topname span:hover { color: #f08519; cursor: pointer;}
.topname a img { height: 25px; margin-top: 6px;}
.xwelcome { display: block; height: 35px; float: left; position: relative; color: #999; font-size: 13px;}
.Direct .img_top_tel { margin-top: 5px; margin-left: 4px; cursor: default; width: 113px;}
.top-verticalline { width: 1px; height: 15px; background: #cdcdcd; float: right; margin-top: 11px;}
.Direct, #header-about, #header_vr { float: right; position: relative; text-align: right; cursor: pointer;}
.Direct > p, #header_vr > p { color: #666; font-size: 13px;}
.Direct { padding-right: 14px; margin-left: 10px; height: 35px; margin-right: 10px;}
.Direct > p > .ci-rights { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); display: block; position: absolute; right: 0; top: 14px; transition: all 0.3s ease-in-out; background: url("/images/top-arrow-down.png") center center no-repeat; width: 14px; height: 14px;}
.wx .er_weima { display: none; position: absolute; width: 220px; padding: 8px; top: 37px; left: -100px; background: #fff; box-shadow: 0px 2px 2px #ccc; border-radius: 3px; border-top: 1px solid #eae1d9;}
.wx { position: relative; transition: all 0.3s ease-in-out;}
.wx:hover .ci-rights { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}
.wx .er_weima img { width: 75px; height: 75px; display: block; float: left; margin-left: 14px; margin-top: 5px; margin-bottom: 5px;}
.wx .er_weima p { display: block; float: left; font-size: 16px; line-height: 25px; padding: 22px 0px 0 15px; width: 110px;}
.wx .er_weima p span { display: block; text-align: left; font-size: 15px; margin-bottom: -6px; color: #252525;}
.wx .er_weima p span.cbb { color: #c3a943; font-size: 12PX;}
.wx .shang { background: url("/images/img23.png") no-repeat scroll 44px bottom; float: left; height: 10px; left: 80px; position: absolute; top: -10px; width: 60px; z-index: 1000;}
.wx:hover .er_weima { display: block;}

/*--头部LOGO样式--*/
.toplogo { height: 95px; font-size: 16px; margin-top: 15px;}
.logogjc { display: inline-block; float: left; width: 181px; text-indent: -99rem; background: url("/images/logo.png") no-repeat 0 0px; height: 80px; background-size: 178px;}
.toplogo .logleft h1 a { display: block; height: 100%;}
.toplogo .logleft h1 img { width: 125px;}
.logleft .zi { line-height: 27px; margin: 13px 0 0 8px; font-size: 16px; color: #666; border-left: 2px solid #efefef; padding-left: 15px;}
.logleft .zi span { display: inline-block;}
.zi b { display: block; font-size: 23px; color: #282d44; font-weight: normal; line-height: 100%; padding-bottom: 5px;}
.zi em { padding-left: 11px; font-weight: bold;}
.certificate span { font-size: 15px; color: #666; line-height: 15px; margin: 0 38px; float: left; margin-top: 10px;}
.certificate img { width: 94%; margin-left: 2px;}
.certificate p { color: #221e1f; font-weight: bold; text-align: center;}
.case_desc p { margin-bottom: 10px; color: #214970; font-size: 15px;}
.certificate i { font-size: 32px; color: #282d44; font-weight: bold; margin: 0 6px; float: left; line-height: 81px;}
.toptel { width: 240px; line-height: 60px; margin-top: 10px;}
.toptel img { width: 52px;}	
.toptel i { display: inline-block; height: 50px; width: 50px; float: left; font-size: 50px; color: #ccc;}
.toptel .toptelimg1 { width: 56px;}
.toptel .toptelimg2 { width: 180px;}
.toptel div { float: left; line-height: 30px; padding: 0 0 0 0px;}
.toptel div span { display: block;}
.toptel div .t1 { font-size: 14px; font-weight: bold; margin-top: 4px; margin-bottom: -5px; color: #f19c1b;}
.toptel div .t2 { font-size: 20px; font-weight: bold;}

/*--导航菜单样式--*/
.nav { height: 50px; width: 100%; background: linear-gradient(90deg, #673d41 0%, #5c1616 100%); }
.nav .nav1>li { display: inline-block; float: left; position: relative; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.nav .nav1>li>a,.nav .nav1>li>span { display: block; padding: 0 32.5px; font-size: 16px; line-height: 50px; color: #fff; cursor: pointer;}
.nav .nav1>li.cur,.nav .nav1>li.on,.nav .nav1>li:hover { background: linear-gradient(90deg,  #915c56 0%, #915c56 100%); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.nav .nav1>li.cur:after,.nav .nav1>li.on:after { content: ''; height: 3px; width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, #f9ba1c 0%, #e69314 100%);}
.nav .nav1>li:after { content: ''; height: 3px; width: 0; position: absolute; left: 50%; bottom: 0; -webkit-transition: all .2s linear; background: linear-gradient(90deg, #fcc900 0%, #fcc900 100%); -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.nav .nav1>li:hover:after { width: 100%; left: 0;}
.nav .nav1>li.cur i.arr_t,.nav .nav1>li:hover i.arr_t { display: block; width: 0; height: 0; border-width: 0 8px 8px 8px; border-style: solid; border-color: transparent transparent #fcc900; position: absolute; bottom: 3px; left: 50%; margin-left: -8px; z-index: 9999;}
.morelist{ display: none;}
.nav .morelist{ position:absolute; left:-124px; box-shadow: 0 0 1px 1px rgba(255,180,0,.5); width:auto; min-width: 300px; overflow:hidden; background: #fff; z-index: 100; padding-bottom: 20px;}
.morelist1{ width:300px !important; height: 100px !important; left: 0px !important;}
.morelist1 ul li{ float: left !important;}
.nav .morelist>div { padding: 20px 30px 20px 40px;}
.nav .morelist .pdinfo { width: 1200px; padding-top: 10px;}
.nav .morelist .pdinfo img { float: left; display: inline-block; width: 240px; height: 240px; margin-right: 15px; clear: both; border-radius: 9px;}
.nav .morelist .pdinfo .txt { width: 440px; float: left;}
.nav .morelist .pdinfo .txt .tit { font-size: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px;}
.nav .morelist .pdinfo .txt .pdes { line-height: 1.4rem; padding: 10px; background: #f1f1f1; font-size: 15px; border-radius: 3px; color: #333;}
.nav .morelist .hpdlist li { display: block; float: left; line-height: 50px; font-weight: 400; margin-bottom: 10px; border-bottom: 2px dashed #d9d9d9;}
.nav .morelist .hpdlist li .littlepic { width: 65px; height: 60px; float: left; display: block; border-radius: 9px;}
.nav .morelist .hpdlist li span { float: left; display: inline-block; width: 105px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 5px; height: 60px; line-height: 60px; margin-bottom: 10px;}
.morelist{ display: none;}
.nav1 .lst:hover .morelist{ display: block;}

/*--底部END样式--*/
.site-footer { font-size: 14px; color: #9b9ea0; line-height: 1.8; background: #1a1a1a;}
.site-footer a { color: #9b9ea0;}
.site-footer a:hover { color: #ff7300 !important;}
.site-footer .footer-article { padding: 30px 0 20px; overflow: hidden; border-bottom: 1px solid #4b5054;}
.site-footer .col-article { float: left; width: 233px; margin-right: 40px;}
.site-footer .col-article  dt { margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #ffffff; }
.site-footer .col-article a { margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #ffffff;}
.site-footer .col-article dd { width: 266px; margin: 0; overflow: hidden; border-right: 1px solid #4b5054;}
.site-footer .col-article dd a { float: left; width: 121px; margin: 1px 6px 6px; font-size: 14px; color: #9b9ea0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.site-footer .col-article.col-article-spe { width: 200px; }
.site-footer .col-article.col-article-spe dd { width: auto; border: 0;}
.site-footer .col-article.col-article-spe dd p { height: 36px; padding-top: 6px; font: 16px/36px Arial; color: #9b9ea0;}
.site-footer .col-article.col-article-spe dd i { float: left; margin-right: 10px; font-size: 32px;}
.site-footer .col-article.col-article-spe dd i.orange { color: #ff7300;}
.site-footer .col-article.col-article-spe dd i.blue { color: #2da6f6;}
.site-footer .col-code { float: left; width: 110px; text-align: center; color: #9b9ea0; margin: 10px;}
.site-footer .col-code img { width: 100px; height: 100px; margin-bottom: 5px; }

.footer-links { position: relative; z-index: 1; width: 1140px; padding: 10px 0 10px 60px; margin: 0 auto; font-size: 12px; line-height: 24px; border-bottom: 1px solid #4b5054;}
.footer-links span { position: absolute; left: 0;}
.footer-links a { padding: 0 5px; margin: 0 10px; color: #9b9ea0;}
.footer-info .info-text { padding-bottom: 10px; font-size: 12px; text-align: center;}
.footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center; }
.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #9b9ea0;}
.footer-info .info-text .copyright { padding-top: 5px;}
.footer-info .info-text em { padding: 0 8px;}