
@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, dl, dd, dt, img, form, textarea, input,select,button,em,i,tr,th,td{margin: 0; padding: 0; vertical-align: top; border: none; background: none; outline: none;}
html,body{font-style: normal; /*font-family: "Microsoft YaHei", "Arial";*/ font-size: 12px;font-family: "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;}
ul li,ol li{list-style: none;}
a{text-decoration: none; color: #fff;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"],input[type="email"],input[type="tel"],input[type="checkbox"]{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
table{border-collapse: collapse;border-spacing: 0;}
em,i{font-style:normal;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}

select::-ms-expand{ display: none; }
/* --ç«ç‹ã€è°·æ­Œæ¸…é™¤--*/

select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}


/*.wrap{width: 1250px;margin: 0 auto;}*/
.wrap{width: 1100px;margin: 0 auto;}
/*.f-wrap{padding: 0 26px;}*/
.top{width: 100%;background: #f7f7f7;position: relative;}
.top .top-left{float: left;color: #2f2f2f;line-height: 30px;}
.top .top-left p{font-size: 12px;}
ul.top-nav{float: right;padding-top: 7px;}
ul.top-nav li{float: left;margin-right: 20px;}
ul.top-nav li a{display: block;font-size: 12px;color: #2f2f2f;line-height: 30px;position: relative;}
ul.top-nav li a>img{width: 14px;margin-right: 5px;margin-top: 8px;}

ul.top-nav li.top-search{margin-right: 0;}
ul.top-nav li.top-search a>img{width: 61px;margin-top: 1px;}

ul.top-nav li a span{display: inline-block;transition: all 0.5s ease;}
ul.top-nav li a.top-wx:after{content: "";position: absolute;display: none;border: 8px solid transparent;  border-bottom: 8px solid #f0f0f0;width: 0;height: 0;left: 50%;bottom: -11px;margin-left: -4px;}
ul.top-nav li a .wximg{position: absolute;top: 40px;left:50%;width: 104px;margin-left: -52px;border: 4px solid #f7f7f7;z-index: 999;display: none;}
ul.top-nav li a .wximg img{width: 100%;}
ul.top-nav li a.top-wx:hover .wximg{display: block;}
ul.top-nav li a.top-wx:hover:after{display: block;}

ul.top-nav li:hover a span{color: #c30909;}
/*ä»¥ä¸Šæ˜¯é¡¶éƒ¨*/

.header{padding: 30px 0;width: 100%;position: relative;}
.header>.wrap{position: relative;width: 1250px;}
.header-logo{float: left;}
.header .logo{display: block; width: 270px; float: left; }
.header .logo img{vertical-align: middle;width: 100%;}
.header-logo span{float: left;display: block;font-size: 24px;line-height: 44px;color: #252525;margin-left: 42px;font-family:"æ¥·ä½“";}
.header-logo em{display: inline-block;font-size: 12px;line-height: 44px;margin-left: 28px;}
.header .search{}
.header .search form{width: 471px;background: #e03838;height: 36px;margin: 0 auto;}
.header .search form span{float: left;display:block;width: 364px;margin: 1px 0 1px 1px;line-height: 34px;background: #fff url(../img/search.png) left 8px center no-repeat;font-size: 12px;padding-left: 36px;}
.header .search form span input{line-height: 34px;height: 34px;display:block;width: 100%; }
.header .search form .subm{float: right;font-size: 14px;font-weight: bold;line-height: 36px;width: 70px;text-align: center;display: block;color: #fff;}

.header .search-mes{position: absolute;top: 100%;left: 0;right: 0;padding: 60px 20px;/*background: #007cc8;*/background: #e03838;
    color: #fff;z-index: 999;display: none;}

.header .search-mes .close{position: absolute;top: 30px;right: 30px;display: inline-block;height: 25px;width: 25px;
    text-align: center;color: #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.header .search-mes .close img{display: block;margin: 0 auto;width: 20px;vertical-align: middle;}
.header .search-mes .tac{text-align: center;}
.header .search-mes .inb{border-bottom: 1px solid #fff;padding-right: 50px;position: relative;display: inline-block;}
.header .search-mes .inb input{line-height: 40px;height: 40px;color: #fff;background: none;}
.header .search-mes .inb input[type="text"] {width: 1024px;color: #fff;}
.header .search-mes .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 50px;text-align: center;  cursor: pointer;background-size:20px;background-image: url(../img/nav_search.png);background-position: center center;background-repeat: no-repeat; }
.header .search-mes .inb input:-ms-input-placeholder{  color: #fff;opacity:0.8; }
.header .search-mes .inb input::-webkit-input-placeholder{  color: #fff;opacity:0.8;  }

.header .content img{  width: 100%; }
.header .change{position: absolute;top: -30px;right: -30px;}
.header .change a img{width: 29px;}




.fixed {position:fixed;top:0;z-index:1000000;width: 100%;background: #fff;height: 52px;}

.nav-wrap{width: 100%;background: #c30909;}
.nav-wrap .wrap{width: 1250px;}
.nav>li{float: left;position: relative;width: 14.285%;/*width: 140px;*/padding: 14px 0;border-right: 1px solid #d72120;box-sizing: border-box;z-index: 200;cursor: pointer;/*overflow: hidden;*/}

.nav>li>a,.nav .subnav a{display: block;font-size: 16px;color: #fff;line-height: 24px;font-weight: bold;text-align: center;width: 100%;}
.nav>li>a img{display: inline-block;width: 24px;margin-right: 5px;}
.nav>li.active,.nav>li:hover {background: #d52121;}
.nav .subnav{position: absolute;top: 52px;left: 0;width: 100%;  transition: all 0.5s ease;  z-index: 201;display: none;  height: auto; border-width: 2px 0 0; border-style: solid;  border-color: #ff2222;  overflow: hidden;  background: #fff;}

.nav .subnav li{width: 100%;padding: 14px 0;border-bottom: 1px solid #ddd;box-sizing: border-box;transition: all 0.5s ease;cursor: pointer;}
.nav .subnav li a{color: #666;font-weight: normal;font-size: 16px;transition: all 0.5s ease;}
.nav>li:hover .subnav{display: block;}

/*.nav>li:hover{overflow: inherit;}*/
.nav .subnav li:hover{background: #c30909;border-bottom: 1px solid #c30909;}
.nav .subnav li:hover a{color: #fff;font-weight: bold;margin-left: 5px;}

/*ä»¥ä¸Šæ˜¯å¯¼èˆª*/

.friendship{width: 100%;padding: 20px 0;background: #eaeaea;}
.friendship .tit{}
.friendship .tit h2{font-size: 26px;color: #272727;font-weight: bold;line-height: 42px;padding-bottom: 10px;}
.link{float: left;width: 800px;}
.link a{display: block;font-size: 14px;color: #272727;line-height: 28px;width: 25%;float: left;transition: all 0.3s ease;}
.link a:hover{color: #c30909;}
.com-mes{float: right;width: 250px;}
.com-mes p{float: left;width: 256px;text-align: right;}
.com-mes p span{display: block;font-size: 14px;line-height: 28px;color: #272727;}
.com-mes img{float: right;width: 92px;margin-top: -36px;}
/*ä»¥ä¸Šæ˜¯å‹æƒ…é“¾æŽ¥*/
.footer{width: 100%;background: #2e2e2e;padding-top:25px;padding-bottom: 45px;text-align: center; }
.footer .footer-nav{margin-bottom: 5px;}
.footer .footer-nav a{display: inline-block;font-size: 14px;line-height: 30px;margin: 0 25px;opacity: 0.8;}
.footer .footer-nav a:hover{opacity: 1;}
.footer p{font-size: 12px;color: #9f9f9f;line-height: 22px;text-align: center;transition: all 0.3s ease;cursor: pointer;}
.footer p:hover{color: #ddd;}
.footer a.kxwz{display: block;text-align: center;margin-top: 12px;}
.footer a.kxwz img{width: 129px;}











