@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#333; text-decoration:none; text-decoration:none; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#888889; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
ol, ul {margin: 0;padding:0;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }


@media (min-width: 1230px){
   .container {width: 1200px;}
}
@media (max-width:767px) {
	body{padding-bottom: 50px;}
}

/* 顶部 */
.navbar{margin-bottom: 0;border:0}
.navbar-brand>img{float: left;}
.navbar-brand>p{float: left;margin: 0;line-height: 50px;border-left: 1px solid #888889;color: #984d54;padding-left: 15px;margin-left: 5px;}
.navbar-toggle {border-color: #ddd;}
.navbar-toggle:focus, .navbar-toggle:hover {background-color: #ddd;}
.navbar-toggle .icon-bar {background-color: #888;}
.nav>li>a:focus, .nav>li>a:hover{background-color: #888889;color: #fff}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #888889;color: #fff}

.navbar-nav>li.active>a{background-color: #888889;color: #fff;}
.carousel-control{width:5%;display: none;}
#carousel-example-generic:hover .carousel-control{display: block;}
.dropdown-menu>li>a{line-height: 38px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #888889;color: #fff}

.title{overflow: hidden;margin-bottom:25px; text-align:center;}
.title h2{color: #333;font-size:36px;line-height:45px;font-weight:bold;}
.title p{font-size:15px;color:#666;margin-bottom:0;line-height:25px;}
@media (max-width: 767px) {
	.title h2{font-size:30px;line-height:40px;font-weight:bold;}
	.title p{font-size:14px;line-height: 25px}
}
/*fuwu*/
#fuwuxm{padding:30px 0; background:url(../images/fwxm_bj.jpg)no-repeat center;}
.fwxm_nr{padding:20px 0 50px 0;}
.fwxm_nr li{float:left;}
.fwxm_nr li .pic{overflow:hidden;}
.fwxm_nr li .pic img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;width:100%; /*-webkit-filter: grayscale(100%); Chrome, Safari, Opera  filter: grayscale(100%);*/}
.fwxm_nr li p{text-align:center;position:relative;line-height: 50px;font-size: 16px;}
.fwxm_nr li p i::before{content:"";position:absolute;left:30px;top: 46px;width: 60px;height:2px;background:#ccc;}
.fwxm_nr li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

@media(min-width:767px){
	.fwxm_nr li .fw_ico{position:relative;top:10px;}
	.fwxm_nr li p i::before{content:"";position:absolute;left:91px;top: 46px;width: 60px;height:2px;background:#ccc;}
}
@media(min-width:800px){
	.fwxm_nr li p i::before{content:"";position:absolute;left:117px;top: 46px;width: 60px;height:2px;background:#ccc;}
}
@media(max-width:991px){
	.fwxm_nr li p i::before{content:"";position:absolute;left:41%;top: 46px;width: 60px;height:2px;background:#ccc;}
}
/*anli*/
#anli{padding:30px 0;}
.anli_top{text-align:center; padding:10 0;}
.anli_top ul{}
.anli_top li{background:#e5e5e5; border-radius:10px; line-height:50px; color:#333;font-size:16px; text-align:center; padding:0 25px; margin:7px 18px;}
.anli_top li a{color:#333;}
.anli_top li.cur{background:#888889;color:#fff;text-align:center;}
.anli_top li.cur a{color:#fff;}
@media(min-width:992px){
	.anli_top ul{display:flex;}
	.anli_top li{padding:0 16px; margin:7px 6px; flex:1;}
}
@media(max-width:991px;){
	.anli_top li{width:25%;}
}
@media(max-width:768px;){
	.anli_top li{width:30%; float:left;}
}
.anli_nr1{}
.anli_nr{padding:20px 0;}
.anli_nr figure{position:relative;z-index:1;width:100%;text-align:center; margin:0; background:#000;}
.anli_nr figure img{opacity: 1;width: 100%;}
.anli_nr figure figcaption{padding:1.5em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.anli_nr figure figcaption::before, .anli_nr figure figcaption::after{position: absolute;content: '';opacity: 0;}
.anli_nr figure figcaption::before, .anli_nr figure figcaption::after, .anli_nr figure figcaption p{transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
.anli_nr figure figcaption h2{position:absolute;font-weight:bold;font-size:15px; top:22%;left:0;width:100%; padding:0 3em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.anli_nr figure figcaption p{letter-spacing: 1px;position: absolute;top: 45%;left: 0;width: 100%;padding: 0 3em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.anli_nr figure figcaption::before{top:50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.anli_nr figure figcaption::after{top:30px;right: 50px;bottom: 30px;left: 50px;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.anli_nr figure:hover figcaption{background:rgba(2,2,2,.7);}
.anli_nr figure:hover img{opacity: .7;}
.anli_nr figure:hover figcaption h2{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.anli_nr figure:hover figcaption p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.anli_nr figure:hover figcaption::before, .anli_nr figure:hover figcaption::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/*about*/
#about{}
.about_nr{padding-top:10px;}
.about_left{}
.about_left .pic{overflow:hidden;}
.about_left .pic img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;width:100%;}
.about_left .pic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about_left  .about_list{background:#fff;position:relative;z-index:10;padding:25px  0;width: 94%;box-shadow:0 2px 20px rgba(0,0,0,.12);bottom: 20px;left: 20px;}
.about_left  .about_list ul{}
.about_left  .about_list li{width:20%;text-align:center; border-left:1px #ededed solid;float:left;height:120px;}
.about_left  .about_list li .img1{height:40px;}
.about_left  .about_list li .img1 img{display:block;  text-align:center;}
.about_left  .about_list li h3{font-size:14px;font-weight:normal;padding-bottom:5px;}
.about_left  .about_list li p{font-size:12px;}
.about_right{}
.about_right .about_text{padding-top:30px;display:inline-block;}
.about_right .about_text h3{font-size: 26px; font-weight: normal; color:#333;}
.about_right .about_text p{line-height:30px;font-size:14px; color:#666;}
.about_right .about_text em{display:inline-block; width:150px;line-height:40px;text-transform:uppercase; border:1px #ccc solid;font-size:15px;position:relative;}
.about_right .about_text em::before{content:"";position:absolute;width:11px;height:5px; right:20px;top:50%;background:url(../images/icon4.png)no-repeat;}
.about_right .about_text em a{color:#ccc;font-size:15px;text-transform:uppercase;display:block;text-align:center;}
.about_right .about_text em a:hover{color:#7d7d7d;}
@media(min-width:992px){
	.about_nr{padding-top:10px; display:flex;}
	.about_left{flex:1.66;}
	.about_left img{display:block;}
	.about_right{flex:1.33;}
}

/*新闻*/
#dsnew{padding:30px 0;}
.dsnew_title{}
.dsnew_title li{margin:0 40px; padding:0;}
.dsnew_title li a{line-height:60px; color:#666; font-size:18px; letter-spacing:1px;}
.dsnew_title li a:hover, .dsnew_title li.on a{color:#888889; font-weight: bold;}
.dsnew_nr{margin-top:10px;}
.dsnew_nr img{border-radius:20px; /*-webkit-filter: grayscale(100%);*/ /* Chrome, Safari, Opera *//* filter: grayscale(100%); */}
.dsnew_nr .dsnew_til{}
.dsnew_nr .dsnew_til a{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;color: #333;line-height: 50px;font-weight: bold;}
.dsnew_nr .dsnew_til p{font-size: 13px;color:#a3afb7;margin:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;}
.dsnew_nr .dsnew_til span{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;color: #666;line-height: 25px;height: 75px;margin-top:5px;}
.dsnew_nr .dsnew_til a:hover{color: #888889;}
@media(max-width:767px){
.dsnew_title li{margin:0 25px; padding:0;}
}
@media(max-width:767px){
 .dsnew_title li{margin:0 15px; padding:0;}
}


/* product */
#product{background: url(../images/product-bg.jpg) no-repeat center;padding:50px 0;background-size: cover;}
.product-ul .grid{overflow: hidden;margin:0;width: 100%;}
.product-ul figure{position: relative;z-index: 1;width: 100%;text-align: center;margin:0;background: #000;}
.product-ul figure img{opacity: 1;width: 100%;}
.product-ul figure figcaption{padding:1.5em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-ul figure figcaption::before, .product-ul figure figcaption::after{position: absolute;content: '';opacity: 0;}
.product-ul figure figcaption::before, .product-ul figure figcaption::after, .product-ul figure figcaption p{transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}
.product-ul figure figcaption p{letter-spacing: 1px;position: absolute;top: 45%;left: 0;width: 100%;padding: 0 3em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-ul figure figcaption::before{top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.product-ul figure figcaption::after{top: 30px;right: 50px;bottom: 30px;left: 50px;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.product-ul figure:hover img{opacity: .7;}
.product-ul figure:hover figcaption p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product-ul figure:hover figcaption::before, .product-ul figure:hover figcaption::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/* news */
#news{padding:50px 0;}

#news ul li{margin-bottom: 25px;}
#news ul li .media-heading{position: relative;}
#news ul li .media-heading::before{content: '';position: absolute;width: 10px;height: 1px;background-color: #333333;left:0;bottom: 0;-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
#news ul li .updatetime{display: block;font-weight: 300;line-height: 30px;font-size: 16px;color: #666666;text-align: left;}
#news ul li a{border-bottom: 1px solid #efefef;font-size: 16px;color: #333333;display: block;padding-bottom: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;}
#news ul li .des{color: #666666;font-size: 13px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;line-height: 20px;height: 40px;}
#news ul li:hover .media-heading::before{width: 100%;}
#news ul li a:hover{color: #888889;}
#news .more{margin:0;padding:6px 50px;display: inline-block;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;border: #666666 1px solid;color: #666666;}
#news .more:hover{background-color: #888889;border-color: #888889;color: #fff;}

/* links */
#links{border-bottom: 4px solid #888889;}
.links-til{width: 100px;height: 84px;color: #fff;background: #888889;float: left;}
.links-til p{margin-bottom: 0;font-size: 18px;}
.links-a{width: calc(100% - 100px);float: left;padding: 15px 0 0 20px;}
.links-a a{padding: 0 5px;color:#777;border-right: 1px solid #777;float: left;}
.links-a a:last-child{border-right: 0;}
.links-a a:hover{color: #888889;}

/*服务区域*/

#fuwu{margin:auto;margin-top:40px;}
.fuwu1 p{line-height: 36px;font-size: 30px;color: #333;}
.fuwu1 p span{font-size: 10px;line-height: 20px;color: #999;}
.fuwu2{border: 1px solid #dddddd;margin-top: 5px;overflow: auto;height: 108px;padding: 10px;margin-bottom:20px;}
.fuwu2 li{float: left;font-size: 14px;line-height: 34px;margin:2px 10px;}




/* footer */
footer{}
#footer-nav{padding:30px 15px;background:#6e6e6e;text-align: center;}
.foot_a{}
.foot_a img{padding:10px 0 0 0;}
.foot_a p{font-size:14px; color:#b2b2b2; line-height:30px;display:block;text-align:left;}
.foot_a p a{color:#fff; padding-left:10px; padding-right:10px;}
.foot_a p a:hover{color:#b2b2b2;}
.foot_c{width: 17%;float:left;}
.foot_c h2{}
.foot_c h2 img{padding:14px 8px 0 0;}
.foot_c h2 em{display:inline-block;line-height:32px;border-bottom:1px #fff solid;font-size:18px;font-weight:bold;color:#fff;}
.foot_c ul{}
.foot_c li{display:block;color:#b2b2b2;font-size:14px;padding-left:26px;line-height:30px;}
.foot_c li a{color:#b2b2b2;}
.foot_c li a:hover{color:#da251d;}
.foot_d{float:left;width: 49%;padding-left: 29px;}
.foot_d h2{text-align:left;}
.foot_d h2 img{padding:14px 8px 0 0;}
.foot_d h2 em{display:inline-block;line-height:32px;border-bottom:1px #fff solid;font-size:18px;font-weight:bold;color:#fff;}
.foot_d p{font-size:14px; color:#b2b2b2; line-height:30px;display:block;text-align:left; margin:0;}
.foot_d p img{display:block;text-align:center;}
@media(max-width:768px){
	.foot_d{float:left;width:100%;padding-left: 29px;}
}
/*.foot_d ul{}
.foot_d li{display:block;color:#b2b2b2;font-size:14px;padding-left:26px;line-height:30px;}
.foot_d li a{color:#b2b2b2;}
.foot_d li a:hover{color:#da251d;}*/



#footer-nav dl{display: inline-block;vertical-align: top;margin: 0;padding: 10px 20px;min-height: 225px;text-align: left;}
#footer-nav dt{margin-bottom: 20px;color: #fff;line-height: 25px;font-size: 16px;font-weight: 400;text-align: center;}
#footer-nav dt a{color: #fff;}
#footer-nav dd{color: #DCDCDC;line-height: 30px;font-size: 14px;}
#footer-nav dd p{margin-bottom: 0;}
#footer-nav dd a{color: #DCDCDC;}
#footer-nav dt a:hover,
#footer-nav dd a:hover{color: #888889;}
.wtel{padding-left: 25px;background: url(../images/wtel.png) no-repeat left center / contain;line-height: 20px;}
.wnum{font-size: 18px;letter-spacing: 2px;font-family: SimHei;}
.wnav{width: 280px;background: url(../images/footnav-x.jpg) no-repeat right top;}
.wnav dd{overflow: hidden;float: left;}
.wnav dd a{display: block;width: 120px;text-align: center;}
#footer-nav dl:first-child{background: url(../images/footnav-cx.jpg) no-repeat right top;}
#footer-nav dl:nth-child(2), #footer-nav dl:nth-child(4){width: 140px}
#footer-nav dl:nth-child(2) dd, #footer-nav dl:nth-child(4) dd{float: none;}
#footer-nav dl:nth-child(2) dd a, #footer-nav dl:nth-child(4) dd a{width:auto;}
#footer-nav dl:nth-child(3){width: 320px}
#footer-nav dl:nth-child(3) dd{padding: 0 10px}
#footer-nav dl:last-child{min-height: auto;}
.wimg{padding: 7px;border: 1px solid #535353;}
#footer-copy{background:#6e6e6e;text-align: center;color: #999;padding:10px;border-top: 1px solid #616161;}
#footer-copy a{color: #999;}
#footer-copy a:hover{color: #888889;}
#footer-copy p {margin: 0;}
#roll {width: 40px;height: 40px;display: none;background: #000;position: fixed;right: 20px;bottom: 60px;z-index: 150;overflow: hidden;transition: all .2s ease-in-out 0s;cursor: pointer;border-radius: 50%;}
#roll:hover {background: #888889;}
#roll_top {width: 40px;height: 40px;display: block;background: url(../images/gotop.png) no-repeat;transition: all .2s ease-in-out 0s;}
#roll_top:hover {background: url(../images/gotop.png) no-repeat;}
.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #888889;text-align: center;}
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}
@media (max-width: 767px) {
	#footer-nav{padding: 20px 15px;}
	#footer-nav dl{padding: 10px 0 0;}
}
@media (max-width: 675px) {
	#footer-nav dl:first-child{background: none;}
}
@media (min-width: 450px) and (max-width: 767px) {
	#footer-nav dl{padding: 10px 10px 0;}
}
@media (max-width: 449px) {
	#footer-nav dl{padding: 10px 0 0;}
}

/* 内页样式 */
#ZoomBox{background: #fff;}
.nybg{background: #F5F5F5;}
.bsbg{background: #FFFFFF;}
.crumbs{float: right;line-height: 40px;}
.wrapper01{position:relative;height: 40px;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc}
.wrapper01 .scroller{position:absolute}
.wrapper01 .scroller ul{padding: 0;}
.wrapper01 .scroller li{height: 40px;color:#333;float: left;line-height: 40px;font-size: 16px;text-align: center}
.wrapper01 .scroller li a{color:#333;display:block;margin:0 20px}
.wrapper01 .scroller li a:hover{color:#888889}
.wrapper01 .scroller li.cur a{color:#888889;}
.tablesaw td, .tablesaw th {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: .5em .7em;}

.nyjc{}
.nyjc-til{padding:15px;border-radius: 0 10px 0 0;color:#fff;background: #888889}
.nyjc-til p{font-size: 24px;}
.nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;}
#sidebar1{padding:10px;background: #fff;}
#sidebar1 li{margin-top: 10px;}
#sidebar1 li:first-child{margin-top: 0px;}
#sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;}
#sidebar1 li.cur a, #sidebar1 li:hover a{background: #888889;color: #fff;}

#sidebar1 dt{margin-top: 10px;font-weight: normal;line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;cursor: pointer;}
#sidebar1 dt:first-child{margin-top: 0px;}
#sidebar1 dt>a{color: #666;display: block;}
#sidebar1 dt.cur, #sidebar1 dt:hover{background: #888889;color: #fff;}
#sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#fff;}
#sidebar1 dd{display: none;}
#sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(../images/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;}
#sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(../images/iyuan_on.png) 5px center no-repeat;color:#888889;}


.nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(../images/nav_tb.png) left 6px no-repeat;padding-left: 20px;color: #808080;margin-bottom: 15px;line-height: 25px;padding-bottom: 10px;}
.nyjc-crcrumbs a{color: #808080;}
.nyjc-crcrumbs a:hover{color: #888889;}

.nypro{padding:15px;}
.nypro-img{border:1px solid #e6e6e6;overflow: hidden;}
.nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.nypro-ul li{margin-bottom: 15px}
.nypro-ul li p{background: #e6e6e6;text-align: center;height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;padding:0 10px;}
.nypro-ul li:hover .nypro-img{border-color:#888889;}
.nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.nypro-ul li:hover p{background: #888889;color:#fff;}
@media (max-width: 500px) {
	.nypro{padding:10px;}
}

.showpro-list-img{border:1px solid #eee;}
.showpro-list-img img{width: 100%}
.showpro-right h2{font-size: 18px;font-weight: bold;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;margin-top: 0}
.showpro-right p{color: #666;line-height: 25px;margin-bottom: 10px;}

.showpro-rem p{color:#888889;font-weight: bold;}
.showpro-rem ul{padding:10px;border:2px solid #ccc;}
.showpro-rem ul li a{border:1px solid #eee;display: block;}
.showpro-rem ul li:hover a{border-color: #888889}

.showpro-con{margin-top: 20px;}
.showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;}
.showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;border-radius: 10px 10px 0 0;float: left;margin-right: 10px;cursor: pointer;}
.showpro-con ul li.on{background: #888889;color:#fff;}
.showpro-con ul li:last-child{margin-right: 0;}
.showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;}
.showpro-details h2{text-align:center; font-size:15px;display:block; font-weight:bold;}
.showpro-details div{margin-bottom: 10px;}
.showpro-details img{max-width: 100%;}
.showpro-details td{padding:5px;}
.showpro-det{display: none;}


@media (max-width: 767px) {
	.showpro-right{margin-top: 20px;}
}
@media (max-width: 450px) {
	.showpro-con ul{display: flex}
	.showpro-con ul li{flex:1;padding:0;font-size: 14px;}
	.showpro-details{font-size: 14px;}
	.showpro-details td{padding:5px;}
}


.nyimg-ul{}
.nyimg-ul li{margin-bottom: 30px}
.nyimg-ul li .nyimg-div{background: #fff;padding:7px;border:1px solid #D9D9D9;}
.nyimg-ul li .nyimg-div a{display: block;overflow: hidden;}
.nyimg-ul li .nyimg-div img{margin:0 auto;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.nyimg-ul li .nyimg-a{margin-top: 9px;overflow: hidden;line-height: 40px;display: block;background: #EFEFEF;font-size: 14px;color: #333;text-align: center;text-overflow:ellipsis;white-space: nowrap;}
.nyimg-ul li:hover .nyimg-div img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.nyimg-ul li:hover .nyimg-a{background: #888889;color: #fff;}

.showimg{}
.showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;}
.showimg-top h1{line-height: 1.5;color: #333;text-align: center;}
.showimg-top span{margin-right: 10px;}
.showimg-top span{font-size: 14px;color: #a3afb7;}
.showimg-img{margin-top: 25px; text-align:center}
.showimg-img img{max-width: 100%;margin:0 auto;}
.showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;}
.showimg-con img{max-width: 100%;}
.showimg-page{padding-top: 30px;overflow: hidden;}
.showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}
@media (max-width:767px){
	.showimg-top h2{ font-size:16px;}
	.showimg-top h1{font-size: 20px;}
	.showimg-con{padding:0;font-size:14px !important;}
	.page-header h3{font-size:16px;margin:0;}
	.xgred li{padding: 0}
}

.nynews-ul li.nynews-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;}
.nynews-ul li.nynews-li:nth-of-type(even) .nynews-img{/*float: right;*/}
.nynews-img{}
.nynews-img a{display: block;border: 1px solid #ccc;}
.nynews-img img{width:100%;-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera *//* filter: grayscale(100%); */}
.nynews-date {color: #333;line-height: 20px;}
.nynews-date span{float: left;margin-right:20px;}
.nynews-date p{float: left;margin: 0;}
.nynews-date i{margin-right: 5px;}
.nynews-con{margin: 10px 0;}
.nynews-con h3{font-size: 21px;font-weight: 400;text-transform: uppercase;line-height: 32px;letter-spacing: 1px;margin-top: 0px;margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (max-width:767px) {.nynews-con h3{ font-size:16px; font-weight:bold}}
.nynews-con p.nynews-desp{color: #666;font-size: 14px;line-height: 25px;margin: 5px 0;max-height: 150px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.nynews-con a.nynews-more{text-decoration: none;color: #ffffff;font-size: 15px;padding: 7px;background: #888889;width: 120px;display: block;float:right;text-align: center;letter-spacing: 1px;font-weight: 600;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.nynews-con a.nynews-more:hover{background: #000;color: #fff;}

.shownews{}
.shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;}
.shownews-top h1{line-height: 1.5;color: #333;text-align: center;}
.shownews-top span{margin-right: 10px;}
.shownews-top span{font-size: 14px;color: #a3afb7;}
.shownews-img{margin-top: 25px; text-align:center}
.shownews-img img{max-width: 100%;}
.shownews-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 18px;font-weight: 300;padding: 25px;border-bottom: 1px solid #F0F2F5;}
.shownews-con img{max-width: 100%;}
.shownews-page{padding-top: 30px;overflow: hidden;}
.shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}
@media (max-width:767px){
	.shownews-top h1{ font-size:20px;}
	.shownews-top h2{ font-size:16px;}
	.shownews-con{padding:0;font-size:14px !important}
}

.show-dateil{font-size: 16px;line-height: 1.8;}
.show-dateil img{max-width: 100%;}
.showmap img{max-width: none;}
@media (max-width:767px){
	.show-dateil,.show-dateil *{font-size:14px !important}
	#dituContent{height: 400px !important}
}



#nycontact{padding-top: 42px;}
#nycontact .row>div[class^="col-"]{padding: 10px;margin-bottom: 20px;}
#nycontact .nycontact-left{background: rgba(238,238,238,0.75);border-top-left-radius: 56px;padding-bottom:125px;}
#nycontact .nycontact-left>h2{padding: 20px 0;border-bottom: 1px dashed #ddd;margin: 0;text-align: center;font-size: 22px;color: #333;line-height: 2em;}
#nycontact .nycontact-txt{margin: 17px 4px 0 6px;padding-left: 22px;padding-right: 10px;font-size: 16px;color: #222;}
#nycontact .nycontact-right{background: rgba(238,238,238,0.75);padding-bottom: 20px;}
#nycontact .nycontact-right>h2{padding: 20px 0;margin: 0;text-align: center;font-size: 22px;color: #333;line-height: 2em;}
#nycontact .nycontact-feedback{padding: 10px 30px 0px 30px;}
#nycontact form>div[class^="col-"]{padding: 0 10px;}
#nycontact form textarea{resize: none;}
#nycontact .btn-red{background:#888889;color:#fff;border-radius: 4px;}
#nycontact .btn-red:hover{background: #E60012;color: #eee;}


/*相关推荐*/
.xgred{overflow: hidden;}
.xgred .xgred-con{line-height: 40px;border-bottom:1px #ccc dashed;overflow: hidden;}
.xgred .xgred-con a{font-size: 14px;color: #4b4b4b;display: block;float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.xgred .xgred-con em{float: right;font-size: 13px;color: #ccc;line-height: 40px;margin-right: 10px;}
.xgred .xgred-con a:hover{color: #888889}

@media (max-width: 1370px){
	.navbar-header{padding-left: 25px;}
	.navbar-nav{padding-left: 0;float: right;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-collapse{width: 100%}
	.navbar-collapse .nav{width: 100%;display: flex}
	.navbar-collapse .nav li{flex: auto;text-align: center;}
}
@media (min-width: 768px){
	.navbar-nav>li>a {padding: 30px 4px;font-size:13px;}
	.navbar-brand{height: 80px}
}
@media (min-width: 1200px){
	.navbar-nav>li>a {padding: 30px 11px;font-size:15px;}
}
@media (min-width: 1200px) and (max-width: 1250px) {
	.navbar-nav>li>a{padding: 30px 10px;}
}
@media (max-width: 767px){
	.navbar{}
	.navbar-header{padding-left: 0px;}
	.navbar-brand>img{max-height: 100%}
	.navbar-brand{height: 60px;padding: 5px 15px;}
	.navbar-toggle{margin-top: 13px;margin-bottom: 13px;}
	.navbar-nav{margin: 0px;border-top: 1px solid #e4eaec;float: none;padding: 15px 0;}
	.navbar-nav .open .dropdown-menu>li>a {line-height: 30px;}
	.title{margin-bottom: 30px;}
	#business{padding-top:30px;}
}
@media (max-width: 680px){
	#about{padding-bottom: 80px;}
	#countup .count-li h5, #countup .count-li h5 span{font-size: 40px;}
}
@media (max-width: 500px){
	.product-til h2, .about-til h2, .kehu-til h2{font-size:25px;line-height: 35px;}
	.product-til p, .about-til p, .kehu-til p{font-size: 13px;line-height: 25px;}
}
@media (max-width: 450px){
	#countup .count-li h5, #countup .count-li h5 span{font-size: 30px;}
}
@media (max-width: 400px){
	#countup .count-li h5, #countup .count-li h5 span{font-size: 25px;}
	.count-li span{font-size: 14px;}
}
@media (max-width: 374px){
	#countup .count-li h5, #countup .count-li h5 span{font-size: 20px;}
	.count-li span{font-size: 12px;}
}

/* 内页banner */
.nybanner>div{background-position: top center;background-repeat: no-repeat;background-size: cover;}
@media (max-width: 700px){
	.nybanner>div{height: 260px !important;}
}
@media (max-width: 580px){
	.nybanner>div{height: 180px !important;}
}
@media (max-width: 420px){
	.nybanner>div{height: 160px !important;}
}
@media (max-width: 374px){
	.nybanner>div{height: 135px !important;}
}

/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#888889; }
.metpager_5 a:hover { border:1px solid #888889; color:#fff; background-color:#888889;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#000; text-decoration:none;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#ddd;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

/*404*/

.efefef{background:#efefef}
#mother{ margin:0 auto; width:943px; height:572px; position:relative;padding: 20px 0; }
#errorBox{ background: url(../images/404_bg.png) no-repeat top left; width:943px; height:572px; margin:auto; }
#errorText{ color:#39351e; padding:146px 0 0 446px }
#errorText p{ width:400px; font-size:14px; line-height:35px; }
.link4{ height:50px; width:145px; float:left; }
#home{ margin:14px 0 0 444px;}
#contact{ margin:20px 0 0 25px;}
#errorText h1{ font-size:40px; margin-bottom:20px; }
#errorText p em{ font-size:20px; color:#f00; font-weight:bold;}