/* 华德共创
----------------------------------------------------------------------------- */
ol, ul {
	list-style: none
}
a {
	text-decoration: none;}
a:hover {
  text-decoration: none;
  color:#fff!important;
}
.content { width:1200px; margin: 0 auto;}
.header{}
.logo { padding:10px 0; }
.navbar {margin-bottom: 0; height: 100px;    padding-top: 10px;}
.navbar-nav{ margin-left: 5%!important; margin-top: 1%!important;  width: 75%;}
.navbar-nav > li > a {padding:20px;  }
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a:hover {color: #19b0ea;}
.navbar-nav > li.active > a {color:#f17f02; font-weight: 700;}
.navbar-nav > li  > a	{ color:#000;  z-index: 99; font-size:16px;transition: all 0.5s;background:url(../images/nav_bg.png) -100px bottom no-repeat;}
.navbar-nav > li  > a:hover{ color:#f17f02!important;}
.navbar-nav > li a.active { /*background:url(../images/nav_bg.png) center bottom no-repeat;*/color:#f17f02;font-weight: 700;}
/*下拉菜单*/
.subNavBox { position: absolute; left: 0px;    margin-top: 20px; top: 100px; width: 100%; left: 0px; background: rgba(54,62,69,0.7); height: 0; overflow: hidden; z-index: 99; }
.subNavBox .subNav { display: none; height: 49px; line-height: 49px;  }
.subNavBox .subNav dd a{line-height: 49px; color: #fff; font-size: 15px; display: block;}
.subNavBox .subNav dd a:hover{ color:#143270;}
.subNav .subNavList { width: 1164px!important; margin: 0px auto; text-align: center;}
.subNav .subNavList dd { display: inline-block; padding: 0 15px; text-align: center; }
.subNavBox a:link, .subNavBox a:visited { color: #646464; }
.subNavBox a:active, .subNavBox a:hover { color: #646464; }
/*搜索*/
/* vivo-head */
#vivo-head{z-index:1;position:relative;}
.search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif) ;}

#vivo-head{border-bottom:1px #e7e7e7 solid;border-bottom:1px rgba(0,0,0,.05) solid;z-index:99;background:#fff;position:relative;float: left; margin-top: 2%;}
#vivo-head .vivo-nav{width:auto;height:60px;margin:auto;background:#fff;position:relative;z-index:999;}

.vivo-nav .search-user{float:right;height:60px;position: relative;float: left; margin-top: 2%;}
.search-user a{width:42px;height:42px;display:inline-block;margin-left:15px;position:relative;background:#fff;}

.search-user a b{width:42px;height:42px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}

.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width:42px;height:42px;}


#vivo-head .vivo-search{height:80px;width:100%;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#f5f5f5;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:590px;height:38px;padding:5px 5px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:105px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#f87e03;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#0074b2;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-chahao.png)  no-repeat;_background-image:url(../images/vivo-chahao.png);opacity: 1!important;}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;background:url(../images/vivo-chahao.png)  no-repeat;_background-image:url(../images/vivo-chahao.png);}
/*双语*/
/* language */
.dropbtn {
        background-color: rgba(255,255,255,.15);
    color: 333;
   line-height: 30px;
    font-size: 16px;
    border: none;
    color: #f17f02;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
	float: left;
	margin-top: 1%;
	border: 1px solid #999999;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 99;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f17f02}

.dropdown:hover .dropdown-content {
    display: block;
}


.tubiao { width: 15px;
    height: 25px;
    margin-top: 5px;
    float: right;
    background: url(../images/xx.png) no-repeat;}
/*幻灯片*/
/*电脑隐藏开始*/
 @media (min-width: 900px) {
 .banner3 { display:none;}
#demo-default { display:none;}
a.m_lang { display:none;}
.floor_4{ display:none;}
}
.t_banner {
	width: 100%;
	height: 580px;
	color: #fff;
	text-align: center;
}
.banner {
	height: 580px;
	overflow: hidden;
	position: relative;
	z-index: 9;
}
.pc_banner {
	height: 580px;
}
.banner_bg {
	position: absolute;
	height: 100%;
	width: 50%;
	z-index: 9;
	/*background: rgba(12,77,162,0.6);*/
}
.banner_li {
	width: 100%;
	height: 580px;
	background-size: auto 100% !important;
}
.touch_banner .am-slider-default .am-control-nav {
	display: block;
}
.banner .am-slider-default .am-control-nav {
	bottom: 15px;
}
.banner .am-slider-default .am-control-nav li a {
	width: 15px;
	height: 15px;
	background-color: #ffffff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.banner .am-slider-default .am-control-nav li a:hover {
	background-color: rgba(255,255,255, .7);
}
.banner .am-slider-default .am-control-nav li a.am-active {
	width: 40px;
}
.banner .am-direction-nav {
	display: none;
}
.touch_banner {
	display: none;
}
 @media screen and (max-width: 640px) {
 .banner {
	height: 240px;
}
.banner .am-slider-default {
	margin: 0;
}
.banner_li {
	height: 240px;
}
.t_banner {
	height: 240px;
}
.banner_li_box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 60px;
	height: 60px;
	background: rgba(12,77,162,0.8);
}
.banner_li_box_name {
	font-size: 16px;
	text-align: left;
	margin-left: 3%;
}
.banner .am-slider-default .am-control-nav {
	bottom: 22px;
	text-align: right;
}
 .pc_banner {
	display: none;
}
.touch_banner {
	display: block;
}
 }
 /*banner*/
/*.slider-container {
	position: relative;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: all-scroll;
}
.slider-control {
	z-index: 2;
	position: absolute;
	top: 0;
	width: 12%;
	height: 100%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	will-change: opacity;
	opacity: 0;
}
.slider-control.inactive:hover {
	cursor: auto;
}
.slider-control:not(.inactive):hover {
	opacity: 1;
	cursor: pointer;
}
.slider-control.left {
	left: 0;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
	right: 0;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}
.slider-pagi {
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 2rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0;
	list-style-type: none;
}
.slider-pagi__elem {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 2rem;
	height: 2rem;
	margin: 0 0.5rem;
	border-radius: 50%;
	border: 2px solid #fff;
	cursor: pointer;
}
.slider-pagi__elem:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.2rem;
	height: 1.2rem;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
.slider {
	z-index: 1;
	position: relative;
	height: 100%;
}
.slider.animating {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	will-change: transform;
}
.slider.animating .slide__bg {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	will-change: transform;
}
.slide {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.slide.active .slide__overlay, .slide.active .slide__text {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.slide__bg {
	position: absolute;
	top: 0;
	/*left: -50%;*/
	width: 100%;
	height: 100%;
	/*background-size: cover;
	will-change: transform;*/
}
/*.slide:nth-child(1) {
	left: 0;
}
.slide:nth-child(1) .slide__bg {
	left: 0;/*background-image: url("../images/3d-slider-3.jpg");*/
}
/*.slide:nth-child(1) .slide__overlay-path {
	fill: #e99c7e;
}
.slide__overlay-path {
	fill: #0C4DA2 !important;
}
@media (max-width: 991px) {
.slide:nth-child(1) .slide__text {
	background-color: rgba(233, 156, 126, 0.8);
}
}
.slide:nth-child(2) {
	left: 100%;
}
.slide:nth-child(2) .slide__bg {
	left: -50%;
	background-image: url("../images/3d-slider-2.jpg");
}
.slide:nth-child(2) .slide__overlay-path {
	fill: #e1ccae;
}
@media (max-width: 991px) {
.slide:nth-child(2) .slide__text {
	background-color: rgba(225, 204, 174, 0.8);
}
}
.slide:nth-child(3) {
	left: 200%;
}
.slide:nth-child(3) .slide__bg {
	left: -100%;
	background-image: url("../images/3d-slider-1.jpg");
}
.slide:nth-child(3) .slide__overlay-path {
	fill: #adc5cd;
}
@media (max-width: 991px) {
.slide:nth-child(3) .slide__text {
	background-color: rgba(173, 197, 205, 0.8);
}
}
.slide:nth-child(4) {
	left: 300%;
}
.slide:nth-child(4) .slide__bg {
	left: -150%;
	background-image: url("../images/3d-slider-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
	fill: #cbc6c3;
}
@media (max-width: 991px) {
.slide:nth-child(4) .slide__text {
	background-color: rgba(203, 198, 195, 0.8);
}
.slide:nth-child(4) {
	left: 300%;
}
.slide:nth-child(4) .slide__bg {
	left: -150%;
	background-image: url("../images/3d-slider-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
	fill: #cbc6c3;
}
@media (max-width: 991px) {
.slide:nth-child(4) .slide__text {
	background-color: rgba(203, 198, 195, 0.8);
}
}
@media (max-width: 991px) {
.slide:nth-child(4) .slide__text {
	background-color: rgba(203, 198, 195, 0.8);
}
.slide:nth-child(4) {
	left: 300%;
}
.slide:nth-child(4) .slide__bg {
	left: -150%;
	background-image: url("../images/3d-slider-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
	fill: #cbc6c3;
}
@media (max-width: 991px) {
.slide:nth-child(4) .slide__text {
	background-color: rgba(203, 198, 195, 0.8);
}
}
.slide__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	min-height: 810px;
	-webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity;
	-webkit-transform: translate3d(-20%, 0, 0);
	transform: translate3d(-20%, 0, 0);
	opacity: 0;
}
@media (max-width: 991px) {
.slide__overlay {
	display: none;
}
}
.slide__overlay path {
	opacity: 0.8;
}
.slide__text {
	/*position: absolute;*/
	width: 38%;
	/*bottom: 15%;*/
    /*left: 12%;*/
	color: #fff;
	-webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
	transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
	transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
	transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
	will-change: transform, opacity;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}
/*@media (max-width: 991px) {
.slide__text {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20rem;
	text-align: center;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
	padding: 0 1rem;
}
}
.slide__text-heading {
	font-size: 35px;
	margin-bottom: 2rem;
	font-weight: normal;
}
@media (max-width: 991px) {
.slide__text-heading {
	line-height: 20rem;
	font-size: 3.5rem;
}
}
.slide__text-desc {
	font-size: 18px;
	margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
.slide__text-desc {
	display: none;
}
}
.slide__text-link {
	color: #666;
	border: 1px solid #ffffff;
    background:#ffffff;
	border-radius: 5px;
	z-index: 5;
	margin-top: 20px;
	display: inline-block;
	position: relative;
	padding: 10px 50px;
	cursor: pointer;
	font-size: 16px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
.slide__text-link a:hover { color:#333!important;}
.slide__text-link1 {
	color: #ffffff;
	border: 1px solid f17f02;
	background:#f17f02;
	border-radius: 5px;
	z-index: 5;
	margin-top: 20px;
	margin-left:20px;
	display: inline-block;
	position: relative;
	padding: 10px 50px;
	cursor: pointer;
	font-size: 16px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
@media (max-width: 991px) {
.slide__text-link {
	display: none;
}
}
.slide__text-link:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: rotateX(-85deg);
	transform: rotateX(-85deg);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	will-change: transform;
}
.slide__text-link:hover:before {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	background: rgba(255,255,255,1);
}
.slide__text_box {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	padding-top: 120px;
	text-align: left;
}
/*banner*/
/*关于我们*/
.index_about{
	max-width: 1200px;
    display: block;
    overflow: hidden;
	margin: 0 auto;
	padding: 0;
	margin-top: 5%;
}
.index_about .i_item{
	width: 50%;
	float: left;
}
.b_title{
	display: block;
	overflow: hidden;
}
.t_title h2{
	font-size:26px;
	float: left;
	margin: 0;
	padding: 0;
	color: #3a3a3a;
	margin-bottom: 10px;
}
.t_title h3{
	display: block;
    overflow: hidden;
    font-size: 16px;
	color: #5a5a5a;
    line-height: 34px;
	margin: 0;
	padding: 0;
    padding-left: 10px;
}
.t_title p{
	font-size:12px;
	color: #939393;
	display: block;
	overflow: hidden;
	text-transform:uppercase;
}
.about_info .i_info{
	width: 93%;
	font-size:14px;
    margin-top: 25px;
	line-height: 30px;
	margin-bottom: 5%;
} 
.index_about .about_img ul{
	display: table;
}
.index_about .about_img ul li img{ 
    width: 100%; 
	/* transition: All 0.5s ease-in-out;
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out; */
}
.index_about .about_img ul li{
	float: left;
	width: 33.33%;
	position: relative;
	display: block;
	overflow: hidden;
}
.index_about .about_img ul li:last-child{
	padding-top: 5px;
	width: 100%;
}
.index_about .about_img ul li .item_tab{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}
.index_about .about_img ul li .item_tab .table{ 
	display: table;
	width: 100%;
	height: 100%;

}
.index_about .about_img ul li .item_tab .cell{
	display: table-cell;
	vertical-align: middle;	

}
.item_tab .cell{
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.index_about .about_img ul li .item_tab .cell em {
    display: block;
    text-align: center;
    margin: 5px auto;
    margin-bottom: 15px;
    width: 50px;
    height: 1px;
    border: 1px solid #fff;
    background: #fff;
}
.item_tab .cell img{
    width: initial!important;
}

.index_about .about_img ul li:hover .item_tab .cell{
transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);	 
}
.index_about .about_img ul li:hover img {
	/* transform:  scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); */
}
.index_about .about_img ul li:hover .item_tab .cell img{
	/* transform:  scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0); */
}
.i_more{
    font-size: 14px;
    display: block;
    overflow: hidden;
	width: 105px;
    color: #f17f02;
	border: 1px solid #f17f02; 
    padding: 10px 15px;
	text-align: center;
}
.i_more:hover{
	border: 1px solid #f17f02;
	color: #f17f02!important;
	text-decoration:none;
}
/*应用领域*/
.inpinzhi {
  margin-top: 60px;
  padding: 60px 0;
  background: url(../images/yybeijing.jpg) no-repeat center #3d3c3c;
  overflow: hidden;
}
.inpinzhi .lmtit {
  font-size: 35px;
  text-align: center;
  margin-bottom: 5px;
  color: #fff;
}
.inpinzhi .lmjj {
  text-align: center;
  font-size: 18px;
  color: #ccc;
}
.nr ul li {
	display: block;
	width: 31.333333%;
	margin: 0 1%;
	float: left;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.nr { margin-top:40px;}
.nr ul li .wz {
	padding: 25px 30px;
}
.nr ul li .wz .tit {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	font-weight: bold;
	color: #f17f02;
}
.nr ul li .wz .date {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
}
.nr ul li .wz .jj {
	font-size: 14px;
	line-height: 22px;
	color: #666;
	overflow: hidden;
	height: 90px;
}
.nr ul li:hover {
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.pic img { width:100%; height:auto;}
/*产品中心*/
.chanpin {
  padding: 60px 0;
  overflow: hidden;
}
.titleb {font-size: 30px; text-align: center; margin-bottom: 5px; color: #333;background: url(../images/titledian1.png) no-repeat center;}

.titlen {text-align: center; font-size: 18px; color: #ccc; }
.inpro { margin-top:40px; overflow: hidden;}
.inpro .leftnav {
  width: 250px;
  float: left;
  background: #fff;
  padding-bottom: 20px;
}
.inpro .leftnav .lmtit {
  padding: 20px;
  background: #f17f02;
  color: #fff;
  border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.inpro .leftnav .lmtit .en {
      font-size: 14px;
    text-align: center;
}
.inpro .leftnav .lmtit .cn {
    font-size: 22px;
    text-align: center;
}
.inpro .leftnav .tit {
  margin-top: 2px;

  line-height: 50px;
  text-align: center;
  padding: 0 15px;
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #dfdfdf;

}
.active3 { background: #f17f02;color: #fff!important; }
.inpro .leftnav .tit:hover { background: #f17f02;color: #fff;}
.inpro .leftnav .li {
  width: 82%;
  margin: 0 auto 10px;
  background: #ebebeb;
  padding: 0 10px;
  font-size: 14px;
  color: #666;
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inpro .leftnav .li:hover {
  background: #03a3e6;
  color: #fff;
}
.inpro .right {
  width: 950px;
  float: right;
}
.inpro .right ul {
  display: block;
  position: relative;
  width: 100%;
  left: -1%;
}
.inpro .right ul li {
  display: block;
  width: 31.333333%;
  margin: 0 1% 2%;
  float: left;
  position: relative;
}
.inpro .right ul li .tit {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  z-index: 99;
  left: 0;
  bottom: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inpro .right ul li .pic {
  overflow: hidden;
      height: auto;
}
.inpro .right ul li img {
  transition: all .5s;
}
.inpro .right ul li:hover img {
  transform: scale(1.1, 1.1);
}
/*合作伙伴*/
.hezuo {
  padding: 60px 0;
  overflow: hidden;
  background:#f0f2f4;
}
.huoban { margin-top:40px;}
.huoban li { width:15%; float:left; margin: 0.5%;}
.huoban li img {width:100%; height:auto;}
/*新闻动态*/
.xinwen {
  padding: 60px 0;
  overflow: hidden;
  background: #f0f2f4;
  margin-top: 40px;
}
.xwdongtai { margin-top:40px;}
.xwdongtai li {width:31.3%; float:left; margin: 1%;}
.xwdongtai li a:hover{ color:#333333!important;} 
.xwdongtai li img{ width: 365px; height: 155px; border-radius: 6px;}
.xwdongtai li h3 { margin-bottom: 6px; height: 26px; line-height: 22px; font-size:18px; color:#333333;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.xwdongtai li p {display: -webkit-box;height: 48px; line-height: 24px;  font-size: 14px; color: #999; -webkit-line-clamp: 3; overflow: hidden;}
.xwmore {font-size: 14px; color: #fff; width: 150px; line-height: 40px; height: 40px; text-align: center; background-color: #f17f02; display: block; border-radius: 6px; margin-top: 26px;}
/*网站底部*/
.footer {
	padding: 15px;
	background: #1a1a1a;
	color: #a4aec7;
    height: 100px;
}
.footer .about {
	width: 60%;
	margin: 0 auto;
	padding: 0px;
	float: left;
	line-height: 210%;
	font-size: 12px;
}
.footer a {
	color: #999;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
/*.footer p {
	line-height: 30px;
}*/
.footer p.feetNav {
	font-size: 12px;
}
.footer p.feetNav a {
	margin: 0 8px;
	color: #a4aec7;
	text-decoration: none;
}
.footer p.cp {
	font-size: 12px;
	color: #777;
	float: left;
}
.footer .links {
	position: relative;
	width: 40%;
	float: right;
	margin-top: 15px;
	/*margin: 0 auto;*/
	padding: 0px;
	font-size: 12px;
	color: #999;
}
.footer .links label {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
	color: #a4aec7;
	width: 80px;
	text-align: right;
}
.footer .links b {
	line-height: 22px;
	color: #a4aec7;
	font-weight: 700;
}
.footer .links .text-link a {
	display: inline-block;
	margin-right: 12px;
	color: #a4aec7;
	line-height: 22px;
}
.footer .links .text-link a:hover {
	color: #ff6f01;
}
.footer .ft_nav {
	color: rgba(255,255,255,.15);
}
.footer .ft_nav a {
	padding: 0 20px;
	display: inline-block;
}
/* select */
.select1{position:relative;float:left;margin:0 10px; height:40px;}
.select1 dt{height:40px;display:inline-block;border:1px solid #d2ccc4;background: url(../images/xx1.png) no-repeat 177px center;color: #777;line-height:40px;font-weight:bold;padding-left:10px;cursor:pointer;width:200px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;}
.select1 dt:hover,.select dt.cur{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}
.select1 dd{position:absolute;left:0;top:39px;border:1px solid #d2ccc4;background:#1a1a1a;display:none; width: 200px;}
.select1 dd ul{padding:4px;width:200px;max-height:250px;overflow:auto;}
.select1 dd ul li a{line-height:28px;display:block;padding:0 8px;margin-left: 40%;}
.select1 dd ul li a:hover{color:#333333}
/*弹出图片*/
.weixintc {width:200px;border: 1px solid #d2ccc4;float: left; height:40px; margin: 0 10px;}
.weixintc dt {color:#666666; font-size:16px; text-align:center;height: 40px;line-height: 40px;background: url(../images/weixin.png) no-repeat 17px center;}
/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 350px;
	height: 350px;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 95%;
    height: auto;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	font-size: 14px;
    line-height: 20px;
    color: #333;
}
#wxnr i {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 20px;
	line-height: 0.3rem;
	text-align: center;
	color: #f1022e;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0.03rem 0.1rem;
	line-height: 0.35rem;
	background-color: #009946;
	color: #fff;
	border-radius: 0.05rem;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(../images/wx.png);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*新伙伴*/
.hezuo .customers_item{
	display: block;
	/* overflow: hidden; */
	padding: 5% 0;
}
.hezuo .customers_item ul li{
	display: block;
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.hezuo .customers_item ul li{
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}
.hezuo .customers_item ul li:hover{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.33);
}
.hezuo .customers_item ul li img {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

/*搜索*/
.navbar-form{
	width: 100%;
	margin-top:1px;	
	margin-left: 0px;
}
.navbar-form .form-group {
    margin-bottom: 5px;
    width: 85%;
    float: left;
	
	
} 
.navbar-form button.btn-default{
	width: 15%;
	height: 45px;
	background-color: #f17f02;
	border-color:#f17f02;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
} 
.navbar-form button.btn-default .glyphicon-search{
	color: #fff;
}
.SearchModal{
	height: 145px;
    width: 30%;
    position: fixed;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
    background-color: #ccc;
    z-index: 9999;
	margin: 0 auto;	
	border-radius: 10px;
}
.modal-body {
    position: relative;
    padding: 0px;
}
.navbar-form .form-control{
	width: 100%!important;
	height: 45px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
button.close{
	height: 20px;
    width: 20px;
    margin-right: -10px;
    margin-top: -6px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 50%;
    line-height: 0px;
    padding-left: 1px;
    padding-bottom: 3px;
	opacity: .9;
}
/*首页荣誉资质*/
.b_title{
	display: block;
	overflow: hidden;
}
.t_title h2{
	font-size:26px;
	float: left;
	margin: 0;
	padding: 0;
	color: #3a3a3a;
	margin-bottom: 10px;
}
.t_title h3{
	display: block;
    overflow: hidden;
    font-size: 16px;
	color: #5a5a5a;
    line-height: 34px;
	margin: 0;
	padding: 0;
    padding-left: 10px;
}
.t_title p{
	font-size:12px;
	color: #939393;
	display: block;
	overflow: hidden;
	text-transform:uppercase;
}
.index_honor{
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 5%;	
}
.index_honor .honor_item{
	padding-top: 5%;
}
.index_honor .honor_list{
	display: table-cell;
	overflow: hidden;
	margin: 0;
	padding: 0;	
}
.index_honor .honor_list .honor_li a{
	display: block;
	overflow: hidden;
}
.index_honor .honor_list p{
	text-align: center;
	font-size: 16px;
	color: #757575;
	margin: 10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index_honor .honor_list .honor_li{
	margin: 5px 5px;
	/* height: 300px; */
	/* background: #8A1B61; */
	/* box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3); */
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.index_honor .honor_list .honor_li:hover{
	margin: 3px 3px;
	/*background: #8A1B61;*/
	box-shadow: 0;
	border: 2px solid #f17f02;
}
.index_honor .honor_list .honor_li:hover p{
	/*background: #8A1B61;*/
	/*color: #fff;*/
}
.index_honor .honor_list .honor_li .h_img{
	height: 250px;
	display: block;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	padding-top: 5px;
}
.index_honor .honor_list .honor_li .h_img img{
	max-height: 100%;
}
.index_honor .honor_prev_next{
	display: block;
	overflow: hidden;
}
.index_honor .honor_prev_next span{
    display: inline-block;
    height: 25px;
    width: 29px;
    margin: 3% 1%;
    float: right;
}
.index_honor .honor_prev_next span.button-prev{
	background-image: url(../images/right_a.png);
}
.index_honor .honor_prev_next span.button-next{
	background-image: url(../images/left_a.png);
}
.index_honor .honor_prev_next span.button-prev:hover{
	background-image: url(../images/right_b.png);
	border: 0;
}
.index_honor .honor_prev_next span.button-next:hover{
	background-image: url(../images/left_b.png);
	border: 0;
}
.index_honor .honor_more .i_more {
    text-align: center;
    margin: 0 auto;
    color: #f17f02;
    border: 1px solid #f17f02;
    width: 175px;
}
.index_honor .honor_more .i_more:hover{
	color: #fff;
}
 @media screen and (max-width: 640px) {
.index_honor .honor_list {width: 180px!important; margin-right: 10px!important;}
.index_honor .honor_list .honor_li .h_img {height:195px;}
}
/*xinbanner*/
/*banner*/
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1;
	width: 100%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=50);
	opacity: .5
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control:focus, .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}
.carousel-control .icon-prev:before {
	content: '\2039'
}
.carousel-control .icon-next:before {
	content: '\203a'
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow: none
}
/*---------------*/
.carousel-indicators {
	position: absolute;
	bottom: 16px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	width: 17px!important;
	height: 17px!important;
	margin: 0 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	border: none;
	border-radius: 50%;
}
.carousel-indicators .active {
	width: 19px!important;
	height: 19px!important;
	margin: 0 5px;
	background-color: #195fbc;
}
.carousel { margin-bottom:40px;}
/*右侧漂浮*/
.pf_right{ width:55px; position:fixed; right:128px; top:50%; margin-top:-243px; z-index:-1;  visibilit:visible !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_right ul{ width:100%; float:left;}
.pf_right ul li{ width:45px; height:50px; margin-top:12px; float:left; background:url(../images/bian.png) no-repeat center center; background-size:100%;}
.pf_right ul li a{ display:block; float:right; width:45px; height:38px; position:relative;
-moz-border-radius:24px; 
-webkit-border-radius:24px; 
-khtml-border-radius:24px;
border-radius:24px;}
.pf_right ul li a img{ float:left;}
.pf_right ul li a .img_1{ display:none;}
.pf_right ul li a .ico{ width:50px; height:40px; position:absolute; right:0; top:0;}
.pf_right ul li a h5{ width:240px; line-height:20px; text-align:center; color:white; font-size:14px; display:none; float:left;}

.pf_right ul li:hover{ background:none !important;}
.pf_right ul li:hover a{ width:270px; background:#d32329;}
.pf_right ul li:hover a h5{ display:block;}

.pf_right ul li.r_ewm:hover a{ width:45px; background:#d32329;}
.pf_right ul li.r_ewm:hover a h5{ display:none;}

.pf_right ul li.last{ background-image:url(../images/biantop.png); padding-top:5px;}

.pf_right ul li.r_ewm .z_ewm{position:absolute; right:57px;width:100px; height:100px; display:none; top:-12px;border:5px solid #d32329;}
.pf_right ul li.r_ewm .z_ewm span.jt{width:7px; height:14px; position:absolute; right:-12px; top:20px;}
.pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
.pf_right ul li.r_ewm:hover a .z_ewm{display:block;}

.pf_right.on{ right:40px;z-index:999;}
.pf_right.on ul li a .img_2{ display:none;}
.pf_right.on ul li a .img_1{ display:block;}
.pf_right.on ul li{ background: rgba(0,0,0,.15); border-radius: 10px;}
.pf_right.on ul li.last{ background-image:url(../images/biantophei.png);}
.pf_right.on ul li:hover a .img_1{ display:none;}
.pf_right.on ul li:hover a .img_2{ display:block;}
@media screen and (max-width:1569px) {
  .pf_right.on{ right:0 !important;}
}