::-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
}
ul { padding: 0; }
:focus { outline: none }
li { list-style: none }
.fl { float: left; }
.fr { float: right; }
a { color: #666; }
a:hover { color: #004098; text-decoration: none }
body { color: #666;  }
.tedian:after { content: ""; clear: both; display: block; overflow: hidden }
/*== top ================= */
header { position: fixed; width: 100%; background: #fff; z-index: 9; padding: 0 120px 30px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.5) }
.navul { margin: 0 auto; }
.nLi { position: relative; }
.nLi h3 { line-height: 38px; }
.nLi:hover h3 { background: #2674d4; color: #fff; }
.nLi:hover h3 a { background: #2674d4; color: #fff; }
.nLi a.on { background: #2674d4; color: #fff; display: block; }
.nLi a { font-size: 14px; color: #343434;  font-weight: 100; text-decoration: none; }
/*display:none;*/
.sub { width: 200px; left: 0px; top: 34px; position: absolute; background: #f5f5f5; }
.sub .tli { background: #f5f5f5; display: block; }
.sub .tli:before { float: left; padding-left: 3px; color: #2674d4; }
.sub a { display: block; padding: 0 10px; font-size: 12px; color: #343434; text-align: left; padding-left: 17px; }
.sub a:hover { background: #fff; color: #2674d4; }
.sub .tli a.on { background: #fff; color: #2674d4; }
.sub .tsub { position: absolute; left: 170px; width: 200px; z-index: 999; top: 0; background: #fff; }
.content { margin-top: 4%; padding: 0 120px 0; }
.footer { padding: 0 120px 3%; }
.top { height: 45px; line-height: 45px; font-size: 12px; }
.top-left { float: left; }
.top-right { float: right; }
.top a { margin: 0 5px; }
.top .lang a { display: inline-block; padding-left: 25px; }
.top .lang a.cn { background: url("../images/top-cn.jpg") no-repeat center left; }
.top .lang a.en { background: url("../images/top-en.jpg") no-repeat center left; }
.top b { color: #004098; }
.bu { height: 87px; }
.nav-main { position: relative; }
.nav-main .logo { float: left; margin-top: 15px; width: 210px; }
.nav-main .logo img{ display:block; max-width:100%;}
.nav-main ul { float: left; }

.nav-main .nav-other { float: right; text-align: right; }
.nav-main ul { margin: 28px 0 0 28px; }
.nav-main ul .sub{ margin:0;}
.nav-main ul li { display: inline-block;}
.nav-main li a, .nav-other .tel a { display: inline-block; padding: 6px 10px; border-radius: 40px; font-size: 15px; /*transition: all .5s;*/ }
.nav-main li a:hover { color: #FFF; background: #004098; }
.nav-other { position: absolute; top: 28px; right: 0; }
.nav-other>div { display: inline-block; font-size:15px; }
.nav-other .tel a { padding-left: 40px; background: url("../images/kefu.png") no-repeat 15px center; }
.nav-other .tel a:hover { color: #FFF; background-color: #004098; }
.soso { border-radius: 40px; padding: 6px 15px; background-color: #004098; margin-left:20px;}
.soso .inputtxt { border: 0; width: 18px; color: #FFF; text-indent: 30px; background: url("../images/search.png") no-repeat left center; transition: all .5s; }
.soso>a { display: inline-block; font-size: 14px; color: #FFF; transition: all .5s; }
.soso:hover .inputtxt { border-bottom: 1px solid #fff; border-radius: 5px; width: 115px; background: url("../images/search.png") no-repeat 10px center; }
#menu { position: absolute; top: 15px; right: 0px; display: none; }
.content .thumbnail { padding: 0px; border: 0px; }
.content .thumbnail h3 { font-weight: normal; font-size: 18px; margin-bottom: 5%; }
.content .thumbnail .caption { padding: 6% 6% 8%; background: #f7f7f7; line-height: 1.7; color: #666; transition: all .5s; }
.content .thumbnail .caption .more { margin: 6% 0 0 0; }
.content .thumbnail .caption .more span { padding-bottom: 1px; border-bottom: 1px solid #666; }
.content a { display: block }
.content a .thumbnail { position: relative; top: 0; transition: all .5s; }
.content a:hover .thumbnail { top: -50px; transition: all .5s; }
.content a:hover .thumbnail .caption, .content a:hover .thumbnail>img { box-shadow: 0 0 5px rgba(0,0,0,.2); }
.content a:hover .thumbnail .caption { background: #004098; color: #fff; }
.content a:hover .thumbnail .caption .more span { padding-bottom: 1px; border-bottom: 1px solid #fff; }
.small-banner { position: relative; background: url("../images/b-bg.jpg") no-repeat center center; height: 232px; }
.small-banner .txt { position: absolute; width: 482px; height: 63px; top: 0; bottom: 0; left: 140px; margin: auto; }
footer { background-color: #d7deec; font-size: 12px; }
.footer-li>div { padding: 5% 0% 0% 0; }
.footer-li strong { display: block; margin-bottom: 15px; font-size: 14px; }
.footer-li4 { text-align: right; }
.copy { }
.ny-banner { position: relative; height: 400px; background: url("../images/ny-banner.jpg") no-repeat center center; border-bottom: 4px solid #004098; }
.ny-banner .txt { position: absolute; width: 482px; height: 120px; top: 0; bottom: 0; left: 140px; margin: auto; font-size: 50px; color: #FFF; text-shadow: 2px 2px 2px rgba(0,0,0,.4); }
.ny_nav { height: 50px; line-height: 50px; margin: 45px auto; border-bottom: 1px solid #e0e0e0; text-align: center; }
.ny_nav a { position: relative; display: inline-block; font-size: 22px; color: #111; padding: 0 25px; overflow: hidden; letter-spacing: 1px; }
.ny_nav_pro a{ font-size:16px;}
.ny_nav a.cur { color: #fff;  border-radius: 3px 3px 0 0; background-color: #004098;}
.ny_nav a:hover { color: #fff;  border-radius: 3px 3px 0 0; background-color: #004098;}
.ny_nav a:after { content: ""; position: absolute; z-index: -1; bottom: -100%; left: 0; width: 100%; height: 100%; border-radius: 3px 3px 0 0; background-color: #004098; transition: all .2s ease-in-out; }
.ny_nav a.cur:after, .ny_nav a:hover:after { color: #fff; bottom: 0%; }
.ny-content{ padding-bottom:50px;}

.container{ width:1300px;}
.ny-background{ background:url(../images/6130549.jpg) top center; background-size:100%; padding:50px 0;}
.ny-background .ny-content {
	padding: 0 30px 50px 30px;
    background: #fff;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

p { margin: 0 0 20px; padding: 0; }
.info { font-size: 16px; line-height: 1.8; text-align: justify; }
.youshi { margin: 100px auto; }
.youshi-list { margin-top: 45px; }
.youshi-list a { display: block }
.youshi-list li { text-align: center; }
.youshi-list li .tit { margin: 40px 0 0px; font-size: 30px; font-weight: bold; }
.youshi-list li .desc { line-height: 1.3; font-size: 12px; }
.youshi-list li a:hover .desc { color: #2a363f }
.youshi-list li .img { position: relative; width: 100%; height: 261px; overflow: hidden }
.youshi-list li .img .cur, .youshi-list li .img .hover { position: absolute; top: 0; left: 0; text-align: center; width: 100%; transition: all .5s }
.youshi-list li .img .hover { top: 261px; }
.youshi-list li a:hover .img .cur { top: -261px; }
.youshi-list li a:hover .img .hover { top: 0; }
.youshi-list { margin: 0px; background: #f8f8f8; border: 1px solid #eee; padding-bottom: 35px; margin-top: 50px; padding: 0 0 60px; }
.youshi-list li .desc { line-height: 2; font-size: 12px; }
.youshi-list li .tit { color: #004098 }
.youshi-list li .en { text-transform: uppercase; color: #004098; margin: 0px 0 10px; }
.news-ul { width: 100%; }
.news-ul li { width: 100%; padding: 42px 0 46px; border-bottom: 1px solid #ccc; position: relative; }
.news-lf { float: left; width: 70%; }
.ho-en { font-size: 16px; color: #bab7b7; line-height: 20px; padding-top: 10px; display: block; }
.ho-chi { font-size: 26px; line-height: 28px; padding-bottom: 26px; color: #2c4001; display: block; }
.more-news { width: 120px; height: 32px; line-height: 32px; font-size: 16px; color: #333; text-align: center; border: 2px solid #333; transition-duration: 300ms; font-family: arial; display: block; margin-top: 10px; }
.more-news:hover { background: #004098; border: 2px solid #004098; color: #fff; }
.news-chi { font-size: 20px; line-height: 28px; display: block; }
.intro { display: block; line-height: 32px; font-size: 14px; color: #999; }
.intro i { font-style: normal; color: #555; }
.news-order { display: block; width: 120px; height: 32px; line-height: 32px; color: #fff; text-align: center; font-size: 14px; background: #798351; transition-duration: 300ms; position: absolute; left: 0; bottom: 80px; }
.news-order:hover { background: #9fa87d; }
.news-img { float: right; width: 25%; display: block; border: 1px solid #ccc; }
.news-chi:hover { color: #004098; }
.news-img img { width: 100%; transition-duration: 400ms; }
.time { display: block; padding-left: 24px; background: url("../images/new.png") left 5px no-repeat; line-height: 26px; padding-bottom: 6px; color: #999; font-size: 14px; }
.ny-pro a:hover .thumbnail .caption { transition: all .5s; }
.ny-pro a:hover .thumbnail .caption { background: #004098; color: #fff; }
.within { /*text-transform: uppercase;*/ width: 1000px; margin: 0 auto }
.h_title { border-bottom: 1px solid #ddd; }
.h_title span { display: inline-block }
.h_title { font-size: 30px; font-family: Arial; font-weight: bold; color: #337ab7; padding: 55px 0 0px; letter-spacing: -1px }
.h_title span { display: block; font-size: 22px; color: #000000; font-weight: normal; padding: 10px 10px; }
.cc { background: url(../images/z-kefu.png) no-repeat bottom right; font-size: 16px; border-bottom: 1px solid #ddd; line-height: 35px; padding: 30px 0 50px 0; }
.cc .tt { font-size: 20px; display: block; font-weight: bold }
.cc .tt1 { font-size: 16px; display: block; font-weight: bold }
.np { border-top: 1px solid #eee; text-align: center; padding: 25px 0; margin: 15px 0 0 0; }
.np a { display: inline-block; background: #004098; padding: 5px 15px; margin: 0 15px; color: #fff; }
.tedian { max-width: 1000px; margin: 0 auto; background: #f8f8f8; border: 1px solid #eee; font-size: 16px; padding: 20px 25px 20px; margin-bottom: 15px; }
.tedian h3 { color: #004098; margin: 0px 0 0px; line-height: 1.2; }
.tedian b { display: block; }
.tedian p { line-height: 2; margin-top: 15px; }
.tedian>img { float: left; margin-right: 15px; margin-top: 15px; }
.tedian a:hover h3 { color: #fff; }
.pro-detail { max-width: 1000px; margin-bottom: 15px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
.pro-detail td { padding: 5px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
.news-tit { font-size: 23px; color: #004098; font-weight: bold; text-align: center; margin-bottom: 0px; }
.info-news { text-align: left; word-break:break-all; }
.info-news p { line-height: 30px; padding: 0 30px; margin-bottom: 10px;  font-size: 15px; }
.news-time { font-size: 13px; text-align: center; border-bottom: 1px solid #eee; padding: 15px; margin-bottom: 30px; text-align: center; }
.ny-content .row { margin-left: 0; margin-right: 0 }
.develop { margin-top: 50px; }
.develop p { background: #f8f8f8; padding: 5px 15px; border: 1px solid #ddd; border-bottom: 2px solid #ddd; }
.develop p b { color: #004098; font-size: 18px; }
.honor-list li img { width: 100%; }
.link a { padding: 0 5px; display: inline-block }
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper { width: 100%; box-sizing: border-box; padding: 0 120px; }
.homebox01 { padding: 60px 0; background:url(../images/6154751.jpg) no-repeat bottom center; background-size:cover; }
.homebox01 .hbox {
	float: left;
    width: 32%;
    margin-right: 1.999%;
    box-sizing: border-box;
	background:rgb(255 255 255 / 70%);
	box-shadow: 3px 3px 10px #dcdcdc;
	border-radius: 10px;
}
.homebox01 .hbox:last-child { margin-right: 0; }
.homebox01 .hbox .title {
	font-size: 20px;
    color: #2e2e2e;
    font-weight: bold;
    /*background: #ffffff;*/
    padding: 20px 0;
    padding-left: 20px;
    /* border-radius: 20px 20px 0 0; */
    border-bottom: 1px solid #ccc;
}
.homebox01 .hbox .item {
	/* padding-bottom: 20px; */
    /* border-bottom: 1px dashed #ccc; */
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 150px;
	overflow:hidden;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.homebox01 .hbox .nbox{ padding:30px 30px 0 30px; /*border:1px solid #7db4d2;*/  }
.homebox01 .hbox .nbox01{ padding:0;}
.homebox01 .hbox .item .img {
	float: left;
    width: 48%;
    margin-right: 2%;
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 140px;
}
.homebox01 .hbox .item .img img {
	display: block;
    width: 100%;
    min-height: 100%;
    -webkit-transition: all 2s;
    object-fit: cover;
}
/*.homebox01 .hbox .item .img img:hover {
    display: block;
    width: 100%;
    transform: scale(1.1);
}*/
.homebox01 .hbox .item:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
.homebox01 .hbox .item .info .name:hover{ color:#1943b9;}
.homebox01 .hbox .item .info { float: left; width: 50%; line-height:normal; }
.homebox01 .hbox .item .info .name { 
	font-size: 15px; 
	color: #676767; 
	margin-bottom: 10px; 
	font-weight:bold; 
	display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.homebox01 .hbox .item .info .text { font-size: 13px; color: #676767; margin-bottom: 10px; }
.homebox01 .hbox .item .info .more { font-size: 13px; color: #fe0000; text-align:right; }
.homebox01 .hbox .item .info ul li {  font-size: 14px; margin-left: 6px; }
.homebox01 .hbox .item .info ul li:before{; content:"● ";}
.homebox01 .hbox .item .info ul li:hover a{ color:#d40000;}


.bottom { background: #0a2330; padding: 50px 0; position: relative; color: #adadad;}
.bottom .bbtel { float: left; font-size: 13px; width: 15%; }
.bottom .bbtel img { padding-right: 10px; }
.bottom .bbtel h2 { font-size: 24px; margin: 0; margin-top: 10px; }
.bottom .bbdl { width: 50%; position: absolute; left: 25%; }
.bottom .bbdl dt { font-size: 16px; margin-bottom: 10px; }
.bottom .bbdl dl { float: left; font-size: 14px; width: 25%; }
.bottom .bbdl dd a{ color: #adadad;}
.bottom .bbq a{ color: #adadad;}
.bottom .bbq { width: 20%; float: right; }
.copy { background: #0a2330; border-top: 1px solid #2f414a; padding: 20px 0; font-size: 13px;color: #adadad;  }
.honorshow { background:url(../images/honor.png) no-repeat right center;}
.honorshow ul li { float: left; display: inline-flex; width: 8%; margin-right: 10px; align-items: center; vertical-align: middle; }
.honorshow ul li img { display: block; max-width: 100%; }
.conatcbox { }
.conatcbox li { display: inline-block; text-align: center; font-size: 14px; line-height: 180%; margin-right: 20px; }
.conatcbox li img { width: 150px; }


@media screen and (max-width: 1440px){
	.wrapper{ padding:0 20px;}
}

@media screen and (max-width: 1400px){
	.nav-main .nav-other .tel{ display:none;}
}

@media screen and (max-width: 1024px){
	.homebox01 .hbox .item .img{ float:none; width:100%; margin-right:0; margin-bottom:10px;}
	.homebox01 .hbox01 .item .img img{ width:100%; height:125px;}
	.homebox01 .hbox02 .item .img img{ width:100%; height:131px;}
	.homebox01 .hbox03 .item .img img{ width:100%;}
	
	.homebox01 .hbox .item{ height:auto; display:block;}
	.homebox01 .hbox .item .info .text{
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		word-break: break-all;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-align: left;
		}
	.homebox01 .hbox .item .info{ width:100%;}
	.homebox01 .hbox .item .info ul li{ margin-left: 20px;}
	.bottom .bbtel{ display:none;}
	.bottom .bbdl{ left:20px; width:80%;}
	.bottom .bbdl dl{ width:20%;}
	.bottom .bbdl dl:nth-child(2){ width:30%;}
	.bottom .bbq{ width:28%;}
	
	.container{ width:100%; box-sizing:border-box;}
	.ny_nav{ border-bottom:none; height:auto; line-height:2;}
	.ny_nav a{ border:1px solid #111;}
	.ny-content img{ max-width:100%; height:auto;}
	.honorshow ul li{ width:10%;}
	
}

@media screen and (max-width: 768px){
	.homebox01 .hbox{ width:100%; margin-right:0; margin-bottom:20px;}
	.homebox01 .hbox01 .item .img img,.homebox01 .hbox02 .item .img img,.homebox01 .hbox03 .item .img img{ height:auto;}
	.bottom .bbq{ display:none;}
	.bottom .bbdl{ position:relative; width:100%; left:0;}
	.homebox01 .hbox .item .img{ height:auto;}
	.homebox01 .hbox .item .info{ padding:0;}
}


@media screen and (max-width: 440px){
	.bottom .bbdl dl{ width:50%;}
}

.zpula{width: 100%; margin: 25px 0; display: flex; flex-wrap:wrap;}
.zpula li{background-color:#f8f8f8; border-radius: 15px; width: 48%; margin:20px 1%; padding: 30px 40px; box-sizing: border-box;}
.zpula li .zputit{font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px; }
.zputitb span{background-color: #004098; color: #fff; border-radius: 10px; padding:5px; text-align: center; font-size: 15px; width: 180px; display: inline-block; margin-right: 10px; margin-bottom: 20px;}
.zpula li .zputita{font-size: 16px; line-height: 2;}