@charset "UTF-8";
/**/

h4,h5,h6,h1,h2,h3 {
	margin:0;
}
ul,ol,li {
	margin:0;
	padding:0;
	list-style:none;
}
p {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-family:"微软雅黑",Arial;
	overflow-x:hidden;
}
.fl {
	float:left;
}
.fr {
	float:right
}
.display{
	display:block;
}
.f-oh{
	overflow:hidden;
}
.f15{
	font-size:15px;
}
.f16 {
	font-size:16px;
}
.f18 {
	font-size:18px;
}
.f20 {
	font-size:20px;
}
.white{
	color:white;
}
.orange{
	color:orange;
}
.red{
	color:red;
}
.yellow{
	color:#fafb35;
}
.fc9 {
	color:#999;
}
.f09f{
	color:#09f;
}
.bgf9 {
	background-color:#f9f9f9;
}
.bgf6 {
	background-color:#f9f9f9;
}
.bgf0 {
	background-color:#f0f0f0;
}
.cleardiv {
	clear:both;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt60 {
	margin-top:60px;
}
.mt70 {
	margin-top:70px;
}
.mt80 {
	margin-top:70px;
}
.mt90 {
	margin-top:70px;
}
.mt100 {
	margin-top:70px;
}
.mb10 {
	margin-bottom:10px;
}
.mb30 {
	margin-bottom:30px;
}
.mz10{
	margin-left:10px;
}
.mz20 {
	margin-left:20px;
}
.my10{
	margin-right:10px;
}
.my20 {
	margin-right:20px;
}
.tk2em {
	text-indent:2em;
}
.h160{
	line-height:160%;
}
.h200 {
	line-height:200%;
}
.bt1dd {
	border-top:1px dashed #ddd;
}
.bb1dd {
	border-bottom:1px solid #ddd;
}
.pt1em {
	padding-top:1em;
}
.pb1em {
	padding-bottom:1em;
}
.pb5px {
	padding-bottom:5px;
}

.absolute{
	position:absolute;
}
.relative{
	position:relative;
}
.clearfix {
	clear:both;
}
.clearfix:before {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
header,section {
	width:100%;
}
section {
	position:relative;
	overflow:hidden;
}
.font-shadow-white{
	text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
    -webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
    -moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
	-ms-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
	-o-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
    *filter: Glow(color=#fff, strength=1);
}

/*-----------------------------------
	Navigation Bar Styles
------------------------------------*/
.navbar .pc-navbar {
	height:38px;
	line-height:32px;
	background-color: #428bca;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
.navbar .pc-navbar a{
	color:#fff;
}
.navbar .pc-navbar a:hover{
	text-decoration:none;
}

.menubar{
	margin-bottom: 0px !important;
	/*background-color: #428bca;*/
	background-color:#fff;
	border: none !important;
	border-radius: 0px !important;
	z-index: 9999999999;
	box-shadow:0 5px 5px #ccc;
}
.logo{
	padding: 8px 15px 16px !important;
	display: inline-block;
	height: auto !important;
	color: #000 !important;
	font-size: 32px !important;	
}
.navstyle li.mli a.firstnav{
	padding: 30px 15px !important;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	font-size:16px;
}
.navstyle li.mli a.firstnav:hover, .navstyle li.mli a.firstnav:focus, .navstyle li.mli a.active{
	background-color: #7fcde9 !important;
	color: #fff;
}
.navbar-right {
    float: right !important;
    margin-right: 0px !important;
}
#navbar-second{
	position:absolute;
	top:80px;
	left:0;
	display:none;
	width:100%;
}
#navbar-second a{
	display:block;
	height:42px;
	line-height:42px;
	overflow:hidden;
	border-bottom:1px solid #4895d7;
	background:#428bca;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#navbar-second a:hover{
	background-color:#7fcde9;
	text-decoration: none;
}
.menu-button {
    padding: 8px 10px !important;
    margin-top:5px !important;
    font-size: 30px !important;
	color: #000;
}
#myNavbar {
	overflow-x:hidden;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
#myNavbar ul li:last-child a {
	padding-right:0;
}
.search-input {
	position: relative;	
}
.search-input .input-sm{
	height:24px;
	line-height:24px;
	padding:0 5px;
}
.search-input .btn-sm{
	line-height:10px;
	height:24px;
	margin-right:15px;
}
.navbar.scrolled {
	background-color:#428bca;/*顶部导航整体背景色*/
	left:0;
}
.navbar.scrolled .pc-navbar {
	display:none;
}

.navbar.scrolled .menubar{
	background-color: #428bca;
}
.navbar.scrolled .logo{
	color:#fff!important;
}
.navbar.scrolled .navstyle li a{
	color:#fff;
}


/*-----------------------------------
	Helper classes
------------------------------------*/

.noPadding {
	padding:0;
}
.noBorder {
	border:0;
}

/*----------------------------------
 *banner*
----------------------------------*/

.page-banner {
	position: relative;
	overflow: auto;
	text-align: center;
	box-shadow:0 5px 15px #efefef;
}
.page-banner li {
	list-style: none;
}
.page-banner ul li {
	float: left;
}
#b06 {
	width:100%;
}
#b06 .dots {
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 10px;
}
#b06 .dots li { 
	display: inline-block; 
	width: 24px; 
	height: 10px; 
	margin: 0 2px; 
	text-indent: -999em; 
	background: #f60;
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
}
#b06 .dots li.active {
	background: #f00;
	opacity: 1;
}
#b06 .arrow {
	position: absolute; 
	top:48%;
	width:50px;
	height:50px;
	display:block;
}
#b06 #al {
	left: 5%;
	background:url(../images/prev.png) center;
}
#b06 #ar {
	right: 5%;
	background:url(../images/next.png) center;
}

/*----------------------------------
 *footer*
----------------------------------*/
.address {
	padding:30px 0px;
	background:#f9f9f9 url(../images/bg-map.png) center;
}
.address p {
	font-weight:400;
	font-size:14px;
	line-height:180%;
	text-transform:uppercase;
	color:#888;
}
.address a{color:#888;font-size:14px;}
.foot {
	padding:20px 0px;
	background-color:#428bca;
	border-top:3px solid #fff;
}
.foot-text {
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
}
.foot-text a {
	color:#fff;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:0px;
	right:10px;
	overflow:hidden;
	width:48px;
	height:48px;
	border:none;
	text-indent:100%;
	background:url(../images/top_arrow.png) no-repeat;
}

/*----------------------------------
 *index*
----------------------------------*/

.page-big-title{
	width:100%;
	text-align:center;
	color:#428bca;
	font-size:3em;
	letter-spacing:4px;
	text-transform:uppercase;
	background:url(../images/page-bg-title.png) no-repeat center;
}

.page-small-title{
	color:#aaa;
	font-size:1.6em;
	padding-bottom:2%;
	text-transform:uppercase;
}
/*page-more*/
.page-more{
	display:block;
	text-align: center;
	width:180px;
	height:48px;
	line-height:48px;
	margin-top:2%;
	margin-right: auto;
	margin-left: auto;
	border:1px solid #428bca;
	position:relative;
	letter-spacing:4px;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.page-more a{
	color:#428bca;
	font-size:18px;
}
.page-more:hover{
	border:1px solid #f00;
	cursor:pointer;
}
.page-more:hover a{
	text-decoration:none;
	color:#f00;
}

/*page-product*/
.page-product{
	padding:3% 0;
	
}

/*page-case*/
.page-case{
	padding:3% 0;
	background:url(../images/bg-map.png) no-repeat center;
	background-size:100%;
}

/*page-advantage*/
.page-advantage{
	padding:3% 0;
}
.page-advantage .ys-icon-line {
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
}
.page-advantage .ys-cell {
	padding: 20px;
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.page-advantage .media-image {
	display: block;
	float: left;
}
.page-advantage .media-content {
	display: block;
	padding-left: 110px;
}
.page-advantage .media-image span {
	display: block;
	width: 90px;
	height: 90px;
	
}
.page-advantage .ys-image {
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 6px;
}
.page-advantage .media-content h4 {
	margin-top: 11px;
}
.page-advantage .media-content p {
	font-size: 14px;
	margin: 0;
}
.page-advantage .ys-image1 {
	background-color: rgb(0,199,207);
	background-image: url(../images/advantage-s1.png);
}
.page-advantage .ys-image2 {
	background-color: rgb(251,187,102);
	background-image: url(../images/advantage-s2.png);
}
.page-advantage .ys-image3 {
	background-color: rgb(165,92,205);
	background-image: url(../images/advantage-s3.png);
}
.page-advantage .ys-image4 {
	background-color: rgb(255,92,106);
	background-image: url(../images/advantage-s4.png);
}
.page-advantage .ys-image5 {
	background-color: rgb(0,201,116);
	background-image: url(../images/advantage-s5.png);
}
.page-advantage .ys-image6 {
	background-color: rgb(0,183,229);
	background-image: url(../images/advantage-s6.png);
}

/*page-feature  特色*/
.page-feature{
	display:block;
	padding-top:3%;
	padding-bottom:5%;
	position:relative;
	background:url(../images/bg-1.jpg) center bottom;
	background-size:100% 100%;
}
.page-feature ul{
	list-style:none;
	display:block;
	padding-top:3%;
	position:relative;
}
.page-feature ul li{
	text-align:center;
}
.page-feature ul li img{
	width:100%;
	height:auto;
	padding:3px;
	border:1px solid #428bca;
}
.page-feature ul li img:hover{
	border:1px solid #f00;
	animation-name: spin; 
	animation-duration: 12s; /* 12 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;
}
@-webkit-keyframes spin {
	from {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
to {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
}
@keyframes spin {
	from {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
to {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
}

.page-feature ul li>div{
	width:100%;
	height:36px;
	line-height:36px;
	margin:15px auto;
	font-size:24px;
	text-shadow:5px 5px 2px #ccc;
}

.page-feature p{
	width:90%;
	height:48px;
	line-height:48px;
	text-align:center;
	font-size:24px;
	display:block;
	border:1px solid #999; 
	margin:3% auto 0;
	-webkit-border-radius:24px;
	-border-radius:24px;
	-ms-border-radius:24px;
	-o-border-radius:24px;
	border-radius:24px;
}
.page-feature p a{
	display:block;
	color:#000;

}
.page-feature p:hover{
	border:1px solid #428bca;
	background-color:#428bca;
}
.page-feature p:hover a{
	color:#fff;
	text-decoration:none;
}

/*page-news*/
.page-news {
	padding:3% 0;
}
.page-news .box-item {
	display:block;
	background:#f9f9f9;
}
.page-news .box-item .mod-hd {
	background-color:#555;
	color:#c1c1c2;
	padding:20px 10px 0;
	margin-bottom:10px;
	height:170px;
	font-size:12px;
	line-height:200%;
	border-bottom:3px solid #dedede;
}
.page-news .box-item .mod-hd h3 {
	color:#fff;
	height:30px;
	line-height:30px;
	margin-top:0;
	overflow:hidden;
}
.page-news .box-item .mod-hd h3 a{
	color:#fff;
}
.page-news .box-item .mod-hd h3 a:hover{
	color:#09f;
	text-decoration:none;
}
.page-news .box-item .mod-bd {
	color:#dedede;
	height:32px;
	line-height:32px;
	padding:0 10px;
	overflow:hidden;
	text-indent:10px;
	background:url(../images/dian.jpg) no-repeat 10px center;
}
.page-news .box-item .mod-bd a {
	color:#666;
	font-size:14px;
	display:block;
}
.page-news .box-item .mod-bd a:hover {
	color:#09f;
	text-decoration:none;
}
.page-news .box-item .mod-ft{
	padding-top:10px;
}
.page-news .box-item .mod-ft a {
	display:block;
	width:100%;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	background:#4593d7;
}
.page-news .box-item .mod-ft a span{
	color:#fff;
}
.page-news .box-item .mod-ft a:hover {
	background:#428bca;
	color:#fff;
	text-decoration:none;
}
.page-news .box-item .mod-ft a:hover span{
	color:#fff;
}

/*----------------------------------
 *cms*
----------------------------------*/
.p-abstract {
	margin:2% auto;
	border:1px dashed #d4d4d4;
	padding:10px;
	font-size:12px;
	line-height:180%;
	color:#999;
	text-indent:2em;
	display:none;
}
.nextpage {
	border-top:1px dashed #999;
	width:100%;
	margin:20px auto 0;
	padding:40px 0;
	text-align:center;
}
.nextpage a {
	font-size:14px;
	display:inline-block;
	padding:8px 10px;
	background:#eee;
	border:1px solid #dfdfdf;
	border-radius:5px;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
	color:#333;
}
.nextpage a:hover {
	background:#eaeaea;
	text-decoration:none;
}
/*控制内容页的图片，不能超过700像素*/
.content_word,.content_word td,.content_word p,.content_word div,.content_word span,.content_word a{
	line-height:240%;
	word-wrap:break-word; 
}
.content_word img { 
    max-width:700px;    
    height:auto;            
    zoom:expression( function(elm) {    
        if (elm.width>640) {    
              var oldVW = elm.width; elm.width=700;                  
              elm.height = elm.height*(700 /oldVW);            
        }      
    }(this));  
} 
/**/
.dl-horizontal-nav {
	line-height:200%;
	padding:5px 0;
}
.dl-horizontal-nav dt,.dl-horizontal-nav dd {
	position:relative;
	float:left;
}
.dl-horizontal-nav dt {
	width:20%;
}
.dl-horizontal-nav dd {
	width:79.99999998%;
}
.dl-horizontal-nav a{
	color:#333;
}
.dl-horizontal-nav a:hover{
	color:#09f;
	text-decoration:none;
}

/*showpic*/
.showpic {
	text-align:center;
	overflow:hidden;
}
.showpic a {
	display:block;
	color:#333;
}
.showpic a span {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.showpic img {
	max-width:100%;
	display:block;
	margin:auto;
	transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	-webkit-transition:all .4s;
}
.showpic p {
	display:block;
	height:30px;
	overflow:hidden;
	padding-top:10px;
	z-index:1;
}
.showpic:hover {
	border:1px solid #428bca;
}
.showpic:hover img {
	transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
}
.showpic:hover a {
	color:#428bca;
	text-decoration:none;
}
.showpic .product-detail{
	position:absolute;
	left:15px;
	top:0;
	right:15px;
	bottom: 0;
	height:0;
}
.showpic .product-detail h3,.showpic .product-detail i{display:none;font-style:normal;}
.showpic:hover .product-detail{
	color:#fff;
	background-color: #0070BE;
	padding:5%;
	width:91%;
	height:200px;
	transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	-webkit-transition:all .4s;
}
.showpic:hover .product-detail h3 {
	margin-top:0;
	margin-bottom: 20px;
	display:block;
}
.showpic:hover .product-detail h3 a{
	color:#fff;
}
.showpic:hover .product-detail i {
	text-align: left;
	display:block;
}
.showpic:hover .product-detail i a{
	color:#fff;
}

.img-showpic150, .img-showpic150 img {
	height:150px;
}
.img-showpic200, .img-showpic200 img {
	height:200px;
}
.img-showpic240, .img-showpic240 img {
	height:240px;
}
.img-showpic300, .img-showpic300 img {
	height:300px;
}
.img-showpic360, .img-showpic360 img {
	height:360px;
}
.showing-w1{
    width:280px;
}
.showing-w2{
    width:200px;
}
.showing-w3{
    width:150px;
}

/*bgcolor-gradient*/

.bgcolor-gradient-gray{
	background-color:#fafafa;
	background-image:-moz-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-webkit-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-o-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:-ms-linear-gradient(top , #fafafa , #d5d4d4);
	background-image:linear-gradient(top , #fafafa , #d5d4d4);
}

.bgcolor-gradient-green{
	background-color:#006f43;
	background-image:-moz-linear-gradient(top , #02824f , #01623b);
	background-image:-webkit-linear-gradient(top , #02824f , #01623b);
	background-image:-o-linear-gradient(top , #02824f , #01623b);
	background-image:-ms-linear-gradient(top , #02824f , #01623b);
	background-image:linear-gradient(top , #02824f , #01623b);
}

.bgcolor-gradient-orange{
	background:#ec6105;
    background-image:-moz-linear-gradient(top , #fe6703 , #ec6105);
	background-image:-webkit-linear-gradient(top , #fe6703 , #ec6105);
	background-image:-o-linear-gradient(top , #fe6703 , #ec6105);
	background-image:-ms-linear-gradient(top , #fe6703 , #ec6105);
	background-image:linear-gradient(top , #fe6703 , #ec6105);
}

.bgcolor-gradient-red{
	background-color:#b40303;
	background-image:-moz-linear-gradient(top , #cf0f0f , #b40303);
	background-image:-webkit-linear-gradient(top , #cf0f0f , #b40303);
	background-image:-o-linear-gradient(top , #cf0f0f , #b40303);
	background-image:-ms-linear-gradient(top , #cf0f0f , #b40303);
	background-image:linear-gradient(top , #cf0f0f , #b40303);
}

.bgcolor-gradient-blue{
	background-color:#2180c3;
	background-image:-moz-linear-gradient(top , #4c9bcd , #2180c3);
	background-image:-webkit-linear-gradient(top , #4c9bcd , #2180c3);
	background-image:-o-linear-gradient(top , #4c9bcd , #2180c3);
	background-image:-ms-linear-gradient(top , #4c9bcd , #2180c3);
	background-image:linear-gradient(top , #4c9bcd , #2180c3);
}

@media (min-width: 200px) and (max-width: 767px) {
.small-mob{
	display:block;
	margin-bottom:20px;
}
.navbar .pc-navbar{
	display:none;
}
.navbar .slogan{
	padding-top:5px;
	padding-bottom:5px;
	font-size:30px;
	border-bottom:1px solid #55a2e4;
}
.navbar.scrolled .slogan {
	display:none;
}
.menubar{
	background-color: #428bca;
}
.logo{
	padding: 8px 15px 16px !important;
}
.logo,.logo a{
	color:#fff;
	color: #fff !important;
}
.menu-button{
    margin-top:12px !important;
	color:#fff;
}
.navstyle{
	width: 100% !important;
}
.navstyle li.mli a.firstnav {
    padding: 10px 15px !important;
    text-align: center;
    display: block;
	color:#fff;
}
#navbar-second{
	display:none;
	width:0;
	height:0;
}

#b06 .arrow {
	position: absolute; 
	top:43%;
	width:20px;
	height:35px;
	display:block;
}
#b06 #al {
	left: 5px;
	background:url(../images/arrowl.png) no-repeat left center;
	background-size:100%;
}
#b06 #ar {
	right: 5px;
	background:url(../images/arrowr.png) no-repeat right center;
	background-size:100%;
}
.page-big-title{
	font-size:2em;
}
#navbar-contact{
	display:none;
}
#col-noPadding-all{
	padding:0;
}
.col-noPadding-left-right{
	padding:0 5px;
}
.dis-none{
	display:none;
}
.dis-block{
	display:block;
}
.page-product{
	padding:10% 0;
}
.page-case{
	background-color:#f9f9f9;
}
.page-feature ul li>div{
	font-size:1em;
	margin:5px auto;
}
.page-news .box-item{
	margin-bottom:15px;
}
.page-news .box-item .mod-hd{
	height:200px;
}
.list-group-item.activehead{
	display:none;
}
.img-showpic200 img {
	height:100px;
}
.content_word img{
	width:auto;
	max-width:96%;
	display:block;
	margin:auto;
}
}
@media (min-width:768px) {
.small-mob{
	display:none;
}
.navbar .slogan{
	width:40%;
}
#navbar-contact{
	display:none;
}
#col-noPadding-all{
	padding:0;
}
.col-noPadding-left-right{
	padding:0 5px;
}

.page-news .box-item{
	margin-bottom:15px;
}
.page-news .box-item .mod-hd{
	height:190px;
}
}
@media (min-width:992px) {
.small-mob{
	display:none;
}
.navbar .slogan{
	width:40%;
}
.page-news .box-item{
	margin-bottom:15px;
}
.page-news .box-item .mod-hd{
	height:180px;
}
}
@media (min-width:1200px) {
.small-mob{
	display:none;
}
.navbar .slogan{
	width:40%;
}
.page-news .box-item .mod-hd{
	height:170px;
}
}