@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}

img{-webkit-box-sizing:border-box;box-sizing:border-box; max-width:100%;height:auto;vertical-align:middle;border:0;transition: all 0.3s;}

.els{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

/* 项目主体部分设置 */



body{ background-color:#fff;color:#555;max-width: 1920px;margin: 0 auto;}

a{color:#555;text-decoration:none;/*transition:color 0.2s linear 0s*/}

a:hover{color:#df0314;}

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden;transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99) }

.g-in { position: relative; width: 1280px; margin: 0 auto; }

.g-in:after { content: '\20'; display: block; height: 0; clear: both; }

.header { position: relative; top: 0; left: 0; right: 0; height: 95px; transition:transform 0.6s cubic-bezier(0.4,0,0.2,1); z-index: 15;background-color: #fff; }

.logo {position: relative;float: left;/* width: 420px; *//* height: 96px; */}

.fun { float: right; height:95px; }

.nav { float: left;  font-size: 16px; line-height:95px; }

.nav>li { position: relative; float: left; color: #fff; }

.nav> li> a {display: inline-block;height: 42px; padding: 0 21px;font-size: 18px;color: #333;line-height: 42px;}



 .nav>li.cur::after {position: absolute;left: 21px;bottom: 0;content: '';width: calc(100% - 42px);height: 4px;background-color: #df0314;} 



.nav li .shownav { position:absolute; left:-15%; top:95px; width:130%; visibility:hidden; font-size:14px; z-index:1; }

.nav li .shownav a { display: block; margin:0; padding:10px 10px; background: rgba(255,255,255,.76); color:#000; line-height:20px; text-align:center; border-bottom: 1px solid #cccccc;}

.nav li .shownav { transform:scale(0); }

.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease;position: relative;}

.nav li .shownav a:first-child {margin-top: 0;}

.nav li .shownav a:hover { color:#fff; background-color: #d50e25;}

.nav li:hover .shownav { visibility:visible; }

.nav li:hover .shownav{z-index:10; transform:scale(1);} 

.nav li:hover .shownav a{opacity:1; transform:none}

.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}

.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}

.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}

.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}

.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}

.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}

.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}

.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}

.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}

.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}

.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}

.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}

.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}

.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}

.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}

.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}

.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}

.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}

.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}

.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}



.fun-search { position: relative; float: left;width: 45px;  height: 95px; margin-right: 10px;}

.fun-search .fun-search-ico { display: block;height: 95px; background: url(search.png) no-repeat center;  }

.sys {float: left;width: 24px;height: 95px;}

.sys a {display: block;width: 24px;height: 95px;background: url(sys.png) no-repeat center;}


.fun-search form {position:absolute;top:95px;right:0;z-index: 18;width: 300px;display:none;border: 1px solid #df0314;background-color: #fff; z-index: 99; }

.fun-search input[type="text"]{width: 228px;height: 45px;line-height:38px;background:#fff;float:left;padding: 0 12px;font-size:14px;border: none;outline-style: none;box-sizing: border-box;}

.fun-search input[type="submit"]{width: 70px;height: 45px;background:#df0314;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 0;border-radius: 0;}



.banner1 { position: relative; width: 100%; z-index:0;}

.banner1 .swiper-banner .swiper-pagination {bottom: 125px;}

.banner1 .swiper-banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px;border-radius:50% ; background-color: #fff;margin: 0 11px;vertical-align: middle;}

.banner1 .swiper-banner .swiper-pagination .swiper-pagination-bullet-active { width: 40px;height: 40px; border: 2px solid rgb(255, 255, 255); background-color: transparent;}

.swiper-banner .swiper-pagination-bullet i {display: none;}

.swiper-banner .swiper-pagination-bullet-active i {display: block;font-size: 18px;font-family: "Arial";color: #fff;line-height: 44px;}

.swiper-banner .swiper-slide img {width: 100%;display: block;}

.swiper-banner .swiper-slide .text {position: absolute;top: 80%;left: 0; width: 100%; transform: translateY(-50%);text-align: center;transition: all 1s .4s;opacity: 0;}

.swiper-banner .swiper-slide .text i {display: block;font-size: 42px;color: #fff;font-weight: 700;}
.swiper-banner .swiper-slide-active .text {top: 50%;opacity: 1;}

.swiper-banner .more {position: absolute;bottom: 45px;left: 50%;transform: translateX(-50%);z-index: 11;cursor: pointer;}

.swiper-banner .more i {display: block;font-size: 16px;font-family: "Arial";color: #fff;text-align: center;}



.footer {background-color: #474747;}

.footer .f-link {border-bottom: 1px solid #5f5e5e;color: #999;font-size: 16px;padding: 16px 0;}

.footer .f-link a {color: #999;margin: 0 10px;}

.footer .f-link a:hover {color: #fff;}

.footer .f-a {padding-bottom: 65px;}

.footer .f-nav dl {float: left;margin-right: 65px;}

.footer .f-nav dl dt {font-size: 16px;color: rgba(255, 255, 255, 0.769);font-weight: bold;line-height: 30px;padding: 9px 0;}

.footer .f-nav dl dd {line-height: 34px;}

.footer .f-nav dl dd a {font-size: 14px;color: rgba(255, 255, 255, 0.271);}

.footer .f-nav dl dd a:hover {color: #fff;}

.footer .f-contact {width: 260px;text-align: right;}

.footer .f-contact dl dt {font-size: 16px; color: rgb(255, 255, 255);line-height: 32px;padding: 9px 0;}

.footer .f-contact dl dd {font-size: 16px; color: #999999;line-height: 30px;}

.footer .f-contact dl.tel dd {font-size: 30px; font-family: "Arial";color: rgba(214, 214, 214, 0.58);}

.f-wechat { position: relative;width: 38px;height: 38px;display: inline-block;text-align: right;  cursor: pointer;margin-top: 10px;}

.f-wechat span { display: none; position: absolute; top: -130px; right: 0%;z-index: 1;width: 115px;height: 115px;background-color: #fff; }

.f-wechat span img {width: 115px;height: 115px;}

.f-wechat:hover span { display: block; }

.footer .copyright {border-top: 1px solid #5f5e5e;padding: 10px 0;}

.footer .copyright .p {line-height: 20px;font-size: 14px; color: rgba(255,255,255,.2);}

.footer .copyright a {color: rgba(255,255,255,.2)}

.footer .copyright a:hover {color: #fff;}

#dituContent  img{max-width:none}