/********************全局******************/
@font-face{
font-family: Montserrat-Regular;
src: url('../font/Montserrat-Regular.eot'),
     url('../font/Montserrat-Regular.otf');
     url('../font/Montserrat-Regular.ttf');
}
*{
	padding: 0;
	margin: 0;
	list-style: none;
	font-family:Montserrat-Regular;
}
img{
	max-width: 100%;
	vertical-align: bottom;
	vertical-align: top;
}
body a{
	text-decoration: none;
}
.over{
	clear: both;
}
.w1200{
	width: 1200px;
	margin: auto;
}
.img-auto {
  display: block;
  overflow: hidden;
}
.img-auto img {
  width: auto;
  height: auto;
  margin: 0px auto;
  transition: 600ms;
 }   
.img-auto img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/*header*/
.active{
	color: #086bcf!important;
}
.wap{
	display: none;
}
.header{
	width: 100%;
	height: 90px;	
	margin: auto;
	position: fixed;
	z-index: 999;
	background:rgba(0,0,0,0.2);
	transition: all ease-out .3s;
}
.header .clearfix{
	width: 90%;
	display: flex;
	justify-content: space-between;
	margin: auto;
}
.header .container .left1 img{
	max-width: inherit;
}
.header .navbar_nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.header .navbar_nav li a{
	text-decoration: none;
}
.header .nav{
	line-height: 92px;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
	margin-right: 70px;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: #fff;	
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 15px;
    transition: all 0.3s ease 0s;
}
.header .navbar_nav li:last-child{
	margin-right: 0;
}
.header .navbar_nav li:last-child:after{
	display: none;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	display: block;
	color: #fff;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:92px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 194px;
    z-index: 500;
}
.menu_one{
	left: -50%;
}
.menu_two{
	left: -80%;
}
.menu_three{
	left: -38%;
}
.menu_last{
	left: -10%;
}
.switch{
	display: flex;
	align-items: center;
}
.switch a{
	margin: 0 5px;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 10px 10px;
	line-height: 20px;
	text-align: center;
	background: #fff;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: #3D8FD1;
}
/*nav*/
@keyframes move { 
  0% {left: 0%;	 opacity: 0; }
  70% { left: 70%; opacity: 1 }
  100% {left: 100%;opacity: 0;}
}		 
.move{-webkit-animation-name:move;animation-name:move;position:relative;margin-left:-16px;}
.ar-animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;font-style:inherit;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.ar-delay-1s{animation-delay:0.1s;}
.ar-delay-2s{animation-delay:0.2s;}
.ar-delay-3s{animation-delay:0.3s;}
.ar-delay-4s{animation-delay:0.4s;}
.ar-delay-5s{animation-delay:0.5s;}
.ar-delay-6s{animation-delay:0.6s;}
.ar-delay-7s{animation-delay:0.7s;}
.ar-delay-8s{animation-delay:0.8s;}
.ar-delay-9s{animation-delay:0.9s;}
.ar-delay-10s{animation-delay:0.10s;}
.ter{
	text-align: -webkit-right;
}
.ter span{
	width:35px;
	display: block;
	color: #036DBD;
	margin-top: -20px;
	position: relative;
	top: -12px;
}
.iconfont{
	font-size: 18px!important;
}
.swiper1 .swiper-slide:hover{
	border-bottom: 2px solid #036dbd;
}
/*bread*/
.bread{
	padding: 15px 0;
	border-bottom: 1px solid #EFEFEF;
	text-align: left;
	transition: all ease-out .3s;
}
.bread:hover{
	border-bottom: 1px solid #086BCF;
}
.bread ul li{
	display: inline-block;
	color: #9a9a9a;
}
.bread ul .color9a span a{
	color: #9a9a9a;
}
.bread ul li span a{
	color: #737373;
}
.bread ul li span:after{
	content: ">";
	color: #737373;
}
.bread ul li span:hover a{
	color: #0868C9;
	cursor: pointer;
}
/*strip*/
.strip{
	text-align: center;
	margin: 40px auto 35px auto;
}
.strip h2{
	margin-bottom: 30px;
	color: #086bcf;
}
/*footer*/
.footer{
	color: #fff;
	background: url(../img/index9.jpg) no-repeat;
}
.w1715 {
    width: 90%;
    margin: auto;
    padding: 40px 0 62px 0;
}
.w1715_top{
	border-bottom: 1px solid #697178;
}
.w1715_top_left{
	float: left;
	padding-bottom: 80px;
}
.w1715_top_left p:first-child{
	line-height: 33px;
	font-size: 25px;
	margin-bottom: 25px;
}
.w1715_top_right{
	float: right;
	margin-top: 38px;
}
.w1715_top_right button{
	width: 215px;
	border-radius: 0 0 0 5px;
	padding: 20px 0;
	border: none;
	background: #086bcf;
	color: #fff;
	transition: all ease-out .3s; 
}
.w1715_top_right button:last-child{
	background: none;
	border: 1px solid #cccccc;
	margin-left: 38px;
}
.w1715_top_right button:first-child:hover{
	border: none;
	background: linear-gradient(to right, #00468e, #0099d8);
}
.w1715_top_right button:hover{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	cursor: pointer;
	background:linear-gradient(to right, #00468e, #0099d8);
	border: 1px solid #086bcf;
	transition: all ease-out .3s; 
}
.w1715_bottom_left{
	float: left;
}
.w1715_bottom_left ul li{
	display: inline-block;
}
.w1715_bottom_left ul:first-child{
	margin-top: 55px;
	margin-bottom: 82px;
}
.w1715_bottom_left ul:first-child li{
	display: inline-block;
	margin-right: 76px;	
}
.w1715_bottom_left ul:first-child li a{
	color: #fff;
	transition: all ease-out .3s; 
}
.w1715_bottom_left ul:first-child li a:hover{
	color: #036DBD;
}
.w1715_bottom_left ul:last-child li a{
	color: #bebfc1;
}
.w1715_bottom_left ul:last-child li a img{
	transition: all ease-out .3s; 
}
.w1715_bottom_left ul:last-child li a img:hover{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);  
	-moz-transform:translateY(-10px);
}
.size12{
	font-size: 12px;
	color: #bebfc1;
}
.w1715_bottom_left ul:last-child li{
	margin-right: 20px;
}
.w1715_bottom_right{
	float: right;
	margin-top: 125px;
}
/*******************index.html****************/
.one_add span{ 
	position: relative; 
	margin: 0 10px!important;
	
}
.swiper-pagination-bullet-active{
	background:#FFFFFF!important;
}
.swiper-pagination-bullet-active:after{
	content:"";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: #FFFFFF 2px solid;
	display: block;
	position: absolute;
	left: -8px;	
	top:-8px;
}
.one .swiper-pagination{
	bottom: 20px!important;	
}
.bg_color{
	background: #FFFFFF;
	box-shadow: 0px -12px 23px 5px #CCCCCC;
}
.a_color{
	color: #666666!important;
}
.colff:hover{
	color: #FFFFFF!important;
}
.li_after:after{
	content: "";
    width: 0;
    height: 2px;
    background: #3D8FD1!important;	
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 15px;
    transition: all 0.3s ease 0s;
}
.aa{
	position: relative;
	transition: all ease-out .3s;  
}
.swiper_word{
	position: absolute;
	top: 36%;
	left: 8%;
	color: #fff;
}
.swiper_word h1{
	font-size: 45px;
	line-height: 70px;
	margin-bottom: 65px;
}
.swiper_word p{
	font-size: 20px;
}
.pro_together{
	width: 100%;
	padding-bottom: 33px;
}
.pro_left{
	float: left;
	width: 30%;
	background: #0868C9;
	text-align: center;
}
.ttt h2 a{
	display: block;
	margin: 80px auto 30px auto;
	color: #FFFFFF;
}
.ttt .view{
	width: 154px;
	color: #666666;
	background: #fff;
	padding: 14px 0;
	display: block;
	margin: auto;
	margin-bottom: 50px;
	transition: all ease-out .3s;  
}
.pro_left:hover .ttt img{
	transform:translateY(-20px);
	-webkit-transform:translateY(-20px);  
	-moz-transform:translateY(-20px);
}
.ttt img{
	width: 374px;
	height: 409px;
	transition: all ease-out .3s;  
}
.ttt p{
	color: #FFFFFF;
	margin: 57px 0 85px 0;
}
.tt_left{
	height: 50px!important;
	background: url(../img/index_03.png) no-repeat!important;
}
.tt_right{
	width: 35px!important;
	height: 50px!important;
	background: url(../img/index_04.png) no-repeat!important;
}
.index_preducts .strip{
	margin-top: 0;
	padding-top: 40px;
}
.pro_right{
	float: right;
	width: 68%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.four_in{
	width: 48.5%;
	height: 380px;
	background: #fff;
	margin-bottom: 47px;
}
.for1_in{
	margin: 30px 0 0 31%;
	position: relative;
}
.for1_in h3 a{
	color: #666666;
	text-align: left;
	transition: all ease-out .3s;  
}
.for1_in button{
	text-align: left;
	border: 1px solid #eeeeee;
	background: none;
	padding: 12px 33px;
	margin-top: 40px;
	transition: all ease-out .3s;  
}
.for1_in button a{
	color: #666666;
}
.four_in:hover .for1_in h3 a{
	color: #086BCF;
}
.four_in:hover .for1_in button{
	background: #086BCF;
	border: 1px solid #086BCF;
}
.four_in:hover .for1_in button a{
	color: #FFFFFF;
}
.for1_in img{
	position: absolute;
	right: 40%;
}
.pro_right .four_in:nth-child(1) img,.pro_right .four_in:nth-child(2) img{
	margin-top: 20px;
}
.pro_right .four_in img{
	right: 25%!important;
	width: 90%;
}
.ltd{
	display: flex;
}
.ltd_right{
	position: relative;
}
.ltd_word{
	position: absolute;
	top: 145px;
	left: 123px;
	right: 123px;
	color: #fff;
}
.ltd_word h2{
	margin-bottom: 40px;
}
.ltd_word p{
	margin-bottom: 47px;
	line-height: 24px;
}
.ltd_word a{
	color: #FFFFFF;
	display: flex;
	transition: all ease-out .3s;  
}
.ltd_right:hover .ltd_word a{
	transform:translateX(25px);
	-webkit-transform:translateX(25px);  
	-moz-transform:translateX(25px);
	transition: all ease-out .3s;  
}
.ltd_word .more_img{
	margin-left: 12px;
	margin-top: 2px;
}

.index_event{
	width: 90%;
	margin: auto;
}
.index_event .events_box{
	width: 21%;
}
/****************about.html***************/
.bgf8f8f8{
	background: #f8f8f8;
}
.main1{
	margin-top: 45px;
}
.main1_left{
	text-align: center;
	margin-bottom: 19px;
}
.main1_rignt p{
	margin-bottom: 19px;
	text-align:justify; 
}
.main1_bottom{
	padding-bottom: 60px;
}
.two_left{
	right: 0!important;
	background-image: url(../img/about_04.png)!important;
}
.two_right{
	left: 0!important;
	background-image: url(../img/about_03.png)!important;
}
.about_video{
	position: relative;
}
.about_video span{
	width: 60px; 
	height: 60px; 
	position: absolute; 
	margin: auto; 
	left: 0; 
	right:0; 
	bottom: 0; 
	top:0;
	display: block;
}
.about_video span img{ 
	max-width: 100%;
}
/************************honor**********************/
.patent,.high,.ce,.iso{
	text-align: center;
}
.patent .strip,.high .strip{
	margin: 40px 0 30px 0;
}
.ce .strip{
	padding: 40px 0 30px 0;
	margin: 0;
}
.patent .center_p{
	margin-bottom: 30px;
}
.patent_img ul{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	
}
.patent_img ul li{
	width: 24%;
	margin-right: 1%;
}
.box_img img{
	border: 1px solid #eeeeee;
	margin-bottom: 19px;
}
.box_word span{
	display: block;
	font-size: 12px;
	margin: 13px 0 42px 0;
}
.high_bottom{
	margin: 41px 0 60px 0;
}
.high_img img{
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
}
/********************CaseStudies******************/
.s3main_one{
	border-bottom: 1px solid #e9e9e9;
	padding: 80px 0;
}
.s3main_left{
	float: left;
}
.s3main_img{
	margin-left: 30px;
	margin-top: 30px;
	width: 436px;
	height: 252px;
}
.s3main_img img{
	width: 436px;
	height: 252px;
}
.s3main_right{
	float: right;
}
.s3main_word{
	width: 50%;
	padding-top: 53px;
	color: #666666;
}
.s3main_word h4{
	font-size: 20px;
	line-height: 31px;
}
.s3main_word h4 a{
	color: #666666;
}
.s3main_word p{
	font-size: 14px;
	margin: 40px 0 39px 0;
}
.s3main_right_bottom{
	font-size: 14px;
	display: flex;
	justify-content: space-between;
}
.arrow a{
	display: flex;
	color: #666666;
}
.arrow_small{
	width: 17px;
	height: 14px;
	background: url(../img/CaseStudies_09.png) no-repeat;
	margin: 2px 0 0 5px;
}
.s2main_one{
	border-bottom: 1px solid #e9e9e9;
	padding: 50px 0;
}
.s2main_left{
	float: left;
	padding-top: 24px;
}
.s2main_right{
	float: right;
}
.s4main_left{
	float: left;
}
.s3main_change:hover .s3main_word h4 a{
	color: #086bcf;
	transition: all ease-out .3s;  
}
.s3main_change:hover{
	border-bottom: 1px solid #086BCF;
	transition: all ease-out .3s;  
}
.s3main_change:hover .arrow a span{
	color: #2c77d2;
}
.s3main_change:hover .arrow_small{
	background: url(../img/CaseStudies_03.png);
}
.paging{
	text-align: center;
	padding: 78px 0;
}
.paging ul li{
	display: inline-block;
	border: 1px solid #dfdfdf;
	padding: 14px 18px;
}
.paging ul li:hover{
	color: #0868C9;
}
.paging .active{
	background: #0868C9;
	color: #fff;
}
.paging .active:hover{
	color: #fff;
}
/************************news.html******************/
.new_box{
	display: flex;
	margin-top: 46px;
}
.new_box_left img{
	width: 422px;
	height: 217px;
}
.new_box_right{
	background: #fff;
	width: calc(1280px - 422px);
	height: 217px;
	padding-left: 39px;
	
}
.new_box_right h4{
	margin: 25px 0 13px 0;
	
}
.new_box_right h4 a{
	color: #666666;
	font-size: 18px;
}
.colc5{
	color: #c5c5c5;
}
.col66{
	color: #666666;
	margin: 13px 0;
	line-height: 25px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new_box_right button{
	background: none;
	border: 1px solid #eeeeee;
	border-radius: 50px;
	padding: 8px 12px;
	color: #a7a7a7;
}
.new_box_right button a{
	color: #a7a7a7;
}
.new_box:hover{
	box-shadow: 0px 2px 17px -3px #CCCCCC;
	transition: all ease-out .5s;
}
.new_box:hover .new_box_right h4 a{
	color: #0868C9;
	transition: all ease-out .5s;
}
.new_box:hover .new_box_right button{
	background: #0868C9;
	border: 1px solid #0868C9;
	color: #fff;
	transition: all ease-out .5s;
}
.new_box:hover .new_box_right button a{
	color: #fff;
}
#news_ul a {
    color: #666;
}
#news_ul a:hover .new_box_right h4 a{
	color: #0868C9;
	transition: all ease-out .5s;
}
/************************content.html**********************/
.content_top{
	margin-top: 45px;
	display: flex;
	justify-content: space-between;
}
.content_left{
	width: 35%;
	background: #f8f8f8;
	padding: 45px 45px;
}
.content_left h1{
	color: #383836;
	margin-bottom: 45px;
}
.content_top:hover .content_left h1{
	color: #086BCF;
}
.address{
	border-bottom: 1px solid #e6e6e6;	
	padding: 27px 0;
	display: flex;
}
.address:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.address_small img{
	transition: all ease-out .3s;  
}
.address:hover .address_small img{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);  
	-moz-transform:translateY(-10px);
	
}
.address:hover .hot p{
	color: #086BCF;
}
.address p span{
	color: #9d9d9d;
}
.colbe{
	color: #9d9d9d!important;
}
.hot{
	margin-left: 10px;
}
.hot p{
	line-height: 25px;
	color: #383836;
}
.content_bottom{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.content_bottom #w45{
	width: 48%;
	padding: 16px 0 16px 10px;
	margin: 55px 0 40px 0;
}
.content_bottom #w100{
	width: 100%;
	padding: 16px 0 16px 10px;
	margin-bottom: 40px;
}
.content_bottom textarea{
	width: 100%;
	padding: 16px 0 175px 10px;
	margin-bottom: 40px;
}
.content_bottom button{
	background: #0868C9;
	border: 1px solid #0868C9;
	color: #fff;
	padding: 14px 68px;
	font-size: 16px;
	margin-bottom: 80px;
	transition: all ease-out .3s; 
}
.content_bottom button:hover{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	cursor: pointer;
	background:linear-gradient(to right, #00468e, #0099d8);
	
}
/*********************download.html********************/
.download{
	display: flex;
	justify-content:  flex-start;
	flex-wrap: wrap;
	padding-top: 55px;
}
.small_block{
	width: 23%;
	margin-right: 2.6%;
	position: relative;
}
.small_block:nth-of-type(4n+0){
	margin-right: 0;
}
.block_together{
	position: relative;
}
.block_together img:first-child{
	border:  1px solid #cccccc;
}
.block_top{
	position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    text-align: center;
}
.block_together:hover .block_top {
    opacity: 0.6;     
}
.block_top img{
	border: none!important;
}
.block_top p{
	width: 94%;
	margin: auto;
	color: white;
	font-size: 12px;
	padding: 32% 0 10px 0;
	line-height: 20px;
}
.small_block .span_padd{
	width: 100%;
	margin: 20px 0 40px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.small_block:last-child .span_padd{
	margin-bottom: 0;
}
.small_block .span_padd span{
	font-size: 14px;
}
.small_block a .span_padd span{
	color: #333333;
}

/***********************support.html*******************/
.support{
	margin-top: 86px;
}
.support_come{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0;
	border-bottom: 1px solid #cccccc;
	color: #666666;
}
.support_come:first-child{
	padding-top: 0;
}
.supp_come_left{
	text-align:center;
	position: relative;
	padding-right: 60px;
}
.supp_come_left:after{
	content:"";
	height: 48px;
	border-left:1px solid #ccc;
	position: absolute;
	right:0px;
	top:15px;
}
.supp_come_center{
	padding-left: 60px;
}
.supp_come_center h3 a{
	color: #666666;
}
.supp_come_left p{
	font-size: 40px;
}
.supp_come_center p{
	margin-top: 15px;
}
.supp_together{
	display: flex;
	align-items: center;
}
.supp_come_right{
	width: 43px;
	height: 30px;
	background: url(../img/Support_03.png) no-repeat;
}
.support_come:hover .supp_come_right{
	background: url(../img/Support_04.png) no-repeat;
	transition: all ease-out .3s;
}
.support_come:hover .supp_come_left{
	color: #0868C9;
	transition: all ease-out .3s;
}
.support_come:hover .supp_come_center h3 a{
	color: #0868C9;
	transition: all ease-out .3s;
}
/*******************vodeo.html***********************/
.video_strip{
	margin: 40px 0 35px 0;
}
.about_video2{
	width: 31%;
	position: relative;
	margin-bottom: 38px;
	display: inline-block;
	margin-right: 3%;
}
.vodeo_together .about_video2:nth-of-type(3n+0){
	margin-right: 0;
}
.about_video2 .h230{
	height: 230px;
}
.about_video2 span{
	width: 60px; 
	height: 80px; 
	position: absolute; 
	margin: auto; 
	left: 0; 
	right:0; 
	bottom: 0; 
	top:0;
	display: block;
}
.about_video2 p{ 
	padding-top: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.video_paging{
	padding: 30px 0 70px 0;
}
.bgfff{
	background: #fff;
}
/*********************video-info.html**********************/
.return{
	display: flex;
	justify-content: space-between;
	margin: 64px 0 38px 0;
	color: #666666;
}
.return a{
	color: #666666;
}
.font_12{
	color: #666666;
	font-size: 13px;
	padding: 47px 0;
	line-height: 20px;
}
/**********************products.html**************/
.products{
	margin-top: 44px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.products_img img{
	width: 580px;
	height: 349px;
}
.products_word{
	padding: 35px 30px;
	margin-bottom: 35px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #f8f8f8;
	position: relative;
}
.products_word .img{
	width: 42px;
	height: 28px;
	background: url(../img/products_03.png) no-repeat;
}
.products_word .img:before{
	content: "";
	height: 98px;
	border-left: 1px solid #f8f8f8;
	position: absolute;
	right:100px;
	top:0px;
}
.products_box a{
    color: #333;
}
.products_box:hover .products_word{
	background: url(../img/products_06.jpg) no-repeat;
	transition: all ease-out .3s;
}
.products_box:hover .products_word .img:before{
	display: none;
}
.products_box:hover .products_word h4{
	color: #fff;
	transition: all ease-out .3s;
}
.products_box:hover .products_word .img{
	background:url(../img/products_04.png) no-repeat!important;
	
}
/********************newsinfo.html*********************/
.pro_top_img{
	color: #999999;
}
.share{
	display: inline-block;
	margin-left: 25px;
}
.bshare-custom{
	display: inline-block;
}
.newsinfo{
	color: #666666;
}
.newsinfo p{
	line-height: 24px;
	padding-bottom: 37px;
}
.newsinfo_img{
	display: flex;
	justify-content: space-between;
	margin-bottom: 37px;
}
.newsinfo_img .img-auto img{
	width: 385px;
	height: 255px;
}
.border1{
	border-bottom: 1px solid #e2e1e1;
}
.top37{
	margin-top: 37px;
	padding-bottom: 10px!important;
}
.colaa{
	color: #aaaaaa;
}
.eventsthree{
	display: flex;
	justify-content: space-between;
	padding-bottom: 80px;
}
.events_box{
	width: 370px;
	border: 1px solid #cccccc;
	transition: all ease-out .3s;  
}
.events_box_img img{
	width: 100%;
	height: 191px;
}
.events_box .first_h4{
	padding: 33px 20px;
	color: #666;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 46px;
}
.events_box p{
	padding: 0px 20px 0 20px;
	margin-bottom: 33px;
	color:#cccccc;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	height: 95px;
}
.newsinfo_word{
	padding: 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	border-top: 1px solid #cccccc;
}
.newsinfo_word h4{
	color: #757575;
}
.newsinfo_word h4 img{
	margin-right: 10px;
	transition: all ease-out .3s;  
}
.newsinfo_word .img{
	width: 19px;
	height: 25px;
	background: url(../img/index10.png) no-repeat;
	margin-right: 10px;
	transition: all ease-out .2s;  
}
.events_box:hover .first_h4{
	color: #086bcf;
}
.newsinfo_word .img:before{
	content: "";
	height: 66px;
	border-left: 1px solid #CCCCCC;
	position: absolute;
	right:80px;
	top:0px;
}
.events_box:hover .newsinfo_word .img{
	width: 43px;
	height: 25px;
	background: url(../img/Support_04.png) no-repeat;
	transition: all ease-out .3s;  
	margin-right: 0px;

}
.events_box:hover .newsinfo_word h4{
	color: #086BCF;
}
.events_box:hover .newsinfo_word h4 img{
	transform:translateY(-10px);
	-webkit-transform:translateY(-10px);  
	-moz-transform:translateY(-10px);

}
/*********************CaseStudies_info.html**************/
.across_icon ul{
	display: flex;
	background: #fff;
	padding: 34px 40px;
}
.across_icon ul li{
	margin-right: 40px;
	display: flex;
}
.across_icon ul li span{
	color: #adadad;
	margin: 0 5px;
	transition: all ease-out .3s;  
}
.across_icon ul li p{
	color: #808080;
}
.across_icon ul:hover li span{
	color: #086BCF;
	cursor: pointer;
}
.thumbnail{
	margin-top: 70px;
	height: 600px;
}
.cc{
    height: 510px;
}
.gray_right{
	top: 10%!important;
	width: 26px!important;
	height: 28px!important;
	opacity: 0.6;
	margin-top: -15px!important;
	right: 0!important;
}
.gray_left{
	top: 10%!important;
	width: 26px!important;
	height: 28px!important;
	opacity: 0.6;
	margin-top: -15px!important;
	left: 0!important;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 135px;
    height: 60px;
    opacity: 0.4;
    margin-top: 20px;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.magin53{
	padding: 48px 0;
	border-bottom: 1px solid #e2e1e1;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.magin59{
	padding: 59px 0;
	line-height: 35px;
}
.magin59 a{
	color: #aaaaaa;	
}
.magin59 a span{
	color: #666666;
}
.mb35{
	padding-bottom: 90px;
}
.pr2 .products_box{
	border: 1px solid #CCCCCC;
}
.pr2 .products_img img{
	width: auto!important;
	height: auto!important;
}
.pr2 .products_word{
	margin-bottom: 0;
}




.caseinfo_input{
	background: url(../img/CaseStudies-info_02.jpg) no-repeat;
}
.content_bottom1{
	padding-top:40px ;
}
/****************products-info.html***********/
.bgimg{
	padding-bottom: 70px;
	background: url(../img/products-info_01.jpg) no-repeat;
}
.ppflo{
	float: left;
	margin-top: 40px;
}
.ppflo img{
	max-width: inherit;
}
.pro1{
	float:right;
	width: 438px; 
	margin-top: 40px;
}
.pro2{
	font-size: 24px; 
	color: #086bcf; 
	margin-bottom: 30px;
}
.pro3{
	text-align:justify;
	font-size: 14px; 
	color: #666; 
	line-height: 26px; 
	max-height: 393px; 
	overflow: auto;
}
.pro3 p{
	text-align: left;
}
.pro3 p span{
	word-wrap: break-word;
}
.pro3 strong{
	color: #0769a9;
}
.pro4 a{ 
	display: block;
	background: #0769a9;
	color:#fff;
	width: 168px; 
	height: 44px;
	font-size: 16px; 
	line-height: 44px; 
	text-align: center;
}
.pro4 a:hover{
	background: #00468e;
}
.bg18{
	text-align: center;
	background: #181c24 url(../img/products-info_02.jpg) no-repeat;
}
#tab{
	padding-bottom: 108px;
}
#tab ul{
	padding-top: 37px;
	margin-bottom: 14px;
   	height:60px;
    border-bottom:1px #cccccc solid;
}
	#tab ul li {
		cursor: pointer;
		float: left;
		line-height: 60px;
		width: 174px;
		text-align: center;
		border-radius: 5px 5px 0 0;
		background-color: #ccc;
	}
#tab ul li.on{
	background: #0868C9;
	color: #ffffff;
}
#tab .hide{
 	display:none;
}
.bg_appli{
	padding: 120px 0;
	background: url(../img/products-info_04.jpg) no-repeat;
}
.bg_appli h2{
	color: #fff;
	text-align: center;
	margin-bottom: 60px;
}
.pp p{
	color: #fff;
	text-align: center;
	margin-top: 15px;	
}
.pp img{
	border: 4px solid #e5f1ff;
	width: 277px;
	height: 173px;
}
/********************在线客服********************/
@media screen and (max-width:1366px){
	.bar{bottom:70px!important;}
	/*#newBridge .icon-right-bottom{top:110px !important;}
	#newBridge .icon-right-center{top:150px !important;}*/
}


.bar{width:32px;position:fixed;right:0;bottom:100px;z-index:999;background:rgba(0,0,0,0.0);}
.bar a{
	width: 45px;
    height:44px;
    display:block;
    text-align:center;
    color:#fff;
    font-size:12px;
    position:relative;
    right:15px;
    z-index:2;
    text-decoration: none;
    color: #9b9999;
    
    }

.bar a.bar01{background: #036dbd url(../images/bar-icon01.png) no-repeat center 28px;position:relative;}
#BDBridgeFixedWrap{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;}
#BDBridgeFixedWrap a{width:80px !important;height:80px !important; background:none !important;}
.bar a.bar02{background:#FFFFFF url(../img/qq.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;}
.bar a.bar03{background:#FFFFFF url(../img/phone.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;}
.bar a.bar05{background:#FFFFFF url(../img/wei.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;}
.bar a.bar06{background:#FFFFFF url(../img/upward.png) no-repeat center center;border: 1px solid #CCCCCC;padding-bottom: 5px;}
.bar a.bar02:hover{background:#086BCF url(../img/qqhover.png) no-repeat center center;border: 1px solid #0769a9;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;}
.bar a.bar03:hover{background:#086BCF url(../img/phonehover.png) no-repeat center center;border: 1px solid #086BCF;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;}
.bar a.bar04:hover{background:#086BCF url(../images/bar-icon04.png) no-repeat;}
.bar a.bar05:hover{background:#086BCF url(../img/weihover.png) no-repeat center center;border: 1px solid #0769a9;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;}
.bar a.bar06:hover{background:#086BCF url(../img/upwardhover.png) no-repeat center center;border: 1px solid #0769a9;padding-bottom: 5px;color: #FFFFFF;transition: all 0.5s;}

.bar03-model{width:160px;height:170px;position:absolute;right:55px!important;background:#fff;box-shadow:0px 0px 10px #ccc;top:50px!important;padding:0px 20px;opacity:1;z-index:0;display: none;}
.bar03-model .list{padding-top:16px;border-bottom:1px solid #e8e8e8;padding-bottom:15px;}
.bar03-model .list .tit{font-size:16px;color:#999;}
.bar03-model .list .tel{font-size:24px;color:#666666;margin-top:5px;}

.bar03-box:hover .bar03-model{opacity:1;display: block;}
.bar05-model{width:138px;height:160px;position:absolute;right:55px!important;background:#fff;box-shadow:0px 0px 10px #ccc;top:50px!important;padding:0px 20px;opacity:0;z-index:0;display: none;}
.bar05-model img{
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}
.bar05-box:hover .bar05-model{opacity:1;display: block;}

.swiper1 .hover {
    /*color: #ec5566;*/
    border-bottom: 2px solid #036dbd;
}