@charset "utf-8";
*,body{
	margin: 0;
	padding: 0;
	font-family: "Microsoft Yahei",Arial, "sans-serif";font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;}
html, body {width: 100%;height: 100%;}
ul li {list-style: none;}
a {	text-decoration: none;}
img {border: none;}
.clear {clear: both;}
h1,h2,h3,h4,h5,h6,p,i,span,li,a,img,.img,::after,::before{
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;}
::-webkit-scrollbar {width: 8px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color: #fff;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color: #0180b4;/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color: #fff;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color: #fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}
.flex-sb{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
@font-face{
	font-family: 'dincond-medium';src: url('../font/dincond-medium-webfont.eot');
	src: url('../font/dincond-medium-webfont1.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}
@font-face {
	font-family: Montserrat-Regular;
	src: url("../../font/montserrat-regular.eot");
	/* IE9 Compat Modes */
	src: url("../../font/montserrat-regular1.eot?#iefix") format("embedded-opentype"), url("../../font/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
/*header初始*/
.header{width:100%; height:80px;position: relative;z-index: 9999;
	background-color: #fff;
	box-shadow:0 4px 12px 0 rgba(52,63,75,0.1),0 10px 40px 0 rgba(52,63,75,0.08),0 0 0 1px rgba(52,63,75,0.05);
	-webkit-box-shadow:0 4px 12px 0 rgba(52,63,75,0.1),0 10px 40px 0 rgba(52,63,75,0.08),0 0 0 1px rgba(52,63,75,0.05);
	-moz-box-shadow:0 4px 12px 0 rgba(52,63,75,0.1),0 10px 40px 0 rgba(52,63,75,0.08),0 0 0 1px rgba(52,63,75,0.05);
	border-bottom: rgba(0,0,0,0.05);
}
.header .container{margin:0px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	align-items: center;
}
.header .logo{height:100%;width:20%}
.header .logo img{width: 100%;max-width: 260px;}
.header .nav{width:80%;height:100%;}
.header .tel{width: 20%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	-ms-justify-content:flex-end;
	-o-justify-content:flex-end;
	justify-content: flex-end;
	padding: 0!important;margin: 0!important;
}
.navbar-nav{width:100%; height:auto;}
.navbar-nav ul{width:100%; height:auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.navbar-nav ul li{border-right: 1px solid rgba(0,0,0,0.06);padding: 0 30px;}
.navbar-nav ul li:last-child{border-right: none;}
.navbar-nav ul li:hover{background:#0180b4;}
.navbar-nav ul li .dropdown{width:100%; line-height:80px;text-align:center; color:#333; font-size:16px; display:block;font-family: Montserrat-Regular,"Microsoft Yahei";}
.navbar-nav ul li:hover .dropdown{color:#fff; text-decoration: none}
.dropdown-menu{
	width: 1200px;left: 50%;margin-left: -600px;border-radius: 0 0 10px 10px;
	height:auto;
	padding:20px 0px;
	position:absolute;
	top:78px;
	z-index:9999;
	display:none;
	border-top: 1px solid #eee;
	-webkit-box-shadow: 0 rgba(0, 0, 0, 0)!important;
	box-shadow: 0 rgba(0, 0, 0, 0)!important;}
.dropdown-menu .container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	height:auto;
	-webkit-box-shadow: 0 rgba(0, 0, 0, 0)!important;
	box-shadow: 0 rgba(0, 0, 0, 0)!important;}
.dropdown-menu .link{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	flex-direction:column;
	padding: 10px 0;margin: 0 5% 0 0;
}
.dropdown-menu .pro-link{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.dropdown-menu .pro-link ol{padding: 0 30px;border-right: 1px solid #eee;}
.dropdown-menu .pro-link ol:last-child{border-right: none;}
.dropdown-menu .pro-link ol dt{font-size: 16px;line-height: 50px;font-weight: 400;text-transform: uppercase;font-weight: 600;color: #666;}
.dropdown-menu .pro-link ol dd{}
.dropdown-menu .pro-link ol dd a{display: block;font-size: 14px;color: #666;line-height: 25px;}
.dropdown-menu .pro-link ol dd a:hover{color: #0180b4;text-decoration:none;}
.dropdown-menu .link a{
	font-size:14px;text-transform: uppercase;
	display:block;width: 300px;height: 35px!important;line-height: 32px!important; border: 1px solid #ddd;margin: 0 0 4% 0;
	color: #666;padding: 0 10px;}
.dropdown-menu .link a i{font-size: 1.4rem;margin-right: 5px}
.dropdown-menu .link a img{margin-right: 5px}
.dropdown-menu .link a:hover{color: #0180b4 ;text-decoration: none;border: 1px solid #0180b4;}
.dropdown-menu .img{text-align: right;padding: 10px 0;}
.dropdown-menu .img img{height: 180px;}
.dropdown-menu .nav-seracrh{width: 40%;padding-left: 10%;}
.dropdown-menu .nav-seracrh form{font-weight: 400;padding: 10px 0 50px 0;margin: 0;width: 100%;}
.dropdown-menu .nav-seracrh label{display: block;padding: 0!important;height: 40px;margin-bottom:10px;font-size: 22px;}
.dropdown-menu .nav-seracrh select,.dropdown-menu .nav-seracrh input,.dropdown-menu .nav-seracrh button{font-size: 14px;width: 100%;font-weight: 400;height: 35px;line-height: 35px;border: 1px solid #eee;padding: 0 30px;}
.dropdown-menu .nav-seracrh input{}
.dropdown-menu .nav-seracrh button{background-color: #0180b4;border: none;color: #fff;font-size: 18px;}
.header .tel li{font-size:26px;font-family:'dincond-medium';color: #0180b4;line-height: 80px; }
.header .tel li:last-child{padding: 0 0 0 20px}
.header .tel li.search a{color: #666}
.header .tel li.search a:hover{text-decoration: none}
.header .tel li.search i{font-size: 2.4rem;color: #888;font-weight: 100;margin-right: 3px;}
.header .tel li.telphone i{font-size: 2.4rem;color: #0180b4;font-weight: 100;margin-right: 3px;}

@keyframes bubble-animate-1 {
    from {
        top: -120px
    }

    50% {
        top: -180px
    }

    to {
        top: -120px
    }
}

@keyframes bubble-animate-2 {
    from {
        top: 50px;
        left: 34%
    }

    50% {
        top: 80px;
        left: 24%
    }

    to {
        top: 50px;
        left: 34%
    }
}

@keyframes bubble-animate-3 {
    from {
        top: 50px;
        left: 48%
    }

    50% {
        top: 80px;
        left: 58%
    }

    to {
        top: 50px;
        left: 48%
    }
}

.cloud-footer {background-color: #2b373d;}
.cloud-footer-box {}
.cloud-footer-nav { width: 100%; padding: 40px 0 ;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.cloud-footer-nav-logo { width: 30%;}
.cloud-info {}
.cloud-info h4{font-size: 18px;color: #fff;padding: 0 0 20px 0;}
.cloud-info p{line-height: 20px;font-size: 14px;color: #819199; }
.cloud-info p i{}
.cloud-info p span{font-family: Montserrat-Regular;font-size: 16px;}
.cloud-share{position: relative;}
.cloud-share .wei-xin {display: none;position: absolute;top: -100px;left:-35px;}
.cloud-share ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    padding: 30px 0 0 0;
}
.cloud-share ul li {width: 15%;}
.cloud-share ul li a {display: block;width: 35px;height: 35px;background-color: #444d53;border-radius: 50%;text-align: center;line-height: 35px;color: #fff;}
.cloud-share ul li a i{font-size: 2.2rem;color: #819199;}
.cloud-share ul li a:hover{text-decoration: none; background-color: #009cd5;}
.cloud-share ul li a:hover i{color: #fff;}
.cloud-footer-nav-list { width: 70%; height: 100%; border-left: 1px solid #414b51;padding: 0 0 0 5%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;}
.cloud-footer-nav-list ul { width: 20%;}
.list-title { font-size: 18px; color: #fff; margin-bottom: 15px; line-height: 30px;}
.cloud-footer-nav-list ul li { line-height: 30px;}
.cloud-footer-nav-list ul li a { color: #819199;font-size: 14px; text-decoration: none;}
.cloud-footer-nav-list ul li a:hover {color: #fff; text-decoration: underline;}
.cloud-copyright {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 10px 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.cloud-copyright p {color: #819199;font-size: 12px;line-height: 25px;width: 50%;}
.cloud-copyright p a { color: #819199;display: block;float: right;}
.cloud-copyright p a:hover { text-decoration: underline;}


.section-header {margin:0 0 50px 0; }
.section-header .section-title {
	font-size: 30px;letter-spacing: 2px;color: #666;font-weight:500;
	position: relative;
	padding: 10px 0;
	margin:0;}
.section-header .section-title:after{
	content:'';
	width:120px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	display:block;
	position:absolute; left:15%;bottom:-10px;}
.section-header .section-title:before{
	content:'';
	width:120px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	display:block;
	position:absolute; right:15%;bottom:-10px;
}
.section-header span{font-size:16px; text-transform:none;color:rgba(0,0,0,0.6);font-weight: 300;position:relative;line-height: 20px;display: block;text-transform: uppercase;padding: 0;margin: 0;}
.section-header p{font-size:16px!important;color:rgba(0,0,0,0.6)!important;margin: 30px 0 0 0; }

.section-header1 {margin:0 0 50px 0; }
.section-header1 .section-title {
	font-size: 30px;letter-spacing: 2px;color: #fff;font-weight:500;
	position: relative;
	padding: 10px 0;
	margin:0;}
.section-header1 .section-title:after{
	content:'';
	width:120px;
	height:1px;
	background-color:rgba(255,255,255,0.3);
	display:block;
	position:absolute; left:15%;bottom:-10px;
}
.section-header1 .section-title:before{
	content:'';
	width:120px;
	height:1px;
	background-color:rgba(255,255,255,0.3);
	display:block;
	position:absolute; right:15%;bottom:-10px;
}
.section-header1 p{font-size:16px!important;color:rgba(255,255,255,0.7)!important;margin: 30px 0 0 0; }

.news-title{position: relative;}
.news-title h2{color: #fff;font-size: 30px;font-weight: 800;padding: 0;margin: 0;position: relative;}
.news-title h2:after{
	content: '';
	width:30px;
	height:6px;
	background-color:#00b0d3;
	top:-15px;left:0;
	position: absolute;}
.news-title h2 span{padding-left: 10px;font-weight: 300; color:#fff;font-size: 16px;font-family:Arial, "sans-serif";text-transform: uppercase;}
.news-nav{width:210px;margin:0 auto 50px;position: absolute;right: 25px;top:0;}
.news-nav li{width:100px;float: left;margin-right:10px;}
.news-nav li:nth-child(2){margin-right:0px; }
.news-nav li a{display: block;text-align: center;line-height: 34px;;font-size:14px;color:#333;background-color: #fff;}
.news-nav li a:hover,.news-nav li .cur{background-color:#00b0d3;color:#fff;text-decoration: none }
.parallax-section {
	background-attachment: fixed !important;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*   www.sucaijiayuan.com
*/

.owl-theme .owl-controls .owl-buttons div{position:absolute;margin:0;padding:0;background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{background-color:transparent;width: 80px;height:80px;top:50%;margin-top: -40px;font-weight: 800;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-100px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-100px;}
.owl-theme .owl-controls .owl-buttons i{font-size: 4.4rem;}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 5px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #111;
	filter: Alpha(Opacity=30);/*IE7 fix*/
	opacity: 0.3;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=40);/*IE7 fix*/
	opacity: 0.4;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #00b0d3;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/*2048*/
@media screen and (min-width:1921px) and (max-width: 2048px){
	.header .logo img{width: 100px;}
	.navbar-nav ul li{padding: 0 10px;}
}

/*1920*/
@media screen and (min-width:1800px) and (max-width: 1920px){
	.container{width:1200px}
	.sub-nav{width: 1200px;margin-left: -600px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:16px;}
	.fixednav{height: 60px!important;}
}

/*1700*/
@media screen and (min-width:1700px) and (max-width: 1799px){
	.container{width:1200px}
	.sub-nav{width: 1200px;margin-left: -600px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:16px;}
	.fixednav{height: 60px!important;}
}

/*1600*/
@media screen and (min-width:1600px) and (max-width: 1699px){
	.container{width:1200px}
	.sub-nav{width: 1200px;margin-left: -600px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:16px;}
	.fixednav{height: 60px!important;}
}

/*1500*/
@media screen and (min-width:1500px) and (max-width: 1599px){
	.container{width:1200px}
	.sub-nav{width: 1200px;margin-left: -600px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:16px;}
	.fixednav{height: 60px!important;}
}

/*1400*/
@media screen and (min-width:1400px) and (max-width: 1499px){
	.container{width:1200px}
	.sub-nav{width: 1200px;margin-left: -600px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:16px;}
	.fixednav{height: 60px!important;}
}

/*1300*/
@media screen and (min-width:1300px) and (max-width: 1399px){
	.container{width:1200px}
	.sub-nav{width: 1200px;margin-left: -600px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:14px;}
	.fixednav{height: 60px!important;}
}

/*1200*/
@media screen and (min-width: 1200px) and (max-width: 1299px){
	.container{width:1100px}
	.sub-nav{width: 1100px;margin-left: -550px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:14px;}
	.fixednav{height: 60px!important;}
}

/*1100*/
@media screen and (min-width: 1100px) and (max-width: 1199px){
	.container{width:1000px}
	.sub-nav{width: 1000px;margin-left: -500px;}
	.navbar-nav ul li{padding: 0 20px;}
	.navbar-nav ul li .dropdown{font-size:14px;}
	.fixednav{height: 60px!important;}

}

/*1000*/
@media screen and (min-width: 1000px) and (max-width: 1099px){
	.container{width:98%}
	.sub-nav{width: 98%;margin-left: -49%;}
	.slide-image{height: 400px!important;width: auto;}
	.navbar-nav ul li{padding: 0 15px;}
	.navbar-nav ul li .dropdown{font-size:14px;}
	.fixednav{height: 60px!important;}
}
/*999*/
@media (max-width:999px){
	.container{width:900px}
	.sub-nav{width: 900px;margin-left: -450px;}
	.slide-image{height: 400px!important;width: auto;}
	.navbar-nav ul li{padding: 0 15px;}
	.navbar-nav ul li .dropdown{font-size:14px;}
	.fixednav{height: 60px!important;}
}