@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
@font-face {
    font-family: "bg";
    src: url("../fonts/bg.woff2") format("woff2"),
    url("../fonts/bg.woff") format("woff"),
    url("../fonts/bg.ttf") format("truetype"),
    url("../fonts/bg.eot") format("embedded-opentype"),
    url("../fonts/bg.svg") format("svg");
}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
/*初始化开始*/
*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none !important;color: #333;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%;}

.overflow{white-space:nowrap; overflow:hidden;}
.overflow-text{white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.overflow-text2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow:hidden;}

.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
    color: #333;
}
/*手机下拉导航*/
/*header .sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:100px;z-index:9999; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:35px;display:block; padding:0; background:#000000; text-align:center; margin-bottom:2px;}
header .sjdnav li a{display:block; color:white; line-height:35px; }
header .sjdnavhide{ height:0; overflow:hidden;}*/
/**/
/*内页下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{cursor:pointer;font-size:24px;color:white;background: #666;}
.subNav h5{font-size:18px;line-height:35px;display:inline;  margin-left: 5%;}
.subNav span{line-height:35px;margin-right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent>li{background:#e3e3e3;}
.navContent>li:hover{background: #dcdbdb;}
.navContent>li:hover>a{color: white;}
.navContent>li>a{display:block;font-size:16px;line-height:30px;color:#333;margin:3px 0 0 20%;
}
.subNav h5 b{margin:0 10px;line-height: 35px;}
.subNav h5 small{line-height: 45px;text-transform: uppercase;margin-left: 5px;color: white;font-size: 12px}
/**/
/*手机底部*/
.hot{width:100%; height:58px; background: #222222; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row > div.col-xs-3.text-center{ position: relative;}
.hot .row > div.col-xs-3.text-center:before,
.hot .row > div.col-xs-3.text-center:after{ content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0;}
.hot .row > div.col-xs-3.text-center:before{ left: 0; background: rgba(255,255,255,0.4);}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }
/**/
.container-fluid{
    max-width: 1200px;
}
.header-top{transition: all .5s linear;background: #464646;}
.header-top>div>p{font-size: 12px;line-height: 30px;color: white;}
.header-top>div>p>span{display: inline-block;margin-right: 10px;}
.top-wx>a{display:inline-block;width: 25px;height: 25px;margin: 0 10px;}
.top-wx{margin-top:3px;max-width: 180px;}
.btn{padding: 2px 6px;font-size: 13px;border-radius: 20px}
.form-control{height: 24px;border-radius: 20px}
.dex{line-height: 30px;font-size: 12px;margin-right: 10px;color: white;}
.dex>span{display: inline-block;margin-right: 10px;}
.container-fluid{max-width: 1200px;}
.logo{
    padding: 0;
    line-height: 90px;
    z-index: 33;
    position: relative;
    width: 175px; background: #c31d14; text-align: center;
}



.header2{background:url("../images/heard_01.jpg") top center repeat;}
.header2 .navbox{
    position: relative;
    height:90px;
    z-index: 999;
    width: calc(100% - 175px);
    width: -webkit-calc(100% - 175px);
    width: -moz-calc(100% - 175px);
    width: -ms-calc(100% - 175px);
}
.header2 .navbox .nav_tel{ width: 210px; float: right; overflow: hidden; margin-top: 27px; }
.header2 .navbox .nav_tel p{ background: #c31d14; font-size: 14px; line-height: 35px; color: #fefefe; text-align: center; }
.header2 .navbox .nav_tel p img{ position: relative; top: -3px; margin-right:8px; }
.header2 .navbox .nav_tel p span{font-size: 18px; font-weight: bold;}

.header2 .navbox nav { float: left;
   width: calc(100% - 210px);
    width: -webkit-calc(100% - 210px);
    width: -moz-calc(100% - 210px);
    width: -ms-calc(100% - 210px);
}
.header2 .navbox  nav ul{background: none; margin: 0;}
.header2 .navbox nav>ul>li{
    position: relative;
    width:calc(100%/8);
    transition: all 0.3s;
    height: 90px;
}
.header2 .navbox  nav>ul>li>a{ display: block;
    margin: 0 auto;
    color:#FFFFFF;
    font-size: 15px;
    line-height: 90px;}

.header2 .navbox nav li:hover>a{ color: #c31d14;}
.hover{ color: #c31d14 !important; }
.header-top{
    font-size: 12px;
    color: #666666;
    height: 30px;
    overflow: hidden;
}
.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}
.header2 .navbox  nav li ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background:white;
}
.header2 .navbox nav li ul li {
    width: 100%;
    background: none;
}
.header2 .navbox nav li ul li a {
    line-height: 40px;
    background: none;
    display: block;
}
.header2 .navbox nav li ul li:hover>a{color: white;background: #161a2b;}



/*.icon-menu{
    position: relative;
    margin-right: 0px;
    margin-top: 20px;
    border: none;
    border-radius: 0px;
    background: none;
    padding: 6px 10px !important;
    z-index: 9999;
}
.icon-bar {
    background-color:  #666666;
    display: block ;
    width: 40px;
    height: 8px;
    border-radius:0;
    margin: 3px 0;
}
*/

/**/
.top-ban{background: url("../images/bj1_03.jpg") no-repeat center; background-size: cover; padding-bottom: 20px; }
.b-top{padding: 80px 0;}
.b-top>h4{font-size: 25px;color: white;line-height: 30px;margin-bottom: 15px;}
.b-top>h3{font-size: 44px;color: white;text-shadow: #333;}
.top-ban-box{position: relative;overflow: hidden;}
.ban-top{ width: 100%; overflow: hidden; }
.ban-top .img{padding-top: 73.3%;}

.top-slide{position:absolute;width: 100%;height:100%;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.65);}
.top-x{position: relative;overflow: hidden;height: 100%}
.top-x>h4{position: absolute;top: 0;left: 0;bottom: 0;right:0;margin: auto;width: 230px;height: 90px;background: url("../images/top-slide_03.png")center center no-repeat;color: white;z-index: 33;text-align: center;font-size: 18px;line-height: 90px;}
.swiper-container2 li a{display: block;}
.ban-bot{height:100px;}
.ban-bot-main{background: #222222;padding: 0 10px; opacity: 0; transition: all 0.3s; color: #FFFFFF; }
.ban-bot-main>span{font-size: 20px;line-height: 100px;}
.ban-bot-main>div{line-height: 100px;}
.ban-bot-main>div>span{display: inline-block;line-height: 40px;width: 120px;color: #FFFFFF; background: #c31d14;text-align: center;font-size: 13px; border-radius: 4px; }
.swiper-container2 li a:hover .top-slide{display: none;}
.swiper-container2 li a:hover .ban-bot-main{ opacity: 1; }
.top-main{position: relative;}

.swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-button-next{ width: 54px; height: 54px; border-radius: 50%; background-color: #FFFFFF; background-size: 14px auto;}
.swiper-container2 .swiper-button-disabled{}




/**/
.pa-1{margin-top: 30px;}
.tittle{margin: 50px 0;}
.tittle>h4{text-align: center;font-size: 24px;color: #000;}
.tittle>h3{text-align: center;font-size: 32px;background: url("../images/t-bj_03.png")center center no-repeat;margin-top: 10px;}
.pa-1-tit>span{display: inline-block;width: 120px;height:40px;line-height:40px;text-align: center;color: white;background: #222222;margin: 0 5px;cursor: pointer;border-radius: 5px;margin-bottom: 10px; color: #FFFFFF; }
.pa-1-tit{text-align: center;margin-bottom: 30px;}
.pa-1-tit>span:hover{background: #c31d14;}
.pa-1-tit>.active{background:#c31d14;}
.pa1-left>h4{font-size: 23px;}
.pa1-left>span {
    width: 70px;
    height: 4px;
    background: #666666;
    display: inline-block;
    margin: 20px 0;
}
.pa1-left .ab_p{ font-size: 13px; line-height: 30px; color: #666666; max-height: 150px; overflow: hidden; }
.pa1-left p{font-size: 13px; line-height: 30px; color: #666666;}
.pa1-left>a{display: inline-block;width: 120px;height:40px;line-height: 40px;background: #222222;text-align: center;color: white;border-radius: 5px;margin-top: 20px;}
.pa1-left>a:hover{ background: #c31d14;}
/**/
.pa1-right{background: url("../images/ab-right_03.png")top center no-repeat;background-size: 100% 100%;}
.pa1-right-main{padding:30px 15px 30px 15px;position: relative;}
.banner{width:100%; padding: 0;position: relative;overflow: hidden;}
.swiper-banner{margin: 0 auto; position: relative;overflow: hidden;}
.ban_img {width:100%; padding-top:42.93%; position:relative; transition-duration: 5s;}
.swiper-pagination-bullet{ background:#666666; box-shadow:none; z-index: 6;}
.swiper-pagination{bottom: 0;left: 50%;}
.pa-1-main>div{display: none;}
.pa-1-main>.block{display: block;}
/**/
.pa-2{margin-top: 120px;}
.pa2-box{position: relative;overflow: hidden;}
.pa2-top{ position: relative; width: 68px; height: 68px; overflow: hidden; background: #222222; border-radius: 50%; transition: all 0.3s; margin: 10px auto; }
.pa2-list>a:hover .pa2-top{ background: #c31d14;}

.pa-2{background: #efefef;padding: 80px 0;}
.pa2-bot>h4{text-align: center;font-weight: bold;color: #000;font-size: 14px;line-height: 30px}
.pa2-bot>p{font-size: 13px;color:#666666;line-height: 24px;overflow: hidden;word-break: break-all;  display: -webkit-box;-webkit-line-clamp:4;  /*限制在一个块元素显示的文本的行数*/  -webkit-box-orient: vertical; height: 96px; text-align: center;}
.pa2-list>a:hover .pa2-bot>h4{color: #e97421;}
/**/
.pa-3{margin-top: 30px;}
.pa3-top{padding-top: 78.26%; transition: all 0.5s; }
.pa3-list{ float: left; width: 25%; padding: 8px; }
.pa-3-tit>span{display: inline-block;width: 120px;height:40px;line-height:40px;text-align: center;color: white;background: #222222;margin: 0 5px;cursor: pointer;border-radius: 5px;margin-bottom: 10px; color: #FFFFFF; }
.pa-3-tit{text-align: center;margin-bottom: 30px;}
.pa-3-tit>span:hover{background: #c31d14;}
.pa-3-tit>.active{background:#c31d14;}
.pa3-list a:hover .img{ transform: scale(1.1);}

.pa-3-main>div{display: none;}
.pa-3-main>.block{display: block;}
.pa3-box{position: relative;overflow: hidden;}
.pa-3-bot>h4{font-size:14px;line-height: 45px;overflow: hidden;word-break: break-all;  display: -webkit-box;-webkit-line-clamp:1;  /*限制在一个块元素显示的文本的行数*/  -webkit-box-orient: vertical;}
.pa-3-bot>div>p{display: inline-block;font-size: 13px;}
.pa-3-bot>div>span{display: inline-block;background: #222222;color: white;font-size: 12px;padding: 5px 10px;border-radius: 5px; transition: all 0.3s; }
.pa-3-bot>div{margin-top: 40px;}
.pa-3-bot{padding: 15px;}
.pa3-list>a{display: block;border: 1px solid #cecece;}
.pa3-list>a img{transition: all .3s linear; }
.pa3-list>a:hover img{-moz-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);transition: all .3s linear; }
.pa3-list>a:hover .pa-3-bot>h4{color: #c31d14;}
.pa3-list>a:hover .pa-3-bot>div>span{ background: #c31d14;}

    /**/
.pa-4{margin: 30px 0 85px 0;}
.h-charm{padding-bottom:110px;}
.h-charmlist{margin-top:6%;position:relative;}
.h-charmlist .item{width:14.66666%;overflow:hidden;position:relative;float:left;display:block;}
.h-charmlist .item .word,.h-charmlist .item .mask{width:100%;position:absolute;left:0;background:rgba(0,0,0,0.5);}
.h-charmlist .item .word{color:#fff;line-height:20px;opacity:0;visibility:hidden;bottom:0;}
.h-charmlist .item .word .box{padding:13px 30px;}
.h-charmlist .item .word .title{height:30px;line-height:30px;font-weight:bold;padding-left:40px;font-size:16px;margin-bottom:5px;background-repeat:no-repeat;background-position:0 50%;}

.h-charmlist .item .mask{top:0;height:100%;}
.h-charmlist .item .mask .cont{position:absolute;width:80px;height:60px;top:50%;margin-top:-30px;left:50%;margin-left:-40px;font-size:16px;font-weight:bold;color:#fff;text-align:center;}
.h-charmlist .item .mask em{width:30px;height:30px;display:block;margin:0 auto 10px;background-position:center;background-repeat:no-repeat;}
.h-charmlist .item:nth-child(1) .word .title,
.h-charmlist .item:nth-child(1) .mask em{background-image:url(../images/c2-p4_03.png);background-size: 30px auto;}
.h-charmlist .item:nth-child(2) .word .title,
.h-charmlist .item:nth-child(2) .mask em{background-image:url(../images/c1-p4_03.png);background-size: 30px auto;}
.h-charmlist .item:nth-child(3) .word .title,
.h-charmlist .item:nth-child(3) .mask em{background-image:url(../images/c-p1_06.png);background-size: 30px auto;}
.h-charmlist .item:nth-child(4) .word .title,
.h-charmlist .item:nth-child(4) .mask em{background-image:url(../images/c4-p4_03.png);background-size: 30px auto;}
.h-charmlist .item.hover{width:56%;}
.h-charmlist .item.hover .mask{display:none;}
.h-charmlist .item.hover .word{opacity:1;visibility:visible;}
.h-charmlist .item.hover, .h-charmlist .item, .h-charmlist .item .word, .h-charmlist .item.hover .word{-webkit-transition: all .5s;transition: all .5s;}
.h-charmlist .item .word .box{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);transition:all .5s ease-out;-webkit-transition:all .5s ease-out;}
.h-charmlist .item.hover .word .box{-webkit-transform:translate(0,0);transform:translate(0,0);}
/**/
.pa-5{background:#292929;padding:50px 0;}
.pa-5-tit1{ font-size: 30px; line-height: 35px; color: #FFFFFF; font-family: arial; }
.pa-5-tit2{ font-size: 30px; line-height: 35px; color: #FFFFFF; margin-bottom: 30px; }
.pa_lf{ padding: 0;}
.pa_lf .fp_lf_li{ width: 50%; float: left; padding: 10px;}
.pa_lf .fp_lf_li img{ float: left; margin-right: 10px; position: relative; top: 2px; }
.pa_lf .fp_lf_li p{ font-size: 13px; line-height: 18px; color: #FFFFFF; overflow: hidden; }
.pa_lf .pa5_ewm{ width: 100%; margin-top: 30px; overflow: hidden; float: left; }
.pa_rh{}
.pa_rh .form-group{}
.pa_rh .form-group .form-control{ border-radius: 3px; height: 40px; background: #666666; border: 0; outline: none !important; color: #FFFFFF; }
.pa_rh .form-group .form-control:focus{ box-shadow: none;}
.pa_rh .form-group textarea.form-control{ height: auto;}
.pa_rh .btn{ height: 40px; background: #666666; color: #d1d0d0; width: 120px; border-radius: 3px; transition: all 0.3s; }
.pa_rh .btn:hover{ color: #FFFFFF; background: #C31D14;}

footer{background: #333333;padding:25px 0;}
footer>p{text-align:center;color: white;}



.main{ width: 100%; max-width: 1920px; margin: 0 auto; background: #FFFFFF; padding: 35px 0; }
.mBox{}

.mBoxLf{ width: 270px; overflow: hidden; float:left; }
.mlf_tit{ width: 100%; background: #222222; text-align: center; color: #FFFFFF; font-size: 24px; line-height: 30px; padding: 17px 0; }
.mlf_tit p{ width: 100%; font-size: 14px; line-height: 21px; background: url(../images/tit-ny_03.png) no-repeat center; }

.accordion{ width: 100%; }
.accordion li{ margin-top: 4px;}
.accordion li a{ display: block; white-space: nowrap; text-align: center; color: #333333; font-size: 16px; line-height: 50px; background: #f0f0f0; transition: all 0.3s; }
.accordion li.on a, .accordion li a:hover{ background: #c31d14; color: #FFFFFF;}

.mBoxLf_bot{ width: 100%; margin-top: 40px; }
.mBoxLf_bot p img{ margin: 10px auto; width: 100%; }
.mBoxLf_bot h3{ font-size: 16px; line-height: 30px; color: #333333; }
.mBoxLf_bot > p{ font-size: 13px; line-height: 30px; color: #666666; }


.mBoxRh{ overflow: hidden; padding-left: 25px; }
.mrh-top{ width: 100%; border-bottom: 1px solid #d1cfcf; font-size: 13px; line-height: 40px; color: #666666; }
.mrh-top i{ top: 2px; margin-right: 5px; }
.mrh-top a{ color: #666666;}
.mrh-top a:last-child, .mrh-top a:hover{ color: #c31d14;}

.mrhCont{ width: 100%; margin-top: 15px;}

.li01{ padding: 10px;}
.li01 a{ display: block; width: 100%; overflow: hidden;}
.li01 .li01_img{ width: 100%; overflow: hidden; }
.li01 .li01_img .img{ padding-top: 62%; transition: all 0.5s;}
.li01 a:hover .li01_img .img{ transform: scale(1.1);}
.li01 h3{ font-size: 16px; line-height: 36px; color: #666666; transition: all 0.3s; }
.li01 a:hover h3{ color: #333333; font-weight: bold;}


.li02{ padding: 10px;}
.li02 a{ display: block; width: 100%; overflow: hidden; border: 1px solid #d0d0d0; }
.li02 .li02-box{ width: 100%; overflow: hidden;  }
.li02 .li02-box .img{ padding-top: 78.26%; transition: all 0.5s; }
.li02 a:hover .li02-box .img{ transform: scale(1.1);}
.li02 .li02-bot{ width: 100%; padding: 10px; color: #333333; }
.li02 .li02-bot h4{ font-size: 16px; line-height: 40px; height: 40px; margin-bottom: 15px; }
.li02 .li02-bot > div p{ float: left; font-size: 13px; color: #666666; max-width: 50%; }
.li02 .li02-bot > div span{display: inline-block;background: #222222;color: white;font-size: 12px;padding: 5px 10px;border-radius: 5px; transition: all 0.3s; float: right; max-width: 50%; text-align: center; }
.li02 a:hover .li02-bot h4{color: #c31d14;}
.li02 a:hover .li02-bot > div span{ background: #c31d14;}


.show_box{ width: 100%;}
.show_box p img{ max-width: 100%;}
.show_tit{ font-size: 18px; line-height: 24px; color: #333333; font-weight: bold;}
.show_time{ font-size: 13px; line-height: 24px; color: #c31d14; }
.show_txt{ color: #666666; font-size: 13px; line-height: 24px;}


.li03{ padding: 20px 0; border-bottom: 1px solid #E6E6E6; }
.li03 a{ display: block; width: 100%; overflow: hidden; }
.li03 .newimg{ width: 178px; height: 112px; overflow: hidden; float: left;border: 1px solid #c1d1c2;}
.li03 .newimg .img{ transition: all 0.4s;}
.li03 a:hover .newimg .img{ transform: scale(1.1);}
.li03 .newtxt{overflow: hidden; padding-left: 15px; color: #000000; }
.li03 .newtxt h3{ font-size: 14px; line-height: 24px; color: #333333;font-weight: bold; }
.li03 .newtxt span{ font-size: 14px; line-height: 24px; margin: 5px 0; display: block; color: #C31D14; }
.li03 .newtxt p{ overflow: hidden; font-size: 13px; line-height: 25px;  height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; }
.li03 a:hover .newtxt h3{ color: #C31D14;}



.rec_text{ font-size: 14px; line-height: 24px; color: #333333; }
.rec_text a{ color: #C31D14;}



.rec_box{ width: 100%; overflow: hidden; margin-top: 25px; }
.rec_head{ width: 100%;}
.rec_head li{ width: 33.3%; float: left; overflow: hidden; text-align: center; background: #222222; font-size: 16px; line-height: 50px; height: 50px; color: #FFFFFF; border-right: 1px solid #FFFFFF;}
.rec_head li:last-child{ border: 0;}



.accordion2{ width: 100%; overflow: hidden; }
.accordion2 .link{ width: 100%; background: #ebebeb; overflow: hidden; color: #333333; font-size: 16px; line-height: 50px; border-top: 1px solid #FFFFFF; transition: all 0.3s; cursor: pointer; }
.accordion2 .link ul{}
.accordion2 .link li{ width: 33.3%; float: left; text-align: center; position: relative; }
.accordion2 .link .zsj{width: 35px;display: inline-block;height:50px;background: url("../images/zs_03.png")center center no-repeat; transition: all 0.3s; position: absolute; right: 23px; top: 0;}
.accordion2 li.open .link{ background: #C31D14; color: #FFFFFF; }
.accordion2 li.open .link .zsj{ background: url("../images/xsj.png")center center no-repeat;}

.submenu{display: none;background: #FFFFFF;}
.submenu p{font-size: 13px;color: #666666;width: 100%;line-height: 2;}
.submenu h3{font-size: 14px;font-weight: bold;color: #333333;line-height: 40px;width: 100%;}



.sales_show{ padding: 0; min-height: 1000px; }
.sales_1{ width: 100%; background: #f8f8f8; overflow: hidden; }
.sa_lf{ height: 100%; width: 76%; float: left; background: #FFFFFF; border-right: 1px solid #d2d1d1; }
.sa_rh{ width: 24%; float: right; height: 100%; overflow: hidden; }

.sales_tit{ width: 100%; font-size: 30px; line-height: 70px; color: #333333; }
.sales_tit p{ display: inline-block; font-size: 20px; color: #666666;}
.sales_tit p span{ color: #ea0303;}

.sales_img{ max-width: 100%; overflow: hidden; }
.sales_img img{ max-width: 100%;}

.sales_txt{ width: 100%; font-size: 16px; line-height: 25px; color: #333333; padding: 20px 0 45px; }

.sa_rh_tit{ width: 100%; border-bottom: 1px solid #D2D1D1; font-size: 18px; line-height: 21px; font-weight: bold; color: #333333; padding: 20px; }

.sa_rh_txt{ width: 100%; padding: 10px 15px 0; font-size: 13px; line-height: 24px; color: #666666; }
.sa_rh_txt h3{ color: #333333; font-size: 14px; line-height: 25px; margin-top: 10px; }
.sa_rh_txt p img{ margin: 5px auto;}

.sales_txt .btn{ display: block; margin: 20px auto; width: 120px; height: 40px; background: #666666; color: #FFFFFF;border-radius: 0; }


.sales_1:first-child .sa_rh_tit{ margin-top: 74px;}
.sales_1:last-child .sales_txt p{ font-weight: bold; text-align: left; }
.sales_1:last-child .sa_rh_txt






@media (max-width:1200px) {
	.header2 .navbox .nav_tel{ display: none;}	
	.header2 .navbox nav{ width: 100%;}
	
	
}


@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:27px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#FFFFFF;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.header2 .sjdnav{ width:140px; position:absolute; right:10px; top:80px; z-index:999 !important; max-width:100%; display:none;}
	.header2 .sjdnav ul{ margin:0; padding:0;}
	.header2 .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:1px; background:rgba(34,34,34,0.8);}
	.header2 .sjdnav .acta{color:#fff; background:#c31d14;}
	.header2 .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.header-mes{ padding-left: 0;}
	.pa_rh{ padding: 15px 0;}
	
	
    body{padding-bottom: 60px}
    .ban_img {width:100%; position:relative; transition-duration: 5s;padding-top: 54.68%}
    .logo{line-height: 80px;}
    .icon-menu{margin-top: 15px;}
    .pa2-main>div{margin-bottom:20px;}
    .pa3-list { width: 50%;  float: left; }
    .hw-mes>h1{font-size: 50px;}
    .hw-mes>h3{font-size:20px;    margin-top: 30px;
        line-height: 40px;}
    .hw-mes>h4{ margin-top: 10px; font-size: 14px;}
    .hw-mes>h4>b{font-size:20px; }
    .hw2-bot>h4{font-size:25px;}
    .hw1-hf>h4{ font-size: 20px;}
    .hw1-hf>h4>b{font-size: 30px;}
    .detail-list>li {
        width: calc(50% - 10px);
        margin: 0 5px 10px 5px;}
        
     .mBoxLf{ width: 100%; float: none; } 
     .mlf_tit p{ display: none;}
     .mlf_tit{ width: 100%; position: relative; padding: 0; line-height: 48px; }
     .mlf_tit span{ display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
     .accordion li a{ line-height: 42px;}
     .accordion{ display: none;}
     .mBoxRh{ width: 100%; padding: 0; margin-top: 15px;}
     .mrh-top p.pull-right{ float: left !important;}
     
     
     
}
@media (max-width:767px){
	
	.pa1-right{ margin-top: 30px;}
	
    .b-top>h4{font-size: 16px;}
    .b-top>h3 {
        font-size: 30px}
    .ny-show>ul>li {
        width: calc(50% - 10px);
        margin: 5px;
        float: left;
    }
    .ny-news>ul>li {
        width: calc(50% - 10px);
        margin: 5px;
        float: left;
    }
    
    .tittle>h4{ font-size: 20px;}
    .tittle>h3{ font-size: 18px;}
    
    .pa-3-bot>h4{ line-height: 30px; height: 30px; }
   .pa-3-bot>div{ margin-top: 15px;} 
   
   
   .rec_head li{ font-size: 14px;}
   .accordion2 .link{ font-size: 14px; line-height: 45px; height: 45px; }
   .accordion2 .link .zsj{ right: 0; height: 45px; width: 25px; background: url("../images/zs_03.png")center left no-repeat; }
   .accordion2 li.open .link .zsj{ background: url("../images/xsj.png")center left no-repeat;}
   .accordion2 .link li:last-child{ padding-right: 25px; }
   
   
	.sa_lf{ width: 100%; border-right: 0; padding-top: 30px; }
	.sales_txt{ padding: 20px 12px;} 
	.sales_tit{ line-height: 30px; padding-bottom: 15px;}
   	.sa_rh{ width: 100%; }
   	.sa_rh_txt{ padding: 20px 12px;}
   	.sales_1:first-child{ padding-top: 0;}
   	.sales_1:first-child .sa_rh_tit{ margin: 0;}
   	
   	
   	
   	
   	
   	
}

@media (max-width:640px){
	.pa-2{ margin-top: 40px;}
   .pa-3-tit{ margin-bottom: 20px;}
   
   .mlf_tit{ font-size: 22px;}
   .li01{ padding: 5px;}
   .li01 h3{ font-size: 13px;}
   
   .li02{ padding: 5px;}
   .li02 .li02-bot{ padding: 8px;}
   .li02 .li02-bot h4{ font-size: 14px; line-height: 30px; height: 30px; margin-bottom: 10px; }
   .li02 .li02-bot > div span{ padding: 2px 5px; font-size: 12px; white-space: nowrap; }
   .li02 .li02-bot > div p{ font-size: 12px;white-space: nowrap;}
    
    
}
@media (max-width:467px){
    .logo>a>img{max-width: 280px; max-height: 65px; }
    .b-top>h4{font-size: 12px; line-height: 20px; }
    .b-top>h3{ font-size: 18px}
        
        
    .b-top{ padding: 40px 0;}
    .swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-button-next{ width: 30px; height: 30px; background-size: 10px auto; }
    .pa1-left>h3{font-size:18px;}
    .ban-bot-main>span{ font-size: 16px;}
    .tittle{margin: 40px 0 30px;}
    .tittle>h4{font-size: 14px;}
    .tittle>h3 { text-align: center;  font-size: 20px;}
    .pa3-list{ padding: 4px;}
    .pa-3-bot{padding: 10px 5px;}
    .pa-3-bot>div>span{  font-size: 10px; text-align: center;  padding: 1px 2px; border-radius: 5px; display: block; width: 50%; white-space: nowrap; }
    .pa-3-bot>div{margin-top: 5px;}
    .pa-3-bot>div>p{font-size: 10px; display: block; width: 50%; white-space: nowrap; }
    
    .h-charmlist .item{width:100%;float:none;max-height:120px;}
    .h-charmlist .item.hover{width:100%;max-height:365px;}
    
}
@media (max-width:450px){
	.pa-4{ margin-bottom: 50px;}
	.pa-5{ padding: 30px 0;}
	.pa-5-tit1,	.pa-5-tit2{ font-size: 24px; line-height: 30px; }
	.pa-5-tit2{ margin-bottom: 15px;}
	.pa_lf{ display: none;}
	.pa_lf .fp_lf_li{ width: 100%;}
	.pa_rh .btn{ display: block; margin: 0 auto;}
	.pa-2{ padding: 40px 0;}
	.pa2-main>div{ margin: 0; padding: 5px;}
	
	.li03{ padding: 12px 0;}
	.li03 .newtxt{ padding-left: 10px;}
 	.li03 .newtxt h3{ line-height: 25px;}
	.li03 .newtxt span{ font-size: 12px; line-height: 20px; margin: 0; }
	.li03 .newimg{ max-width: 40%; height: 100px; }
	.li03 .newtxt p{ font-size: 13px; line-height: 24px; height: 48px; }
	
	.accordion2 .link{ font-size: 12px;}
	.accordion2 .link .zsj{ width: 18px;}
	.accordion2 .link li:last-child{ padding-right: 20px;}
}

@media (max-width:376px){
   .pa3-list{ width: 100%;}
   .pa-3-bot>div>span{ width: auto; max-width: 50%; }
   .pa-3-bot{ padding: 10px 8px;}
   
   .li02{ width: 100%;  padding: 8px 0; }
   
}


div.page {
    margin: 10px 3px;
    padding: 3px;
    text-align: center;
}

div.page a {
    background-position: 50% bottom;
    border-color: #dedfde;
    border-style: solid;
    border-width: 1px;
    color:black;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}


div.page span.disabled {
    color: #adaaad;
    margin-right: 3px;
    padding: 2px 6px;
}

div.page span.current {
    color: #eb5914;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}



/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel1 i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel1 p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:180px;
    line-height:18px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 170px;
    height:160px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}
.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}