@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')}
.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-position-absolute-news{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; width: 100%; height: 100%;display: block;	margin:auto;padding: auto;}
.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:100%; height:auto; /*position:relative; right:10px; top:90px;z-index:9999;*/ }
header .sjdnav ul{ width:100%; padding:0; margin:0;border:1px solid #fff; overflow:hidden;}
header .sjdnav li{ width:25%; float:left; height:32px; border:1px solid #fff; display:block; padding:0; background:#550808; text-align:center;}
header .sjdnav li a{display:block; color:white; line-height:30px;}
header .sjdnav li a:hover{background: #550808; color: #fff;}
header .sjdnavhide{ height:0; overflow:hidden;}
/**/
/*内页下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{cursor:pointer;font-size:24px;color:white;background:#550808;}
.subNav h5{font-size:18px;line-height:45px;display:inline;}
.subNav h5 small{color: white;}
.subNav span{line-height:45px;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:40px;color:#333;margin:3px 0 0 20%;
}
.subNav h5 b{margin:0 10px;line-height: 45px;}
.subNav h5 small{line-height: 45px;text-transform: uppercase;margin-left: 5px;}
/**/
/*手机底部*/
.hot{width:100%; height:58px; background:#550808; 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;}
.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;
}
.header2{position: absolute;width: 100%;}
.logo{
    padding: 0;
    line-height: 90px;
}
.phone{
    line-height: 90px;
    margin-right: 5px;
}
.top-num{
    margin-top: 5px;
    font-size: 24px;
    font-weight: 600;
    color: white;
    line-height: 80px;
}
.top-num>span{font-size: 14px;}
.header-top{
    font-size: 12px;
    color: #333333;
    line-height: 25px;
    border-bottom: 1px solid #cccccc;
}
.phone{
    line-height: 90px;
}
.glyphicon {
    top: 0;
}
.header2 .navbox{
    position: relative;
    width: 100%;
    z-index: 999;
    background: #780f0f;
}
.header-mes{
    position: relative;
    width: 100%;
    z-index: 999;}

.header2 .navbox nav{
    max-width: 1200px;
    margin: 0 auto;
}

.header2 .navbox  nav ul {
    width: 100%;
}

.header2 .navbox nav li {
    position: relative;
    width:11.11%;
    transition: all 0.3s;
    background: url("../images/nav-line_03.png")center right no-repeat;
}
.header2 .navbox  nav li a{
    margin: 0 auto;
    display: block;
    color: #fff;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
}
/*.header2 .navbox  nav li a p{*/
/*line-height: 12px;*/
/*font-size: 12px;*/
/*}*/
.header2 .navbox  nav li a h3{
    line-height: 50px;
    font-size: 16px;
    position: relative;
    z-index: 3;
}
.header2 .navbox  nav li:hover {
    background:url("../images/nav-b_03.png")center 90% no-repeat, #550808;
}
.hover{
    background:url("../images/nav-b_03.png")center 92% no-repeat, #550808 !important;
}
.header2 .navbox  nav li:hover a {
    color: #fff;
    text-decoration: none
}

.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}

.header2 .navbox  nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top:45px;
    width: 100%;
    background:#780f0f;

}
.header2 .navbox nav li ul li {
    width: 100%;
    background: none;
    overflow:hidden;
}

.header2 .navbox nav li ul li a {
    line-height: 45px;
    background: none;
}
.header2 .navbox nav li ul li:hover {
    background: #550808;
}
.header2 .navbox nav li ul li:hover>a{
    color: white;
}
.icon-menu{
    position: relative;
    margin-right: 0px;
    margin-top: 20px;
    border: none;
    border-radius: 0px;
    background: none;
    padding: 6px 10px !important;
}
.icon-bar {
    background-color:#550808;
    display: block ;
    width: 40px;
    height: 8px;
    border-radius:0;
   margin: 3px 0;
}
.btn:active{box-shadow:none!important;}
.btn:focus{outline:none!important;}
/**/
.banner{padding: 0;}
.swiper-banner{margin: 0 auto; position: relative;  overflow: hidden;}
.ban_img {width:100%; padding-top:40.62%; position:relative; transition-duration: 5s;}
.swiper-pagination-bullet { width:12px; height:12px; border:1px solid #e1f2fc;background:#000;border-radius:50%;box-shadow:5px 0 5px inset #aaa;}
.swiper-pagination-bullet-active {opacity: 1;  background: #0cbc9b !important;}
/**/
.img-ser{padding-top: 72.65%;overflow: hidden;}
.top-main-mes>ul>li>a{display: block;position: relative;overflow: hidden;border: 2px solid #550808;border-top-left-radius: 20px;border-top-right-radius: 20px;background: white; }
.top-position-absolute{position: absolute;top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.top-main-mes>ul>li>a img{transition: all linear .3s}
.m1{background: #780f0f;padding: 20px 0;}
.m1-mes{padding-top: 10px;}
.m1-mes>h3{color: white;font-size: 18px;text-align: center;}
.m1>a{display: inline-block;color: white;border-top: 1px solid white;border-bottom: 1px solid white;margin-top: 10px;}

.top-main-mes>ul>li:nth-child(2)>a{border: 2px solid  #e6b629 !important;}
.top-main-mes>ul>li:nth-child(2)>.m1{background: #e6b629; height:103px;}

.top-main-mes>ul>li:nth-child(3)>a{border: 2px solid  #34b2a7 !important;}
.top-main-mes>ul>li:nth-child(3)>.m1{background: #34b2a7; height:103px;}

.top-main-mes>ul>li:nth-child(4)>a{border: 2px solid  #8dc53c !important;}
.top-main-mes>ul>li:nth-child(4)>.m1{background: #8dc53c; height:103px;}

.top-main-mes>ul>li:nth-child(6)>a{border: 2px solid  #e6b629 !important;}
.top-main-mes>ul>li:nth-child(6)>.m1{background: #e6b629; height:103px;}

.top-main-mes>ul>li:nth-child(7)>a{border: 2px solid  #34b2a7 !important;}
.top-main-mes>ul>li:nth-child(7)>.m1{background: #34b2a7; height:103px;}

.top-main-mes>ul>li:nth-child(8)>a{border: 2px solid  #8dc53c !important;}
.top-main-mes>ul>li:nth-child(8)>.m1{background: #8dc53c; height:103px;}

.top-main{margin: 50px 0;}
/**/
.about{background: url("../images/bj1_02.jpg") top center no-repeat;background-size: 100%;}
.tit-about{display: inline-block;margin-bottom: 30px;}
.tit-about>h3{display: inline-block;color: white;font-size:25px;font-weight: bold;line-height: 30px; box-sizing: border-box;text-transform: uppercase;}
.tit-about>span{font-size: 18px;display: inline-block;margin-left: 10px;color: white;line-height: 30px;}
.tit-about{background: url("../images/hh2_03.png")left 100% no-repeat;}
.about-mews-right{margin-top: 25px;}
.about-mews-right>p{color: white;line-height: 2;text-indent: 28px;}
.about-mews{padding-bottom: 25px;}
.xx{padding: 2px 25px;color: #862632;border-radius: 20px;background: white;border: 2px solid #a9666f}
.xx:hover{background: #780f0f;color: white;}
/**/
.product{background: url("../images/bj2_02.jpg")top center no-repeat;background-size: 100% 100%;padding-bottom: 20px;background-attachment: fixed;}
.title>h3{color: #862632;font-size: 30px;font-weight: bold;}
.title>h4{color: #862632;font-size: 20px;text-transform: uppercase;}
.title{padding:50px 0 60px 0;background: url("../images/tt-bj_03.png")center 80% no-repeat;}
.product-mes>li{margin-bottom: 30px;}
.product-mes>li>a{display: block;padding: 1px;border: 1px solid #cccccc;background: white;}
.pro-box{position: relative;overflow: hidden;}
.img-top{padding-top: 73.13%;}
.pro-mes{position: absolute;width: 100%;height: 40px;left: 0;bottom:0;background: rgba(0, 0, 0, 0.61);transition: all .3s; }

.pro-mes>p{line-height: 40px;text-align: center;color: white;overflow: hidden;}
.product-mes>li>a:hover .pro-mes{height: 100% ;transition: all .3s;background: rgba(134, 38, 50, 0.6)
}
.product-mes>li>a:hover .pro-mes>p{margin-top: 20%;}
.product-mes>li>a:hover{border: 1px solid #862632;}
.news-tit>h4>span{color: #862632;text-transform: uppercase;}
.news-tit>h4{font-size: 16px;color: #666666;font-weight: bold;}
.news-tit>h5{text-transform: uppercase;font-size: 12px;}
.news-tit{padding: 10px 0;background: url("../images/news-tit_03.png")bottom center no-repeat;margin: 20px 0;}
.news-left{width: 193px;height: 150px;position: relative;overflow: hidden;}
.news-top{padding-top: 77.72%;}
.news-right{width: calc(100% - 197px);height: 150px;padding: 0 5px;}
.news-right-ny {width: calc(100% - 195px);height: 150px;padding: 0 5px;background:#f2f2f2}
.news-right-ny>p{overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 2;margin-top: 10px;text-align: left;}
.news-right-ny>small{display: block;text-transform: uppercase;margin-top: 5px;margin-right: 5px;color:#862632;}
.news-list>a:hover .news-right-ny>p{color: white;}
.news-list>a:hover .news-right-ny>small{color: white;}
.left-tit{margin: 6px 0;}
.left-tit>h4{font-size: 16px;color: #862632;width: calc(100% - 85px);overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: left; line-height:21px;}
.left-tit>h6{font-size: 14px;display: inline-block;margin-right: 5px;}
.news-list>a{display: block;}
.news-list{margin-bottom: 30px;}
.news-right>p{overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 2;margin-top: 10px;text-align: left;}
.news-right>small{display: block;text-transform: uppercase;margin-top: 5px;margin-right: 5px;}
.news-list>a:hover{background: #862632;}
.news-list>a:hover .news-right>p{color: white;}
.news-list>a:hover .news-right-ny{background: #862632;}
.news-list>a:hover .left-tit>h6{color: white;}
.news-list>a:hover .left-tit>h4{color: white;}
.news-list>a:hover .news-right>small{color: white;}
/**/
.case{background: #862632;padding-bottom: 50px;}
.case-main>ul>li>a{display: block; position: relative;overflow: hidden;border: 2px solid #dcdcdc;background: white;box-sizing: border-box;}
.case-top{padding-top: 73.13%;}
.case-c-b{padding: 2px;background: white;}
.case-c-b>p{line-height: 40px;text-align: center;position: absolute;bottom: 0px;
    left:0;width: 100%;background: rgba(0, 0, 0, 0.52);color: white;transition: all linear .3s }
.case-main>ul>li>a:hover .case-c-b>p{background: rgba(85, 8, 8, 0.70);
}
.case-box{width: 90%;margin: 0 auto;position: relative;}
.swiper-button-prev6{  position: absolute;  top: 40% !important;  width: 73px !important;  height:103px !important;  margin-top: -25px !important;  z-index: 10;
   cursor: pointer;
    -moz-background-size: 73px 103px;
    -webkit-background-size: 73px 103px;
    background-size: 73px 103px!important;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/zz_06.png");
    font-size: 30px !important;
    color: white;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    left:-70px;
    transition: all .3s
}
.swiper-button-prev6:hover{  background: url("../images/zz1.png");transition: all .3s}
.swiper-button-next6{
    position: absolute;
    top: 40% !important;
    width: 73px !important;
    height: 103px !important;
    margin-top: -25px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 73px 103px;
    -webkit-background-size:73px 103px;
    background-size:73px 103px!important;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/yy_03.png");
    font-size: 30px !important;
    color: white;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    right:-70px; transition: all .3s}
.swiper-button-next6:hover{ background: url("../images/yy1.png");transition: all .3s}
.title2>h3{color: white;font-size: 30px;font-weight: bold;}
.title2>h4{color: white;font-size: 20px;text-transform: uppercase;line-height: 30px;}
.title2{padding:45px 0 60px 0;background: url("../images/tt2-bj_03.png")center 80% no-repeat;}
/**/
.contact{padding-top: 30px;background:#f4f4f4; box-shadow: 0px 5px 5px #e7e7e7 inset;}
.product-center{width:15.41% ;background: url("../images/p-left_03.png") right center no-repeat;}
.product-center>ul>li>a{line-height: 2;}
.f-news{width: 10.25%;height: 218px;background: url("../images/p-left_03.png") right center no-repeat;}
.f-news>ul>li>a{line-height: 2;}
.ff-tit{margin-bottom: 6px;}
.f-case{width: 10.25%; height: 218px;background: url("../images/p-left_03.png") right center no-repeat;
}
.f-case>ul>li>a{line-height: 2;}
.f-contact{width: 25.8%;height: 218px;background: url("../images/p-left_03.png") right center no-repeat;  }
.ff2-tit{margin-left: 30px;}
.f-contact>ul>li>a{line-height: 2;}
.f-contact>ul{margin-left: 30px;}
.t-messages{width: 37.5%;float: right;}
.t-messages form{margin-left: 30px;}
.t-messages form label{display: block;}
.t-messages form label p{font-weight: 400;line-height: 30px;}
.t-messages form label input{width: calc(100% - 80px);display: block;line-height: 25px;border: 1px solid #666;background: #f4f4f4;}
.t-messages form label textarea{width: calc(100% - 80px);display: block;line-height: 25px;border: 1px solid #666;background: #f4f4f4;}
.t-messages form label button{width: calc(100% - 80px);display: block;line-height: 25px;outline: none;border: none;background: #862632;color: white;margin-right: 10px;}
/**/
footer{background: #862632;padding: 15px 0;margin-top: 10px;}
footer>div>div{color: white;}
footer>div>div>div>a{color: white;padding:0 3px ;}
footer>div>div>div>a:hover{color: #dfb845;}
footer>div>div>p{color: white;}
/**/
.ny-tit{width: 100%;height: 45px;background: #780f0f;margin-bottom: 3px;}
.ny-tit>span{display: inline-block;line-height: 45px;margin-left: 20px;}
.ny-tit>h3{margin-left: 16px;line-height: 45px;color: white;font-size: 18px;}
/*.ny-tit>h6{margin-left: 20px;margin-top: 15px;color: white;text-transform: uppercase;}*/
.ny-t>h4>span{width: 17px;height: 17px;display: inline-block;background: url("../images/t2_03.png")center center no-repeat;margin-right: 20px;}
.ny-t>h4{line-height: 35px;margin-left: 25px;font-size: 14px;}
.ny-t{width: 100%;height: 35px;background: #e3e3e3;cursor: pointer;margin: 10px 0;}
.ny-t:hover{background: #862632;}
.ny-t:hover h4{color:white;}
.ny-t:hover h4 span{background: url("../images/t2_03.jpg")center center no-repeat;}
.tit2{margin: 10px 0 30px 0;}
.add>h4{line-height: 35px;color: #686868}
.add>p{line-height: 2;color: #686868}
.add{padding:10px 5px;margin-bottom: 25px;}
.ny-right-tit>h4{line-height: 30px;}
.ny-right-tit>p{line-height: 30px;}
.ny-right-tit>p>a{color:#d9a849}
.ny-right-tit{border-bottom: 3px double #cccccc;}
.ny-main{margin: 20px 0;}
/*.ny-main img{width: 100% !important;}*/
.ny-main>img{max-width:800px; }
.ny-main>p{line-height: 2;/*text-indent: 28px;margin-top: 20px;*/}
.ny{padding-top: 30px;}
/**/
.ys-list-tit>div>h3{font-size: 24px;color: #780f0f;font-weight: bold;margin-top: 15px ;text-align: left; }
.ys-list-tit>div>small{color: #222222;font-size: 13px;text-transform:uppercase;text-align: left;display:block;margin-top: 3px;}
.ys-list-tit>div{margin-left: 10px;}
.ys-list-tit{background:url("../images/y-bj_03.png")bottom center no-repeat;background-size:100% auto}
.ys-list>p{text-align: left;line-height: 1.7;margin-top:10px;}
.ys-list{margin-bottom: 10px;}
.ys-mes{margin-top: 30px;}
.ny-message>form>label{display: block;margin: 7px 0;text-align: left;}
.ny-message>form>label>button{display: inline-block;outline: none;border: none;padding: 4px 50px;background: #780f0f;color: white;}
.ny-message>form>label>div>span{display: inline-block;margin-left: 7px;}
.ny-message>form{display: block;margin-left:30%;}
.ny-message>form>label>textarea{display: block;width: calc( 60% - 50px);border: 1px solid #ccc}
.ny-message>form>label>input{border: 1px solid #ccc;}
.ny-message>form>label>p{font-weight: 400;font-size: 14px;line-height: 30px;}
@media (max-width:991px) {
    .f-contact{width: 48%}
    .t-messages{width: 48%;float: left;}
    .t-messages form{margin-left: 10px;}
    body{padding-bottom: 60px}
    .pro-mes{word-break: keep-all;white-space: nowrap;overflow: hidden;padding: 0px 10px;}
    .dock{display: none;}
.case-c-b>p{word-break: keep-all;white-space: nowrap;overflow: hidden;padding: 0px 10px;}
}
@media (max-width:767px){
    .f-contact{width: 100%;height: auto;margin-bottom: 20px;}
    .t-messages{width: 100%;float: left;}

.header-mes{padding:0;}
.header2 {position:relative;}
.logo{width:100%; background:#550808; padding:10px 0;}
.logo img{width:50%; max-width: 220px; max-height: 52px; display: block; margin:0 auto;}
.top-main{margin:0;}
.banner{width:100%; overflow:hidden;}
.about-mews-right>p {color: #333; margin-top:20px;}
.product-mes>li {margin-bottom:15px;}

}
@media (max-width:600px){
    .logo{line-height: 60px;}
    .icon-menu{margin-top: 5px;}
    header .sjdnav{top:60px; }
    .ny-message>form>label>textarea{display: block;width: calc( 80% - 50px)}
    .news-left{width: 90px;height:70px;}
    .news-right{width: calc(100% - 90px);height:69px;margin-top: 1px;}
    .left-tit>h4{font-size: 13px;}
    .left-tit>h6{ font-size: 12px;}
    .news-right>p{margin-top: 0px;font-size: 12px;line-height:1.6;overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
    .left-tit{margin: 2px 0 0 0;}
    .news-right>small{font-size: 12px;margin-top: 0;line-height: 15px;}
    .f-contact>ul{margin-left: 10px;}
    .ff2-tit{margin-left: 10px;}
    .news-right-ny{width: calc(100% - 90px);height:69px;margin-top: 1px;}
    .news-right-ny>p{margin-top: 0px;font-size: 12px;line-height:1.6;overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
    .news-right-ny>small{margin-top: 0;font-size: 12px;line-height: 15px;}
}
@media (max-width:467px){
    .icon-menu{margin-top: 0px;}
    .icon-bar{
        background-color:#fff;
        display: block;
        width: 32px !important;
        height: 6px !important;
        border-radius:0;
    }
    .ny-message>form{display: block;margin-left:0;}
    .case-c-b>p{line-height: 25px;}
    .m1-mes{padding-top: 0;}
    .m1-mes>h3{font-size: 16px;}
    .m3{padding: 10px 0;}
    .m1{padding: 10px 0; height:103px;}
    .m2{padding: 10px 0;}
    .m4{padding: 10px 0;}
    .about-mews{padding-bottom: 20px;}
    .about-mews-right{margin-top:20px;}
    .about-mews-right>p{line-height: 1.7;font-size: 13px;}
}
@media (max-width:400px){
    .logo{line-height: 40px;}
    .pro-mes>p{line-height: 30px;font-size: 12px;}
    .pro-mes{height: 30px;}
    header .sjdnav{top:42px; }
}
@media (max-width:376px){

    .col-xs-6{padding: 0 10px!important;}
    .ny-message>form>label>textarea{display: block;width: calc( 100% - 50px)}
}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#af3f3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#bd1e1e 1px solid;color:#842525;background-color:#ffd6d6;}
div.scott a:active{border:#bd1e1e 1px solid;color:#842525;background-color:#ffd6d6;}
div.scott span.current{border:#e05d5d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#e05d5d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}


/*浮动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.tel 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.tel p {
width: 143px;
    height:130px;
    line-height:30px
}

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

.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: 180px;
    height:180px;
    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;
}