@charset "gb2312";
/** 基础css重置 **/
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,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 "msyhl422459","微软雅黑",Srial, Verdana, Geneva, sans-serif, tahoma, helvetica, sans-serif;}
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; color:#000;}
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background-color:#fff;color:#666;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
 

/** 通用主题框架 **/
.contaier,.hm-box{width: 100%; margin: 0 auto; clear: both;}
.hm-warp{width: 1200px; margin: 0 auto; clear: both;}

/** header **/
.header .head-top{ height: 38px; border-bottom: 1px solid rgb(234, 234, 234); background-color: rgb(245, 245, 245); font-size:14px; line-height: 38px; color:#3d404c;}
.header .head-top .left{ float: left; }
.header .head-top .right{ float: right; }
.header .head-top a{ width: 23px; height: 23px; display: inline-block; border-radius: 50%; margin-right: 4px; overflow: hidden; vertical-align: middle; background-image: url('./css/icon.png');}
.header .head-top a.WB-icon{ background-position: 0px 0;}
.header .head-top a.QQ-icon{ background-position: -27px 0;}
.header .head-top a.mWeb-icon{ background-position: -54px 0;}
.header .head-top .Tel{ float: right; font-size: 24px; display: block; margin-left: 10px;}
.header .head-top .tel-icon{ width: 22px; height: 22px; float: left; display: block; margin: 10px 3px 0 0; background-image: url('tel.jpg');}

.header .head-main{height: 132px; position: relative;}
.header .head-main .logo{ width: 320px; height: 85px; display: block; float: left; margin: 20px 0 0 15px; background: url('logo.png');}
.header .head-main .search{width: 250px; position: absolute; top: 36px; left: 50%; margin-left: -200px; z-index: 2;}
.header .head-main .search .input{width: 250px; height: 36px; margin: 0 auto; border-radius: 18px; border: 1px solid #e04e8e; position: relative;}
.header .head-main .search .input:before{content: ''; width: 18px; height: 18px; display: block; background: url('./css/icon.png') -61px -35px; position: absolute; left: 15px; top: 50%; margin-top: -9px;}
.header .head-main .search .search_Frame{ width: 375px; height: 34px; float: left; border:0; background:none; font-size:14px; line-height: 34px; color:#333; padding-left: 50px; outline:medium;}

.header .head-main .search .search_btn{width: 67px; height: 34px; line-height: 34px; display: block; float: right; font-size: 16px; text-align: center; color: #e04e8e; position: relative;}
.header .head-main .search .search_btn:before{content: ''; width:1px; height: 24px; background-color: #e04e8e; position: absolute; left: 0; top: 50%; margin-top: -12px;}

.header .head-main .search .serach_txt,.header .head-main .search .serach_txt a{ font-size:16px; line-height: 16px; color:#8e8e8e; text-align: center; margin-top: 8px;}
.header .head-main .search .serach_txt a:hover{color:#e04e8e;}

.header .head-main .zs-icon{width: 479px;height: 125px;display: block;float: right;margin: 10px 8px 0 0;background: url('topright.png');}

/* Navs */
.Navs{height: 45px; background-color: #018c15;}
/*.Navs ul{width: 830px;height: 45px;margin: 0 auto;margin-left: 245px;}*/
.Navs li{width: 123px; height: 45px; line-height: 45px; float: left; text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all;}
.Navs li:hover{background-color: #5ce04e;}
.Navs li a{ font-size:18px; color:#fff;}
.Navs .Navs-list{width: 200px; background-color: #3a5100; position: relative; z-index: 2;}
.Navs .Navs-list .list{width: 200px; height: 550px; position: absolute; left: 0px; top: 45px; overflow:hidden;}

.Navs .Navs-list .list .list-l,.Navs .Navs-list .list .list-r{height: 550px; float: left; display: table;}
.Navs .Navs-list .list .list-r{ display: none}
.Navs .Navs-list a{width:100%; height: 45px; float: left; display: block;}
.Navs .Navs-list:hover{background-color: #00b019;}

.Navs .Navs-list .list-l{width: 200px; background: rgba(53, 123, 2, .8);}
.Navs .Navs-list .list-l li{width: 100%; float: left; padding-left: 40px;}
.Navs .Navs-list .list-l li:hover,.Navs .Navs-list .list-l li.active{background-color: #66e04e;}
.Navs .Navs-list .list-l li a{background-image: url('./css/icon.png');}
.Navs .Navs-list .list-l li:nth-child(1) a{background-position: -340px 9px;}
.Navs .Navs-list .list-l li:nth-child(2) a{background-position: -340px -42px;}
.Navs .Navs-list .list-l li:nth-child(3) a{background-position: -340px -83px;}
.Navs .Navs-list .list-l li:nth-child(4) a{background-position: -340px -132px;}
.Navs .Navs-list .list-l li:nth-child(5) a{background-position: -340px -177px;}
.Navs .Navs-list .list-l li:nth-child(6) a{background-position: -340px -221px;}
.Navs .Navs-list .list-l li:nth-child(7) a{background-position: -340px -264px;}
.Navs .Navs-list .list-l li:nth-child(8) a{background-position: -340px -310px;}
.Navs .Navs-list .list-l li:nth-child(9) a{background-position: -340px -353px;}
.Navs .Navs-list .list-l li:nth-child(10) a{background-position: -340px -400px;}
.Navs .Navs-list .list-l li:nth-child(11) a{background-position: -340px -445px;}
.Navs .Navs-list .list-l li:nth-child(12) a{background-position: -340px -491px;}

.Navs .Navs-list .list-r{width: 608px; background: rgba(255, 255, 255, .9); padding: 12px 32px; position: relative; }
.Navs .Navs-list .list-r li{ width: 100%; height: 502px; display: none; opacity: 0;}
.Navs .Navs-list .list-r li.active{ display: block; opacity: 1; background: none;}
.Navs .Navs-list .list-r li dt{font-size:30px; line-height: 40px; border-bottom: 1px solid #bababa; padding: 20px 10px 10px; text-align: left; margin-bottom: 10px;}
.Navs .Navs-list .list-r li dt h3{ font-weight: normal; color:#000;}
.Navs .Navs-list .list-r li dd{width: 33.3333%; height: 20px; overflow: hidden; float: left; margin-bottom: 10px;}
.Navs .Navs-list .list-r li:nth-child(6) dd{width: 25%;}
.Navs .Navs-list .list-r li dd a{font-size:15px; height: 20px; line-height: 20px; color:#626261; text-align: left; padding: 0 10px;}
.Navs .Navs-list .list-r li dd a:hover{color:#e04e8e;}
.Navs .Navs-list .list-r .pic{width: 450px; height: 220px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}


/* banner */
.banner{height:700px; overflow: hidden;}
.banner .swiper-container .swiper-slider{ height: 700px; overflow: hidden; position: relative; }
.banner .swiper-container a{height:700px; overflow: hidden; display: block; position: relative;}
.banner .swiper-container a img{opacity: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%) scale(1.05); -webkit-transform: translateX(-50%) scale(1.05); transition: 1s all; -webkit-transition: 1s all;}
.banner .swiper-slide-active a img{opacity: 1; -webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s 
linear 0s; transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1);}
.banner .swiper-pagination-bullet{ width: 12px; height: 12px; opacity: 1; background:#cccccc;}
.banner .swiper-pagination-bullet-active{background: #c0025a}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

.banner .pagt{ width: 1200px; height: 44px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 44px; height: 44px; opacity: 0;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{  background: url('./css/icon.png') -201px -286px; left: -10%}
.banner .swiper-button-prev:hover,.banner .swiper-container-rtl .swiper-button-next:hover{ background: url('./css/icon.png') -201px -338px;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{  background: url('./css/icon.png') -264px -286px; right: -10%}
.banner .swiper-button-next:hover,.banner .swiper-container-rtl .swiper-button-prev:hover{ background: url('./css/icon.png') -264px -338px; }



/* about */
.about .Navs .Navs-list .list{height: 0;}
.about .Navs .Navs-list:hover .list{ height: 550px; }
/* .about .Navs .Navs-list .list-l{background:rgba(123, 2, 54,1)}
.about .Navs .Navs-list .list-r{background:rgba(255, 255, 255,1)} */
.about .main{ position: relative; }
.about .leftSub{width: 289px; height: 548px; position: absolute; left: 0; top: -110px; background: url('../images/LeftSub-bg.png') no-repeat center top;}
.about .leftSub .list{ width: 275px; float: left; margin-top: 126px; }
.about .leftSub .list li{width: 100%; height: 43px; float: left; border-bottom: 1px solid #e1e1e1; padding-left: 22px;}
.about .leftSub .list li:before{ content: ''; width: 17px; height: 17px; border-radius: 50%; background: url('../images/LeftSub-libg.png') no-repeat center center,#fff; float: left; margin-top: 14px; margin-right: 10px;}
.about .leftSub .list li a{font-size:20px; line-height: 43px; color:#6d6d6d;}
.about .leftSub .list li:last-child{ border-bottom: 0;}
.about .leftSub .list li:hover,.about .leftSub .list li.hover{background-color: #ea4929}
.about .leftSub .list li:hover a,.about .leftSub .list li.hover a{color:#fff;}
.about .location{ width: auto; height: 40px; position: absolute; left: 330px; top: -40px; font-size:14px; line-height: 40px;  color:#fff;}
.about .location a{color:#fff;}
.about .rightCont{ width: 842px; float: right; margin-top: 40px;}



/* footer */
.footer{padding-top: 40px;}
.footer .brand{height: 599px; background: url('foot_topbg.jpg') center top; padding-top: 50px;}
.brand .swiper-container-v{background-color: #ffffff; padding: 85px 0 30px;}
.brand .swiper-slide{padding:0 14px}
.brand .swiper-slide li{width: 289px; height: 384px; float: left; margin-right: 5px; overflow: hidden; position: relative;}
.brand .swiper-slide li:last-child{margin-right: 0;}
.brand .swiper-slide li .txt{width: 100%; height: 76px; position: absolute; left: 0; bottom: 0; padding: 14px 0;}
.brand .swiper-slide li .txt p{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:16px; line-height: 24px; text-align: center; color:#fff;}


.brand .swiper-container-v00 .swiper-wrapper {transition-timing-function: linear;}
.brand .swiper-container-v00 .swiper-slide{width: 289px; height: 384px; float: left; margin-right: 5px; overflow: hidden; position: relative;}
.brand .swiper-container-v00 .swiper-slide:last-child{margin-right: 0;}
.brand .swiper-container-v00 .swiper-slide .txt{width: 100%; height: 76px; position: absolute; left: 0; bottom: 0; padding: 14px 0; opacity: 1; bottom: 0;}
.brand .swiper-container-v00 .swiper-slide .txt p{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:16px; line-height: 24px; text-align: center; color:#fff;}




.brand .swiper-container-v01 .swiper-wrapper {transition-timing-function: linear;}
.brand .swiper-container-v01 .swiper-slide{width: 289px; height: 384px; float: left; margin-right: 5px; overflow: hidden; position: relative;}
.brand .swiper-container-v01 .swiper-slide:last-child{margin-right: 0;}
.brand .swiper-container-v01 .swiper-slide .txt{width: 100%; height: 76px; position: absolute; left: 0; bottom: 0; padding: 14px 0; opacity: 1; bottom: 0;}
.brand .swiper-container-v01 .swiper-slide .txt p{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:16px; line-height: 24px; text-align: center; color:#fff;}
.brand .swiper-container-v02 .swiper-wrapper {transition-timing-function: linear;}
.brand .swiper-container-v02 .swiper-slide{width: 289px; height: 384px; float: left; margin-right: 5px; overflow: hidden; position: relative;}
.brand .swiper-container-v02 .swiper-slide:last-child{margin-right: 0;}
.brand .swiper-container-v02 .swiper-slide .txt{width: 100%; height: 76px; position: absolute; left: 0; bottom: 0; padding: 14px 0; opacity: 1; bottom: 0;}
.brand .swiper-container-v02 .swiper-slide .txt p{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:16px; line-height: 24px; text-align: center; color:#fff;}








.brand .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height: 54px; bottom: 445px; background-color: #3d3f4c; padding: 8px 15px 0;}
.brand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.brand .swiper-pagination-bullet{ width: 146px; height: 46px; float: left; background: none; border-radius: 0; opacity: 1; font-size:18px; line-height: 46px; text-align: center; color:#fff;}
.brand .swiper-pagination-bullet-active{background: #d2005a;}

.foot-nav{ padding: 40px 10px; display: table;}
.foot-nav .four_t{width: 25%; float: left; font-size: 24px; line-height: 78px; text-align: center; white-space: nowrap;}
.foot-nav .four_t i{width: 78px; height: 78px; display: block; float: left; border-radius: 50%; overflow: hidden; background: url('./css/foot_bg.jpg');}
.foot-nav .four_t:nth-child(1) i{ background-position: 0 -476px;}
.foot-nav .four_t:nth-child(2) i{ background-position: -82px -476px;}
.foot-nav .four_t:nth-child(3) i{ background-position: -162px -476px;}
.foot-nav .four_t:nth-child(4) i{ background-position: -243px -476px;}

.foot-nav .menu-list{width: 160px; padding-top: 36px; margin-right: 40px; float: left;}
.foot-nav .menu-list h3{font-size:20px; line-height: 24px; border-left: 2px solid #d2005a; padding-left: 10px; color:#000; margin-bottom: 10px; font-weight: bold;}
.foot-nav .menu-list li{width: 100%; float: left;}
.foot-nav .menu-list li a{font-size:15px; line-height: 30px; color:#666666;}
.foot-nav .menu-list li a:hover{color:#e04e8e;}
.foot-nav .menu-list .last-a{font-size:15px; line-height: 30px; color:#d2005a;}

.foot-nav .menu-list.doulde{width: 240px; margin-right: 50px;}
.foot-nav .menu-list.doulde li{ width: 50%;}

.foot-nav .focusUs{ padding-top: 36px; float: left;}
.foot-nav .focusUs .f-us{width: 127px; float: left; margin-right: 60px;}
.foot-nav .focusUs .f-us h3{font-size:20px; line-height: 44px; text-align: center; color:#000;}
.foot-nav .focusUs .f-us p{font-size:14px; line-height: 30px; color: #666666; text-align: center;}
.foot-nav .focusUs .f-us i{width: 127px; height: 127px; display: block;}
.foot-nav .focusUs .f-us.gzh i{background: url('foot_bg.jpg') no-repeat -2px -564px;}
.foot-nav .focusUs .f-us.web i{background: url('foot_bg.jpg') no-repeat  -133px -565px;}
.foot-nav .focusUs .f-us a{width: 42px; height: 42px; display: block; margin-left: 16px; float: left;}
.foot-nav .focusUs .f-us a.wb{background: url('foot_bg.jpg') no-repeat -1px -698px;}
.foot-nav .focusUs .f-us a.wx{background: url('foot_bg.jpg') no-repeat -44px -698px;}

.db-info{height: 220px; background: url('foot_bg.jpg') left top; padding: 36px 0;}
.db-info .logo{width: 320px; height: 85px;  float: left;  background: url('logo.png') }
.db-info .logo:before{content: ''; width: 1px; height: 148px; background-color: #585858; }
.db-info .main{width: 760px; float: left; margin-left: 40px;}
.db-info .main .fnav,.db-info .main .text{width: 100%; float: left;}
.db-info .main .fnav a{display: block; float: left; font-size:16px; line-height: 26px; color:#fff; margin: 20px 20px 10px 0;}
.db-info .main .fnav a:hover{color:#e04e8e;}
.db-info .main .text,.db-info .main .text a{font-size:14px; line-height: 26px; color:#ffffff;}