@charset "utf-8";
@import '../css/font-awesome.min.css';
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; box-sizing: border-box;} 
body, table, td, tr, th, input, select {font: 14px/25px Arial, Helvetica, sans-serif;color: #333;font-family:"Microsoft YaHei", "微软雅黑";}
li { list-style: none; }
img {padding: 0; margin: 0; border: 0;height: auto!important; max-width: 100%!important;/*image-rendering: pixelated;*/}
.clear {clear: both; visibility: hidden; }
a {color: #333; text-decoration: none }
a:hover{ color:#0056a7;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none }
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*********************/
@media (min-width:1450px){
.skinw{width:1230px;}
.wrapper{width:1230px;}
.container{width:1230px;}
}
@media (min-width:1650px){
.skinw{width:1430px;}
.wrapper{width:1430px;}
.container{width:1430px;}
}
.skinw{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.wrapper{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container {padding:80px 15px;margin-right: auto;margin-left: auto;}

/*Header*/
.header{width: 100%;height: 130px;background:#FFF;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.header_main{max-width: 1200px;height: 100%;margin: 0 auto;}
.header .logo{margin-top:10px;float: left;}
.Navlist{display: block;padding: 0;float: right;}
.Navlist ul>li{float: left;padding: 0 1px;font-size: 16px;line-height: 130px;position: relative;}
.Navlist ul>li>a{color: #111;text-shadow: none;position: relative;display: block;padding: 0 35px;}
.Navlist ul>li>a:after {content: "";display: block;width: 0;height: 1px;position: absolute;background-color: #fff;left: 50%;bottom: 26px;margin-left: 0;z-index:1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.Navlist ul>li.selected>a:after, .Navlist ul>li:hover>a:after {width: 30px;margin-left: -15px;}
.Navlist ul>li.selected>a, .Navlist ul>li:hover>a{background:#d80031;color: #FFF;}

.Navlist .nav_child{min-width:100%;overflow:hidden;z-index:9999;position:absolute;top:130px;left:50%;-webkit-transform: translateX(-50%);transform:translateX(-50%);background:rgba(72, 72, 72, 0.75);}
.Navlist .nav_child a{display: block;font-size: 14px;color:#ffffff; overflow: hidden;height: 0;-webkit-transition: height 200ms ease-in;-moz-transition: height 300ms ease-in;-o-transition: height 300ms ease-in;transition: height 300ms ease-in;}
.Navlist ul>li:hover .nav_child a{height:42px;line-height:42px;text-align:center;}
.nav_child a:hover{color:#ffffff; background:rgb(215, 0, 53, 0.75)}

.swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}


@media (max-width:1200px){
.header_main{width: 95%;margin: auto;}
}
@media (max-width:1150px){
.Navlist ul>li>a{padding: 0 20px;}
}


/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:24px;height:2px;background:#d80031;border-radius: 4px;margin: 6px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .ul-small {background:#d80031; width:220px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(220px); transform:translateX(220px); transition:300ms; }
.hidden-g .ul-small input { width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul { margin-top: 20px; }
.hidden-g .ul-small ul li a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g{display: block;}
.swiper-button-next, .swiper-button-prev{height:0;}
.swiper-container{padding-top: 60px;}
}



/*底部*/
.footer{overflow:hidden;background:url(../images/footbg.jpg)no-repeat center center;background-size: cover;}
.foot_container{padding-top:60px;padding-bottom:50px;overflow: hidden;}

.ft_nav{width:calc(100% - 280px);}
.fnav1{width: 25%;float: left;overflow: hidden;padding:0 27px;}
.fnav1 h4 a{font-size: 16px;font-weight: bold;color: #ffffff;}
.fnav1 h4 a:hover{color:#d80031;}
.fnav1 ul{margin-top: 35px;}
.fnav1 ul li{margin-bottom: 8px;padding-bottom: 8px;}
.fnav1 ul li a{display: block;font-size: 14px;line-height: 18px;color: #b7b7b7;}
.fnav1 ul li a:hover{color:#d80031;}

.ft_contact{width: 280px;}
.contact_tit{font-size: 16px;font-weight: bold;color: #ffffff;}
.contact_content {margin-top: 35px;font-size: 14px;color: #b7b7b7;}
.contact_content p {line-height: 24px;margin-bottom: 10px;}
.contact_content a {font-size: 14px;color: #b7b7b7;}

.foot_con2{padding: 30px 0;border-top:1px solid #4D4D4D;}
.foot_con2 p{font-size: 13px;line-height: 18px;color: #fff;padding:5px 0;}
.foot_con2 p a{color: #fff;}
.foot_con2 p a:hover{text-decoration: underline;}

@media only screen and (max-width:768px) {
.ft_nav{display: none}
.ft_contact{width: 100%;float: none;}
}




/*友情链接*/
.friendlinks{padding: 46px 0;line-height: 40px;background: #d80031;}
.friendlinks .tit {float: left;width: 100px;text-transform: uppercase;color: #FFFFFF;font-size: 30px;font-family: Arial;font-weight: bold;}
.friendlinks .list {margin-left: 120px;overflow: hidden;}
.friendlinks .list a {display: inline-block;margin-left: 30px;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;color:#ffb5c6 }
.friendlinks .list a:hover {-webkit-transform: translateX(5px);transform: translateX(5px);}
.friendlinks .list a:hover {color:#FFFFFF;}