@charset "utf-8";
/* by Sean Lu 20190710 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,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-color: #fff; }
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; color: #666; }
a:hover { text-decoration: underline; color: #f29335; }

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

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-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:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

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

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

.bgtable{ width:100%; text-align:center; border-collapse:collapse;}
.bgtable td{ border:1px solid #ccc; line-height:2;}


.topbar { background: #2b3341; line-height: 36px; height: 36px; overflow: hidden; font-size: 12px; color: #bfc1c6; }
.topbar .fl {  }
.topbar .fr {  }
.topbar .fr a { color: #bfc1c6; background: url(../img/lang01.jpg) no-repeat left center; padding-left: 24px; margin-left: 12px; }
.topbar .fr a.lang01 { background-image: url(../img/lang01.jpg); }
.topbar .fr a.lang02 { background-image: url(../img/lang02.jpg); }
.topbar .fr a:hover { color: #fff; }

.header { height: 70px; }
.header .logo { height: 44px; float: left; padding: 13px 0; }
.header .logo img { display: block; }
.header .more { float: right; display: block; padding: 0 34px; line-height: 36px; margin-top: 17px; font-size: 14px; background: #096190; border-radius: 6px; color: #fff; text-decoration: none; }
.header .more:hover { opacity: .8; }
.header .nav { text-align: center; padding: 15px 0; }
.header .nav .nli { display: inline-block; font-size: 14px; font-weight: bold; }
.header .nav .nli .na { color: #666; text-decoration: none; padding: 0 20px; line-height: 40px; display: block; }
.header .nav .nli .na:hover { color: #fff; background: #2b3341; }




.bannerslide { }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 600px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }


.comtitle { text-align: center; margin-bottom: 30px; }
.comtitle .cn { font-size: 26px; color: #333; margin-bottom: 20px; }
.comtitle .tip { font-size: 13px; color: #888; line-height: 24px; }



.homebox01 { background: #f6f7fc; padding: 60px 0; }
.homebox01 .list { margin-bottom: 30px; }
.homebox01 .list .item { float: left; width: 31.33333%; margin-right: 3%; background: #fff; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item:hover { box-shadow: 0 0 10px rgba(0,0,0,.1); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.homebox01 .list .item:nth-child(3n) { margin-right: 0; }
.homebox01 .list .item .img img { display: block; width: 100%; }
.homebox01 .list .item .info { padding: 40px; }
.homebox01 .list .item .info .nam { font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px; }
.homebox01 .list .item .info .nam a { color: #666; text-decoration: none; }
.homebox01 .list .item .info .nam a:hover { color: #f29335;  }
.homebox01 .list .item .info .txt { color: #666; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 20px; }
.homebox01 .list .item .info .btn { background: url(../img/dotss.jpg) no-repeat left bottom; padding-bottom: 10px; }
.homebox01 .list .item .info .btn a { font-size: 13px; }
.homebox01 .more { text-align: center; }
.homebox01 .more a { display: inline-block; line-height: 46px; padding: 0 30px; font-size: 16px; color: #fff; background: #096191; text-decoration: none; border-radius: 23px; }
.homebox01 .more a:hover { opacity: .8; }


.homebox02 { background: url(../img/homebox02bg.jpg) no-repeat center center; height: 600px; overflow: hidden; }
.homebox02 .box { padding-top: 100px; width: 530px; }
.homebox02 .box .nam { font-size: 26px; color: #333; }
.homebox02 .box .tip { font-size: 14px; color: #666; margin-bottom: 40px; }
.homebox02 .box .txt { font-size: 14px; color: #666; line-height: 24px; }
.homebox02 .box .txt p { margin-bottom: 20px; }
.homebox02 .box .btn {  }
.homebox02 .box .btn a { display: inline-block; line-height: 46px; padding: 0 30px; font-size: 16px; color: #fff; background: #096191; text-decoration: none; border-radius: 23px; }
.homebox02 .box .btn a:hover { opacity: .8; }



.homebox03 { background: url(../img/homebox03bg.jpg) no-repeat center; height: 600px; overflow: hidden; padding: 60px 0; box-sizing: border-box; }
.homebox03 .list { margin: 50px 0 30px; }
.homebox03 .list .item { width: 20%; float: left; margin-bottom: 30px; }
.homebox03 .list .item .img { width: 230px; height: 64px; overflow: hidden; border-radius: 6px; margin-bottom: 10px; }
.homebox03 .list .item .img img { display: block; width: 100%; }
.homebox03 .list .item .nam { font-size: 14px; color: #666; text-align: center; }
.homebox03 .more { text-align: center; }
.homebox03 .more a { display: inline-block; line-height: 46px; padding: 0 30px; font-size: 16px; color: #fff; background: #096191; text-decoration: none; border-radius: 23px; }
.homebox03 .more a:hover { opacity: .8; }


.homebox04 { padding: 60px 0; }
.homebox04 .list { border: 1px solid #e9e9e9; border-right: 0; box-sizing: border-box; margin-bottom: 30px; }
.homebox04 .list .item { width: 33.3333333%; float: left; border-right: 1px solid #e9e9e9; box-sizing: border-box; padding: 30px; }
.homebox04 .list .item .tip { margin-bottom: 10px; }
.homebox04 .list .item .tip a { font-size: 12px; color: #999; }
.homebox04 .list .item .nam { font-size: 18px; line-height: 28px; height: 56px; overflow: hidden; margin-bottom: 20px; }
.homebox04 .list .item .nam a { color: #333; text-decoration: none; }
.homebox04 .list .item .nam a:hover { color: #f29335; }
.homebox04 .list .item .txt { font-size: 13px; line-height: 22px; color: #999; height: 66px; overflow: hidden; margin-bottom: 20px; }
.homebox04 .list .item .icon { display: block; height: 26px; background: url(../img/homenewsicon.jpg) no-repeat center; }
.homebox04 .more { text-align: center; }
.homebox04 .more a { display: inline-block; line-height: 46px; padding: 0 30px; font-size: 16px; color: #fff; background: #096191; text-decoration: none; border-radius: 23px; }
.homebox04 .more a:hover { opacity: .8; }



.footer { background: url(../img/footbg.jpg) no-repeat center top; padding: 60px 0; }
.footer .footnav { overflow: hidden; margin-bottom: 40px; }
.footer .footnav dl { float: left; margin-right: 9%; }
.footer .footnav dl dt { font-size: 16px; color: #fff; line-height: 30px; height: 30px; margin-bottom: 10px; overflow: hidden; }
.footer .footnav dl dt a { color: #fff; }
.footer .footnav dl dd { color: #8b93a7; font-size: 13px; line-height: 24px; }
.footer .footnav dl dd a { color: #8b93a7; text-decoration: none; }
.footer .footnav dl dd a:hover { color: #fff; }
.footer .footnav dl.fr { float: right; margin-right: 0; }
.footer .footnav dl.fr dd { text-align: center; }
.footer .footnav dl.fr img { display: block; margin-bottom: 4px; }
.footer .foot { text-align: center; font-size: 12px; line-height: 24px; color: #8b93a7; }

.header .nav .nli.mn { display: none; }


.inbanner{ background:url(../img/inbanner.jpg) no-repeat center center; height:300px; box-shadow: 0 0 10px rgba(0,0,0,.1);}

.loc{ padding:12px 0; background:#f0f0f0; color:#888; font-size:14px;}
.loc a{ color:#888;}
.loc a:hover{ color:#f19334;}
.loc .split{ color:#b3b3b3; margin:0 5px;}

.inpage{ background:#fff; padding:30px 0;}
.inpage .intitle{ font-size:30px; text-align:center; margin-bottom:20px; font-weight:normal;}
.inpage .content{ font-size:16px; line-height:2; color:#666;}
.inpage .content p{ margin-bottom:10px;}

.innav{ border-bottom:1px solid #eee; padding:20px 0;}
.innav ul li a{ float:left; padding-right:30px; font-size:18px; }
.innav ul li a:hover{ color:#F60; text-decoration:none;}
.innav ul li a.on{ font-weight:bold; color:#F60;}

.innav-pro{ border-bottom:1px solid #eee; padding:20px 0;}
.innav-pro ul li a{ float:left; font-size:14px; border:1px solid #eee; border-radius:20px; padding:10px 20px; margin-right:10px; margin-bottom:10px;}
.innav-pro ul li a.on{ background:#F60; color:#fff;}
.innav-pro ul li a:hover{ text-decoration:none;}


.prolist { margin-top: 20px; }
.prolist .item { float: left; width: 23.9%; margin-right:1%; margin-bottom:1%; background: #fff; -webkit-transition: all .2s; transition: all .2s; padding:2px;}
.prolist .item:hover{ background:#2b3340;}
.prolist .item:nth-child(4n) { margin-right: 0; }
.prolist .item .img{ position:relative; overflow:hidden;}
.prolist .item .img img { display: block; width: 100%;  transition:all 0.5s ease;}
.prolist .item:hover .img img{ transform:scale(1.2);}
.prolist .item .info { padding: 30px;}
.prolist .item .info .nam { font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 20px; }
.prolist .item .info .nam a { color: #666; text-decoration: none; }
.prolist .item .info .txt { color: #666; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 20px; }
.prolist .item .info .btn { background: url(../img/dotss.jpg) no-repeat left bottom; padding-bottom: 10px; }
.prolist .item .info .btn a { font-size: 13px; }
.prolist .item:hover .nam a{ color:#fff;}
.prolist .item:hover .txt{ color:#fff;}
.prolist .item:hover .btn a{ color:#fff;}


.newlist{ margin-top:20px;}
.newlist .item{ float:left; width:32%; margin-right:20px; margin-bottom:20px;}
.newlist .item a:hover{ text-decoration:none;}
.newlist .item a:hover .name{ color:#F60;}
.newlist .item a:hover .line{ border-bottom:1px solid #f60; transition:all 0.5s ease;}
.newlist .item:hover .pic img{transform:scale(1.2);}
.newlist .item:nth-child(3n){ margin-right:0;}
.newlist .item .pic{ position:relative; overflow:hidden;}
.newlist .item .pic img{ display:inline; width:100%; transition:all 0.5s ease;}
.newlist .item .box{ box-sizing:border-box; padding:20px 0;}
.newlist .item .box .name{ font-size:16px; color:#333; padding-bottom:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newlist .item .box .txt{ font-size:14px; color:#999; height:60px; overflow:hidden; line-height:1.5;}
.newlist .item .box .line{ border-bottom:1px solid #eee; padding-top:30px;}


.caselist { padding-top:20px; }
.caselist .item { width: 20%; float: left; margin-bottom: 30px; }
.caselist .item .img { width: 230px; height: 64px; overflow: hidden; border-radius: 6px; margin-bottom: 10px; border:1px solid #eee;}
.caselist .item .img img { display: block; width: 100%; }
.caselist .item .nam { font-size: 14px; color: #666; text-align: center; }


.contact{ padding-bottom:20px;}
.contact span{
    display:block;
    line-height:30px;
    padding-left:30px;
	float:left;
	width:29%;
}
.contact span:hover{
    color:#e51937;
}
.tel1{
    background:url("../img/contact.png") no-repeat left center;
}
.fax1{
    background:url("../img/print.png") no-repeat left center;
}
.mobile1{
    background:url("../img/phone.png") no-repeat left center;
}
.address1{
    background:url("../img/bank.png") no-repeat left center;
}
.online1{
    background:url("../img/invoice.png") no-repeat left center;
}
.email1{
    background:url("../img/email.png") no-repeat left center;
}

.pic-2 li{ float:left; width:45%; margin-right:1%;}
.pic-2 li img{ display:inline; width:100%;}

.pic-3 li{ float:left; width:32%; margin-right:1%;}
.pic-3 li img{ display:inline; width:100%;}

.pic-33 li{ float:left; margin-right:1%;}
.pic-33 li img{ display:inline; height:270px;}

.r_f{ position:fixed; top:50%; right:5px; z-index:999;}
.r_f2{ width:60px; height:60px; padding:10px; background:#0668b0; margin-bottom:5px; position:relative; transition:0.2s; margin-left:0; cursor:pointer; box-sizing:border-box;}
.r_f2 img{ max-width:100%;}
.r_f .r_f2:hover{ background:#d81304;}
.r_f2 p{ position:absolute; height:60px; width:200px; background:#0668b0; color:#fff; top:0; left:65px; line-height:60px; font-size:15px; text-align:center;}
.r_f2 p a{ color:#fff;}
.r_f2:hover{ margin-left:-200px;}
@media (max-width: 1200px){
	
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
	.bannerslide .swiper-slide { height: 450px; }
	.header .more { display: none; }
	.header .nav { text-align: right; }
	.header .nav .nli.mn { display: inline-block; }
	
	.prolist .item{ width:23.8%;}
	.mainbox img{ display:inline; width:100%;}
	

}

@media (max-width: 800px){
	
	.bannerslide .swiper-slide { height: 200px; }
	
	.header { height: auto; }
	.header .logo { float: none; width: 100%; display: block; }
	.header .logo img { margin: 0 auto; }
	.header .nav { margin: 0 -20px; background: #096190; color: #fff; overflow: hidden; padding: 0; }
	.header .nav .nli { float: left; width: 33.333333%; text-align: center; }
	.header .nav .nli .na { color: #fff; }
	
	
	.topbar .mn { display: none; }
	
	.comtitle .tip br { display: none; }
	
	
	.homebox01 { padding: 30px 0; }
	.homebox01 .list .item { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
	
	
	.homebox02 { background-size: auto 240px; height: auto; padding-bottom: 260px; background-position: right bottom; padding-top: 30px; }
	.homebox02 .box { padding-top: 0; width: 100%; }
	
	.homebox03 { background-size: cover; padding: 30px 0; height: auto; }
	.homebox03 .list .item { width: 50%; }
	.homebox03 .list .item .img { width: 90%; margin: 0 auto; height: auto; }
	
	.homebox04 { padding: 30px 0; }
	.homebox04 .list { border-right: 1px solid #e9e9e9; }
	.homebox04 .list .item { width: 100%; border-right: 0; border-bottom: 1px solid #e9e9e9; }
	.homebox04 .list .item .icon { background-size: 100% auto; }
	
	.footer { background-size: cover; }
	.footer .footnav dl { display: none; }
	.footer .footnav dl.fr { display: block; float: none; margin: 0 auto; text-align: center; }
	.footer .footnav dl.fr img { margin: 0 auto 4px; }
	
	.inpage .intitle{ font-size:24px;}
	.prolist .item{ width:100%;}
	.pic-3 li,.pic-2 li{ width:100%;}
	.caselist .item{ width:50%; box-sizing:border-box;}
	.caselist .item .img{ width:100%; height:auto;}
	.newlist .item{ width:100%;}
	.contact span{ width:100%;}
	.innav-pro ul li a{ box-sizing:border-box; border-radius:0; width:46%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	
	.r_f{ display:none;}
	.inbanner{ height:200px;}

}