@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none;}
select optgroup{color:#CAC8BB;}
header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
/*page*/
.page{color: #777777; text-align: center;padding-top: 40px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: middle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #d8000f;border: 1px solid #d8000f;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
/*header*/
header{position: relative;}
.nav-container{position: inherit;}
.logo{padding:15px 0;}
.logo img{float: left}
.logo-text{margin-left: 250px;padding-left: 10px;border-left: 1px solid #666;margin-top: 12px;}
.logo-text .logo-text-top{color:#999;font-size: 14px;letter-spacing:2px;}
.logo-text .logo-text-bottom{color:#c0a16b;font-size: 18px;line-height: 30px;}
.tel-info{color:#d8000f;padding: 16px 20px 5px 0;}
.tel-info h6{font-size: 18px;font-weight: bold;text-align: right;}
.tel-info h6 span{font-size:16px; font-weight:normal; margin-right: 10px;}
#main-navbar{text-align: right;}
#main-navbar .caret{display: none;}
.nav > li > a:hover, .nav > li > a:focus{background: inherit;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: inherit;}
#main-navbar .navbar-nav > li > a{padding: 14px 25px; color:#333; font-size:17px; position:relative; height:30px;}
#main-navbar .navbar-nav > li:last-child > a:after{ width:0px;}
#main-navbar .navbar-nav > li > a:after{ position:absolute; right:0px; bottom:-2px; content:""; width:1px; height:13px; background-color:#999;}
#main-navbar .navbar-nav > li > a:hover{ color:#d8000f; }
#main-navbar .navbar{position: inherit;margin-bottom: 0;}
#main-navbar .navbar.nav > li{position: inherit;}
#main-navbar .navbar .dropup,#main-navbar .navbar .dropdown{position: inherit;}
@media (min-width: 992px) and (max-width: 1199px) {
.logo img{width:100%;}
#main-navbar .navbar-nav > li > a{padding: 10px 10px; font-size:16px;}
}
@media (max-width: 992px) {
#main-navbar{text-align: left;}
.navbar-brand{height: inherit;padding: 20px 15px;text-indent: -9999px;background: url(../images/logo.png) no-repeat 0px 7px;width: 200px;background-size:100%;}
#main-navbar .navbar-nav > li > a{padding: 18px 15px;}
#main-navbar .navbar-nav > li{border-bottom: 1px solid #666;}
#main-navbar .navbar-nav > li:last-child{border-bottom: none;}
.navbar-toggle{font-size: 22px;padding: 5px 0px;}
#main-navbar .navbar-nav > li > .dropdown-menu > li > a{ color:#333; border-right:0px solid #333; }
#main-navbar .navbar-nav > li.open >a{padding-bottom:12px;color:#d8000f;}
#main-navbar .navbar-nav > li > a:after{ position:absolute; right:0px; bottom:-2px; content:""; width:0px; height:13px; background-color:#333;}

}
 footer{position:relative; background:#272626 url(../images/foot.png) bottom right no-repeat;}
.footer{  position:relative;}
.footer .f_top .left .f_txt a{ color:#cccccc;}
.footer a:hover{ color:#d8000f}
.footer .f_top{padding:50px 0; border-bottom:1px solid #42464d;}
.footer .f_top .left{ margin-top:20px;}
.footer .f_top .left a{ color:#FAFAFA;}
.footer .f_top .left a:hover{ color:#d8000f;}
.footer .f_top .left dl dt{font-size:18px;color:#cccccc; line-height:34px;padding-bottom:20px; margin-bottom:17px;position: relative;}
.footer .f_top .left dl dt:after{ content:" "; width:35px; left:0px; top:45px; height:2px; background: #d8000f; position:absolute;}
.footer .f_top .left dl dd a{ color:#d3d4d5; line-height:34px;}
.footer .f_top .mid .f_txt{margin:20px 0 20px;}
.footer .f_top .mid .f_txt dl dt{ font-size:18px;line-height:34px;padding-bottom:15px; margin-bottom:17px; position: relative;}
.footer .f_top .mid .f_txt dl dt:after{ content:" "; width:35px; left:0px; top:40px; height:2px; background: #d8000f; position:absolute;}
.footer .f_top .mid .f_txt dl a{ color:#ccc;}
.footer .f_top .mid .f_txt dl dd{line-height:34px; color:#cccccc;}
.footer .f_top .mid .f_txt dl dd .tel{ font-size:26px; color:#d8000f; font-weight:bold; font-family:Arial;}
.footer .f_top .mid .f_txt dl dd .tel:hover{color:#d8000f;}
.footer .f_top .right .qr_wrap{margin:20px 0 20px; text-align: center;}
.footer .f_top .right .qr_wrap p{ text-align:center;color:#cccccc; line-height:28px;}
.footer .f_bott{padding:20px 0; line-height:22px; text-align:center; color:#cccccc;}
.footer .map_box{height:245px; overflow:hidden;}
@media only screen and (max-width: 767px){
.footer .f_top{padding:20px 0; border-bottom:1px solid #42464d;}
.footer .f_top .mid .f_txt .dl1{margin-right:17px;}
.footer .f_top .mid{ margin-top:20px; text-align:center;}
.footer .f_top .mid .f_txt dl dt{ display:none;}
.footer .f_top .mid .f_txt dl dt:after{ content:" "; width:0px; left:0px; top:40px; height:2px; background: #65ac1e; position:absolute;}
.footer .f_top .mid .f_txt dl dd{text-align:center;}
.footer .f_top .mid .f_txt dl dd .tel{ color:#d8000f; }
.footer .f_bott{padding:10px 0; text-align:center;}
}

.swiper-container-banner{height:680px;position: relative;}
.banner .container{ position:static;}
.banner .img { position: relative; padding-bottom: 680px; height: 0; }
.banner .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; /*background-size: cover;*/ }
.banner .swiper-slide-active .txt1.blue span{ color:#0547ab!important;}
.banner .txt .txt22.blue span { color:#0547ab!important;}
@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes myfirst { 0% { transform: translateY(-5px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-5px); } }
@media (max-width: 1700px) {
.swiper-container-banner{height:602px;}
.banner .img {padding-bottom: 602px; }
}
@media (max-width: 1580px) {
.swiper-container-banner{height:560px;}
.banner .img {padding-bottom: 560px; }
}
@media (max-width: 1440px) {
.swiper-container-banner{height:510px;}
.banner .img {padding-bottom: 510px; }
}
@media (max-width: 1366px) {
.swiper-container-banner{height:484px;}
.banner .img {padding-bottom: 484px; }
}
@media (max-width: 1200px) {
.swiper-container-banner{height: 425px;}
.banner .img {padding-bottom: 425px; }
}
@media (max-width: 1024px) {
.swiper-container-banner{height:364px;}
.banner .img {padding-bottom: 364px; }
}
@media (max-width: 960px) {
.swiper-container-banner{height:340px;}
.banner .img {padding-bottom: 340px; }
}
@media (max-width: 768px) {
.swiper-container-banner{height:320px;}
.banner .img {padding-bottom: 320px; }

}
@media (max-width: 425px) {
.swiper-container-banner{height:170px;}
.banner .img {padding-bottom: 170px; }

}
@media (max-width: 375px) {
.swiper-container-banner{height:150px;}
.banner .img {padding-bottom: 150px; }
}
.banner .swiper-button-prev {  left: 10px;  width: 30px;  height: 30px;  opacity: 0;  -webkit-transition: opacity .3s;  -o-transition: opacity .3s;  -moz-transition: opacity .3s;  transition: opacity .3s;}
.banner .swiper-button-next {  right: 10px;  width: 30px;  height: 30px;  opacity: 0;  -webkit-transition: opacity .3s;  -o-transition: opacity .3s;  -moz-transition: opacity .3s;  transition: opacity .3s;}
.banner .swiper-container:hover .swiper-button-prev,
.banner .swiper-container:hover .swiper-button-next {  opacity: 1;}
.banner .swiper-button-next,
.banner .swiper-button-prev {background-image:none!important;  content: "";  display: block;  width: 30px;  height: 30px;  border: 3px solid;  border-color: transparent transparent #b81b22 #b81b22;}
.banner .swiper-button-prev {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.banner .swiper-button-next {  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 23px;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;  background: #fff;  -webkit-transition: all .5s;  -o-transition: all .5s;  -moz-transition: all .5s;  transition: all .5s;  border-radius: 10px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #b81b22;  width: 33px;}
@media (max-width: 768px) {
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 13px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;}
}
@media (max-width: 425px) {
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 8px;}
}

.index-section{padding:70px 0;text-align: center;}
.index-pagewhite{background: #FFF;color:#333;}
.page-title h2{font-size: 36px; margin-bottom:5px; color:#d8000f; font-weight:bold; letter-spacing:2px;}
.page-title p{font-size: 20px;padding: 10px 0;margin-bottom: 30px; letter-spacing:2px;}
.page-title p:after, .page-title p:before {  content: "";  height: 1px;  background: #666;  width: 18px;  display: inline-block;margin-bottom:8px;}
.page-title p:before{margin-right: 6px;}
.page-title p:after{margin-left: 6px;}
.index-page-white .page-title h2{color:#fff;}
.index-page-white .page-title p{color:#fff;}
.index-page-white .page-title p:after, .index-page-white .page-title p:before {background: #fff;}
@media (max-width:1024px) {
.index-section{padding:60px 0;}
.page-title h2{font-size:24px;}
}
@media (max-width: 768px) {
.index-section{padding:40px 0;}
.page-title{margin-bottom:10px;}
.page-title h2{font-size:20px;}
.page-title p:after, .page-title p:before { height:0px;width: 0px;}
}
@media (max-width: 600px) {
.page-title h2{font-size:18px;}
.page-title p{font-size:16px;margin-bottom: 10px; font-weight: normal; }
}
.index-pt1 .title{ font-size:20px; font-weight:600; color:#333; margin-bottom:20px; text-align:left;}
.index-pt1 .con{ line-height:32px; margin-bottom:40px; text-align:left; color:#666;}
.index-pt1 a .more{ font-size:14px; width:120px;border:1px solid #666; color:#666; height:36px; line-height:36px; text-align:center; z-index:20;}
.index-pt1 a:hover .more{ background:#d8000f;color:#fff;border:1px solid #d8000f; }
.column { margin-top:35px;}
.column .col-3-1{width:31.33%;margin-right:3%;float:left}
.column .last{margin-right:0}
.link-setion{position:relative}
.link-setion a{display:block}
.link-setion .link-img img{display:block;width:100%}
.link-setion .link-img-noimg{min-height:230px;height:auto!important;background-color:#dd5189}
.link-name-default{position:absolute;left:25px;bottom:25px;opacity:1;filter:alpha(opacity=100);border-bottom:1px solid #fff;padding-bottom:5px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.link-name-default h3{font-size:20px;font-weight:400;color:#fff;line-height:normal}
.link-setion-text{display:block;width:100%;position:absolute;top:50%;left:0;z-index:10;color:#fff;text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.link-setion-text h3{margin:0 20px 15px;margin-top:-25px;font-size:22px;font-weight:400;color:#fff;line-height:normal;transition:all .35s ease-out;-moz-transition:all .35s ease-out;-o-transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-ms-transition:all .35s ease-out}
.link-setion-text p{margin:0 20px 15px;margin-top:-55px;font-size:13px;font-weight:400;color:#fff;line-height:normal;transition:all .35s ease-out;-moz-transition:all .35s ease-out;-o-transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-ms-transition:all .35s ease-out}
.link-setion-text .link-more{display:inline-block;margin-top:15px;padding:3px 15px;border:1px solid #fff;font-size:13px}
.link-setion .opacity-overlay{display:block;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;background:#004f99;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.link-setion a:hover .link-name-default{opacity:0;filter:alpha(opacity=0)}
.link-setion a:hover .link-setion-text{opacity:1;filter:alpha(opacity=100)}
.link-setion a:hover .link-setion-text h3{margin-top:0}
.link-setion a:hover .link-setion-text p{margin-top:0}
.link-setion a:hover .opacity-overlay{opacity:.8;filter:alpha(opacity=80)}
@media (max-width: 1440px) {
.index-pt1_right_mid img{ width:96%; padding-left:0px;}
}
@media (max-width: 1366px) {
.index-pt1 .con{ line-height:28px; margin-bottom:20px;}
}
@media (max-width: 1200px) {
.index-pt1 .title{ margin-bottom:10px;}
.index-pt1 .con{  margin-bottom:10px;}
}
@media (max-width: 768px) {
.index-pt1-right { margin-top:20px;}
}
@media (max-width: 500px) {
.column .col-3-1{width:100%;margin-right:0;float:none; margin-bottom:20px;}
}
@media (max-width: 425px) {
.index-pt1 .title{ font-size:16px;}
.index-pt1-right img{ width:100%;}
}
.index-pt2{background: url(../images/index-pt2.jpg) top center no-repeat #FFF;padding-bottom:60px; }
.index-pt2 .page-title p{ color:#fff;}
.index-pt2-content{text-align: center; background: #FFF;padding:30px;color:#333; box-shadow: 0 6px 12px rgba(0, 0, 0, .175);height:390px;}
.swiper-container-pro{height: 350px;}
.index-pt2 .index-pt2-list{display:block; background-color:#fff;}
.index-pt2 .index-pt2-list .img_box{margin-bottom:20px;}
.index-pt2 .index-pt2-list .info_box .t{font-size:16px; color:#000; line-height:1.5; text-align: center; margin-bottom:15px;}
.index-pt2 .index-pt2-list .info_box .d{ color:#666; line-height:24px; height:70px; overflow:hidden; text-align:left;}
.index-pt2 .index-pt2-list a:hover .t{color:#a80d0f;}
.index-pt2 .swiper-pagination-bullet { margin-top:20px;background: #666!important;}
.index-pt2 .swiper-pagination-bullet-active {background: #d8000f!important;}
@media (max-width: 1280px) {
.index-pt2-content{height: 360px;}
.swiper-container-pro{height: 320px;}
}
@media (max-width: 1200px) {
.index-pt2-tabs.nav-tabs{ width:80%;}
.index-pt2-content{height: 320px;}
.swiper-container-pro{height: 290px;}
}
@media (max-width: 1024px) {
.index-pt2-tabs.nav-tabs{ width:90%;}
}
@media (max-width: 768px) {
.index-pt2-tabs.nav-tabs{ width:100%;}
.index-pt2-tabs.nav-tabs > li > a{font-size:16px;padding: 10px 10px;}
}
@media (max-width: 767px) {
.index-pt2 .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
}
@media (max-width: 420px) {
.index-pt2-tabs.nav-tabs > li > a{font-size:15px;padding: 10px 5px;}
}
.index-pt3{ background: #fafafa;}
.index-pt3 ul li { margin-bottom:15px;}
.index-pt3 ul li .padding{ padding:30px 25px;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1); }
.index-pt3 ul li .con { text-align: left}
.index-pt3 ul li .con .deta{color:#d8000f; margin-bottom:5px;}
.index-pt3 ul li .con .title{ color:#333; font-size:20px; height:28px; overflow:hidden;}
.index-pt3 ul li .con .desc{ color:#777; font-size:14px; line-height:24px; height:88px; overflow:hidden; margin-top:15px; text-align: left;}
.index-pt3 ul li .con .deta1{ display:none;color:#999; margin-bottom:5px;}
@media (max-width: 768px) {
.index-pt3 ul li .con .desc{ height:48px; margin-top:5px; }
.index-pt3 ul li .con .title{ font-size:17px; height:26px;}
}
@media (max-width: 600px) {
.index-pt3 ul li .con .title{ font-size:16px;}
.index-pt3 ul li .padding{ padding:10px 10px ;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0); border:1px solid #f0f0f0; }
.index-pt3 ul li:nth-child(5), .index-pt3 ul li:nth-child(6) { display:none}
.index-pt3 ul li .con .deta1{ display: block;}
.index-pt3 ul li .con .deta{display:none;}
}
.index-pt4 .index-pt4-list{display:block; background-color:#fff;}
.index-pt4 .index-pt4-list .img_box{margin-bottom:20px;}
.index-pt4 .index-pt4-list .info_box .t{font-size:16px; color:#000; line-height:1.5; text-align: center; margin-bottom:15px;}
.index-pt4 .index-pt4-list .info_box .d{ color:#666; line-height:24px; height:70px; overflow:hidden; text-align:left;}
.index-pt4 .index-pt4-list a:hover .t{color:#a80d0f;}
.index-pt4 .swiper-pagination-bullet { margin-top:20px;background: #666!important;}
.index-pt4 .swiper-pagination-bullet-active {background: #d8000f!important;}
.ban img{display: block;width: 100%;}

.nbg{background: url(../images/img/nbg.jpg) repeat;}
div.nbg1{background: url(../images/img/bg1.jpg) repeat;}
.nbg2{background: url(../images/hotbg.jpg) repeat;}
.left_menu{ width:22%; float:left;}
.right_content{ width:75%; float:right;}
.lside .grayblock {
box-sizing: border-box;
background-color: #fff;
margin-bottom: 25px;
padding: 20px 20px 30px;
border: 1px solid #ddd;
}
.lside .grayblock h2, .lside .grayblock h3 {
font-size: 24px; background:#d8000f;
color: #fff; text-align:center; margin-bottom:15px;
font-weight: 700;
line-height: 2.5;
}
.lside .iauth li {
line-height: 3.3;
margin-bottom: 15px;
}
.lside .iauth li a.act, .lside .iauth li a:hover {
color: #fff;
background-color: #d8000f;
}
.lside .iauth li a {
color: #333;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 15px;
background-color: #eee;
border-radius: 5px;
}
.lside .iauth li a.act i, .lside .iauth li a:hover i {
color: #fff;
}
.lside .iauth li a i {
padding: 0 .6em 0 1em;
color: #d8000f;
}
.lside .pre_news li {
overflow: hidden; padding:10px 0;
border-bottom: 1px solid #ddd;
}
.lside .pre_news h4 {
color: #666; font-size:15px;
font-weight: 400;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 2;
}
.lside .pre_news .date { color:#d8000f; line-height:32px}
.lside .pre_news a:hover h4 { color:#d8000f}
.titbar.break {
text-align: left;
height: 45px;
margin: .4rem 0 1.1rem;
padding: 0;
border-bottom: 1px solid #ddd;
}
.breaker {
white-space: nowrap;
line-height: 45px;
color: #666; font-size:15px;
float: right;
padding-left: 2em;
background-position: 0 center;
}
.breaker a{ color: #333;}
.titbar.break h2 {
color: #333;
line-height: 45px; font-size:20px;
font-weight: 400;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-left: 5px solid #d8000f;
padding-left: 15px;
}
.article p{
line-height: 34px;
font-size: 16px;
color: #333;
}
.article img{ width:100%;}
.article_cont{ margin:30px 0; line-height:30px;}
.article_cont .tit { text-align:center; line-height:34px; font-size:20px; font-weight:bold; border-bottom:1px solid #fafafa; padding-bottom:15px; margin-bottom:15px;}
.article_cont .content { line-height:30px; font-size:16px; } 
.product_con{ display:block; margin-bottom:40px;}
.product_con li{ margin:10px 1% 20px; float:left; width:31.33%;}
.product_con li div{ height:50%;}
@media screen and (max-width:1200px){
.left_menu{ width:28%; float:left;}
.right_content{ width:69%; float:right;}
}

@media screen and (max-width:992px){
.left_menu{ width:0; float:left; display:none;}
.right_content{ width:100%; float:right;}
.titbar.break h2 {border-left: 0px solid #d8000f;padding-left:0px; }
.breaker { display:none}
.titbar.break {margin: 0px 0 0px;}
.article_cont .tit { font-size:18px;}
}
@media screen and (max-width:768px){
.product_con li{ margin:10px 1% 10px; float:left; width:48%;}
}
.product_con li:hover{box-shadow:0px 0px 15px #aaa;}
@media screen and (min-width:1660px){
.product_con li div{ height:240px;}
}
@media screen and (max-width:1440px) and (min-width:1366px){
.product_con li div{ height:220px;}
}
@media screen and (max-width:1365px) and (min-width:1280px){
.product_con li div{ height:200px;}
}
.product_con li div{ overflow:hidden;}
.product_con li div img{ width:100%; height:auto; display:block; margin:0; padding:0;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
.product_con li:hover div img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.product_con li p{ display:block; padding:15px; background:#fafafa;}
.product_con li p em{ font-size:16px; line-height:40px; text-align:center;}
.product_con li p span{ color:#888;}
.product_con li:hover p{ background:#d8000f; color:#fff;}
.product_con li p a{ float:right; background:#ececec; padding:9px 25px; font-size:15px; font-family:"VINYLREGULAR"; margin-top:3px;  margin-right:10px;}
.product_con li:hover p a{ background:#d8000f; color:#fff;}
.product_con li:hover p span{ color:#fff;}
@media screen and (max-width:1280px){
.product_con li p{ padding:10px; }
}
@media screen and (max-width:960px){
.product_con li p{ display:block; padding:5px;}
.product_con li p em{ font-size:18px; line-height:35px;}
.product_con li p span{ color:#888; font-size:12px;}
.product_con li p a{ display:none}

}
@media screen and (max-width:768px){
.product_con li p em{ font-size:16px; line-height:30px;}
}
.show-pro{ width:100%;}
.show-pro .pro-t { margin-bottom:30px;}
.show-pro .pro-t h1 {font-size: 20px; color: #333333; text-align:center;  padding-bottom:20px;border-bottom:1px solid #e4e4e4; }
.show-pro .param{ line-height:28px; color: #333333; }
.detail-title {font-size: 18px;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7; text-align:center;}
.detail-info-bar {font-size: 14px;font-family: Arial;color: #9e9e9e;line-height: 35px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 20px; text-align:center;}
.detail-info-bar .detail-info-time { margin-right: 20px; padding-left: 25px;}
.detail-con { color: #333;line-height: 1.7;}
.detail-con img,
.detail-con p img {width: auto !important;max-width: 100%;height: auto !important;}
@media screen and (max-width:1024px){
.show-pro .param img{ width:100%;}
.show-pro .pro-t h1 {font-size: 16px;  }
.detail-title {font-size: 16px; }
}


.inner_new li .big {position: relative;width: 9.5rem;float: left;box-sizing: border-box;margin-right: 3%;-webkit-transition: all .5s linear;transition: all .5s linear;background-color: #f3f3f3;}
.imWrap {width: 100%;padding-top: 62.7%;position: relative;overflow: hidden;}
.big img {width: 100%;display: block;transform: translateZ(0);transition: transform .3s linear;}
.imWrap img {display: block;position: absolute;width: 100%;min-height: 100%;z-index: 5;left: 0;top: 0;}

.inner_new{margin-top:-1rem}
.inner_new li{position:relative;background-color:#fff;padding:25px 20px;border-bottom:1px solid #ddd}
.inner_new li a{display:block;overflow:hidden;cursor:pointer;position:relative;z-index:5}
.inner_new li .date span{font-weight:700;font-size:24px;display:block}
.inner_new li .date{font-size:18px;float:left;color:#666;display:block;text-align:center;padding:10px 0 10px;}
.inner_new li .text-wrap{position:relative;overflow:hidden;padding-left:2%}
.inner_new li .text-wrap .title{font-size:18px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:normal;line-height:2}
.inner_new li .text-wrap p{color:#222;display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:10px;margin-bottom:15px;}
.inner_new li .text-wrap .btn{font-size:14px;color:#666; padding:5px 25px;line-height:2;margin-top:15px; border: 1px solid #ddd;}
.inner_new li:hover .title{color:#d8000f}
.inner_new li:hover .btn{color:#fff;background-color:#d8000f;border-color:#d8000f}
.inner_new li:hover .fa{color:#d8000f;border-color:#d8000f}

@media (max-width:768px){.inner_new li .date{font-size:.88888889rem}
.inner_new li .date span{font-size:1.09090909rem}
.inner_new li .text-wrap .title{font-size:1rem}
}
@media (max-width:640px){
.inner_new li .date{font-size:1rem}
.inner_new li .text-wrap .btn{font-size:13px}
.inner_new li.first .big{width:100%;margin-right:0;float:none;margin-bottom:1em}
.inner_new li.first .title{margin-bottom:0}
.inner_new li .date{display:none}
.inner_new li .text-wrap .title{font-size:15px;padding-bottom:0}
.inner_new li .text-wrap p{height:3em;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.inner_new li .date{padding-bottom:0;margin-top:4%}
.inner_new li .btn{display:none}
}
.announcement li{position:relative;background-color:#fff;padding:25px 20px;border-bottom:1px solid #ddd}
.announcement li .date{font-size:18px;float:left;color:#666;display:block;text-align:center; }
.announcement li .text-wrap{position:relative;overflow:hidden;padding-left:2%}
.announcement li .text-wrap .title{font-size:18px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:normal;line-height:1.5}
.announcement li:hover .title{color:#d8000f}
@media (max-width:768px){.announcement li .date{font-size:.88888889rem}
.announcement li .text-wrap .title{font-size:1rem}
}
@media (max-width:640px){
.announcement li .text-wrap .title{font-size:15px;padding-bottom:0}
}

.case_view{ display:block; padding:20px 0 50px;}


.case_view_rg_tit{ display:block; border-left:3px #009fe0 solid; height:30px; line-height:30px; padding-left:10px; font-size:19px; color:#009fe0; font-weight:700;}
.case_view_rg_con1{ padding:15px 15px 0; border:1px #ddd solid; margin-top:10px; margin-bottom:25px;}
.case_view_rg_con1 li{ display:block; overflow:hidden; position:relative; margin-bottom:15px;}
.case_view_rg_con1 li img{ width:100%; display:block;}
.case_view_rg_con1 li p{ position:absolute; left:0; bottom:0; background:url(../images/wbg.png); width:100%; height:45px; color:#fff; line-height:45px; text-align:center;}
.case_view_rg_con2{ padding:15px 15px 20px; border:1px #ddd solid; margin-top:10px; margin-bottom:25px;}
.case_view_rg_con2 div{ display:block; margin-bottom:10px; position:relative;}
.case_view_rg_con2 div img{ width:100%; display:block;}
.case_view_rg_con2 div p{ position:absolute; left:0; bottom:0; background:url(../images/wbg.png); width:100%; height:45px; color:#fff; line-height:45px; text-align:center;}
.case_view_rg_con2 li{ display:block; overflow:hidden; height:35px; line-height:35px; border-bottom:1px #ddd dashed; background:url(../images/dot2.gif) left no-repeat;}
.case_view_rg_con2 li a{ display:block;}
.case_view_rg_con2 li a.mart{  padding-left:15px; padding-bottom:8px;}
/**view**/
@media screen and (min-width:1240px){
.view_title{ display:block; font-size:22px; font-weight:700;}
.view_content{ line-height:33px; padding:35px 0;}
}
@media screen and (max-width:1231px){
.view_title{ display:block; padding:10px 0; font-size:18px; font-weight:700;}
.view_content{ line-height:28px; padding:25px 0;}
}
@media screen and (max-width:768px){
.view_title{ font-size:16px; }
}
.view_pcon{ line-height:20px; padding:10px 0; font-size:13px; color:#999; border-bottom:1px #ddd solid;}
.view_pcon span{ margin-right:15px;}
.view_content{ color:#555; font-size:14px;}
.view_content img{ max-width:100% !important; height:auto !important;}
.view_content table{ max-width:100% !important;}


.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}


.honor_ul {overflow: hidden;text-align: center;}
.honor_ul p{ width:100%;height:35px;background: #efefef;color: #666; margin-top:2px; margin-bottom:15px;}

.honor_ul li img { width:100%;}

.contact_top h3{ color:#333; font-size:16px; line-height:30px; margin-bottom:15px; width:100% }
.contact_top strong{ font-weight:700;}
.contact_top h3 strong {color: #d8000f; margin-bottom:30px }
.contact_top p {line-height:38px;font-size:15px;}