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

body {
	margin: 0px;
	padding: 0px;
	position: relative;
}
@media(min-width:992px) {
body{
padding-top: 80px;
}
}
@media(min-width:1400px) {
body{
	box-sizing: border-box;
padding-top: 100px;
}
}
@media(max-width:992px) {
body{
padding-top: 60px;
}
}
@media(max-width:768px) {
body{
padding-top: 50px;
}
}
* {
	font-family: Arial, "微软雅黑", Microsoft YaHei;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {
	color: inherit;
}/*未访问样式*/
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
h1 {
	margin: 0px;
}
i {
	font-weight: normal;
}
hr {
	border: none;
	border-top: 1px solid #f0f0f0;
	margin: 10px 0px;
}
pre{
	white-space: pre-wrap;
	word-wrap: break-word;
    border-radius: 0px;
    padding: 0px;
    background: none;
    border: none;
    font-family: '微软雅黑';
}
img {
	max-width: 100%;
}
.vcenter-parent {
	display: table;
}
.vcenter {
	display: table-cell;
	vertical-align: middle;
}
.red {
	color: #00a6ff;
}
.yellow {
	color: #f1a257;
}
.blue {
	color: #3469b1;
}
/*居中布局*/

::-webkit-scrollbar-track {
background:#CCC;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background:#222;
}
/*滚动条设置*/

.modal-open {
	overflow: scroll !important;
}

/*boostrap遮罩层导致页面抖动*/


@media(min-width:1200px) {
.container {
	width: 1170px;
}
}
/* 初始设置 */


.padding-box {
	padding-top: 8vh;
	padding-bottom: 8vh;
}
@media (min-width: 768px) and (max-width:992px) { 
.padding-box {
	padding-top: 12vh;
	padding-bottom: 12vh;
}
}
/*栏目间距*/

.column-title {
	margin: 0px 0px 30px;
}
.column-title h3 {
	margin: 10px 0px;
}
.column-title p {
	width: 70%;
	margin: 0px auto;
	font-size: 14px;
	line-height: 22px;
	color: #808080;
}
/*栏目标题设置*/


/*logo*/
#haed-nav {
	padding: 0px 11vw;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: #333;
	border: none;
	box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.3);
	transition: all .3s;
}
#haed-nav.scrolling {
	height: 80px;
	line-height: 80px;
}

.navbar-header{
	height: inherit;
}
.navbar-brand {
	display: flex;
	align-items: center;
	width: auto;
	height: inherit;
	padding: 20px 0px;
	font-size: 0px;
	line-height: inherit;
	overflow: hidden;
}
.navbar-brand>img {
	vertical-align: middle;
	width: auto;
	max-height: 100%;
}
.navbar-brand>p {
	font-size: 0px;
	line-height: 0px;
}



@media(max-width:1400px) {
#haed-nav {
	padding: 0px 4%;
	height: 80px;
	line-height: 80px;
}
#haed-nav.scrolling {
	height: 60px;
	line-height: 60px;
}
#haed-nav .navbar-brand {
	padding: 15px 0px;
}
}
@media(max-width:992px) {
#haed-nav {
	padding: 0px;
}
#haed-nav .navbar-header{
	padding:0 4%;
}
.navbar-toggle{
margin-top: 13px;
}	
.navbar-collapse{
	margin: 0px !important;
	padding: 15px;
	background: #fafafa;
}	
}
@media(max-width:768px) {
#haed-nav{
	height: 50px;
	line-height: 50px;
}
#haed-nav.scrolling{
	height: 50px;
	line-height: 50px;
}
.navbar-toggle {
	margin-top: 8px;
}
}

/*logo*/

/*导航*/
@media(min-width:992px) {
#haed-nav:before,
#haed-nav:after{
	display: none;
}#haed-nav .navbar-collapse{
	font-size: 0px;
	text-align: center;
}
#haed-nav .navbar-collapse:before,
#haed-nav .navbar-collapse:after{
	display: none;
}
#haed-nav .top-nav{
	display: inline-block !important;
	float: none;
}
#haed-nav .navbar-collapse .top-nav:before,
#haed-nav .navbar-collapse .top-nav:after{
	display: none;
}
#haed-nav .top-nav>li>a {
	display: block;
	padding: 0px 15px;
	font-size: 14px;
	line-height: inherit;
	vertical-align: baseline;
	color: #fff;
}
#haed-nav .navbar-nav > .open > a, #haed-nav .navbar-nav > .open > a:hover, #haed-nav .navbar-nav > .open > a:focus, #haed-nav .top-nav>li:hover>a, #haed-nav .top-nav>li.on>a {
	border-radius: 4px;
	color: #00a6ff;
	background: none;
}
#haed-nav .top-nav>li .dropdown-menu {
	margin: 0px;
	background: rgba(255,255,255,.9);
	border: none;
	border-radius: 0px;
}
#haed-nav .top-nav>li .dropdown-menu a {
	position: relative;
	z-index: 2;
	color: #333;
}
#haed-nav .top-nav>li .dropdown-menu a:hover, #haed-nav .top-nav>li .dropdown-menu a:focus {
	color: #fff;
	background: none;
}
#haed-nav .top-nav>li .dropdown-menu a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0%;
	width: 0%;
	height: 100%;
	background-color: #00a6ff;
	transition: all .3s;
}
#haed-nav .top-nav>li .dropdown-menu a:hover:after {
	content: "";
	width: 100%;
}
}

@media(min-width:992px) {
#haed-nav .top-nav>li>a {
	padding: 0px 15px;
	font-size: 15px;
}
.dropdown-menu > li > a {
	padding: 10px 20px;
}
}
@media(min-width:1400px) {
#haed-nav .top-nav>li>a {
	padding: 0px 25px;
	font-size: 16px;
}
}


.web-language button {
	position: relative;
	z-index: 3;
	display: block;
	padding: 0px;
	white-space: nowrap;
	border: none;
	background: none;
	font-size: 15px;
	color: #fff;
}
.web-language button:hover {
	color: #fff;
}
.web-language button span {
	position: relative;
	z-index: -1;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 6px;
	font-size: 18px;
	color: inherit;
}
.web-language button b {
	position: relative;
	z-index: -1;
}
.web-language button.search-bottom {
	margin-right: 20px;
}
.search {
	position: absolute;
	z-index: 98;
	top: 0%;
	right: 0;
	width: 0%;
	height: 100%;
	background: #303030;
	transition: all .5s;
	overflow: hidden;
}
.search.show {
	width: 100%;
}
.search {
	font-size: 0px;
	text-align: center;
}
.search>div {
	opacity: 0;
	transition: all .5s;
}
.search.show>div {
	opacity: 1;
	transition-delay: 0.6s;
}
.search-box{
	display: inline-block;
}
.search input {
	width: 55vw;
	padding: 0px 15px;
	border: none;
	background: none;
	font-size: 14px;
	line-height: 50px;
	border-bottom: 1px solid #999;
	vertical-align: middle;
	color: #fff;
}
.search a {
	display: inline-block;
	padding: 0px 5px;
	font-size: 0px;
	line-height: 0px;
	color: #666;
	border-bottom: 1px solid #999;
	vertical-align: middle;
}
.search button {
	display: inline-block;
	padding: 0px 5px;
	margin-left: 20px;
	font-size: 24px;
	line-height: 0px;
	color: #666;
	vertical-align: middle;
}
.search a span, 
.search button span{
	font-size: 24px;
	line-height: 50px;
}
.search a:hover span, 
.search button:hover span {
	color: #00a6ff;
}
.web-language .language {
	display: inline-block;
}
.web-language .language span {
	position: relative;
	display: inline-block;
	padding: 0px 8px;
	font-size: 15px;
	line-height: 28px;
	vertical-align: middle;
	color: #fff;
	border-radius: 6px;
	transition: all .3s;
}
.web-language .language svg{
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	
}

#haed-nav .web-language .search-bottom:hover span,
#haed-nav .web-language .language:hover span{
	color: #00a6ff;
}
@media(max-width:992px) {
.web-language{
	float: none !important;	
}
.web-language .pull-left{
	float: none !important;
	color: #333;
}
.web-language .language{
		width: 100%;
}
.web-language .language span {
    padding: 0px 8px;
    font-size: 15px;
    line-height: 28px;
    vertical-align: middle;
    color: #777;

}
.web-language button{
	display: none;
}
}
/*导航*/

/*992 头部导航折叠*/
@media(max-width:992px) {
.navbar .container {
	width: 100% !important;
}
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
}
.navbar-brand {
	margin-left: 0px !important;
	padding-left: 15px !important;
}
.container > .navbar-collapse {
	margin-left: -15px;
	margin-right: -15px;
}
.navbar-collapse.collapse {
	display: none !important;
	border-top: 1px solid #eee;
	transition-duration: .4s;
}
.collapse.in {
	display: block !important;
	transition-duration: .4s;
}
.navbar-collapse {
	margin: 15px 0px;
	overflow-y: auto !important;
	box-sizing: border-box;
	transition-duration: .4s;
}
.navbar-collapse.in {
	overflow-y: auto !important;
	transition-duration: .4s;
}
.navbar-nav {
	width: 100%;
	margin: 0px;
}
.navbar-nav > li {
	float: none;
	width: 100%;
	padding: 0px;
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
	overflow: hidden;
}
.navbar-inverse .navbar-nav > li .dropdown-menu a {
	padding: 10px 15px;
}
.navbar-inverse .navbar-nav > li.on>a:after {
	content: "";
	position: absolute;
	z-index: -1;
	display: none;
}
.nav .dropdown-menu {
	position: static;
	width: 100%;
	border: none;
	padding: 15px 0px 15px;
	box-shadow: none;
	background: #f7f7f7;
	text-align: center;
}
.dropdown-menu > li > a {
	padding: 5px 15px;
}
}
/*992 头部导航折叠*/

.index-title {
	margin-bottom: 40px;
}
.index-title h2 {
	margin: 20px 0px 15px;
	font-size: 28px;
	color: #00a6ff;
}
.index-title span{
	font-size: 15px;
	color: #666;
}
.index-title-w h2 {
	color: #fff;
}
.index-title-w span {
	color: #fff;
}
/*首页标题*/

#index-a{
	padding-top: 0;
}
.index-a{
	display: flex;
}
.index-a-img{
	background-position: center;
	background-size: cover;
}
.index-a-text>a{
	float: right;
	margin-right: 10px;
	color: #999;
}
.index-a-text>a:hover{
	color: #00a6ff;
}
.index-a-text h2{
	margin: 0px 0px 25px;
	font-size: 28px;
	color: #00a6ff;
	
}
.index-a-text p{
	font-size: 15px;
	line-height: 2em;
	color: #666;
	
}
.index-a-button{
	margin-top: 30px;
}
.index-a-button a{
	display: inline-block;
	padding: 0px 25px;
	line-height: 40px;
	color: #fff;
	background: #00a6ff;
}
.index-a-button a:first-child{
	margin-right: 15px;
}
.index-a-button span{
	display: inline-block;
	font-size: 24px;
	line-height: 40px;
	color:inherit;
	vertical-align: top;
}
.index-a-button a:hover{
	background: #ff0101;
}
@media(min-width:992px) {
.index-a{
	flex-direction: row-reverse;
	justify-content:space-between;
}
.index-a-img{
	position: relative;
	width: 45%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}
.index-a-img:after{ content:""; position: absolute;  z-index:-1;top: 15px;left: -15px;width: 100%;height: 100%;background-color:#ebebeb;}
.index-a-text{
	width: 48%;
}
}
@media(max-width:992px) {
.index-a{
	flex-wrap: wrap;
	flex-direction: row;
}
.index-a-img{
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
}
.index-a-text{
	width: 100%;
}
}
/*首页关于*/



#index-ad{
	color: #fff;
	background: url(../images/img-ad-bg.jpg) center no-repeat;
	background-size: cover;
}
.index-ad-l{
	margin-bottom: 30px;
}
.index-ad-l h2{
	margin: 30px 0px 40px;
}
.index-ad-l p{
	font-size: 15px;
	line-height: 2em;
}
.index-ad-list{
	display: flex;
	flex-wrap: wrap;
}
.index-ad-list>div{
	width: 50%;
	padding: 0px 25px 25px 25px;
	margin: -1px -1px 0 0;
	text-align: center;
	border:1px solid #999999;
	background: rgba(1,173,238,0);
	transition-duration: .4s;
}
.index-ad-list>div:hover{
	background: rgba(1,173,238,0.8);
}
@media(max-width:480px) {
.index-ad-list>div{
	width: 100%;
}	
}
.index-ad-list>div p{
	font-size: 17px;
}
/*首页优势*/

.index-partenr {
	background: #fafafa;
}
.partenr-list{
	display: flex;
	flex-wrap: wrap;
}
.partenr-list>div{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20%;
	height: 120px;
	margin-left: -1px;
	margin-top: -1px;
	border:1px solid #ebebeb;
	text-align: center;
	transition:all .3s; 
}
.partenr-list>div:hover{
	background: #fff;
}
.partenr-list>div img{
	max-width: 90%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	transition:all .3s;  
}
.partenr-list>div:hover img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}
@media(max-width:992px) {
.partenr-list>div{
	width: 25%;
	height: 100px;
}
.partenr-list>div img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}}
@media(max-width:480px) {
.partenr-list>div{
	width: 33.33%;
	height: 80px;
}
}
/*首页伙伴*/

.index-more a {
	display: inline-block;
	padding: 0px 25px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 42px;
	color: #999;
	background: #fff;
	border: 1px solid #ebebeb;
	transition: all .3s;
}
.index-more a:hover {
	padding: 0px 40px;
	color: #fff;
	background: #00a6ff;
	border: 1px solid #00a6ff;
}
/*首页更多按钮*/


.foot {
	background: #1b1b1b;
	padding-top: 60px;
	color: #fff;
}
@media (max-width: 768px) {
.foot {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

.foot-contact{
	padding: 0px 40px;
	border-left: 1px solid #666;
}
.foot-contact:first-child {
	padding: 0px 15px;
	border-left: none;
}
.foot-contact p strong{
	display: inline-block;
	font-size:20px;
	margin-bottom:10px;
}
.foot-contact a span{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0px 4px;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	text-align: center;
	border-radius: 50%;
	background: #fff;
}
.foot-contact div.dropdown{
	position: relative;
	display: inline-block;
}
.foot-contact div.dropdown ul{
	position: absolute;
	top: auto;
	left: 50%;
	bottom: 100%;
	padding: 0px;
	transform:translate(-50%,0%);
}

.foot-feedback{
	margin-top: 60px;
}
#feedback{
	display: flex;
	text-align: center;
}
#feedback>div{
	width: 40%;
}
#feedback{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#feedback input {
	display: inline-block;
	padding: 0px 10px;
	margin-top: 12px;
	width: 100%;
	min-width: 250px;
	font-size: 12px;
	line-height: 38px;
	color: #fff;
	background: #4d4d4d;
	border: none;
}
#feedback>div input:first-child {
	margin-top: 0px;

}
#feedback textarea {
	display: inline-block;
	padding: 10px;
	width: 55%;
	min-width: 250px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	background: #4d4d4d;
	border: none;
}
#feedback a.submit {
	display: block;
	width: auto;
	padding: 0px 30px;
	font-size: 13px;
	line-height: 34px;
	color: #fff;
	background: #4d4d4d;
}
#feedback a.submit:hover {
	display: inline-block;
	padding: 0px 30px;
	font-size: 12px;
	line-height: 34px;
	color: #fff;
	background: #00a6ff;
}


/*页脚*/
.bq {
	padding: 15px;
	margin: 40px 0px 0px;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}
.bq a {
	display: inline-block;
	margin: 0px 5px;
	color: red;
}
.bq a:hover {
	color: #00a6ff;
}

@media(min-width:992px) {
.bq {
	width: 950px;
}
}

@media(min-width:1200px) {
.bq {
	width: 1170px;
}
}

@media(max-width:992px) {
.bq {
	text-align: center;
	width: 100%;
}
}
/* 版权 */


.inside-banner {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inside-banner-text{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 70%;
	height: 600px;
	color: #fff;
}
.inside-banner-text-w{
	color: #333;
}
.inside-banner-text strong{ 
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 42px;
	font-weight: bold;
}
.inside-banner-text strong:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 60px;height: 4px;background-color:#fff;}
.inside-banner-text-w strong:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 60px;height: 4px;background-color:#00a6ff;}
.inside-banner-text p{ 
	font-size: 22px;
}
@media (max-width:1200px) {
.inside-banner-text{
	width: 70%;
	height: 400px;
}
.inside-banner-text strong{ 
	font-size: 36px;
}
.inside-banner-text p{ 
	font-size: 20px;
}
}

@media (max-width:992px) {
.inside-banner-text{
	width: 70%;
	height: 300px;
}
.inside-banner-text strong{ 
	font-size: 24px;
}
.inside-banner-text strong:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 50px;height: 2px;background-color:#fff;}
.inside-banner-text p{ 
	font-size: 18px;
}
}

@media (max-width: 768px) {
.inside-banner-text{
	width: 90%;
	height: 240px;
}
}


.inside-nav-box {
	background: #f5f5f5;

}
.inside-nav {
	margin: 0px;
	background: none;
	text-align: center;
}
.inside-nav li {
	position: relative;
	display: inline-block;
}
.inside-nav li.on:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 2px;
	background-color: #00a6ff;
	transition: all .3s;
}
.inside-nav a {
	display: inline-block;
	color: #4d4d4d;
	padding: 20px 15px;
}
.inside-nav a:hover, .inside-nav li.on a {
	color: #00a6ff;
}

@media (max-width: 768px) {
.inside-nav {
	font-size: 0px;
	padding: 15px;
}
.inside-nav li {
	display: inline-block;
	z-index: 2;
	width: 50%;
}
.inside-nav a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #4d4d4d;
	padding: 10px 0px;
}
.inside-nav li.on:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #00a6ff;
	transition: all .3s;
}
.inside-nav li.on a {
	color: #fff;
}
}
.pagination>li>a {
	color: #666;
}
.pagination>li>a:hover {
	color: #00a6ff;
	background: #f7f7f7;
}
.pagination>li.on>a {
	color: #fff;
	background: #00a6ff;
	border-color: #00a6ff;
}
/*内页公共*/


#about1{
	padding: 10vh 0 18vh  ;
	font-size: 15px;
	line-height: 2em;
	background-image: url(../images/img-about1_bg.jpg) ;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media (max-width: 992px) {
#about1{
	background-image: url(../images/img-about1_bg2.jpg);
	background-size: cover;
}
}
/*集团*/

.about-title h2,.about-title h3{
	position: relative;
	padding-bottom: 20px;
	margin: 0px 0px 20px;
	font-size: 24px;
}
.about-title h2:after,.about-title h3:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 30px;height: 2px;background-color:#00a6ff;}
.about-title h2:after,.about-title h3:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 30px;height: 2px;background-color:#00a6ff;}
.about-title p{
	font-size: 15px;
	line-height: 2em;
}

#about-a p{
	font-size: 15px;
	line-height: 2em;
}
@media(max-width:992px) {
.about-r{
	margin-bottom: 30px;
}
}
.about-culture {
	background: #f7f7f7;
	margin-bottom: -40px;
}

#about-c .row>div{
	background: url(../images/img-about3.jpg) no-repeat center;
	background-size: cover;

}
#about-c .row>div>div{
	min-height: 450px;
	padding-top: 60px;
	padding-bottom: 80px;
	color: #333;
}


#about-p{
	padding: 50px 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #fafafa;
}
.about-p-text{
	margin-bottom: 20px;
}
#about-p .partenr-list>div{
	padding:55px 5px;
	height: auto;
}


#about-style{
	background: url(../images/img-about4.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}
#about-style a{
	margin-top: 30px;
	display: inline-block;
}
#about-style a em{
	display: inline-block;
	width: 46px;
	height: 46px;
	font-size: 30px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	border:1px solid #fff;
	border-radius: 50%;
	transition:all .3s;
}
#about-style a:hover em{
	border:1px solid #00a6ff;
	background: #00a6ff;
}
/*关于*/

.enlarge-show{
	margin-bottom: 20px;
}
.enlarge-img{
	overflow: hidden;
}
.enlarge-img img{
	transform:scale(1);
	transition-duration: .3s;
}
.enlarge-show a:hover .enlarge-img img{
	transform:scale(1.2);
}
.enlarge-show a span {
	display: inline-block;
    width: 100%;
    margin: 15px 0px 5px;
    font-size: 14px;
    line-height: 1em;
	text-align: center;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s;
}
.enlarge-show a:hover span {
    color: #00a6ff;
}
/*企业风采*/

.product-list{ padding:15px; font-size:0px;box-shadow:0px 0px 0px rgba(0,0,0,0);transition-duration: .5s;}
.product-list:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.2);transition-duration: .5s;}
.product-i{ display:inline-block; position:relative;width:100%; z-index:1; overflow:hidden;}
.product-list-new .product-i:after{ content:"NEW"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:60px; height:60px; font-size:15px; line-height:60px; font-weight:bold; color:#fff; text-align:center;  border-radius:50%;background:rgba(0,166,255,.9);transition-duration: .3s;}
.product-list-hot .product-i:after{ content:"HOT"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:60px; height:60px; font-size:15px; line-height:60px; font-weight:bold; color:#fff; text-align:center;  border-radius:50%;background:rgba(255,1,1,.9);transition-duration: .3s;}
.product-list:hover .product-i:after{ transform:translateY(-75px);}

.product-i img{ width:100%;transform:scale(1);transition-duration: .5s;}
.product-list:hover img{ transform:scale(1.1);transition-duration: .5s;}

.product-t{ padding:30px 0px 20px; background:#fff;}
.product-t a{ display:inline-block; width:100%; margin-bottom:6px; line-height:20px; font-size:15px; color:#4d4d4d; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition-duration: .5s; }
.product-list:hover a{color:#00a6ff;transition-duration: .5s;}
.product-t span{ display:inline-block; width:100%;font-size:14px; line-height:20px; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
@media (max-width: 768px){
.product-list-new .product-i:after{ content:"NEW"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:40px; height:40px; font-size:12px; line-height:40px; font-weight:bold; transition-duration: .3s;}
.product-list-hot .product-i:after{ content:"HOT"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:40px; height:40px; font-size:12px; line-height:40px; font-weight:bold; transition-duration: .3s;}
.product-list:hover .product-i:after{ transform:translateY(-55px);}

.product-list:nth-child(even){ padding-right:6px; }
.product-list:nth-child(Odd){ padding-left:6px; }
.product-t{ padding:20px 0px 10px; background:#fff;}
}
/*产品列表页*/




#product-box{
	overflow: hidden;
}

.inside-p-t{ padding-left:60px;margin-bottom:20px;}
.inside-p-t p{ font-size:14px; color:#666;}
h2.inside-p-title{ font-size:24px; line-height:24px; color:#4d4d4d; margin:15px 0px;}
h2.inside-news-title{font-size:24px; line-height:24px; color:#4d4d4d; margin:15px 0px;}
.inside-p-t>span:nth-child(2){ display:inline-block; font-size:13px; line-height:19px; color:#999; margin-right:10px;}
.inside-p-t span.hot{ background:#ff0101; padding:0px 8px; color:#fff; border-radius:2px; margin-right:10px;}
.inside-p-t span.new{ background:#00a6ff; padding:0px 8px; color:#fff; border-radius:2px; margin-right:10px;}
.inside-p-t a{ display:inline-block; padding:0px 15px; background:#999; line-height:32px; color:#fff; border-radius:4px; margin-right:5px;transition-duration: .3s;}
.inside-p-t a:hover{background:#00a6ff;transition-duration: .3s; }
.inside-p-t a i{ vertical-align:bottom; font-size:18px;}
@media (max-width: 768px){
.inside-p-t{ padding-left:15px;}
}


.inside-p-d{ border-top:1px solid #eee; margin-top:30px; padding-top:30px;}
.inside-p-d p{ font-size:14px; color:#4d4d4d;}

.inside-p-d-1{ padding:15px; }
.inside-p-d-2{ padding:15px;}
#inside-p-xz-hr{ padding:15px;}


#anchor{ position:fixed; z-index:2; left:50%;top:50%;transform:translate(0%,-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
#anchor.anchor-show{
opacity: 1;
visibility: visible;
}
#anchor li{ margin-bottom:4px;}
#anchor a{ display:inline-block; box-sizing:border-box; font-size:14px; text-align:center; line-height:16px;writing-mode: vertical-lr;writing-mode: tb-lr; padding:10px 8px; color:#fff; background:#00a6ff; border-radius:4px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition-duration: .3s;}
#anchor a:hover{ background:#ff0101; transition-duration: .3s;}

@media (min-width: 1200px){
#anchor{ margin-left:590px;}
}
@media (max-width: 1200px){
#anchor{ margin-left:495px;}
}
@media (max-width: 992px){
#anchor{ margin-left:385px;}
}
/*产品详情页end*/


.news-list-box{
	background: #fafafa;
}
.news-list{
	padding: 15px;
}
.news-list a{
	display: block;
	padding: 20px;
	background: #fff;
	transition:all .4s;
}
.news-list a:hover{
	box-shadow: 0px 0px 15px rgba(0,166,255,.4);
}
.news-list a .news-img{
	overflow: hidden;
}
.news-list a .news-img img{
transform:scale(1); 
transition:all .4s;
}
.news-list a:hover .news-img img{
	transform:scale(1.2); 
}
.news-list h4{
	display: inline-block;
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	color: #4d4d4d;
	margin: 25px 0px 12px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis; 
	overflow:hidden;
	transition:all .4s;
}
.news-list a:hover h4{
	color: #00a6ff;
}
.news-list span{
	display: inline-block;
	margin-bottom: 12px;
	font-size: 12px;
	color: #999;
	font-weight: bold;
}
.news-list p{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 22px;
	height: 44px;
	color: #999;
	display: block; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*新闻列表*/

.news {
	padding: 30px 60px;
	background: #fff;
}
.news-head {
	margin-bottom: 40px;
}
.news-head span {
	display: inline-block;
	margin-left: 20px;
	color: #999;
}
.news-head h3 {
	margin-bottom: 20px;
}
.news-body p {
	font-size: 14px;
	line-height: 2em;
}

@media(max-width:768px) {
.news {
	padding: 20px;
	background: #fff;
}
.news-head span {
	margin-left: 0px;
	margin: 10px 0px;
}
}
.news-page {
	padding-top: 20px;
	margin-top: 40px;
	border-top: 1px solid #ebebeb;
}
.news-page a {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	color: #4d4d4d;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	transition: all .3s;
}
.news-page a:hover {
	color: #00a6ff;
}
.news-page a.no-more {
	color: #999;
}
.news-page a.news-return {
	display: inline-block;
	width: auto;
	padding: 0px 30px;
	margin-top: 10px;
	line-height: 30px;
	color: #fff;
	background: #00a6ff;
}

@media(min-width:768px) {
.news-page {
	position: relative;
	padding-right: 140px;
	padding-bottom: 20px;
}
.news-page a.news-return {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 50%;
	transform: translate(0px, -50%);
	display: inline-block;
	margin-top: 0px;
}
.news-page a.news-return:hover {
	right: 10px;
	top: 50%;
	transform: translate(0px, -50%);
	background: #00a6ff;
}
}
/*新闻详情*/

.down-list2{
	margin-bottom: 20px;
}
.down-list2 li{
	width: 100%;
	padding: 30px 0px;
	border-bottom: 1px dashed #ebebeb;
	overflow: hidden;
}
.down-list2 li:first-child{
	border-top: 1px dashed #ebebeb;
}
.down-l{
	width: 80%;
}
.down-r{
	width: 20%;
	text-align: right;
}
.down-list2 li {
font-size: 0px;
}
a.down-title{
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	max-width: 100%;
	font-size: 16px;
	color: #333;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
a.down-title:hover{
	color: #00a6ff;
}

a.down-button {
	display: inline-block;
	padding: 0px 25px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 32px;
	color: #999;
	border: 1px solid #ccc;
	
	transition: all .4s;
}
a.down-button:hover {
	color: #fff;
	border: 1px solid #00a6ff;
	background: #00a6ff;
}
.down-list2 p{font-size: 14px; line-height: 24px; color: #999; margin: 0px;}
.down-list2 p span{display: inline-block; margin-left: 8px; font-size: 12px; color: #666;}
.down-list2 p span:first-child{margin: 0px;}
@media(max-width:992px) {
.down-l{
	width:100%;
}
.down-r{
	width: 100%;
	margin-top: 10px;
	text-align: left;
}
.down-r a{
	margin-right: 4px;
}
}
/*下载*/




#join {
	border-bottom: 1px solid #ebebeb;
}
#join .panel {
	margin: 0px;
	border: none;
	box-shadow: none;
}
#join .panel .panel-heading {
	padding: 0px;
	border: none;
	background: none;
}
#join .panel .panel-heading a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	padding: 0px 80px 0px 25px;
	font-size: 18px;
	line-height: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	transition: all .3s;
}
#join .panel .panel-heading a.accordion-toggle {
	color: #00a6ff;
	background: #fafafa;
	border-top: 1px solid #00a6ff;
	transition: all .3s;
}
#join .panel .panel-heading a.accordion-toggle.collapsed {
	color: #333333;
	background: #fff;
	border-top: 1px solid #ebebeb;
}
#join .panel .panel-heading a.accordion-toggle .join-close {
	width: 18px;
	height: 18px;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -9px;
	right: 25px;
	cursor: pointer;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
#join .panel .panel-heading a.accordion-toggle .join-close:before, #join .panel .panel-heading a.accordion-toggle .join-close:after {
	content: "";
	position: absolute;
	background: #00a6ff;
}
#join .panel .panel-heading a.accordion-toggle .join-close:before {
	width: 2px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
	top: 0;
}
#join .panel .panel-heading a.accordion-toggle .join-close:after {
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	left: 0;
}
#join .panel .panel-heading a.accordion-toggle .join-close {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#join .panel .panel-heading a.accordion-toggle.collapsed .join-close {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
#join .panel .panel-heading a.accordion-toggle.collapsed .join-close:before, #join .panel .panel-heading a.accordion-toggle.collapsed .join-close:after {
	background: #5b5b5b;
}
#join p {
	font-size: 14px;
}
#join .panel-collapse {
	background: #fafafa;
	transition: all .3s;
}
#join .panel-body {
	padding: 25px 25px 60px;
	border: none;
}
#join .panel-body hr {
	margin: 25px 0px;
}
#join .panel-body a.join-link {
	display: inline-block;
	padding: 0px 25px;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	background: #00a6ff;
	border-radius: 30px;
	transition: all .3s;
}
#join .panel-body a.join-link:hover {
	background: #ff0101;
}
#join .panel-body a.join-link span {
	display: inline-block;
	margin-left: 15px;
	font-size: 18px;
	transition: all .3s;
}
#join .panel-body a.join-link:hover span {
	margin-left: 25px;
}
/*加入我们*/



.inside-contact {
}
.contact {
	margin-bottom: 20px;
	background: #fff;
	font-size: 16px;
	line-height: 24px;
}
.contact p i {
	display: inline-block;
	margin: 0px 10px 10px 0px;
	float: left;
	font-size: 26px;
	color: #00a6ff;
	vertical-align: text-bottom;
}
.contact-ly {
	padding: 50px 20%;
	font-size: 0px;
	text-align: center;
}
.contact-ly input {
	display: inline-block;
	box-sizing: border-box;
	padding:0 10px;
	width: 100%;
	margin-bottom: 10px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
	border: 1px solid #ebebeb;
	border-radius: 6px;
	background: #fff;
}
@media(min-width:768px) {
.contact-ly input {
	width: 48%;
	margin:10px 1%;
}
}
.contact-ly textarea {
	display: inline-block;
	width: 98%;
	padding: 10px;
	margin-top: 10px;
	height: 140px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	outline: none;
	border: 1px solid #ebebeb;
	border-radius: 6px;
	box-shadow: none;
	background: #fff;
}
#messages_submit {
	display: inline-block;
	padding: 0px 30px;
	margin-top: 31px;
	font-size: 14px;
	color: #ccc;
	line-height: 34px;
	background: #3e3f43;
	cursor: pointer;
	transition-duration: .3s;
}
#messages_submit:hover {
	color: #fff;
	transition-duration: .3s;
	background: #00a6ff;
}

/*地图*/
#map-canvas {
	height: 500px;
	width: 100%;
	margin:50px 0px 0;
	padding: 0px;
}
.content-window-card {
	position: relative;
	box-shadow: none;
	bottom: 0;
	left: 0;
	width: auto;
	padding: 0;
}
.content-window-card p {
	
	height: 2rem;
}
.amap-icon img, .amap-marker-content img{
	width: 25px;
    height: 34px;
}
.custom-info {
	border: solid 1px silver;
}
div.info-top {
	position: relative;
	background: none repeat scroll 0 0 #F9F9F9;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
}
div.info-top div {
	display: inline-block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 10px;
}
div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	transition-duration: 0.25s;
}
div.info-top img:hover {
	box-shadow: 0px 0px 5px #000;
}
div.info-middle {
	font-size: 12px;
	padding: 10px 6px;
	line-height: 20px;
	overflow: hidden;
}
div.info-bottom {
	height: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}
div.info-bottom img {
	position: relative;
	z-index: 104;
}
.custom-info span {
	margin-left: 5px;
	font-size: 11px;
}
.info-middle img {
	float: left;
	margin-right: 6px;
}
/*地图*/