@charset "utf-8";

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; } body, button, input, select, textarea {-webkit-text-size-adjust: none; font: 14px/1.5 Arial, "Microsoft YaHei", sans-serif; } h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; } address, cite, dfn, em, var {font-style: normal; } ul, ol, li {list-style: none; } a {text-decoration: none; } legend {color: #000; } fieldset, img {border: 0; vertical-align: top; } section, article, aside, header, footer, nav, dialog, figure {display: block; } figure {margin: 0; } button, input, select, textarea {font-size: 100%; } table {border-collapse: collapse; border-spacing: 0; } 
.wrap, .w2 {position: relative; width: 1200px; margin: 0 auto; }
/*.w2 { position:relative; width:1200px; margin:0 auto;}*/
.clearfix:after, .fix:after {content: '\20'; display: block; height: 0; clear: both; }
.clearfix, .fix {*zoom: 1; }
a:hover {text-decoration: none; color: #023b94; }
a {blr: expression_r(this.onFocus=this.blur()); }
a {outline: none; color: #000; }
*, *:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*:focus {outline: none; }
.fl {float: left; }
.fr {float: right; }
.nav {margin-top: 15px; }
.nav ul {float: left; }
.nav li {position: relative; float: left; }
.nav li + li {margin-left: 5px; }
.nav li:before, .nav li:after {opacity: 0; content: ""; display: block; width: 9px; height: 9px; position: absolute; border-top: 1px solid #e7141a; }
.nav li:before {left: -3px; top: -3px; border-left: 1px solid #e7141a; }
.nav li:after {right: -3px; top: -3px; border-right: 1px solid #e7141a; }
.nav li:hover:before, .nav li.current:before  {animation: scaleLeftOutIn 2s; opacity: 1; }
.nav li:hover:after, .nav li.current:after {animation: scaleRightOutIn 2s; opacity: 1; } 
@keyframes scaleLeftOutIn {
     0%, 40%, 80% {opacity: 0; left: 0px; top: 0px; }
     20%, 60%, 100% {opacity: 1; left: -5px; top: -5px; }
 }
 
 @-moz-keyframes scaleLeftOutIn {
     0%, 40%, 80% {opacity: 0; left: 0px; top: 0px; }
     20%, 60%, 100% {opacity: 1; left: -5px; top: -5px; }
 }
 
 @-webkit-keyframs scaleLeftOutIn {
     0%, 40%, 80%; {opacity: 0; left: 0px; top: 0px;}
     20%, 60%, 100% {opacity: 1; left: -5px; top: -5px;}
 }
 
 @-o-keyframes scaleLeftOutIn {
     0%, 40%, 80%; {opacity: 0; left: 0px; top: 0px;}
     20%, 60%, 100% {opacity: 1; left: -5px; top: -5px;}
 }
 
 @keyframes scaleRightOutIn {
     0%, 40%, 80% {opacity: 0; right: 0px; top: 0px; }
     20%, 60%, 100% {opacity: 1; right: -5px; top: -5px; }
 }
 
 @-moz-keyframes scaleRightOutIn {
     0%, 40%, 80% {opacity: 0; right: 0px; top: 0px; }
     20%, 60%, 100% {opacity: 1; right: -5px; top: -5px; }
 }
 
 @-webkit-keyframs scaleRightOutIn {
     0%, 40%, 80%; {opacity: 0; right: 0px; top: 0px;}
     20%, 60%, 100% {opacity: 1; right: -5px; top: -5px;}
 }
 
 @-o-keyframes scaleRightOutIn {
     0%, 40%, 80%; {opacity: 0; right: 0px; top: 0px;}
     20%, 60%, 100% {opacity: 1; right: -5px; top: -5px;}
 }

.nav li h5 {font-size: 16px; color: #333; font-weight: bold; padding: 33px 30px; position: relative; -webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;}
.nav li h5:before {content: ''; display: block; position: absolute;left: 50%; top:50%; width: 0; height: 0;background: #e7141a; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: -1}
.nav li h5 span {font-size: 12px; color: #fff; font-weight: normal; display: block; }
.nav li:hover h5{color: #fff; -webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;}
.nav li:hover h5:before{width: 100%; height: 100%;left: 0; top: 0;opacity: 1; -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.nav li.current h5 {background: #e7141a; color: #fff; }
.nav .searchSet {background: url(../images/icon_01.png) no-repeat left top; width: 14px; height: 14px; display: inline-block; float: left; margin: 38px 37px 0 18px; cursor: pointer; }
.nav .searchSet:hover {background-position: left bottom; }
.nav .lang {width: 28px; height: 28px; background: #666; border-radius: 15px; display: inline-block; font-size: 12px; line-height: 28px; text-align: center; float: left; margin-top: 31px; }
.nav .lang:hover {background: #e7141a; }
.nav .lang a {color: #fff; } 
.searchSet {position: relative; } 
.searchSet i {width: 15px; height: 15px; float: left; overflow: hidden; background: url(../images/icon_22.png) no-repeat center center; display: inline-block; cursor: pointer; margin: 39px 0; }
.searchSet i:hover {opacity: .7; }
.searchSet:hover .search-form, .searchSet:hover .search-form button, .searchSet:hover .search-form input {height: 30px; -webkit-transition: .6s ease; -o-transition: .6s ease; transition: .6s ease; visibility: visible; }
.search-form {position: absolute; right: -19px; top: 29px; height: 0; width: 210px; -webkit-transition: .6s ease; -o-transition: .6s ease; transition: .6s ease; border-radius: 5px; background: #eee; visibility: hidden; display: block; }
.search-form div, .search-form input, .search-form button {float: left; }
.search-form input {width: 158px; height: 0px; color: #000; border: none; background: none; line-height: 2; vertical-align: middle; font-size: 12px; } 
.search-form button {position: relative; width: 30px; height: 0px; background: url(../images/icon_01.png) no-repeat center 6px; cursor: pointer; text-indent: -999em; border: none; display: block; } 
.search-form button:hover {background-position: center -38px; }
.banner {position: relative; width: 100%; height: 808px; overflow: hidden; background: #fff; }
.banner .bd {position: relative; left: 50%; width: 1920px; margin-left: -960px; text-align: center; }
.banner .bd li,
.banner .bd li a {display: block; width: 100%; height: 100%; }
.banner .hd {display: none; position: absolute; bottom: 13px; left: 50%; width: 1000px; margin-left: -500px; height: 15px; text-align: center; }
.banner .hd li {display: inline-block; width: 15px; height: 15px; margin: 0 8px; background: url(../images/mb-bannerbtn.png) no-repeat; text-indent: -999em; overflow: hidden; cursor: pointer; }
.banner .hd li.on {background: url(../images/mb-bannerbtn-on.png) no-repeat; }
.banner img {transition: 1.5s ease-in-out; opacity: 1; }
.banner .hover img {opacity: 0; }
.footer {background: #000; padding: 29px 0 6px; }
.footer .cp {display: table; margin: 11px 0 25px; }
.footer .cp img {margin-right: 7px; }
.footer .cp .cp0 {display: table-cell; vertical-align: bottom; }
.footer .cp p, .footer .cp a {font-size: 12px; color: #bbbbbb; }
.footer .cp a:hover {color: #e7141a; }
.footer .fn dl {float: left; }
.footer .fn dl + dl {margin-left: 66px; }
.footer .fn dl dt a {font-size: 14px; color: #bbbbbb; display: block; margin-bottom: 8px; }
.footer .fn dl dd a {font-size: 12px; color: #525252; font-family: "Simsun"; display: block; margin-bottom: 4px; }
.footer .fn dl dt a:hover, .footer .fn dl dd a:hover {color: #e7141a; }
.fudong {position: fixed; right: 0; bottom: 30%; width: 89px; }
.fudong a {width: 89px; height: 88px; margin-bottom: 2px; background: #e7141a; padding-top: 63px; font-size: 14px; color: #fff; text-align: center; display: block; }
.fudong a.onlineQQ {background: #e7141a url(../images/icon_02.png) no-repeat center 15px; }
.fudong a.backTop {background: #e7141a url(../images/icon_03.png) no-repeat center 26px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.fudong a.backTop:hover {background-position: center 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }