@charset "utf-8";
@font-face {font-family: "mofont"; src: url("fonts/iconfont.eot-t=1523436271711")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/iconfont.eot?t=1523436271711*/; /* IE9*/ src: url("fonts/iconfont.eot-t=1523436271711#iefix")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/iconfont.eot?t=1523436271711#iefix*/ format('embedded-opentype'), /* IE6-IE8 */ url("fonts/iconfont.ttf-t=1523436271711")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/iconfont.ttf?t=1523436271711*/ format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url("fonts/iconfont.svg-t=1523436271711#mofont")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/iconfont.svg?t=1523436271711#mofont*/ format('svg'); /* iOS 4.1- */ }
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url("fonts/HELVETICANEUELTPRO-THEX.OTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/HELVETICANEUELTPRO-THEX.OTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'CORMORANTGARAMOND-MEDIUM'; src: url("fonts/CORMORANTGARAMOND-MEDIUM.TTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/CORMORANTGARAMOND-MEDIUM.TTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'KAUSHANSCRIPT-REGULAR'; src: url("fonts/KAUSHANSCRIPT-REGULAR.TTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/KAUSHANSCRIPT-REGULAR.TTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveNueThin'; src: url("fonts/HelveNueThin.TTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/HelveNueThin.TTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'GOTHAM-BLACK'; src: url("fonts/GOTHAM-BLACK.OTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/GOTHAM-BLACK.OTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueThn'; src: url("fonts/HelveticaNeueThn.TTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/HelveticaNeueThn.TTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'LANEUP'; src: url("fonts/LANEUP.TTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/LANEUP.TTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'AVGARDD'; src: url("fonts/AVGARDD.TTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/AVGARDD.TTF*/; font-weight: normal; font-style: normal; }
@font-face { font-family: 'GOTHAMRND-BOOK'; src: url("fonts/GOTHAMRND-BOOK.OTF")/*tpa=http://www.jingyie.com/templets/default/Content/fonts/GOTHAMRND-BOOK.OTF*/; font-weight: normal; font-style: normal; }
* { padding: 0; margin: 0; }
ul li { list-style: none; }
a { text-decoration: none; }
img { border: none; float: left; }
input { border: none; background: none; }
input, textarea { font-family: Arial, "微软雅黑"; outline: 0; font-size: 14px; -webkit-appearance: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
.yy_tag_I { margin: 0 5px }
html, body { font: 12px Arial, "微软雅黑"; color: #929292; width: 100%; height: 100%; background: #fff } .fw { margin: 0 auto; width: 1180px; }
body { overflow-x: hidden; min-width: 1200px }
/*首页头部导航*/
#slideBoxindex{display: none;}
.mm-page{display: none;}
#header { background:#fff;padding-top: 0px;}
#header .content{ background-color: #ffffff; text-align:center;width: 1200px;margin: 0 auto;height:80px;position: relative;}
#header { width: 100%; height: auto; position: fixed;/* padding-top: 20px;*/ font-size: 14px; transition: all ease .3s; z-index: 99; transition-property: padding, background }
.bodyMask { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; display: none; background: rgba(0, 0, 0, .3); }
#header .content img {float:none;}
#header #logo {margin-top:12px;float:left; }
#header .content { padding:0px }
#header #logo { width: auto; height: 40px; display: block; float: left; margin-right: 50px }
#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height:50px; width: auto}
#header ul#nav { float:right;}
#header ul li.navitem { transition: all 0.4s ease-out 0s; padding: 0px 1px 0px 0px !important; line-height: 40px;}
#header ul li.navitem a { color:#4b4b4b;display: inline-block;padding: 20px 26px; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #fff;background-color: #305dc3;display: inline-block;padding: 20px 26px;}\
#header ul li.navitem a::after {content:'';display:none;margin-top: -5px;width:30%;height:1px;background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#header ul li.navitem a.active::after {width:60%;background:rgba(0, 0, 0, .5);display: none;}
#header ul li.navitem:hover a::after {width:100%;background:rgba(0, 0, 0, .4);}
#header.mini { background-color: rgba(255, 255, 255, 1); padding-top:0px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
#header.mini ul li.navitem a.active:after, #header.mini ul li.navitem:hover a:after { margin-top: -5px; }
#header ul li.navitem ul.subnav { width:192px; background:#fff; border:0; box-shadow: 0 6px 10px rgba(0, 0, 0, .1);top: 68px !important;z-index: 2;}
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0, 0, 0, .08); }
#header ul li.navitem ul.subnav li a { text-align:center; color: #666; width:100%; padding:14px 0; background:none; }
#header ul li.navitem ul.subnav li a i { display:none; }
#header ul li.navitem ul.subnav li a:hover { background:#fff; color:#000; text-indent:inherit; }
#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after {display:none;}
#header ul li.navitem ul.subnav li a:hover { background-color:#f5f5f5; }
#headSHBtn { display: none; width: 40px; height: 40px; background: #000; line-height: 40px; text-align: center; color: #fff; position: absolute; top: 0; right: -40px }
.content .header { padding-bottom: 50px; padding-top: 80px }
/*******底部*******/
#footer { background:#fff; }
#footer a path { fill: rgb(148, 148, 148); }
#footer p { width:1200px; margin:0 auto; height:44px; line-height:44px; padding:0; text-align:left; }
#footer p a { margin-top:15px; }
#footer { width: 100%; position: relative; z-index: 2 }
/*右下角悬浮*/
#shares a { width:40px; height:40px; }
#shares a#sshare { display:none; }
#shares a i { margin-top:11px; }
#shares a i.fa-weixin { margin: 11px 0 0 14px; background-image: url("../Images/shouji-.png")/*tpa=http://www.jingyie.com/templets/default/Images/shouji-.png*/; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#shares a#gotop { margin-top:0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; bottom: 40px;position: fixed;right: 10px;}
#shares a#gotop i { margin-top:8px; }
#shares a#gotop:hover { background:rgba(0, 0, 0, .9) }
#shares a#sweibo, #shares a#sweixin { background-color:#fff; border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom:none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: fixed;bottom: 120px;right: 10px;}
#shares a#sweixin { border-bottom: 1px solid rgba(0, 0, 0, .1); height:38px;position: fixed;bottom: 80px; }
.fa-weibo::before {color:#999;}
#mcontact #contactinfo div a:hover i.fa-weibo::before { color:#fff;}
#shares a#sweibo:hover { background-color:#555;}
#shares a#sweibo:hover .fa-weibo::before {color:#fff;}
#shares a#sweixin:hover { background-color:#555;}
#shares a#sweixin:hover i.fa-weixin { background-image: url("../Images/shouji.png")/*tpa=http://www.jingyie.com/templets/default/Images/shouji.png*/; }
#shares { height: 120px; position: fixed; right: 10px; bottom: 40px; z-index: 99 }
#shares a#sshare { cursor: default; }
#shares a { width: 39px; height: 36px; line-height: 36px; display: block; background: #8b8b8b; background-color: rgba(31, 31, 31, .6); color: #fff; font-size: 16px; text-align: center; }
#shares a i, #contactinfo div a i, #online_open i, #olx_qq li a i, #olx_tel div i {
    margin-left: 0px;
}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}

#shares a#gotop i { margin-top: 3px } .fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .6); overflow-y: auto; z-index: 100; display: none }
/*右下角联系展开*/
#olx_head { background: #305DC3; border-radius: 0px; }
#olx_qq li a:hover i { color: #fff }
#olx_qq li a:hover { padding: 18px 30px; background: rgb(29, 72, 171);}
#online_open i { margin-top:10px;}
#online_open { background: none; bottom: 0px; color: #515151;bottom: 160px; color:#999;background-color:#fff;border: 1px solid rgba(0, 0, 0, .1);width: 38px;height: 39px;border-bottom: none;}
#online_open:hover {background-color: #555; color:#fff;}
#online_lx { border-radius: 0px; bottom: 160px;margin-right: -10px; }
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #504f4f; }
#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); 	/* IE 9 */ -moz-transform: rotate(90deg); 	/* Firefox */ -webkit-transform: rotate(90deg); /* Safari和 Chrome */ -o-transform: rotate(90deg); 	/* Opera */ }
#online_lx { width: 192px; height: auto; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17); box-shadow: 0 5px 9px rgba(4, 0, 0, .17); position: fixed; right: 10px; bottom: 160px; z-index: 99999 }
#olx_qq li a { padding: 12px 30px; height: 18px; line-height: 18px; background: #f5f5f5; color: #353434; display: block; border-bottom: #fff 1px solid; transition: all ease-out .3s; font-size: 12px }
#olx_tel { padding: 20px 30px }
#olx_tel div { color: #434343; line-height: 14px; height: 14px; margin-bottom: 10px }
#olx_tel p { line-height: 18px; font-family: HELVETICANEUELTPRO-THEX; font-size: 16px }
.hide, .popup { display: none; }
#shares a i { margin-top: 7px }
#fixed_weixin .fixed-container { width: 220px; height: auto; padding: 20px 20px 0 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px }
#fixed_weixin .fixed-container div { height: 220px }
#fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000 }
#fixed_mp .fixed-container { width: 258px; height: 298px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px }
#fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000 }
/*#online_open { width: 30px; height: 30px; background: #00d420; cursor: pointer; position: fixed; right: -40px; bottom: 190px; z-index: 99999; font-size: 18px; color: #fff; text-align: center; line-height: 30px; }*/
#online_open i { margin-top: 6px }
.newstitem{visibility: inherit !important; display: block}
/* 首页服务*/
#indexPage #mservice .content .header p.title{ display: none;}
#indexPage .module .bgmask {background-color: #fff;position: absolute;left: 0px; top:0px; width: 100%;height:0%;display: block;}
.nobanner #header { border-bottom:1px solid #f3f3f3 }
#indexPage #mservice{height: 150px;}
.res-box{display: none}

/*********手机导航************/
@media screen and (max-width: 768px){
    body {
        overflow-x: hidden;
        min-width: 100%;
        width: 100%;
    }
    #header{display: none;}
    .mm-page{display: block;}
    #shares{display: none;}
    #fixed{display: none;}
    #online_lx{display: none;}
    #mslider{display: none;}
    #slideBoxindex{display: block;}
    /*********导航*********/
    .fl{ float: left;}
    .fr{float: right;}
    .clearfix{ clear: both;}
    .mm-page{ background: #eeeeee; overflow: hidden;}
    .head_mobile{ width: 100%; height: 50px; position: fixed; z-index: 999999; background: #fff; border-bottom: 1px solid #195ba9; padding-top: 10px;}
    .head_mobile span.fl {
        display: block; width: 47px; height: 40px; position: absolute;  left: 0.7em;  top: 10px;  background: url("../Images/btn1.png")/*tpa=http://www.jingyie.com/templets/default/Images/btn1.png*/ no-repeat center center;
        background-size: 60%;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .head_mobile img {      width: 66%;
    height: 45px;
    margin-left: 20%;
    line-height: 45px;
    display: block;}
	.des-wrap{padding:0 0.7em;    display: block;
    height: 76px; overflow:hidden}
/*********banner*********/
    #slideBoxindex{ margin-top: 60px; display: block;max-height: 225px;}
    .slideBoxindex{ position:relative; width:100%; height: 225px; overflow:hidden; margin:0 auto;}
    .slideBoxindex .bd{ position:relative; z-index:0; width:100%;}
    .slideBoxindex .bd li{ position:relative; height: auto;}
    .slideBoxindex .bd li a.pic{display: block;text-align: center;width:100%;}
    .slideBoxindex .bd li a img{width:100%; height: auto;}
    .slideBoxindex .hd{ position:absolute; height:23px; line-height:23px; bottom:0px; left: 50%;margin-left: -20px; text-align:center;z-index:1; }
    .slideBoxindex .hd a{ display:inline-block; width:8px; height:8px; border-radius: 50%;  background:#023672; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
    .slideBoxindex .hd a.on{ background:#ff8f0a;opacity:1; }
    .slideBoxindex .prev{position:absolute;width:30px;height:30px;left:10px;top:50%;margin-top:-15px;}
    .slideBoxindex .prev i,.slideBoxindex .next i{font-size:26px;color:#fff;}
    .slideBoxindex .next{position:absolute;width:30px;height:30px;right:10px;top:50%;margin-top:-15px;}
    .slideBoxindex .bd-con{width: 100%;}
    .slideBoxindex .bd-con h5{font-size:0.9rem; margin-top: 0;}
    .slideBoxindex .bd-con h3{font-size: 1rem;}
    #indexPage #mservice .content {
        margin: 0 auto;
        width: 100%;
        height: 300px;
        overflow: hidden;
        top: auto;
        padding-top: 0;
        position: relative;
        top: 0;
    }
    .content .header { padding-bottom: 0; padding-top: 0; }
    /*******底部*******/
    #footer { background:#fff; }
    #footer a path { fill: rgb(148, 148, 148); }
    #footer p {
    width: auto !important;
    margin: 0 auto !important;
    height: auto;
    line-height: 19px;
    padding: 10px 20px;
    text-align: center;
    background-color: #f7f7f7;
}
    #footer p a { margin-top:15px; }
    #footer { width: 100% !important; position: relative; z-index: 2 }








}