body {
    color: #333;
    font-size: 14px;
    font-family: "Î¢ÈíÑÅºÚ","Arial",Helvetica,"ºÚÌå",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
audio, canvas, progress, video{ display: block; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1430px; }
.header{ height: 37px; background: #8c1515; position: relative; line-height: 37px; color: #c89496; z-index: 1000000; }
.header-a{ color: #c89496; padding-left: 25px; display: inline-block; background: url(/images/icon01.png) left center no-repeat; }
.header-a-r{ background: url(/images/icon02.png) left center no-repeat; margin-left: 50px; }
.header:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 28px; background: url(/images/header-b.png) center no-repeat; }
.header-box{ background: rgba(255,255,255,0.94); height: 78px; position: relative; z-index: 100000; }
.header-box:before{ display: block; content: ""; position: absolute; left: 50%; top: 100%; width: 480px; margin-left: -240px; height: 80px; background: url(/images/header-bototm.png) center no-repeat; background-size: 100% 100%; }
.logo{ position: absolute; top: 10px; width: 368px; left: 50%; margin-left: -184px; }
.header-top{ position: absolute; left: 0; top: 0; right: 0; z-index: 100000; }
.banner a{ display: block; position: relative; height: 676px; overflow:hidden; }
.banner a img{ position: absolute; width: 1920px; max-width: 1920px; height: 676px; position: absolute; left: 50%; margin-left: -960px; top: 0; }
.nav-list li{ float: left; margin-top: 18px; margin-right: 20px; }
.nav-list li a{ display: block; font-size: 18px; color: #333; border-radius: 40px; padding:0 29px; line-height: 40px; }
.nav-list li.active a,.nav-list li a:hover{ background: #8c1515; color: #fff; }
.nav-list li:last-child{ margin-right: 0; }
.nav-list li:nth-child(4){ margin-left: 418px; }
.banner .slick-prev{ width: 44px; height: 44px; background: url(/images/left.png) center no-repeat; margin-top: 22px; left: 40px; z-index: 1000; }
.banner .slick-next{ width: 44px; height: 44px; background: url(/images/right.png) center no-repeat; margin-top: 22px; right: 40px; z-index: 1000; }
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.banner .slick-dots{ bottom: 90px; }
.banner .slick-dots li{ margin:0 15px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 16px; height: 16px; padding:0; }
.banner .slick-dots li button{ border:solid 3px #fff; opacity: 0.5; border-radius: 50%; }
.banner .slick-dots li.slick-active button{ background: #9b0c14; border-color: #9b0c14; opacity: 1; }
.banner{ margin:0; }
.back-box{ /*background: url(/images/back.png) center no-repeat;*/ background-size: cover; position: relative; z-index: 10000; padding-bottom: 50px; }
.date-box{ height: 100px; background: rgba(255,255,255,0.92); margin-top: -50px; padding:30px; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.date-box .form-control{ width: 112%; height: 40px; border-radius: 0; box-shadow: none; }
.width-one{ width: 156px; padding-right: 24px; }
.width-tow{ width: 214px; }
.form_YMD{ background: #fff url(../images/icon-date.png) 90% center no-repeat }
.input-txt{ line-height: 40px; padding-right: 14px; color: #888; }
.btn-ss{ width: 110px; height: 40px; background: #8c1515; border-radius: 0; line-height: 40px; border:none; padding:0; text-align: center; line-height: 40px; font-size: 18px; color: #fff; }
.btn-ss span{ padding-left: 30px; background: url(/images/icon-ss.png) left center no-repeat; }
.btn-ss:hover,.btn-ss:focus{ color: #fff; }
.title{ font-size: 26px; color: #fff; margin-bottom: 40px; margin-top: 100px; height: 60px; line-height: 60px; position: relative; background: url(/images/title.png) center no-repeat; }
.title a{ position: absolute; right: 0; margin-top: -40px; color: #9b0c14; top: 50%; font-size: 20px; font-weight: normal; font-family: "Times New Roman"; }
.img-slick{ width: 640px; }
.img-slick a{ display: block; position: relative; }
.img-slick img{ width: 100%; height: 400px; }
.img-slick a span{ position: absolute; left: 0; right: 0; bottom: 0; height: 119px; background: url(/images/mask-txt.png) center no-repeat; background-size: 100% 100%; font-size: 18px; color: #fff; padding-left: 20px; padding-right: 150px; padding-top: 80px; }
.img-slick .slick-dots{ bottom: 20px; right: 10px; left: auto; width: auto; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; padding:0; background: #88898b; }
.img-slick .slick-dots li.slick-active button{ background: #9b0c14; }
.img-slick .slick-dots li{ margin-right: 10px; }
.width-box{ width: 45%; }
.news-date{ width: 89px; height: 92px; background: url(/images/date-lind.png) center no-repeat; line-height: 25px; padding-top: 20px; font-size: 16px; color: #666; }
.news-date span{ font-size: 36px; color: #9b0c14; font-weight: bold; }
.news-right{ margin-left: 114px; }
.news-tt a{ font-size: 20px; color: #333;font-weight: bold; }
.news-p{ color: #666; line-height: 25px; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin-top: 10px;  }
.lind{ border-top: solid 1px #ddd; margin:30px 0 20px 0; }
.news-list li a{ padding-left: 25px; font-size: 16px; color: #333; background: url(/images/li.png) left center no-repeat; }
.news-list li{ line-height: 49px; padding-right: 120px; position: relative; }
.news-list li span{  right: 0; top: 0; color: #8c1515; }
.ml-box{ position: relative; padding-left: 70px; min-height: 230px; margin-bottom:50px; }
.ml-left{ position: absolute; left: 0; top: 0; width: 70px; height: 230px; background:url(/images/tt-left.png) center no-repeat; padding:20px; text-align: center; font-size: 24px; line-height: 24px; color: #fff;  }
.ml-right{ height: 230px; border:solid 1px #ddd; background: url(/images/ml-back.png) center no-repeat; padding-top: 20px; background-size: cover; }
.ml-list li{ float: left; padding:20px 15px; min-width: 210px;  }
.ml-list li a{ display: block; position: relative; padding-left: 67px; line-height:60px; font-size: 16px; color: #484848; }
.ml-list li a i{ position: absolute; left: 0; top: 0; }
.img-slick{ margin-bottom:50px; }
.title-b{ height:60px; line-height: 60px; margin-bottom: 15px; background: url(/images/title-b.png) left center no-repeat; font-size: 24px; color: #fff; padding-left: 30px;  }
.title-b a{ float: right; font-size: 20px; font-family: "Times New Roman"; color: #9b0c14; margin-top: -10px; }

.news-left{ width: 640px; }
.news-right-box{ width: 718px; }
.news-right-box .title-b{ background: url(/images/title-b02.png) left center no-repeat; }
.bottom{ background: url(/images/bottom.png) center no-repeat; background-size: cover; padding:40px 0; }
.bottom-tt{ font-size: 24px; color: #9b0c14; margin-bottom: 20px; padding-left: 20px; height: 34px; line-height: 34px; border-left: solid 5px #9b0c14; }
.bottom-ul li{ float: left; width: 50%; margin-bottom:10px; }
.bottom-txt{ font-size: 16px; color: #666; padding-left: 30px; background: url(/images/icon-b01.png) left center no-repeat; }
.bottom-ul{ margin-left: 25px; }
.bottom-txt02{ background: url(/images/icon-b02.png) left center no-repeat; }
.bottom-txt03{ background: url(/images/icon-b03.png) left center no-repeat; }
.bottom-txt04{ background: url(/images/icon-b04.png) left center no-repeat; }
.footer{ background: #8c1515; padding-top: 35px; }
.logo-b{ padding-top: 20px; }
.footer-down{ width: 270px; margin-left: 75px; }
.dropdown button{ width: 100%; height: 42px; text-align: left; color: #fff; padding-left: 12px; font-size: 16px; border:solid 1px #af5c5c; background: url(/images/down.png) 95% center no-repeat; }
.dropdown .dropdown-menu{width: 100%; border-radius: 0; box-shadow: none; background: #8c1515; border:solid 1px #af5c5c;}
.dropdown .dropdown-menu li a{ padding:10px 12px; font-size: 16px; color: #fff; }
.dropdown .dropdown-menu li a:hover{ background: #af5c5c; color: #fff; }
.dropdown{ margin-bottom:20px; }
.ewm-box .pull-left{ margin-left: 20px; color: #d6baba; }
.ewm-box .pull-left img{ margin-bottom: 10px; }
.footer-b{ background: #701111; position: relative; padding:10px 0; margin-top: 30px; font-size: 13px; color: #c89496; }
.footer-b-txt p{ margin:0; }
.footer-b-txt{ margin-right: 25px; line-height: 22px; }
.footer-right{ padding-top: 12px; }
.footer-b:before{ display: block; content: ""; position: absolute; left: 50%; bottom: 100%; width: 72px; height: 26px; margin-left: -36px; background: url(/images/footer-t.png) center no-repeat; }
.footer-img{ position: absolute; left: 50%; top: -10px;width: 72px; height: 26px; margin-left: -36px; }
.fix-ul{ position: fixed; overflow:hidden; right: 1px; width: 90px; height: 730px; margin-top: -215px; top: 30%; padding:80px 10px 0 10px; z-index: 100000; background: url(/images/fix-ul.png) center no-repeat; background-size: 100% 730px !important;}
.fix-ul a{ display: block; cursor: pointer; color: #333; border-bottom: solid 1px #eee; padding:11px 0; }
.fix-ul a img{ margin-bottom:10px; }
.fix-ul a:hover{ cursor: pointer; }
.logo .logo-sm,.title-phone{ display: none; }
.footer-right span{ padding-left: 20px; }
/***************detail************/
.header-top-list .header-box:before{ display: none; }
.header-top-list{ position: relative; }
.list-banner{ height: 490px; }
.list-back{ padding-bottom: 60px; }
.nav-b{ padding-left: 25px; margin-bottom: 40px; border-bottom: solid 2px #8c1515; padding-bottom: 20px; margin-top: 20px; padding-top: 20px; background: url(/images/nav-b.png) left center no-repeat; color: #666; }
.nav-b span{ padding:0 15px; }
.nav-b a{ color: #666; }
.nav-b a.active,.nav-b a:hover{ color: #8c1515; }
.article-width{ max-width: 1200px; margin:0 auto; }
.article-left{ width: 300px; background: #fff; border-top: solid 10px #921a1d; padding:0 15px;  }
.article-list li{ padding:15px 0; border-bottom: dashed 1px #ddd; line-height: 30px; }
.article-list li span{ display: inline-block; color: #921a1d; font-weight: bold; }
.article-list li:last-child{ border:none; }
.article-right{ width: 850px; }
.article-tt{ font-size: 22px;color: #333; font-weight: bold; }
.article-lind{ height: 8px; background: url(/images/article-lind.png) center no-repeat; margin:25px 0; }
.article-p p{ margin:0;  text-indent: 2em;font-size: 16px !important;line-height: 28px !important; }
.article-sm{ color: #999; margin-top: 20px; }
.article-sm span{ display: inline-block; padding:0 40px; }
/**************form***********/
.form-left{ width: 67%; padding-left: 20px; }
.foem-left-box{ background: #f8f8f8; min-height: 550px; border-radius: 6px; border:solid 2px #fff; padding:20px 50px 20px 70px; position: relative; }
.form-tabs{ position: absolute; top: 100px; left: -40px; }
.form-tabs li a{ display: block; width: 54px; height: 180px; border-radius: 4px; border:solid 1px #ddd; background: #ededed; font-size: 18px; color: #921a1d; font-weight: bold; padding:10px; text-align: center; }
.form-tabs li{ margin-bottom: 2px; }
.form-input{ position: relative; padding-left: 40px; margin-bottom:12px; }
.form-input .form-control{ border-radius: 0; box-shadow: none; height: 40px; }
.form-input i{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #921a1d; }
.form-input-lg .form-control{ height: 100px; }
.form-input-lg i{ height: 100px; line-height: 100px; }
.zj-txt{ color: #999; margin-bottom: 10px; }
.form-input-lg textarea{ height: 100px; }
.form-input-sm .form-control{ height: 78px; }
.form-input-sm i{ height: 78px; line-height: 78px; }
.btn-tj{ border-radius: 0; border:none; background: #e57140; font-size: 14px; color: #fff!important; padding:10px 30px; }
.form-tt{ font-size: 29px; margin-bottom: 10px; color: #333; }
.form-p p{ font-size: 12px; color: #333; margin-bottom: 5px; }
.form-p p span{ color: #9e1c23; }
.form-p{ padding-top: 15px; }
.form-right{ width: 30%; }
.form-right .bottom-tt{ font-size: 20px; font-weight: bold; }
.form-right-p p{ text-indent: 2em; font-size: 16px; color: #555; line-height: 32px; }
.form-right-p p.txt-elise{ padding-right: 90px; position: relative; }
.form-right-p p a{ position: absolute; right: 0; top: 0; color: #9b0c14; }
.form-right-p{ margin-bottom: 20px; }
.fk-list li{ background: #fff; border-radius: 4px; padding:15px 20px; font-size: 16px; color: #666; border:solid 1px #ddd; margin-bottom: 20px; }
.sq-list li{ margin-bottom: 20px; }
.sq-list li a{ font-size: 16px; color: #333; padding-left: 25px; background: url(/images/icon-sq.png) left center no-repeat; }
.form-tabs li.active a{ background: #fff; }
.form-width{background: #f8f8f8; min-height: 550px; max-width: 970px; margin:0 auto; border-radius: 6px; border:solid 2px #fff;}
.form-width-tt{ border-radius: 6px 6px 0 0; background: url(/images/form-back.png) center no-repeat; background-size: 100% 100%; line-height: 90px; font-size: 36px; color: #921a1d; }
.form-bottom{ padding:30px 50px; }
.form-input-lg-bold .form-control{ height: 220px; }
.form-input-lg-bold i{ height: 220px; line-height: 220px; }
.form-bottom .col-xs-6{ padding:0 35px; }
.form-bottom .row{ margin:0 -35px; }
.btn-tj-sm{ padding:6px 15px; margin-top: 15px; }
/*************list**************/
.list-left{ width: 340px; position: relative; margin-top: 50px; }
.list-top{ line-height: 70px; text-align: center; font-size: 22px; font-weight: bold; color: #fff; position: relative; z-index: 10; }
.list-left:before{ display: block; content: ""; border-radius: 12px;position: absolute; left: 0; top: 0; right: 0; bottom: 30px; background: #8c1515; }
.list-left-bottom{ background: #f5f5f5; margin-left: 20px; padding-top: 25px; position: relative; z-index: 10; }
.list-left-nav li a{ font-size: 16px; display: block; text-align: center; color: #666; line-height: 50px; border-bottom: solid 1px #ddd; position: relative; }
.list-left-nav li a:before{ display: block; content: ""; position: absolute; right: 12px; top: 0; bottom: 0; width: 17px; background: url(/images/raw.png) center no-repeat; }
.list-nav-down{ display: none; }
.list-nav-down li a{    display: block;
    font-size: 14px;
    font-weight: normal!important;
    color: #666!important;
    border-bottom: dashed 1px #ddd;
    background: #fff!important;
    padding: 10px 50px 10px 50px;
    line-height: 24px;
    text-align: left; }
.list-nav-down li a:before{ display: none!important; }
.list-left-nav li.active a,.list-left-nav li a:hover{ background: #efe8e8; font-weight: bold; color: #8c1515; }
.list-left-nav li.active a:before{ background: url(/images/raw02.png) center no-repeat; }
.list-nav-down li a:hover,.list-nav-down li.active a{background: #efe8e8!important; font-weight: bold!important; color: #8c1515!important;}
.list-right{ width: 1010px; padding-top: 25px; }
.list-ul li .news-tt a{ font-weight: normal; }
.list-ul li{ padding-bottom: 30px; margin-bottom:30px; border-bottom: dashed 1px #ddd;  }
.list-nav-b{ margin-top: 60px; }
.news-list-lg li{ line-height: 45px; }
.news-list-lg{ margin-bottom: 30px; margin-top: -20px; }
/*************menu**********/
.menu-box{ background: #fff;}
.menu-box-tt{ font-size: 18px; color: #fff; font-weight: bold; line-height: 60px; background: #921a1d; padding-left: 20px; position: relative; }
.menu-p{ padding:20px; line-height: 22px; color: #333; background: url(/images/menu-b.png) right bottom no-repeat; }
.menu-p p{ margin-bottom: 5px; }
.menu-box-tt i{ position: absolute; right: 15px; top: 10px; }
.news-tt a:hover,.news-list li a:hover,.fix-ul a:hover,.ml-list li a:hover,.sq-list li a:hover{ color: #9b0c14; }
.title-b a:hover{ font-weight: bold; }
.ml-list li a i{ transition: 0.5s all; }
.ml-list li a:hover i{ transform: rotate(360deg); }
.header-a:hover{ color: #fff; }
.btn-ss:hover{ background: #de1e1e; }
.btn-tj:hover{ background: #f75714; }
.form-right-p p a:hover{ color: #de1e1e; }
.list-ul li{ transition: 0.5s all; position: relative; }
.list-ul li:before{display: block; content: ""; transition: 0.5s all; }
.list-ul li:hover:before{ left: -20px; right: -20px; top: -20px; bottom: 0; z-index: 0; position: absolute; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.list-ul li .news-top{ position: relative; z-index: 2; }

.brand-list{ margin-right: -30px; }
.brand-list .item{position:absolute;width:446px;top:0;left:40%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(/images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(/images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(/images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(/images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.footer .container{ position: relative; z-index: 10000; }
.footer .footer-b .container{ position: static; }

.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 100000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #8c1515; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }

@media( max-width: 1499px){
	.container{ width: 1230px; }
	.nav-list li{ margin-right: 5px; }
	.nav-list li:nth-child(4){ margin-left: 250px; }
	.width-tow{ width: 144px; }
	.fix-ul{ right: 0px; }
	.img-slick{ width: 45.7%; }
	.width-box{ width: 100%; }
	.img-slick img{ height: 343px; }
	.news-list li{ line-height: 36px; }
	.lind{ margin-top: 20px; margin-bottom: 10px; }
	.ml-list li a i{ position: static; display: block; text-align: center; margin-bottom: 10px; }
	.ml-list li a{ padding:0; text-align: center; line-height: 20px; font-size: 14px; }
	.ml-list li{ width: 16.666666%!important; min-width: 1px; padding:0; margin-bottom: 15px; }
	.news-left{ width: 45.7%; }
	.news-right-box{ width: 51.3%; }
	.bottom-ul li{ width: 100%; margin-bottom: 5px; }
	.list-right{ width: 820px; }
	.brand-list .item{ width: 380px; }
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.nav-list li a{ font-size: 16px; padding:0 15px; }
	.nav-list li:nth-child(4){ margin-left: 240px; }
	.img-slick img{ height: 269px; }
	.width-box .news-list li:nth-child(5),.width-box .news-list li:nth-child(6){ display: none; }
	.footer-down{ margin-left: 30px; }
	.ewm-box .pull-left{ width: 95px; }
	.footer-b-txt{ margin-right: 5px; }
	.width-one{ width: 197px; margin-bottom:7px; }
	.date-box{ padding:7px 30px; }
	.article-right{ width: 620px; }
	.list-banner{ height: 350px; }
	.form-left,.form-right{ width: 100%; }
	.form-right{ margin-top: 20px; }
	.list-right{ width: 570px; }
	.brand-list .item{ width: 293px; }
	}
@media( max-width: 991px){
	.container{ width: 750px; }
	.img-slick{ width: 100%; margin-bottom: 30px;}
	.img-slick img{ height: auto; }
	.width-box{ width: 100%; margin-bottom: 30px; }
	.ml-right{ padding-top: 10px; }
	.ml-list li{ margin-bottom: 0; }
	.ml-list li a i{ margin-bottom: 5px; }
	.news-left{ width: 100%; margin-bottom: 30px; }
	.title-b{background: url(/images/title-b02.png) left center no-repeat;}
	.news-right-box{ width: 100%; }
	.bottom .pull-left,.bottom .pull-right{ width: 50%; }
	.logo-b{ width: 100%; text-align: center; margin-bottom: 20px; padding-top: 0; }
	.footer-down{ margin-left: 0; }

	.footer-b-txt{ width: 50%; margin:0; text-align: center; }
	.footer-right{ width: 100%; text-align: center; }
	.width-one{ width: 165px; }
	.header-box{ height: 50px; }
	.header:before{ display: none; }
	.header-box:before{ display: none; }
	.logo img{ display: none; }
	.logo .logo-sm{ display: block; height: 40px; }
	.logo{ position: absolute; top: 100%; width: auto; line-height: 50px; margin-top: 5px; left: 15px; margin-left: 0; }
	.nav-list{ position: absolute; display: none; left: 0; top: 100%; right: 0; background: #fff; border-top: solid 1px #ddd; }
	.nav-list li{ width: 100%; margin:0!important; }
	.nav-list li a{ display: block; border-radius: 0; }
	.fix-ul{ display: none; }
	.header .container{ width: 100%; }
	.banner a{ height: auto; }
	.banner a img{ position: static; width: 100%; max-width: 100%; margin:0; height: auto; }
	.title{ margin-top: 50px; }
	.article-right{ width: 400px; }
	.list-banner{ height: 250px; }
	.list-left{ width: 300px; }
	.list-right{ width: 380px; }
	.col-xs-4{ width: 100%; }
	.brand-list .item{ width: 343px; }
}
@media( max-width: 768px){
.title-b a{margin-top: 4px;}
.ewm-box{float:none !important;}
.date-box .form-control{ width: 100%;}
	.container{ width: 100%; }
	.header-top{ position: relative; }
	.date-box{ margin-top: 0; padding:15px; height: auto; }
	.width-one{ width: 50%; padding:0 5px; margin:0 0 10px 0; }
	.input-txt{ width: 6%; margin:0; text-align: center; padding-right: 0; }
	.date-box .width-one:nth-child(5){ display: none; }
	.date-box .width-one:nth-child(6),.date-box .width-one:nth-child(8){ width: 47%; }
	.button-width{ width: 100%; text-align: center; }
	.back-box{ padding:20px 0; }
	.title{ margin:25px 0; height: 30px; line-height: 30px; padding-left: 10px; font-size: 18px; background-size: auto 100%; }
	.title a{ font-size: 14px; margin-top: -20px; }
	.img-slick a span{ font-size: 14px; }
	.news-list li{ padding-right: 90px; }
	.title-phone{ display: block; }
	.width-box{ margin-bottom:0; }
	.ml-left{ display: none; }
	.ml-box{ padding-left: 0; margin-bottom: 30px; }
	.ml-list li{ width: 33.333333%!important; margin-bottom: 10px; padding:0 5px; }
	.ml-right{ height: auto; }
	.title-b{ height: 40px; line-height: 40px; font-size: 18px; background-size: auto 100%!important; padding-left: 15px; }
	.bottom .pull-left, .bottom .pull-right{ width: 100%; }
	.bottom-tt{ font-size: 18px; height: 25px; line-height: 25px; }
	.bottom-txt{ font-size: 14px; }
	.bottom{ padding:20px 0; }
	.footer-down{ width: 100%; }
	.ewm-box .pull-left{ width: 33.333333%; font-size: 12px; padding:0 5px; margin:0; }
	.footer-b-txt{ display: none; }
	.footer-right span{ padding-left: 0; display: block; }
	.footer-right{ padding-top: 40px; }
	.footer{ padding-top: 20px; }
	.logo-b img{ width: 200px; }
	.header .pull-left{ display: none; }
	.header-a-r{ margin-left: 20px; }

	.article-right{ width: 100%; }
	.article-left{ width: 100%; margin-bottom: 25px; display: none; }
	.nav-b{ margin:0 0 20px 0; }
	.list-back{ padding:20px 0 50px 0; }
	.list-banner{ height: 150px; }
	.article-p p{ font-size: 14px; line-height: 25px; }
	.article-sm span{ display: block; padding:0;    float: left;    padding: 0px 60px; }
	.foem-left-box{ padding:20px 20px 20px 50px; }
	.foem-left-box .col-xs-6{ width: 100%; }
	.form-tabs{ left: -25px; }
	.form-tt{ font-size: 24px; }
	.zj-txt{ font-size: 12px; }
	.form-input-sm .form-control{ height: 120px; }
	.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{ margin-left: 0; }
	.checkbox-inline{ display: block; }
	.form-input-sm i{ height: 120px; line-height: 120px; }
	.form-right-p p{ font-size: 14px; line-height: 25px; }
	.fk-list li{ padding:10px 15px; font-size: 14px; margin-bottom:10px; }
	.fk-list{ padding-bottom: 10px; }
	.list-back-form{ padding-top: 0; }
	.form-bottom .col-xs-6{ width: 100%; }
	.form-bottom{ padding:20px; }
	.form-input-lg-bold .form-control {
    height: 150px;
}
	.form-input-lg-bold i{ height: 150px; line-height: 150px; }
	.list-left{ display: none; }
	.list-right{ width: 100%; }
	.news-list-lg{ margin-top: 0; }
	.menu-box{ margin-bottom: 15px; }
	.brand-list .item{ width: 100%; position: static!important; }
	.brand-list{ margin:0; }
  .menu-button{ display: block; }
  .nav-down{ display: none; position: static; margin:0;background: #1758ae; width: 100%; }
  .nav-down li a{ color: #fff; }
  .nav-list li:hover .nav-down{ display: none; }
  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
  .nav-click.active{ transform: rotate(180deg); }
  .banner .slick-prev,.banner .slick-next{ width: 30px; height: 30px; background-size: 100% auto; margin-top: -15px; }
  .banner .slick-dots li, .banner .slick-dots li button{ width: 20px; }
  .banner .slick-dots{ bottom: 15px; }

	}

@media( max-width: 767px){

.title-b a{    margin-top: -10px;}

.article-sm span{ display: block; padding:0;    float: left;    padding: 0px 14px; }

}