* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul, li { list-style: none; }
img { border: none; vertical-align: top; }
a { color: #474747; text-decoration: none; outline: none; }
a:hover { color: #323233; }
/* header */
.w_1200 { width: 96%; margin: 0 auto; max-width: 1200px; }
.header { z-index: 998; }
.header { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 90px; background: rgba(255, 255, 255, 0.7); }
.header .w_1200 { height: 90px;/* position: relative; */}
.header .logo { display: block; float: left; line-height: 90px; height: 90px; vertical-align: middle; }
.header .logo img { vertical-align: middle; }
.header_right { float: right; }
.header_righttop { line-height: 24px; padding-top: 2px; height: 24px; font-size: 0; text-align: right; }
.header_righttop i { padding: 0 14px; font-size: 12px; color: #b3b3b3; }
.header_righttop a { font-size: 12px; color: #1a1a1a; }
.header_nav ul li { float: left; text-align: center; }
.header_nav ul li > a { display: block; padding: 8px 15px 20px; }
.header_nav ul li > a b { display: block; line-height: 22px; height: 22px; overflow: hidden; font-size: 16px; font-weight: bold; color: #1a1a1a; }
.header_nav ul li > a i { display: block; line-height: 14px; height: 14px; overflow: hidden; font-size: 12px; color: rgba(26, 26, 26, 0.7); text-transform: uppercase; }
.header_nav ul li:last-child a { padding-right: 0px; }
.header_nav li:hover>a b{color: #08307e;}

.hidden_nav { position: absolute; left: 0; top: 90px; width: 100%; background: rgba(0,0,0,0.5); height: 60px; border-top: 1px solid #dbdbdb; text-align: left; overflow: hidden;text-align: center;display: none;}
.hidden_nav dd{ display: inline-block;}
.hidden_nav dd a{ height: 60px;line-height: 60px;overflow: hidden;font-size: 16px; color: rgba(255,255,255,0.6); padding: 0 20px;  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }
.hidden_nav dd a:hover{color: #fff;}

.footer { width: 100%; padding: 32px 0; background: #eaebed; }
.footer .footer_left { float: left; padding-top: 5px; line-height: 32px; font-size: 14px; color: #666666; }
.footer .footer_right { float: right; }
.footer .footer_right .ewm { border: 1px solid #d7d7d8; height: 104px; width: 104px;text-align: center; }

.float_service { position: fixed; right: 0; bottom: 15%; z-index: 999; }
.float_service li { margin-bottom: 2px; position: relative; }
.float_service li a:hover span { background-color: #61666c; }
.float_service li a:hover .hidden_ewm, .float_service li a:hover .hidden_tel { opacity: 1; visibility: visible; }
.float_service li span { display: block; width: 40px; height: 40px; background: #3b4249 url(../image/service_icon.png) no-repeat; }
.float_service .li1 span { background-position: center top; }
.float_service .li2 span { background-position: center -42px; }
.float_service .li3 span { background-position: center -84px; }
.float_service .hidden_ewm { position: absolute; top: 0; left: -134px; width: 132px; height: 148px; background: url(404.png) no-repeat center; padding-top: 2px; padding-left: 2px; opacity: 0; visibility: hidden; }
.float_service .hidden_ewm img { width: 126px; height: 126px; border-radius: 2px; }
.float_service .hidden_ewm em { display: block; text-align: center; line-height: 20px; font-size: 14px; color: #808080; }
.float_service .hidden_tel { position: absolute; left: -120px; top: 0; height: 40px; line-height: 40px; width: 120px; color: #61666c; text-align: center; font-size: 14px; color: #fff; text-align: center; background: #61666c; opacity: 0; visibility: hidden; }

html.overflow { height: auto; overflow: hidden; }
html.overflow .p-menuModal { -webkit-overflow-scrolling: touch; overflow-y: scroll; max-height: 100%; }
.menu_btn { position: absolute; right: 2.5%; top: 50%; margin-top: -21px; display: inline-block; width: 32px; padding: 10px; }
.menu_btn.is-hidden { visibility: hidden; }
.menu_btn > * { display: block; height: 2px; background-color: #282636; -webkit-transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; margin-bottom: 8px; }
.is-white .menu_btn > * { background-color: #fff; }
.menu_btn .-top { width: 32px; }
.menu_btn .-middle { width: 32px; }
.menu_btn .-bottom { width: 32px; margin-bottom: 0; }
.menu_btn:hover .-top { width: 30px; }
.menu_btn:hover .-middle { width: 40px; }
.menu_btn:hover .-bottom { width: 50px; }
.p-menuModal { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background-color: #333333; overflow: auto; }
.p-menuModal.is-hidden { /*display: none*/ }
.modal_closebtn { display: block; width: 52px; height: 42px; width: 22px; height: 22px; padding: 10px 15px; position: absolute; z-index: 9999; right: 2.5%; top: 21px; }
.modal_closewrap { position: relative; display: block; width: 30px; height: 30px; }
.modal_closewrap .-left { position: absolute; left: 0; top: 50%; display: block; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.modal_closewrap .-left:before { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease 0s; transition: -webkit-transform .8s ease 0s; transition: transform .8s ease 0s; transition: transform .8s ease 0s, -webkit-transform .8s ease 0s; transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; }
:hover > .modal_closewrap .-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); }
.modal_closewrap .-right { display: block; position: absolute; left: 0; top: 50%; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.modal_closewrap .-right:after { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease .1s; transition: -webkit-transform .8s ease .1s; transition: transform .8s ease .1s; transition: transform .8s ease .1s, -webkit-transform .8s ease .1s; transition: transform 0.8s ease 0.1s, -webkit-transform 0.8s ease 0.1s; }
:hover > .modal_closewrap .-right:after { -webkit-transform: translateX(100%); transform: translateX(100%); }
.modal_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.modal_menu { padding-top: 20px; }
.modal_menu ul li { margin-bottom: 20px; text-align: center; }
.modal_menu ul li > a { display: block; position: relative; padding-bottom: 12px; margin-bottom: 6px; font-size: 18px; color: #d8d7d7; }
.modal_menu ul li > a:after { position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 1px; background: #fe8f00; content: ""; }
.modal_menu dl dd { display: inline-block; }
.modal_menu dl dd a { line-height: 30px; font-size: 14px; color: #a4a4a4; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.modal_menu dl dd a:hover { color: #fff; }
.modal_menu dl dd i { font-size: 14px; color: #a4a4a4; }
.modal_menu dl dd:last-child i { display: none; }
.modal_menu ul li a em { display: block; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.modal_menu ul li a em:before { left: 0; position: absolute; top: 0; clip: rect(0, 0, 100px, 0); content: attr(data-content); color: #fe8f00; display: inline-block; zoom: 1; -webkit-transition: clip 1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }
.modal_menu ul li:hover em:before { clip: rect(0, 600px, 100px, 0); }
.modal_menu ul li > a:before { content: ""; width: 30px; height: 1px; background: #fe8f00; position: absolute; left: 50%; margin-left: -15px; bottom: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.modal_menu ul li:hover > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.menu_btn { display: none; }

@font-face { font-family: 'human777light'; src: url(""); src: url("") format("embedded-opentype"), url("") format("woff"), url("") format("truetype"), url("") format("svg"); font-weight: normal; font-style: normal; }
.human777light { font-family: 'human777light'; }

.header_nav ul li > a{     padding: 8px 24px 20px;}
.header_nav ul li > a i{ font-family: 'human777light';  }

.paging{min-width:200px;margin:0 auto;margin-top:10px;padding-top:10px; clear:both}
.paging ul{ width:100%; text-align:center}
.paging li{ display:inline-block; *display:inline;zoom:1 ;margin-left:5px;border:1px #eee solid; background:#333;padding:3px 10px 3px 10px;}
.paging li:hover{ background:#3366cc;}
.paging li:hover a{ color:#FFF}
.paging li a{display:block; color:#fff; text-decoration: none}
.paging li a:hover{ color:#fff;}
.paging .paging_current{ background:#3366cc;color:#fff;}

.float_service{bottom: 80px;}
@media only screen and (max-width: 1260px) { 
.header_right { display: none; }
.menu_btn { display: block; } }
@media only screen and (max-width: 991px) { 
.header { position: relative; height: 80px; }
.header .logo { height: 80px; line-height: 80px; }
.header .logo img { width: 200px; }
.modal_content { height: 830px; } 
.footer .footer_right .ewm { margin: 0 auto; }
.footer .footer_left { line-height: 22px; margin-bottom: 15px; }
.footer .footer_left, .footer .footer_right { float: none; width: 100%; text-align: center; }
}


.content{width:100%;float:left;}
.content .page-con{padding:20px;background:#fff;*width:1160px;}
.con-box{width:100%;float:left;}
.con-box1{height:320px;}
.con-box1 .con-box-r{*margin-left:2.4%;}
/*两等分左右结构*/
.cboxlr .con-box-l{width:48.75%;float:left;}
.cboxlr .con-box-r{width:48.75%;float:left;margin-left:2.5%;}
@media screen and (min-width: 0px) and (max-width: 1220px){
.page-con{width:100%;margin-left:0;left:0;}
.txtTab .bd,.txtTab .bd ul,.txtTab .bd ul li{width:100% !important;}
.picScroll .bd{width:100%;margin-left:0;padding:0 23px;overflow:hidden;}
.picScroll .bd .tempWrap{width:100% !important;}
}
@media screen and (min-width: 0px) and (max-width: 1000px){
.con-box{height:auto;}
.cboxlr .con-box-l,.cboxlr .con-box-r{width:100%;margin-left:0;}
.cboxlr .con-box-r{margin-top:30px;}
.txtTab .bd,.txtTab .bd ul,.txtTab .bd ul li{width:100% !important;}
.picNews .bd ul,.picNews .bd li{width:100%!important;}
}
@media screen and (min-width: 0px) and (max-width: 768px){
.cboxlmr .con-box-l,.cboxlmr .con-box-m,.cboxlmr .con-box-r,.cboxlmr .con-box-2 {width:100%;margin-left:0;}
.cboxlmr .con-box-m,.cboxlmr .con-box-r{margin-top:30px;}
}
@media screen and (min-width: 0px) and (max-width: 767px){
}

@media screen and (min-width: 0px) and (max-width: 640px){
.txtTab_2 .hd ul li{margin-right:9px;}
.content .page-con{padding-top:0;}
}
@media screen and (min-width: 0px) and (max-width: 480px){
}
@media screen and (min-width: 0px) and (max-width: 450px){
.txtTab_2 .hd ul li{font-size:14px;margin-right:5px;}
.con-box1 .txtTab_2 .hd .more{font-size:12px;}
}
@media screen and (min-width: 0px) and (max-width: 359px){
.txtTab_2 .hd ul li{font-size:12px;margin-right:3px;}
}