@charset "utf-8";
/* by Sean Lu 20171121 */
/*reset*/
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%; font-family: Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a{ text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }


/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #c60d0d; color: #fff; }
::-moz-selection { background: #c60d0d; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; }

.sousuo { }
.sousuo .guanjianci { display: block; width: 10px; height: 30px; line-height: 30px; background: url(../img/sousuoicon.png) no-repeat 90% center; border: 1px solid #fff; -webkit-transition: all .2s; transition: all .2s; padding: 0 20px; border-radius: 20px; cursor: pointer; }
.sousuo .guanjianci:focus { background-color: #f1f1f1; width: 120px; }

.tebiedegao { height: auto !important; }

.lihaisilene .filters li a { color: #d40000; font-weight: bold; }


.innerkehu{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.innerkehu li{
	width: 20%;
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.inbanner { height: 310px; margin-top: 150px; width: 100%; display: table; background: url(../img/inbanner01.jpg) no-repeat center bottom; background-size: cover; background-attachment: fixed; }
.inbanner .title { padding-bottom: 32.5px; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 0 0 10px rgba(0,0,0,.5); }
.inbanner .title .cn { font-weight: bold; font-size: 50px; line-height: 80px; }
.inbanner .title .en { font-size: 18px; line-height: 24px; }

.inpage { }

.innav { margin-top: -32.5px; height: 65px; position: relative; }
.innav .wrapper { position: relative; }
.innav_box { height: 65px; background: #fff; }
.fixednavbar.fnon { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
.innav_box ul { display: table; width: 100%; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); overflow: hidden; }
.innav_box li { display: table-cell; position: relative; text-align: center; vertical-align: middle; height: 100%; background: #fff; }
.innav_box li a { display: block; height: 100%; line-height: 24px; padding: 20.5px 10px; position: relative; font-size: 16px; font-weight: 700; cursor: pointer; -webkit-transition: color .4s; transition: color .4s; color: #666; }
.innav_box li:after { content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background: #c60d0d; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: translateY(3px); transform: translateY(3px); }
.innav_box li:hover:after, .innav_box li.on:after { -webkit-transform: translateY(0); transform: translateY(0); }
.innav_box li:hover a, .innav_box li.on a { color: #c60d0d; }

.inmain { margin-bottom: 50px; }
.inmain p { margin-bottom: 20px; font-size: 16px; line-height: 30px; color: #333; }
.inmain img { max-width: 100%; }
.intitle { text-align: center; margin: 40px 0; }
.intitle h1 { display: inline-block; color: #c60d0d; border-bottom: 3px solid #c60d0d; font-size: 30px; line-height: 60px; margin-bottom: 0; }
.inname { text-align: center; margin: 40px 0; }
.inname h1 { display: inline-block; color: #c60d0d; font-size: 30px; line-height: 40px; padding: 0 20px; margin-bottom: 0; }
.inname .info { line-height: 30px; font-size: 12px; color: #999; margin-top: 10px; }
.inname .info span { margin: 0 10px; }


.aboutbox01 { overflow: hidden; background: #f9f9f9; padding: 30px 0; }
.aboutbox01 .item { width: 25%; float: left; text-align: center; font-size: 16px; }
.aboutbox01 .item img { display: block; width: 30%; margin: 0 auto; }


.caselist { overflow: hidden; }
.caselist li { width: 23%; float: left; margin: 0 1% 20px; }
.caselist li a { display: block; text-align: center; font-size: 16px; color: #333; }
.caselist li a:hover { color: #c60d0d; }
.caselist li .nam { line-height: 40px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #c60d0d; color: #c60d0d; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }


.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 100%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width: 30%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: content-box; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnons { width: 500px; color: #fff; background: #0061bf; border-radius: 4px; border: 0; display: block; float: left; font-size: 16px; font-weight: normal; letter-spacing: 0; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.newslist { margin: 0 10%; }
.newslist li { border-bottom: 1px solid #dedede; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; }
.newslist li .img { float: left; width: 20%; margin-right: 20px; border: 1px solid #dedede; padding: 2px; }
.newslist li .img img { display: block; }
.newslist li .nam { height: 40px; line-height: 40px; overflow: hidden; }
.newslist li .nam a { font-size: 20px; color: #c60d0d; }
.newslist li .nam a:hover { text-decoration: underline; }
.newslist li .txt { font-size: 16px; color: #000; line-height: 24px; }


/*20200911*/
.new_fr{width: 25%;float: left;}
.side { width: 300px; float: left; }

.main { width: calc(100% - 330px); float: right; }


.snav { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); border-top: 3px solid #d40000; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.snav .hd { text-align: center; font-size: 20px; color: #d40000; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.snav .hd .split { margin: 0 10px; font-family: simsun; }
.snav .bd { background: #fff; padding: 10px; }
.snav .bd .bul { padding: 0 10px; }
.snav .bd .bul .bli { line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px dashed #fff; position: relative; }
.snav .bd .bul .bli .ba { display: block; font-size: 18px; color: #39424b; position: relative; text-align: center; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; padding: 0 20px; }
.snav .bd .bul .bli:before { content: ''; background: #d40000; display: block; border-radius: 30px 0 30px 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 40px; width: 100%; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; }
.snav .bd .bul .bli:hover:before, .snav .bd .bul .bli.on:before { -webkit-transform: translateY(0); transform: translateY(0); }
.snav .bd .bul .bli:hover .ba, .snav .bd .bul .bli.on .ba { color: #fff; }
.snav .bd .bul .bli.on { border-color: transparent; }
.snav .bd .bul .bsub { background: #f3f3f3; margin: -20px 0 2px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; border-radius: 0 0 20px 20px; }
.snav .bd .bul .bsub li { line-height: 36px; }
.snav .bd .bul .bsub li a { font-size: 14px; color: #666; }
.snav .bd .bul .bsub li a:hover, .snav .bd .bul .bsub li.on a { color: #d00c18; }
.mainbox { background: #fff; border: 0 solid #dedede; border-top: 3px solid #d40000; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.mainbox .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainbox .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainbox .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #999; }
.mainbox .now a:hover { color: #d40000; }
.snav .sd { display: none; }
.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; }
.mainbox .bd p { margin-bottom: 20px; }
.mainbox .bd h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 20px 0 20px 0; margin-bottom: 20px; margin-top: 40px; }
.prolist { }
.prolist .item { width: 32.333333333%; float: left; margin: 0 1.5% 10px 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }
.prolist .item .img a { display: block; }
.prolist .item .img img { width: 100%; display: block; }
.prolist .item .box { padding: 10px 30px; position: relative; overflow: hidden; }
.prolist .item .box .nam { font-size: 16px; font-weight: bold; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.prolist .item:hover .box .nam {  }
.prolist .item .box .nam a { color: #333; }
.prolist .item:hover .box .nam a { color: #d40000; }
.prolist .item .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.prolist .item:hover .box .txt { }
.prolist .item .box .btn {padding: 0; position: absolute; left: 0; bottom: 0; right: 0; height: 58px; line-height: 58px; background: #d40000; color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }
.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; text-align: left;}

.probox{margin-top: -30px;}

.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.pro_list img{width: 100%;}
.pro_list{margin-bottom: 0;}
.pro_list .image-holder{box-shadow: 2px 2px 30px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);border: 1px solid #ccc;box-sizing: border-box;}

.page-header .kh ul li{width: 14.6%;float: left;margin: 10px 1%;}
.page-header .kh ul li p{text-align: center;font-size: 16px;color: #fff;font-weight: bold;}
.page-header .kh ul li img{width: 100%;}
.item-inner img{width: 100%;}
.kh_box{padding: 100px 0;}

.top-bar .logo{max-width: 160px;bottom: 23px;}


.menu li a{font-size: 15px;}
.alt-font{font-size: 13px;}
p.lead{font-size: 18px;}

.sidebar-widget li a{font-size: 14px;display: -webkit-box;overflow:hidden;text-overflow: ellipsis;
word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp: 1;}

.blog-masonry-item p{font-size: 16px;}
.inmain p{font-size: 18px;}

@media (max-width: 1500px) {
	.hero-slider .slides li{height: 500px;}
	
}

@media (max-width: 1200px) {
	
	.wrapper { width: 100%; padding: 0 10px; box-sizing: border-box; }
	.hero-slider .slides li{height: 500px;}
	
}
@media (max-width: 1155px) {
	.hero-slider .slides li{height: 450px;}
	
}
@media (max-width: 1020px) {
	.hero-slider .slides li{height: 400px;}
	
}
@media (max-width: 990px) {
	.new_fr{width: 100%;float: none;padding: 0 30px;}
	.hero-slider .slides li{height: 350px;}
}
@media (max-width: 720px) {
	.side { width: 100%; float: none; }
	.main { width: 100%; float: none; }
	
	.sbox { display: none; }
	
	.snav { padding: 0; margin-bottom: 0; }
	.snav .sd { background: #666; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }
	.snav .hd { display: none; }
	.snav .bd { display: none; }
	.snav .bd.sbon { display: block; }
	.prolist .item { width: 100%; margin: 0 0 10px; }
	.snav .bd .bul .bli .ba { font-size: 14px; }
	.mainbox .now { display: none; }
	
	.mainbox { padding: 20px; }
	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox .hd h1 { float: none; text-align: center; background: #d40000; color: #fff; font-size: 16px; padding-right: 0; }
	
	
	.newsbackline ul li a { width: 100%; }
	
	
	.newslist .item { width: 100%; float: none; margin-right: 0; }
	.newslist .item .name { height: auto; }
	
	.lihaisilene { display: none; }
	.strip{display: none;}
	.caselist li { width: 48%; margin-bottom: 10px; }
	
	
	.inbanner { height: 160px; margin-top: 80px;}
	.inbanner .title { padding-bottom: 22.5px; }
	.inbanner .title .cn { font-size: 30px; line-height: 40px; }
	.inbanner .title .en { font-size: 12px; }
	.innav { height: 45px; margin-top: -22.5px; }
	.innav_box { height: 45px; }
	.innav_box li a { font-size: 10px; padding: 10.5px 0; }
	
	.intitle { margin: 20px 0; }
	.intitle h1 { font-size: 24px; line-height: 40px; }
	
	.hero-slider .slides li{height: 300px;}
	
	
	.messagebtn { width: 100%; }
	.messageinput { width: 90%; }
	.messagebtn.btnons { width: 100%; margin-bottom: 10px; }
	
	.newslist { margin: 0 10px; }
	.newslist li .img { width: 100%; float: none; margin-right: 0; margin-bottom: 10px; }
	
	.proinnav { height: 90px; }
	.pronav li { font-size: 10px; }
	.new_fr{width: 100%;}
	.page-header .kh ul li{width: 48%;margin: 1%}
	.top-bar .logo{bottom: 15px;}
}
@media (max-width: 500px) {
	.hero-slider .slides li{height: 150px;}
}