@charset "utf-8";
/* 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; }
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; }
body, table, td, tr, th, input, select { font: 14px/25px  Arial, Helvetica, sans-serif; color: #333;font-family: "微软雅黑";}
li { list-style: none; }
img { border: 0px; }
.clr { clear: both; visibility: hidden; }
a { color: #5e5e5e; text-decoration: none }
a:hover, a:focus { color:#018f40; ; text-decoration: none }
.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;font-weight: normal}
h2 { font-size: 24px; line-height: 36px;font-weight: normal}
h3 { font-size: 20px;font-weight: normal}
h4 { font-size: 18px;font-weight: normal}
h5 { font-size: 20px;font-weight: normal}
h6 { font-size: 15px;font-weight: normal}
/*********************/
.content, .container { margin: auto; width: 100%; max-width: 1200px;padding: 40px 0;overflow: hidden;}
.skinw { width: 100%; max-width: 1200px; margin: 0 auto;}
/*Header*/
.header {height: 120px;background: url(../images/top_bg.jpg) no-repeat top center;}
.top_main {width: 100%;height: 30px;line-height: 30px;background-color: #eee;color: #818080;font-size: 12px;}
.top_main li { display: inline-block; text-align: center; margin: 0 8px; }
.top_main li a {color: #818080;}
.logo { width:405px; float: left; padding-top:10px; }

.md_rt{float: right;height: 95px;}
.md_rt dl dt{float: left;width: 50px;height:50px;overflow: hidden;margin-top:40px;}
.md_rt dl dd{float: left;margin-left: 10px;margin-top:26px;}
.md_rt dl dd label{display: block;margin-top: 25px;}
.md_rt dl dd label span{font-size: 16px;color: #505050;}
.md_rt dl dd label em{font-weight: bold;color: #cc2727;font-size: 22px;}

.navtop {background: #018f40;height:60px;}
.headerNav{line-height:60px;}
.headerNav li {float: left;display: inline-block;list-style: none;font-size: 16px;text-align: center;position: relative;}
.headerNav li a {width:117px;display: block;text-align: center;position: relative;color: #fff;height: 60px;line-height: 60px;padding:0 16px;}
.headerNav li a.hover, .headerNav li a:hover {color: #fff;background:#cc2727;}
.headerNav li .subnav { background: #fff; border-top: 2px solid #018f40; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 999; }
.headerNav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.headerNav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.headerNav li .subnav a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #666; display: block; font-size: 13px; font-weight: 500; line-height: 40px; height: 40px; padding: 0; transition: all 0.2s ease-in-out 0s; width: 100%; border-bottom: 1px solid #eee; background: #fff; }
.headerNav li .subnav a:hover { color: #018f40; background: #f9f9f9; text-indent: 10px; }
@media only screen and (max-width:1199px) and (min-width:1064px) {
.headerNav li a{ width: 100px;}
}
@media only screen and (max-width:1063px) and (min-width:1025px) {
.headerNav li a{width:90px;}
}
/*小屏幕手机*/
.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%; transform: translateY(-50%); -webkit-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: #000000; 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 .h-nav-g .i_tel { display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url(../images/tel.png); position: absolute; right: 15px; top: 0; height: 60px; width: 40px; }
.hidden-g .ul-small { background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 100; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px); }
.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 { transform: translateX(-220px); -webkit-transform: translateX(-220px); }
.hidden-g .translate2 { transform: translateX(0); -webkit-transform: translateX(0); }

@media (min-width: 768px) and (max-width: 1024px) {
.top_main, .header, .navtop{ display: none; }
.hidden-g { display: block; }
.swiper-container{padding-top: 60px}
}
@media (max-width: 768px) {
.top_main, .header, .navtop{ display: none; }
.hidden-g { display: block; }
.swiper-container{padding-top: 60px}
}
.swiper-container img{display: block}


/*底部*/
.footer {width: 100%;background:#333;color: #fff;overflow: hidden}
.foot_nav {padding:15px 0;background: #018f40; text-align: center}
.foot_nav a{display: inline-block;color: #fff; padding:0 20px;border-right: 1px solid #018f40;}
.foot_nav a:hover{text-decoration: underline;}
.foot_nav a:last-child{border-right:0px;}
.foot_dibu{width: 100%;max-width: 1200px;margin: 0 auto;padding:20px 0;}
.foot_dibu a{color:#b6b6b6;}

.code{text-align: center}
.code span{padding:0 10px;}
.code p{line-height: 30px;color: #b6b6b6;}
.code p img{ display:block; width:124px; height:124px; border:5px solid #fff;}