@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; overflow-x:hidden;}
a,a:hover{text-decoration:none;}
ul,li{ list-style:none; margin:0px; padding:0;}
.clear{clear:both;}
.mt2{margin-top:2%;}
.mt1{margin-top:1%;}
.mt3{margin-top:3%;}
.mt4{margin-top:4%;}
.mt5{margin-top:5%;}


header{position:relative;}
.top{background:url(../images/topbg.jpg) repeat-x top center; width:100%; height:44px; line-height:44px; overflow:hidden; font-size:12px; color:#fff; text-align:right;}
.top span{background:url(../images/hst_05.png) no-repeat left center; width:16px; height:16px; margin-right:60px;}
.top span img{margin-right:8px;}
.top a{margin:0 3px; color:#fff;}

.head{background:#fff url(../images/headbg.png) repeat-x bottom center; width:100%; height:121px;}
.logo{ background:url(../images/hst_02.png) no-repeat; width:237px; height:167px; margin-top:-46px;}
.web-name{ margin:33px 0 0 0;}
.phone{ background:url(../images/tel.jpg) no-repeat left top; font-size:14px; color:#666; box-sizing:border-box; padding-left:52px; margin-top:36px;}
.phone p{font-size:23px; color:#f40000; margin:0px;}

.dh{background:#333639; width:100%; height:72px;}
.dh ul{ margin-left:15px;}
.dh li{display:block; float:left; text-align:center; box-sizing:border-box; border-left:1px solid rgba(255,255,255,.1); position:relative;}
.dh li:last-child{border-right:none;}
.dh li a{display:block; padding:17px 32px 16px; color:#fff; font-size:16px; overflow:hidden;}
.dh li a span{display:block; color:#999; font-size:12px;}
.dh li:hover{background:rgba(33,35,38,.5);}

.dh ul li dl{display:none; position:absolute; width:100%; top:72px; left:0; z-index:9999; background:rgba(51,54,57,.8);}
.dh ul li dl dd{ border-bottom:1px solid rgba(255,255,255,.15);}
.dh ul li dl dd a{padding:7px 0; color:#fff; font-size:14px;}
.dh ul li dl dd a:hover{background:#333639;}
.dh ul li:hover dl{display:block;}


.mobile-header{background:#333639; padding:8px; border-bottom:1px solid rgba(255,255,255,.3); position:relative;}
.mobile--brand{padding:5px;}
.mobile-brand img { height:36px;}

.mobile-btn{color:#fff; position:absolute; right:10px; top:15px;}
.mobile-btn i{font-size:20px;}
.mobile-menu{width:100%; display:none; background:rgba(51,54,57,.85); margin:0px; padding:0; position:absolute; left:0; top:54px; z-index:9999;}
.mobile-menu li{ border-bottom:1px solid rgba(255,255,255,.1); list-style:none; width:90%; padding:0; margin:0 auto;}
.mobile-menu li a{color:#fff; display:block; padding:10px;}
.mobile-menu li span{color:#999; margin-left:2%; font-size:12px;}

.banner{position:relative;}
.banner p{display:block; width:100%;}
.carousel-control.right,.carousel-control.left{background-image:none;}

.ssbg{ width:100%; border-bottom:1px solid #eee; height:60px; overflow:hidden; line-height:60px;}
.ssbot{background:url(../images/ssbot.png) no-repeat bottom center; width:100%; height:27px;}

.wordkeys{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wordkeys a{ margin:0 6px;}
.ss{ height:36px; margin-top:13px;}
.ss input[type="text"]{width:87%; height:36px; _height:34px; border:1px solid #d2d2d2; border-right:none; float:left; text-indent:10px;}
.ss input[type="submit"]{width:13%; height:36px; background:#0075c5 url(../images/ssbtn.png) no-repeat center center; border:none; float:left;}

.title{ width:100%; text-align:center; margin:2% 0;}
.t-en{font-family:Impact; font-size:33px; color:#ccc; text-transform:uppercase;}
.t-name{position:relative;}
.t-name:before{content:""; display:block; width:100%; height:1px; background:#585858; position:absolute; top:50%;}
.t-name span{font-size:24px; color:#555; border:1px solid #585858; width:198px; height:43px; line-height:40px; position:relative; margin:0 auto; display:block; background:#fff;}
.t-name span:before{content:""; display:block; position:absolute; top:50%; left:0; width:10%; height:1px; background:#585858;}
.t-name span:after{content:""; display:block; position:absolute; top:50%; right:0; width:10%; height:1px; background:#585858;}
.t-words{font-size:15px; color:#999; line-height:400%;}

.category{ margin:2% 0;}
.category li{width:140px; height:32px; display:inline-block; line-height:32px; text-align:center; border:1px solid #555; border-radius:20px; margin-right:2%;}
.category li:hover{background:#036eb8; border:1px solid #036eb8;}
.category li a{color:#000; display:block; font-size:16px;}
.category li:hover a{color:#fff;}

.nykk .category{margin:1% 0;}
.nykk .category li{width:130px; margin:1%;}

.hotPro{display:block; text-align:center; margin-top:3%; color:#000; overflow:hidden;}
.hotPro .hotPimg{background:#f3f3f3; display:table-cell; vertical-align:middle; overflow:hidden;}
.hotPro .hotPimg img{ width:100%; transition:all .5s; }
.hotPro p{ line-height:60px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hotPro:hover p{ background:#eee;}
.hotPro:hover .hotPimg img{ transform:scale(1.2);}
.hotPro:hover{color:#c30d23;}

.nykk .hotPro{margin-top:0%;}

.ad1{margin:3% 0 0 0; background:url(../images/ad1.jpg) no-repeat top center; width:100%; height:287px;}
.ad2{background:url(../images/ad2.jpg) no-repeat top center; width:100%; height:333px; text-align:center;}

.ys{}

.jjpic img{width:100%;}
.jjcon{background:#f1f1f1; box-sizing:border-box; font-size:16px; line-height:200%; padding:4%;}

.hezuo{}
.hezuo div{padding:10px;}
.hezuo p{border:1px solid #c4c3be; overflow:hidden;}
.hezuo p img{width:100%;}


.lc{background:url(../images/lc.jpg) no-repeat top center; width:100%; height:583px;}
.lc a{display:block; width:100%; height:100%;}

.hy{background:url(../images/ly.jpg) no-repeat top center; width:100%;  background-size:contain; padding-top:38.90625%;}

@media (max-width: 1919px) {
	.ly img{ display:none;}
}
@media (min-width: 1920px) {
	.hy{ display:none;}
}

.bg-gray{background:#f5f5f5; width:100%; height:100%; overflow:hidden;}
.bg-white{background:#fff; width:100%; height:auto; overflow:hidden; margin-top:33px; position:relative;}
.bg-white:before{content:""; display:block; width:51.5%; height:14px; background:#f5f5f5; position:absolute; top:0; left:0;}
.bg-white:after{content:""; display:block; width:51.5%; height:14px; background:#036eb8; position:absolute; bottom:0; left:0; z-index:0;}

.xw{ overflow:hidden;}
.xw p,.xw h1,.xw h2{margin:0; padding:0;}
.xw h1{ display:block; margin-top:7%; overflow:hidden;}
.xw h1 b{float:left; font-size:30px;}
.xw h1 a{float:right; font-size:12px; color:#494949; margin-top:2%;}
.xw a{color:#000;}
.xw a:hover{color:#c30d23;}

.xw-list{ margin-top:3%;}
.xw-list li{ display:block; margin:20px 0 0 0;}
.xw-list li aside{float:left; text-align:center; font-size:14px; color:#fff; width:14.2857%; background:#036eb8; padding:0 0 5px 0;}
.xw-list li aside p{ font-size:30px;}
.xw-list li article{float:right; width:83.0357%;}
.xw-list li article h2{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:700; margin-top:3px;}
.xw-list li article p{ height:40px; overflow:hidden; margin-top:8px; color:#646464;}

.ask{ margin:8% 0 12% 0;}
.ask li{ border-bottom:1px dashed #cdcdcd; padding:2% 0;}
.ask li a{display:block; color:#555; font-size:14px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:2% 0;}
.ask li a:before{content:"问"; display:inline-block; background:#c30d23; padding:1px 3px; font-size:14px; color:#fff; font-weight:400; margin-right:8px;}
.ask li p{ color:#8a8a8a; height:40px; overflow:hidden; margin-top:10px;}
.ask li p:before{content:"答"; display:block; background:#036eb8; padding:1px 3px; font-size:14px; color:#fff; font-weight:400; float:left; margin-right:8px;}

.wd{position:relative;}
.wd:before{content:""; display:block; width:14px; height:90%; background:#dedede; transform:skewY(-47deg); position:absolute; top:8px;  left:0;}
.wd:after{content:""; display:block; width:14px; height:90%; background:#dedede; transform:skewY(47deg); position:absolute; bottom:6px; left:0; z-index:1;}
.wd .xw{margin-left:8%;}

.links{background:#036eb8; height:135px; width:100%; overflow:hidden;}
.links a{color:#fff; display:inline-block; margin-right:2%;}
.links a:hover{color:#ccc;}
.links a:last-child{margin-right:0;}
.links .container{padding:2% 0;}
.links .col-md-10{padding:1% 0;}

footer{background:#f1f1f1; width:100%;}
footer menu{border-bottom:1px solid #dedede; padding:3% 0;}
footer menu a{color:#666; display:inline-block; margin-right:4%;}
footer menu a:hover{color:#c30d23;}
footer .col-md-6 p{font-size:12px;}
footer .col-md-6 p:nth-of-type(2){margin-top:4%;}

.nyb{width:100%; height:276px; background-size:cover!important; background-position:top center!important; background-repeat:no-repeat;}

.position{ padding:1% 0; border-bottom:1px solid #ccc;}
.position i{ color:#999; font-size:16px; margin-right:7px;}
.position a{ color:#333;}
.position a:after{content:">"; font-family:"宋体",SimSun; color:#666; margin:0 5px;}

.nykk{margin:2% 0; overflow:hidden;}
.nykk_title{text-align:center; font-size:24px; padding:2% 0;}

.news li{border-bottom:1px dashed #ccc; padding-bottom:2%;}
.news li aside{width:7%;}
.news li article{width:90%;}

.nykk_time{text-align:center; color:#999; border-top:1px solid #ccc; padding:1% 0 2% 0;}

.wd-form{ width:40%; margin:0 auto;}
.wd-form input[type="text"]{ border:1px solid #ccc; background:#fff; width:100%; padding:1.5% 0;}
.wd-form input[type="tel"]{ border:1px solid #ccc; background:#fff; width:100%; padding:1.5% 0;}
.wd-form textarea{ border:1px solid #ccc; background:#fff; width:100%;}
.wd-form button{ border:1px solid #ccc; background:#333639; width:100%; color:#fff; padding:2% 0;}




@media (min-width: 1200px) {/* 大屏幕 */
.banner p{height:500px!important;}
.hotPro .hotPimg{ width:360px; height:287px;}
.jjpic img{width:auto;}
.jjcon{margin-top:10%; padding:9%;}
.hezuo p{width:180px; height:80px; display:table-cell; text-align:center; vertical-align:middle;}
.hezuo p img{ vertical-align:middle; width:auto;}

}

@media (min-width: 960px) and (max-width: 1199px) {/* ipad pro */
.banner p{height:480px!important;}

}

@media (min-width: 768px) and (max-width: 959px) {/* 平板电脑和小屏电脑之间的分辨率 */
.banner p{height:360px!important;}
.hezuo p{height:75px;}

}

@media (max-width: 767px) {/* 横向放置的手机和竖向放置的平板之间的分辨率 */
.banner p{height:185px!important;}
.hotPro p{ line-height:30px; font-size:14px;}
.t-words{font-size:12px;}
.hotPro .hotPimg{height:120px;}
.jjcon{font-size:14px; line-height:180%;}
.hezuo div{padding:5px;}
.hezuo p{height:52px;}
.xw-list li aside{width:20%;}
.xw-list li article{width:75%;}
.wd{ margin-top:5%;}
.wd:before,.wd:after{display:none;}
.wd .xw{margin:0;}
footer .col-md-6 p:nth-of-type(1){margin-top:4%;}
.nyb{height:150px;}
.nykk img{width:100%;}
.nykk .category li{width:30%; margin-right:1%; height:28px; line-height:28px;}
.nykk .category li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wd-form{ width:100%; margin-top:2%;}
.nykk_title{font-size:16px;} 
}

@media (max-width: 480px) {/* 横向放置的手机及分辨率更小的设备 */
	
}