body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
em,i {font-style: normal}
ul, ol  {list-style: none}
a,a:hover {text-decoration: none}
img {border: 0; vertical-align: top;/*max-width: 100%;height: auto;*/}
table {border-collapse: collapse;border-spacing: 0}
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
label {cursor: default}
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
textarea {resize: none}
a,a:focus {outline: none}
.clearfix:after {content: '\20';display: block;height: 0;clear: both}
.clearfix {*zoom: 1}
.fl {float: left;}
.fr {float: right;}
.hide {display: none}
.show {display: block}

.g-in {width: 1200px;margin: 0 auto;}


a {color: #333;}
a:hover {color: #bb0c13;}

body {color: #333;position: relative;}
.wrapper{width:100%;position:relative;overflow: hidden;background:#fff}
.header {width: 100%;height:120px;}
.header .logo{float: left;margin-left: 15px;height:120px;overflow:hidden;}
.header .header-r{float: right;}
.header .header-r .header-t .lan{float: right;margin-top: 7px;font-size: 16px;color: #333;margin-left: 15px}
.header .header-r .header-t .lan a{font-size: 16px;color: #333}
.header .header-r .header-t .lan a:hover{color: #bb0c13;}
.header .header-r .header-t .tel{float: right;margin-right:20px;padding-left:25px;font-size:22px;line-height:36px;color:#bb0c13;font-family: arial;background: url(pic-2.png) no-repeat left center;}
.header .header-r .header-t .link{float:right;height:36px;position: relative;}
.header .header-r .header-t .link a.mes{display:inline-block;height:36px;width:36px;border-radius:50%;background:#e7e7e7 url(pic-3.png) no-repeat center;margin-right:5px;}
.header .header-r .header-t .link a.sea{display:inline-block;height:36px;width:36px;border-radius:50%;background:#e7e7e7 url(pic-4.png) no-repeat center;margin-right:5px;}
.header .header-r .header-t{margin-top:6px;}
.header .link form{border:1px solid #bb0c13;display:none;position: absolute;right:0;top:45px;width:345px;z-index: 3;}
.header .link form .txt{width:250px;padding-left:22px;font-size:16px;line-height:48px;box-sizing:border-box;float: left;background:#fff;}
.header .link form .btn{width:95px;text-align: center;background:#bb0c13;font-size:16px;line-height:48px;color:#fff;cursor:pointer;float: left;}

.navs ul li{float: left;margin:0 15px;position: relative;}
.navs ul li a.tt{display:block;padding:0 10px;font-size:16px;line-height:76px;border-bottom:2px solid #fff;color:#494949;background:url(pic-5.png) no-repeat right center;}
.navs ul li:hover a.tt,.navs ul li.current a.tt{border-bottom:2px solid #bb0c13;}
.navs ul li:first-child a.tt,.navs ul li:last-child a.tt{background: none;}

.navs li .sub{display: none;background:#fff;position: absolute;left:-10%;top:77px;z-index: 99;width:120%;text-align: left;box-shadow:0 0 3px #ccc;}
.navs li .sub dl dt{font-size: 14px;line-height:40px;border-bottom: 1px solid #dddddd;text-align: center;}
.navs li .sub dl dt:last-child{border-bottom:none;}
.navs li .sub dl dt a{display:block;}
.navs li .sub dl dt:hover a{background:#bb0c13;color:#fff;}

.banner{position: relative;width:1920px;left:50%;margin-left:-960px;}
.banner .hd{position: absolute; left:0;bottom:65px;height:10px;width: 100%; z-index:1000;}
.banner .hd ul{width: 100%;height:12px;text-align: center;}
.banner .hd ul li{display: inline-block;background:rgba(255,255,255,0.5);width:10px; height:10px;border-radius:10px;font-size:0; margin:0 8px;cursor: pointer;transition: all 0.5s;}
.banner .hd ul .on{background:rgba(255,255,255,1);position: relative;}
.banner .hd ul .on:after{position: absolute;width:14px;height:14px;left:-3px;top:-3px;border:1px solid #fff;content:"";border-radius:8px;}

.footer{}
.footer .f-t{padding:40px 0 50px;background:#888888;}
.footer .f-t .g-in{display: flex;justify-content: space-between;}
.footer .f-t .f-t-l .h1{font-size:26px;line-height:26px;color:#fff;margin-bottom:20px;}
.footer .f-t .f-t-l .h2{font-size:16px;line-height:36px;color:#fff;padding-left:36px;background: url(pic-16.png) no-repeat left center;margin-bottom:15px;}
.footer .f-t .f-t-l .h3{font-size:30px;line-height:36px;color:#fff;padding-left:36px;background: url(pic-17.png) no-repeat left center;font-family: arial;margin-bottom:30px;}
.footer .f-t .f-t-l .h4{font-size:22px;line-height:37px;color:#fff;vertical-align:middle;}
.footer .f-t .f-t-l .h4 a.a1{position: relative;display:inline-block;width:37px;height:37px;background: url(pic-18.png) no-repeat center;margin-left:14px;margin-right:6px;vertical-align:middle;}
.footer .f-t .f-t-l .h4 a.a2{display:inline-block;width:37px;height:37px;background: url(pic-19.png) no-repeat center;vertical-align:middle;}
.footer .f-t dl dt{font-size:16px;line-height:22px;color:#fff;margin-bottom:10px;}
.footer .f-t dl dd{font-size:14px;line-height:32px;color:#fff;}
.footer .f-t dl dd a{color:#fff;}
.footer .f-t dl dd a:hover{color:#bb0c13;}
.footer .f-t .f-t-l .h4 a.a1 img{position: absolute;bottom:45px;left:-80px;display:none;}
.footer .f-t .f-t-l .h4 a.a1:hover img{display:block;}

.footer .f-b{font-size:15px;line-height:60px;background:#787878;color:#fff;}
.footer .f-b a{color:#fff;}
.footer .f-b a:hover{color:#bb0c13;}
.footer .f-b .f-b-l{float: left;}
.footer .f-b .f-b-r{float: right;}
