@charset "utf-8";html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;font-size: 16px;font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;line-height: 2em}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display: block}
html,
body{color: #5f6061}
body{background: #fff}
ul,
ol,
li{list-style: none}
a{color: #5f6061;text-decoration: none}
a:hover{text-decoration: none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease}
img{border: 0}
b,
em,
i{font-style: normal}
h1,
h2,
h3,
h4,
h5{font-weight: normal}
@-webkit-keyframes fadeleft{0%{-webkit-transform: translateY(40px);opacity: 0}
100%{-webkit-transform: translateY(0px);opacity: 1}}
@font-face{font-family: "museo-light";src: url('museo-light.eot');src: url('museo-light.eot-#iefix') format('embedded-opentype'), url('museo-light.woff') format('woff'), url('museo-light.ttf') format('truetype'), url('museo-light.svg') format('svg')}
input, textarea, button {
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    background: none;
}
.header{height: 90px;width: 100%;background: darkred;z-index: 10;position: absolute;opacity: 0.9;top: 0px}
.logo{float: left;margin-left: 100px;margin-top: 3px}
.tel_small {display: none !important;;float: right !important;margin-right: 10px !important;text-align: left !important;line-height: 90px !important;font-weight: bold;width: 150px !important;width: 200px !important;font-size: 20px !important}
.tel_small:hover{
    background: none !important;
}
.header a{float: left;display: block;width: 140px;height: 90px;text-align: center;font-size: 16px;color: #fff;line-height: 70px}
.header a span{display: block;font-size: 14px;line-height: 0px;color: #9fa0a0}
.header a:hover{background: #666464}
.header>ul{float: right;margin-right: 50px;z-index: 10}
.header>ul>li{float: left}
.header > ul>li:hover ul {
  opacity: 1;
  visibility: visible;
}
.header>ul>li ul{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.header>ul>li ul li a{line-height: 50px;height: 50px;width: 140px}
.header > ul>li:hover,
.header > ul>li>a.hover {
  background: #666464;
  color: #fff;
}
.header >ul>li ul li a:hover {
  background: darkred;
  color: #fff;
}

.fullSlide{position: relative;margin: 0 auto}
.fullSlide2{display: none}
.slide{position: relative;margin: 0 auto}
.slide .bd{position: relative;z-index: 0;overflow: hidden}
.slide .bd li img{width: 100%;vertical-align: top}
.slide .hd{position: relative;z-index: 1;margin-top: -60px;height: 30px;line-height: 30px;text-align: center}
.slide .hd ul{text-align: center}
.slide .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 14px;height: 14px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.slide .hd ul .on{background-color: #ff0}
.slide .prev,
.slide .next{z-index: 1;display: block;width: 53px;height: 14px;position: relative;float: left;background: url(arrow.png) 0 0 no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -7px}
.slide .prev{left: 2.1%;margin-left: 10px}
.slide .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.slide .prev:hover,
.slide .next:hover{filter: alpha(opacity=80);opacity: .8}

.banner{width: 100%;position: relative;z-index: -1;overflow: hidden;}
.banner .bd ul{width: 100% !important}
.banner .bd li{width: 100% !important;height: 913px;background-position: center 0;background-attachment: fixed;background-repeat: no-repeat;min-width: 1200px}
.banner .bd li a{display: block;width: 1400px;margin: 0 auto;height: 100%}
.banner .hd{position: fixed;left: 0;top: 850px;z-index: 1;width: 100%;overflow: hidden}
.banner .hd ul{text-align: center}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.banner .hd ul .on{background-color: darkred}
.banner .prev,
.banner .next{z-index: 1;display: block;width: 53px;height: 44px;position: relative;float: left;background: url(arrow.png) 0 center no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -22px}
.banner .prev{left: 2.1%;margin-left: 10px}
.banner .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.banner .prev:hover,
.banner .next:hover{filter: alpha(opacity=80);opacity: .8}

.top_img{margin-top: 90px;display: block}

.list-nav {
    width: 100%;
    margin: 0 auto;
    padding: 35px 0;
}
.list-nav ul {
    width: 100%;
    text-align: left;
}
.list-nav ul li {
    display: inline-block;
    margin-top: 20px
}
.list-nav ul li a {
    padding: 10px 20px;
    font-size: 16px;
    color: #ddd;
    position: relative;
    background: #333;
    border-radius: 10px;
    margin-right: 15px;
    transition: all 0.3s;
}
.list-nav ul li a:hover,.list-nav ul li a.nav-active {
    background: #cc0000;
    color: #fff;
}
.min_menu{position: absolute;top: 90px !important;width: 100%;background: gray;display: none}
.min_menu ul li{float: left;width: 25%;background: black;height: 60px;}
.min_menu ul li a{background: gray;width: 100%;height: 100%;display: block}
.min_menu ul li a:hover{background: darkred}
.min_menu ul li a p{text-align: center;font-size: 20px;color: #fff;line-height: 60px}

.img_box{width: 70%}
.img_box ul li{
    width: 30%;
    float: left;
    margin: 0 30px 30px 0;
}

.img_box ul li p {
    background-color: #666464;
    margin: 0 auto;
    margin-top: -10px;
    padding: 20px 15px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    text-align: center;
}

.img_box ul li p a{
    font-size: 20px;
    color: #fff;
}

.img_box ul li p:after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    background: #cc0000;
}

.img_box ul li a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.big_info{display: block}
.min_info{display: none}

.footer{
    background: #292927;
    padding-top: 80px; 
}
.footer_con {
    width: 74%;
    /*margin: 80px auto 0;*/
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.footer_con .footer_l {
    float: left;
    width: 31%;
}
.footer_con .footer_l>p.footer_company {
    margin-bottom: 30px;
}
.footer_con .footer_r {
    width: 45%;
    float: right;
}
.footer_radio {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.footer_radio label span {
    display: inline-block;
    padding: 7px;
}
.footer_radio label {
    float: left;
    width: 25%;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}
.footer_r .footer_guest {
    overflow: hidden;
    position: relative;
}
.footer_con .footer_r .footer_guest ul {
    overflow: hidden;
    margin: 20px -4% 20px 0;
}
.footer_con .footer_r .footer_guest ul li {
    float: left;
    width: 46%;
    margin: 0 4% 0 0;
    overflow: hidden;
}
.footer_con .footer_r .footer_guest ul li input, .footer_con .footer_r .footer_guest ul li textarea {
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    width: 100%;
    border-bottom: solid 1px #3c3c3c;
    font-family: "微软雅黑";
    display: block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.footer_con .footer_r .footer_guest ul li textarea {
    color: white;
    resize: none;
    height: 52px;
    overflow-y: hidden\9;
}
.footer_con .footer_r .footer_guest .btn {
    display: inline-block;
    font-size: 17px;
    color: #111;
    padding: 12px 30px;
    background: #c30101;
    margin-top: 20px;
    border-radius: 3px;
}
.footer_con .footer_r .footer_guest .btn:hover{background:#e9ca80;}
.footer_con .footer_r .footer_guest .tel p {
    color: #fff;
    font-size: 40px;
    font-family: helv,Arial;
}
.footer_con .footer_r .footer_guest .tel {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}
.footer_con .footer_r .footer_guest .tel span {
    display: inline-block;
    color: #fff;
    padding: 4px 9px;
    font-family: helv,Arial;
    font-size: 20px;
}
.footer_con .footer_r .footer_guest ul li textarea {
    resize: none;
    height: 52px;
    overflow-y: hidden\9;
}

.about_box_text{width: 80%;margin-left: auto;margin-right: auto;margin-top: 100px;}
.about_box_text >.title{font-size: 30px;font-weight: bold;text-align: left;line-height: 30px}
.about_box_text >.title>span{font-size: 14px;text-align: left;font-weight: normal;margin-top: 5px;line-height: 0px}
.about_box_text >.txt{font-size: 22px;text-align: left;line-height: 60px;width: 50%;float: right}

.nav_bar_box{margin-top: 60px;height: 85px}
.nav_bar_box ul{margin-left: auto;margin-right: auto;width: 1048px}
.nav_bar_box ul li{float: left}
.nav_bar_box ul li a{width: 260px;height: 85px;background: darkred;color: white;display: block;line-height: 85px;text-align: center;margin: auto 1px;font-size: 30px}
.nav_bar_box ul li a span{position: relative; display: block;width: 18px;height: 9px;margin-top: -20px;margin-left: auto;margin-right: auto;visibility: hidden}
.nav_bar_box ul li a span img{display: block;margin-top: 0px}
.nav_bar_box ul li a:hover{background: gray}
.nav_bar_box ul li a:hover span{visibility: visible}

.little_txt{width: 100%;text-align: center;font-size: 22px;margin-top: 60px}
.circuit_box{width: 70%;margin-left: auto;margin-right: auto;margin-top: 50px}
.circuit_box p{font-size: 30px}
.circuit_box img{width: 100%;height: 100%;object-fit: cover;margin-top: 30px}\

.g-right {
    width: 900px;
    float: left;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}

.g-right .u-articleNewList {
    padding: 20px !important;
    width: 860px;
    background: #FFF;
}

.u-newsList {
    overflow: hidden;
    margin-top: 60px;
    width: 1200px;
    margin: 0 auto;
}

.g-right .u-articleNewList li {
    width: 100% !important;
}
.u-newsList li {
    color: #333333;
    width: 45%;
    margin-bottom: 40px;
    height: 122px;
    overflow: hidden;
}
.fl {
    float: left;
}

.u-newsList li .u-date {
    float: left;
    width: 80px;
    height: 90px;
    font-size: 60px;
    border: 1px solid #dadada;
    padding: 15px 20px;
    margin-right: 20px;
    text-align: center;
}
.u-newsList li .u-date p {
    margin-top: -30px;
    color: #333333;
}
.u-newsList li .u-news {
    margin-left: 140px;
}
.u-newsList li .u-newsTitle {
    font-size: 18px;
    font-weight: bolder;
    color: #333;
    display: block;
}
.u-newsList li .u-line {
    height: 2px;
    width: 40px;
    background: #333;
    margin: 20px 0;
    display: block;
    _font-size: 1px;
}
.u-newsList li .u-newsHint {
    line-height: 19px;
    font-size: 16px;
    color: #999;
}
.u-newsList li .u-date p{
    font-size: 60px;
}
.u-newsList li .u-date span {
    font-size: 18px;
    display: block;
    margin-top: -70px
}
.u-newsList li:hover .u-date{
    background: darkred;
    color: #fff

}
.u-newsList li:hover .u-date p{
    color: #fff !important;
}
.u-newsList li:hover .u-news .u-newsTitle{
    color: darkred !important;
}

.u-newsList li:hover .u-news .u-newsTitle{
    color: darkred !important;
}
.u-newsList li:hover .u-news span{
    background: darkred !important;
}
.u-newsList li:hover .u-news p{
    color: darkred !important;
}


@media screen and (max-width:1920px){html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{font-size: 14px}
.banner .bd li{height: 685px;background-size: 1920px 685px}
.banner .hd{top: 648px}
.banner .hd ul li{width: 10px;height: 10px}
.banner .bd li a{width: 1400px}
.fullSlide .hd{margin-top: -50px}
.fullSlide .hd ul li{width: 10px;height: 10px}
}
@media screen and (max-width:1440px){.banner .bd li{height: 513px;background-size: 1440px 513px}
.banner .hd{top: 480px}
.banner .bd li a{width: 1200px}
}
@media screen and (max-width:1200px){
.img_box ul li{width: 45%;}
}

@media screen and (max-width:750px){
.header{top:0}
.tel_small {display: block !important}
.min_menu{display: block}
.fullSlide2{position: relative;margin-top: 210px}
.top_img{margin-top: 210px;display: block}
.fullSlide{display: none}
.fullSlide2{display: block !important}
.header_ul{display: none}
.header_logo{margin-left: 10px !important}
.banner{display: none}
.footer{display: none}
.img_box{width: 100% !important}
.img_box ul li{ width: 100%}
.big_info{display: none}
.min_info{display: block}
.txt{width: 100% !important;font-size: 18px !important}
.list-nav > ul >li{width: 47%;margin-right: 3%}
}