﻿@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:#000; 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:#03c046; }
a:focus { outline: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;}

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: 1600px){
   .container {width: 1310px;}
}
@media (max-width:767px) {
	body{padding-bottom: 50px;}
}
/* 顶部 */
.navbar{margin-bottom: 0;}
.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: #fff;}
.nav a:focus, .nav a:hover {background-color: #fff;border-bottom:1px solid #03c046;color: #03c046}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #fff;border-bottom:1px solid #03c046;color: #03c046}
.navbar-nav>li.active>a{border-bottom: 1px solid #03c046;color: #03c046}

/* Service */
#service{padding: 70px 0px;}
#service h2{font-size: 36px;color: #03c046;}
#service p.desc{padding:0 10%;font-size: 16px;color: #666666;}
#service ul{}
#service ul li{margin:50px 0 0;}
#service ul li .service-shadow{display: block;width: 100%;overflow: hidden; border:1px solid #eaeaea;}
#service ul li img{width: 100%;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-transition: all 18s ease 0s;transition: all 1s ease 0s;}
#service ul li .service-info{padding:5px 15px;background: #fff;display: block;position: relative;}
#service ul li h3{font-size: 20px;margin:5px 0;color: #333;}
#service ul li p{color: #666;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
#service ul li .service-info::after{content: '';display: block;width: 0;height: 2px;background: #03c046;position: absolute;left: 0;bottom: 0;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;}
#service .more{display: block;margin: 0 auto;width: 150px;padding: 0 5px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;color: #333333;border: 1px solid #333333;margin-top: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background-color 0.5s linear;-moz-transition: background-color 0.5s linear;-webkit-transition: background-color 0.5s linear;-o-transition: background-color 0.5s linear;}
#service ul li:hover .service-shadow{box-shadow: 0px 5px 10px #e0e0e0;}
#service ul li:hover img{-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
#service ul li:hover h3{color: #03c046;}
#service ul li:hover .service-info::after{width: 100%;}
#service .more:hover{color: #fff;background-color: #03c046;border-color: #03c046;}

/* gray */
#gray{background: #f5f5f5;padding:50px 0 30px;}
#gray h2{font-size: 36px;color: #222;text-align: center;margin:0;}
#gray ul{}
#gray ul li{text-align: center;margin-top: 50px;}
#gray ul li .img img{max-width: 100%;}
#gray ul li p{margin:0;font-size: 16px;color: #787878;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#gray .more{display: block;margin: 0 auto;width: 150px;padding: 0 5px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;color: #333333;border: 1px solid #333333;margin-top: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background-color 0.5s linear;-moz-transition: background-color 0.5s linear;-webkit-transition: background-color 0.5s linear;-o-transition: background-color 0.5s linear;}
#gray .submsg{color: #787878;padding-top: 15px;padding-bottom: 10px;text-align: center;}
#gray .more:hover{color: #fff;background-color: #03c046;border-color: #03c046;}

/* countup */
#countup{background: #182a42;padding:50px 0;}
#countup h2{font-size: 36px;color: #fff;text-align: center;margin:0;}
#countup .count-li{color: #fff;margin-top: 50px;}
#countup .count-li h5, #countup .count-li h5 span{font-size: 60px;margin:0;color: #fff}
#countup .count-li span{font-size: 14px;}
#countup ul.honor-pc-ul{overflow: hidden;background: #fff;border-radius: 15px;}

/* news */
#news{padding:70px 0;}
#news h2{font-size: 36px;color: #333333;text-align: center;}
#news p.desc{padding:0 10%;font-size: 16px;color: #666666;text-align: center;}
#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: #03c046;}
#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: #03c046;border-color: #03c046;color: #fff;}

/* links */
#links{}
#links .container{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:15px 0;}
#links ul{}
#links ul li{display: inline-block;margin-left: 10px;}
#links ul li:first-of-type{margin-left: 0;}

/* footer */
footer{}
#footer-nav{padding: 30px 15px;background: #282828;text-align: center;}
#footer-nav dl{display: inline-block;vertical-align: top;margin: 0;padding: 0 30px;background: url(../images/footnav-x.jpg) no-repeat right top;min-height: 195px;text-align: left;}
#footer-nav dl:last-child{background: none;}
#footer-nav dt{margin-bottom: 20px;color: #fff;line-height: 25px;font-size: 14px;}
#footer-nav dt a{color: #fff;}
#footer-nav dd{color: #DCDCDC;line-height: 30px;font-size: 14px;}
#footer-nav dd a{color: #DCDCDC;}
#footer-nav dt a:hover,
#footer-nav dd a:hover{color: #03c046;}
#footer-copy{background: #1b1a1a;text-align: center;color: #fff;padding:10px 0;}
#footer-copy a{color: #fff;}
#footer-copy a:hover{color: #03c046;}
#footer-copy p {margin: 0;}
.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #03c046;text-align: center;}
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}


/* 内页样式 */
.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:#03c046}
.wrapper01 .scroller li.cur a{color:#03c046;}
.tablesaw td, .tablesaw th {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: .5em .7em;}

.nypro-ul{}
.nypro-ul li{margin-bottom: 30px}
.nypro-ul li .nypro-div{background: #fff;padding:5px;border:1px solid #D9D9D9;}
.nypro-ul li .nypro-div img{margin:0 auto;}
.nypro-ul li .nypro-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;}
.nypro-ul li .nypro-a:hover{background: #03c046;color: #fff;}

#showproduct{padding-bottom: 30px}
#showproduct img{max-width: 100%;}
#showproduct .showpro-body{padding-bottom: 20px;border-bottom: 1px dashed #333;margin-bottom: 30px;}
#showproduct .showpro-list-img{display: block;margin:15px 0; text-align: center;}
#showproduct .showpro-right{margin:15px 0;}
#showproduct .showpro-right p{line-height: 38px;}



.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{padding:0 23px;}
.nynews-img a{display: block;border: 1px solid #ccc;}
.nynews-img img{width: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: #333333;font-family: 'Roboto Condensed', sans-serif;font-size: 14.5px;line-height: 25px;letter-spacing: 3px;font-weight: 300;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: #ef544f;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 h2{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 h2{ font-size:16px;}
	.shownews,.shownews *{font-size:14px;!important}
	.shownews-con{padding:0;}
}


/*相关推荐*/
.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: #55acee}



@media (min-width: 992px){
	.navbar-nav>li>a {margin-top: 20px;}
}
@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 {margin-left: 8px;}
	.navbar-nav>li>a {padding-top: 20px;padding-bottom: 20px;}
	.navbar-brand{height: 100px}
}
@media (max-width: 767px){
	.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;}
}
@media (max-width: 680px){
	#service h2{font-size: 30px;}
	#gray h2{font-size: 30px;}
	#countup h2{font-size: 30px;}
	#news h2{font-size: 30px;}
	#countup .count-li h5, #countup .count-li h5 span{font-size: 50px;}
}
@media (max-width: 400px){
	#service h2{font-size: 25px;}
	#gray h2{font-size: 25px;}
	#countup h2{font-size: 25px;}
	#news h2{font-size: 25px;}
	#countup .count-li h5, #countup .count-li h5 span{font-size: 40px;}
}




/*翻页样式*/
.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:#C40001; }
.metpager_5 a:hover { border:1px solid #C40001; color:#fff; background-color:#C40001;}
.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;}