@charset "utf-8";
*{margin:0;padding:0;word-wrap:break-word}
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;}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; overflow-x:hidden;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}

body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #676767;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}
body{line-height:1.8;background-color:#ffffff}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color:#676767;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none;color:#676767;}:focus{outline:none;color:#676767;}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:8px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}

.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.por{position: relative;}
.poa{position: absolute;}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.clear_1{height:150px;}
button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}



.odcontent{max-width:1200px; width:96%;margin: 0 auto; position: relative;} /* 公共宽度 */
.odcontent_1{max-width:1300px; width:96%;margin: 0 auto; position: relative;} /* 公共宽度 */


/******************头部/******************/
 button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:0;resize:none;border:none}
 .header {position: fixed;height: 150px;  z-index: 100; top: 0;width: 100%;background:#fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);}

.header .top-logo1{display:flex;width:100%;justify-content:flex-end;height:60px;align-items:center;align-items: flex-end;}
.header .top-logo1 .top-logo2{position: relative;}
.header .top-logo1 .top-logo2 a:nth-child(1)::after{content:"";background:url(../images/QR_code.jpg);background-size:cover; position: absolute;z-index:999; width:118px;height: 118px;border: 5px solid #5d3939;border-radius: 4px;bottom:-130px; right:-34px; transform-origin: top center;transform: scale(0); opacity:0;transition: all .4s ease-in-out;}

.header .top-logo1 .top-logo2 a:nth-child(1):hover::after{transform: scale(1);opacity:1;}
.header .top-logo1 .top-logo2 a img{width:30px;margin-right: 20px;filter: grayscale(100%);filter: opacity(25%);-webkit-filter: opacity(25%);}
.header .top-logo1 .top-logo2 a:hover img{filter: grayscale(0%);filter: opacity(100%);-webkit-filter: grayscale(0%);-webkit-filter: opacity(100%);}
.header .top-logo1 p:nth-child(2){font-size:20px;font-style:italic;font-weight:bold;}

.header .nav_1 .logo_a1{position: absolute;margin-top: 23px;left: -50px;}
.header .nav_1 .logo_a1 img{width:100%;height:100%;}


.header .top-logo1 p:nth-child(2) img{width:25px;margin-right:10px;}
.header .logo{float:left;width:150px}
.header .logo img{width:120px;}
.nav_1{float:right;width: 86%;position: relative;}
.nav_1 .nav{float: left; position: absolute;left: -185px;}
.nav_1 .nav li{float:left}
.nav_1 .nav li a{display:block;padding: 45px 0 13px;
    margin: 0 26px;font-size:16px;color:#333;position: relative; z-index: 99;}
.nav_1 .nav li a em{position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px;transition: 0.5s all;}
.nav_1 .nav li:hover a, .nav_1 .nav li.cur a{color: #5d3939;transform: scale(1.1);transition: 1s all;}
.nav_1 .nav li:hover a em, .nav_1 .nav li.cur a em{width: 100%;left: 0;background: #5d3939;}
 
.nav_1 .search{float:right}
.nav_1 .search form{display:block;width:190px;height:32px;margin:43px 0;border:1px solid #e0e0e0;overflow:hidden}
.nav_1 .search form .search-input{float:left;width:140px;height:20px;line-height:20px;border:0;padding:5px;font-size:14px}
.nav_1 .search form .search-btn{float:left;display:block;width:39px;height:32px;border-left:1px solid #e0e0e0;text-align:center;line-height:32px;cursor:pointer;background:url(../images/btn-iocn.png) no-repeat center center}
@media screen and (max-width:1120px){
    .nav_1 { width: 85%;}
    .header .nav_1 .logo_a1 {left: -33px;}
    .nav_1 .nav li a {margin: 0px 20px;}
}
@media screen and (max-width:1045px){
    .nav_1 {width: 84%;}
    .header .nav_1 .logo_a1 {left: -40px; }
}
/******************头部 结束/******************/

/******************底部/******************/
#gotop{position:fixed; bottom: 53px; right: 10px; z-index: 999;}
#footer{background: #373849; padding: 55px 0 0;  font-size:12px;margin-top: 60px; }
#footer .main_box{ position:relative;}
#footer .up_box{  position:relative;   margin-bottom:30px;   }
#footer .left{ width:820px;} 
#fot_ewm{  display:block; position:absolute; right:0; top:0; height:120px;}
#fot_ewm img{ width: 120px; display:block;}
#fot_ewm span{width: 120px; text-align:center; font-size:12px; color:#757577; line-height:20px; display:block; }
#fot_nav{ display:block; margin-bottom:12px;  } 
#fot_nav ul{display: flex;width:70%;}
#fot_nav ul li{flex:1;}
#fot_nav ul li::after{content:"/"; height:100px;color:#fff;}
#fot_nav ul li:last-child::after{display: none;}
#fot_nav a{ display:inline-block; padding-right:30px;  font-size:16px; color:#fff;}
#fot_nav a:hover{ text-decoration:underline;}
 
#fot_tel_box{ position:absolute; right:145px; top:10px; color:#fff;}
#fot_tel_box a{ display:block; float:right; font-size:14px;width: 75px; margin-bottom:20px; background:url(../images/icon_online.png) 9px center no-repeat #d2b068; color:#fff; height:35px; line-height:35px; padding-left:40px;box-sizing: unset;}
#fot_tel_box span{ display:block; font-size:14px; text-align:right; margin-bottom:5px;}
#fot_tel_box strong{ font-size:22px; display:block; text-align:right; }


#fot_contact .p{ display:block; font-size:14px; line-height:30px; padding:10px 0 15px;color:#fff; }
#fot_contact a{ margin-left:10px; font-size:12px; color: #929293; display:inline-block; padding-left:20px; background:url(../images/icon_add.png) left center no-repeat; }
#fot_contact a:hover{ color:#fff;}

#j_friend_link1{line-height:22px; padding:20px 0;}
#j_friend_link1 .fl{  color:#fff; font-size:14px;}
#j_friend_link1 .fl a{color:#b4b4b5; margin-right:8px;text-align: center;display: inline-block;}

 
#footer .un_box{  position:relative; height:55px; line-height:55px; border-top:1px solid #444557; margin-top:10px;}
#footer .un_box a{ color:#fff;}
#footer .un_box h1{display: flex;justify-content:space-between;color: #fff;width: 100%;font-size:14px;line-height: 55px;}
#footer .un_box h1 a:hover{ color:#fff;}

/*************** 底部 结束 /****************/