@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 .hotPimg1{background:#f3f3f3; display:table-cell; vertical-align:middle; overflow:hidden;}


.hotPro .hotPimg img{ width:100%; height:120px; transition:all .5s; }
@media (min-width: 640px){
.hotPro .hotPimg img{ width:360px; height:400px; transition:all .5s; }
}


.hotPro .hotPimg1 img{ width:100%; height:120px; transition:all .5s; }
@media (min-width: 640px){
.hotPro .hotPimg1 img{ width:262px; height:300px; 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;}



.sidebar{

	position: fixed; z-index:99999;

	border: 1px solid #e4e4e4;

	background: #757575;

	bottom: 0;

	width: 100%;

}

.sidebar .item{width:33.3333%; float:left;

	padding: 0 10px;

	text-align: center;

	font-size: 12px;

}





.sidebar .item span{

	margin-top: 3px;

	display: block;

	color: #fff;

}

.sidebar .item img{

	max-width: 100%; height:26px;s

}

.sidebar .item a{

	padding: 10px 0;

	display: block;

	background: #757575;

}







@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;}

.sidebar{display:none;}



}



@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) {/* 横向放置的手机及分辨率更小的设备 */

	

}



/*pages*/

.pagination-wrapper {

 clear:both;

 padding:1em 0 2em 0;

 text-align:center;

}

.pagination {

 display: inline-block;

 *display: inline;

 *zoom: 1;

 font-size:12px;

 border-radius: 3px;

 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}

.pagination li{

 list-style: none;

 float: left;

 display:block;

 line-height:1em;

 padding: .5em .8em;

 text-decoration: none;

 border: 1px solid #ddd;

 border-left-width: 0;

}

.pagination li a {

 display: inline-block;

 background-color: #f9f9f9;

 color: #999;

}

.pagination li a:link{

 background:#fff;

 color: #4C78A5;

}

.pagination li a:hover{

 text-decoration:none;

}

.pagination li a:link:hover {

 color: #000;

}

.pagination li.thisclass {

 background-color: #f9f9f9;

 color:#999;

}

.pagination li:first-child {

 border-left-width: 1px;

 border-radius: 3px 0 0 3px;

}

.pagination li:last-child{

 border-radius: 0 3px 3px 0;

}

.pagination .pageinfo{

 color: #444;

}