@charset "utf-8";
/* CSS Document */
body{font-size:16px;background:#fff;font-family:frutigernext,"microsoft YaHei",Arial,Helvetica,scans-serif;line-height: 28px}
div{display: block;}
body,ul,li,dd,dt,dl,h1,form,inpout,p,h2,h3{padding:0;margin:0;display: block;}
h1{font-size: 28px;line-height: 48px;margin-top: 0;margin:0.3em 0;}
p{display: block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;}
ul,dl{list-style:none;}
a{text-decoration:none;color:#696969;}
a:hover{color:#747474;text-decoration:none;}
img{border:none;text-align: center;margin: 0 auto}
input{vertical-align:middle}
select,input{ vertical-align:middle;}
.undis{display:none}

.header{position: relative;transition: top .3s ease-out;z-index: 99;box-sizing: border-box}
.header-top{position: relative;width: 100%;max-width: 1280px; height: 28px;margin:0 auto}

.header-wrapper{position: relative;background: #fff;transition: all 0.4s cubic-bezier(0.23,1,0.32,1);top: 0; width: 100%; height: auto; padding: 6px 0; border-bottom: 1px solid #e5e5e5;box-shadow: 0px 2px 8px rgba(0,0,0,0.1);visibility: visible;display: block;box-sizing: border-box;}
.header-nav{position: relative; width: 100%;display: block;box-sizing: border-box;}
.nav-w{position: relative; width: 100%;max-width: 1280px;height: 40px;  margin:0 auto;padding:0px;display: block;box-sizing: border-box;line-height: 0}
#logo{position: relative; overflow: hidden; float: left;display: block;box-sizing: border-box;}

.header .nav{#position:absolute; width:auto;margin-left: 40px;display: inline-block;overflow: hidden;visibility:visible;box-sizing: border-box;}
.nav .nav-item{float:left;padding:0px 20px;display: block}
.nav .nav-item>a{position: relative;float:left; box-sizing: border-box;color: #323232;cursor: pointer;display:block;height: 46px;line-height: 40px;overflow: hidden;padding: 0 ;;text-decoration: none;border-bottom: 2px solid transparent;transition: .3s border-color,.3s color;text-align: center;}

.header .sublayer{position:absolute; top:-1000px;margin-left:-25px;margin-top:46px;display: block;background-color: #fFfFfF;//background: rgba(255,255,255,0.99);box-shadow: 0 0 16px rgba(0,0,0,0.2);border-top: 1px solid #f2f2f2;transition:  top .3s cubic-bezier(.86,0,.07,1),opacity .3s;box-sizing: inherit;overflow: hidden;border: inherit;z-index:-1;}
.nav>li>a:hover{border-bottom: 2px solid #cb3034;color: #e22835;}
.nav>.active>a{border-bottom: 2px solid #cb3034;color: #e22835;}
.header-nav>.nav-w>.nav>.active>.sublayer{visibility: visible;top :0px;transition: top .3s cubic-bezier(.86,0,.07,1),opacity .3s;display: block}

.nav .sublayer .rowsublayer{width:100%;text-align: left;padding: 0 25px;margin: 25px 0;overflow: hidden;display: block;box-sizing: border-box}

.nav .sublayer .rowsublayer li>a:hover{color:steelblue;text-decoration: underline}

.nav .subnav_list .subnav_item{width: 100%; text-align: left; font-size:16px;line-height: 28px;color:#6F7479;display: block;margin: 0;padding: 0;}
.nav .sub-title{width: 100%;display: block text-align: left; font-size:16px;line-height: 28px;color:#cb3034;display: block;margin: 0;padding: 0;margin-bottom: 5px;margin-bottom: 1px solid #dee0e8;}
.nav .sub-title>a{width: 100%; text-align: left; font-size:16px;line-height: 28px;color:#e22835;display: block;margin: 0;padding: 0;margin-bottom: 5px;margin-bottom: 1px solid #dee0e8;}






/*****banner**************/
.index-banner{position: relative; width:100%;height: 480px;overflow: hidden;z-index: 10}
/*.index-banner .swiper-container{width:100%;height: auto !important;overflow: hidden;}*/
.index-banner .banner-pages{width: 100%;height:480px;text-align: center;position:relative;overflow:hidden}
.index-banner .active{visibility: visible;}
.index-banner .banner-tabs{z-index:10;position:absolute;bottom:5%;float: left; left:0px;width:100%;text-align:center;}
.index-banner .banner-tabs>li{border-radius:2px;width:12px; height:12px;text-align:center;border:1px solid rgb(255,255,255); background:rgb(0,0,0); margin:0 3px;opacity:0.3;filter:alpha(opacity=30);display:inline-block;cursor:pointer;padding: 0}/*line-height:18px;color:rgb(204, 204, 204);}*/
/*.index-banner .banner-tabs li:hover {background:#f00;filter:alpha(opacity=100);opacity:1}*/
.index-banner .banner-tabs>.active{background:#f00;filter:alpha(opacity=100);opacity:1}
/*.index-banner .banner-tabs li:active {background:#000;filter:alpha(opacity=100);opacity:1}*/
.index-banner .banner-page a img{border: 0; display: block;text-align: center;box-sizing: inherit;height: 100%}

.index-banner .banner-page { min-width:100px; overflow: hidden;float:left;height:480px;}
/*.index-banner img{z-index: 1; float:left;position:absolute;width:1600px;height:320px;align-self:center;}*/



.index-banner .banner-arrow {position: absolute;width: 10%;height: 100%;top: 0;cursor: default;display: none;margin-left: -20px;}
.index-banner .banner-arrow>.arrow{position: absolute;top:50%;left:50%;margin-left: -20px;margin-top: -30px;display: block;font-family: serif,Monaco,"隶书";font-size: 72px;text-align: center;line-height: 1;color: #666;}
.index-banner .banner-arrow.prev{left:0;}
.index-banner .banner-arrow.next{right:0;}

.index-banner:hover .banner-arrow{display: block;cursor: pointer;}
.index-banner .banner-arrow:hover>.arrow {background: rgba(102,102,102,.4);color: #fff;border-radius: 3px;}

/*mainbody news*/

.mainbody-news {position: relative; width: 100%;background-color:aliceblue;overflow: hidden;}
.mainbody-news .mn-win{position:relative;max-width: 1280px;padding-top: 10px;padding-bottom: 10px;margin: 0 auto;display:block;overflow: inherit;}
.mn-label{position: relative;float:left; display:block;width: auto; padding-left: 10px;font-size: 18px;color:brown}
.mn-content{position:relative;width: 50%; float:left;overflow: hidden;display:block;height: 27px;}
.mainbody-news .mn-content>a{width:100%;float:left;overflow: hidden;display:block;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;padding-left: 5px;}

.mn-win:before{content:" ";display: table;clear:both;}
.mn-win:after{content:" ";display: table;clear:both;}

/*mainbody-hotpointer*/
.mainbody-hotpointer{position: relative;width:100%;max-width: 1280px;margin: 10px auto;display: block;overflow: hidden}
.mh-win{position: relative;margin:0;display: inline-block;width: 33.3333%;float: left;text-align: left;box-sizing: border-box;font-size: 14px;padding: 0 5px;overflow: inherit;color:#333}

.mh-img{margin:0;padding: 0;overflow: hidden;}
.mh-img a img{transition:all 0.5s;width: 100%}
.mh-img a img:hover{transform: scale(1.1,1.1);}
.mh-content{background: #ededed;padding: 10px 8% 15px}
h4{font-size:100%;font-weight: normal;margin: 0;padding: 0;border: 0;display: block;}
.mh-content h4>a{font-size: 16px;color: #008fd5;margin-bottom: 0px;}
.mh-content p{font-size: 14px;color: #0000;line-height: 1.5;padding-bottom: 1em;max-height: 7.5em; padding-top: 1em;overflow: hidden;text-align: justify;box-sizing: border-box;}
.mh-content>a{ width: 100%;display: none;text-align: right;color: #008fd5;}


.footer{position: relative;z-index: 500;background: #272727;color: #FFF;width: 100%;box-sizing: border-box}
.footer-linker{position: relative;width: 100%!important;height:inherit ;box-sizing: border-box}
.footerlinkerwindow{position:relative;width: 100%!important;max-width: 1280px;margin: 0 auto;font-size: 16px;line-height: 28px;;box-sizing: border-box;padding-top: 30px;padding-bottom: 10px}
.footerlinkerwindow:before{content:" ";display: table;}
.footerlinkerwindow:after{content:" ";display: table;clear: both;}
.flw_col{position: relative;float:left;width: 25%;text-align: center}


hr{width: 100%; margin:10px auto;margin-top: 10px;margin-bottom: 10px;border: 0;border-top: 1px solid #eeeeee;box-sizing: content-box;height: 0;display:block;}
.zt1_hr{border-color: #424141;}
.footer .bottom{position: relative; width:100%!important;max-width: 1280px;margin:0 auto;font-size: 14px;box-sizing: border-box; overflow: hidden}
.bottom-left{position: relative;width:70%;float: left; box-sizing: border-box;color: #ccc;padding:0px 0px 20px 10px;display: inline-block;}
.bottom-right{position: relative; width:30%;float: left; box-sizing: border-box;text-align:right;color: #ccc; padding:0px 10px 20px 10px;display: block; }
.footer .bottom-right a:not(:last-child):after{content:'|';padding-left:10px}
.footer a{color:#CCC;display: inline-block}
*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing: inherit;}
.cf:after,.cf:before{content:" ";display: table;line-height: 0;}
.cf:after{clear: both;}
.cf{*zoom:1;}

/*#mainbody{width: 100%;height: 320px;}
#footer{width:100%;height: 400px;}
*/