@charset "utf-8";

/*公共样式*/

*{margin: 0; padding: 0;}

html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}

body{width: 100%; height: 100%; overflow: hidden; position: relative;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}

a:hover{color: #3EB2D9!important;}

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

textarea{resize: none;}

video{display: block;}

.clearfix{zoom: 1;}

.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.plr10{padding: 0 10px;}

.wrapper{margin: 0 15px;}

.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}

.scrollView{height: calc(100% - 111px); overflow-x: hidden; overflow-y: auto; position: relative;}

.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}

.border{border: 1px solid #ddd; box-sizing: border-box;}

/*字体*/

@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../fonts/helveticaneueltpro-thex.eot'); src: url('../fonts/helveticaneueltpro-thex.eot') format('embedded-opentype'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}

.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*加载特效*/

.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}

.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}

.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}

.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}

@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*头部*/

.header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999999;}

.logo{float: left; height: 45px; margin-top: 3px; margin-left: 0px;}

.logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}

.logo a img{display: block; height: 100%; float: left;margin-right: 5px;}

.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}

.sp_nav i{display: block; background: #3EB2D9; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}

.sp_nav i:nth-of-type(1){top: 0;}

.sp_nav i:nth-of-type(2){top: 10px;}

.sp_nav i:nth-of-type(3){top: 20px;}

.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}

.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}

.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}

.nav{width: 100%; height: calc(100% - 111px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}

.nav.nav_show{top: 50px;}

.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}

.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}

.nav > ul > li:first-child{border-top: 0 none;}

.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}

.nav ul li ul{display: none;}

.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}

.nav ul li i span{font-size: 14px; transition: all .5s;}

.nav ul li i span:before{content: "\eeaa";}

.nav ul li i.nav_btndown span{color: #ef831a; transform: rotate(90deg);}

/*内页菜单*/

.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;}

.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}

.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}

.dropmenu .label .iconfont:before{content: "\e60e";}

.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}

.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}

.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}

.dropmenu ul li.active a {background: #000; color: #fff;}

.dropmenu.open .label .iconfont{transform: rotate(180deg);}

/*公共样式*/

.home_title{font-size: 19px; text-align: center;}

.home_title span{color: #223adf;}

.home_title em{color: #ff7600;}

.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}

.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}

.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}

.home_line span:before{left: -40px;}

.home_line span:after{right: -40px;}

/*底部*/

.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}

.foot_copy a{color: #8e8e8e;}

.footer{width: 100%; position: relative; z-index: 990;}

.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}

.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}

.footer li a{display: block; width: 100%; height: 100%; color: #666;}

.footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;}

.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}



/*新闻---列表式*/

.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}

.news_item:first-child{padding-top: 10px;}

.news_item:last-child{border-width: 0;}

.news_pic{margin-bottom: 10px; overflow: hidden;}

.news_pic img{display: block; width: 100%;}

.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}

.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}

.news_date .md{color: #8a8a8a;}

.news_date .year{color: #bdbdbd; margin-left: 10px;}

.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}



/*产品列表*/

.productlistd ul li {width:50%;float: left;}

.productlistd .item {padding:10px;}

.productlistd ul li h3 {text-align: center;}

.product_details_body img {width: 100%;}

@font-face {
  font-family: 'iconfont1';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont1.woff2') format('woff2'),
      url('../fonts/iconfont1.woff') format('woff'),
      url('../fonts/iconfont1.ttf') format('truetype'),
      url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont1 {
  font-family: "iconfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}















.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.container{width: 100%;box-sizing: border-box;padding: 0 15px; margin: 0 auto;position: relative;}



.fl{float: left;}
.fr{float: right;}

/* **** banner start **** */
.banner .swiper-container_banner {width: 100%;height: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;}
.banner .swiper-slide {overflow: hidden; text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;	-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet{height: 6px;width: 6px;opacity: 1;background: #fff;position: relative;margin: 0 5px !important;}
.swiper-pagination-bullet::after{content: "";display: block;height: 12px;width: 12px;position: absolute;border: 1px solid #3EB2D9;border-radius: 100%;left: -4px;top: -4px;display: none;}
.swiper-pagination-bullet-active{background: #3EB2D9;}
.swiper-pagination-bullet-active::after{display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 15px;}
/* **** banner end **** */


.ind_tit{text-align: center;padding-top: 40px;padding-bottom: 15px;}
.ind_tit p{color: #333;font-size: 24px;font-weight: bold;}
.ind_tit span{color: #ddd;font-weight: bold;font-size: 16px;text-transform: uppercase;font-family: arial}





/* **** sec1 start **** */
.sec1{background: #F5F5F5;box-sizing: border-box;padding: 0px 0 60px 0;}
.sec1 .info{
	width: 100%;
	box-sizing: border-box;
}
.sec1 .info ul li{
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	width: calc(50% - 10px);
	text-align: center;
	border: 1px solid #3EB2D9;
	box-sizing: border-box;
	font-size: 16px;
	color: #3EB2D9;
	cursor: pointer;
}
.sec1 .info ul li+li{
	margin-left: 20px;
}
.sec1 .info ul li.active{
	background: #3EB2D9;
	color: #fff;
}
.sec1 .info h3{
	margin: 30px 0 10px 0;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.sec1 .info .desc span,.sec1 .info .desc a{
	display: inline-block;
	font-size: 15px;
	color: #666;
	line-height: 24px;
	text-indent: 2em;
}
.sec1 .number_box{
	display: block;
	margin: 20px 0 20px 0;
}
.sec1 .num_box{
	float: left;
	text-align: center;
	position: relative;
}
.sec1 .num_box:nth-of-type(1){width: 21%;}
.sec1 .num_box:nth-of-type(2){width: 35%;}
.sec1 .num_box:nth-of-type(3){width: 21%;}
.sec1 .num_box:nth-of-type(4){width: 23%;}
.sec1 .num_box+.num_box::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #ccc;
}
.sec1 .num_box p{color: #666;font-size: 14px;}
.sec1 .num_box p>span{color: #3EB2D9;font-size: 32px;font-weight: bold;}
.sec1 .num_box>span{color: #666;font-size: 14px}

.sec1 .video_box{
	width: 100%;
}

.sec1 .content .info .desc span:nth-of-type(1){
	margin-top: 20px;
}

.sec1 .video{
	position: relative;
	overflow: hidden;
}
.sec1 .video:hover img{
	/* transform: scale(1.1); */
}
.sec1 .video_box img{
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	transition: .6s;
}
.sec1 .video_box img:hover~i,.sec1 .video_box i:hover{
	opacity: .7;
}
.sec1 .video_box i{
	display: block;
	background: url(../images/video_open.png) no-repeat;
	height: 81px;
	width: 126px;
	background-size: 126px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -63px;
	margin-top: -40px;
	transition: .3s;
	cursor: pointer;
}
.layui-layer-video video{
	width: 100%;
}

/* **** sec1 end **** */




/* **** sec2 start **** */
.sec2 .ind_tit{padding-bottom: 15px;}
.sec2_bg{box-sizing: border-box;padding: 20px 0; background: url(../images/sec2_bg.jpg) no-repeat;background-size: cover !important;background-position: center !important;}

.samp_sel ul li{
	float: left;
	width: 20%;
	text-align: center;
	background: #404040;
	box-sizing: border-box;
	margin-bottom: 20px;
	transition: .3s; 
}
.samp_sel ul li+li{border-left: 1px solid #fff !important;}
.samp_sel ul li a{transition: .3s; color: #fff !important;font-size: 14px;box-sizing:border-box;display: block; padding: 15px 0;}
.samp_sel ul li.on{background: #3EB2D9;}
.samp_sel ul:nth-of-type(2) li:hover{
	background: #3EB2D9;
}

.samp_item{
	position: relative;
}
.samp_box .img{
	width: 100%;
	overflow: hidden;
}
.samp_box .img img{
	width: 100%;
	transition: .6s;
}
.samp_box .img:hover img{
	transform: scale(1.1);
}
.samp_box .info{
	box-sizing: border-box;
	padding: 20px 15px 20px 15px;
	background: #fff;
}
.samp_box .info h3{
	font-size: 20px;
	font-weight: bold;
	color: #222222;
}
.samp_box .info span{
	font-size: 14px;
	color: #666666;
	display: block;
	line-height: 24px;
	margin: 5px 0 10px 0;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 48px;
}
.samp_box .info a{
	border-radius: 23px;
	background: #3EB2D9;
	color: #FFFFFF !important;
	font-size: 14px;
	box-sizing: border-box;
	padding: 8px 25px;
	display: inline-block;
}
.samp_box .ico{
	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-top: 30px;
}
.samp_box .ico img{
	width: calc(25% - 13.333px);
}
.samp_box .ico img+img{
	margin-left: 10px;
}
.samp_box{
	margin-bottom: 10px;
	position: relative;
}


.img_item{
	width: calc(50% - 5px);
	float: left;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	transition: .3s;
	margin-right: 10px;
	margin-bottom: 10px;
}
.img_item .img{
	overflow: hidden;
}
.img_item img{
	width: 100%;
	transition: .6s;
}
.img_item:nth-of-type(2n){
	margin-right: 0px;
}
.img_item p{
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
	padding: 10px 10px;
	transition: .3s;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
}
.img_item:hover img{
	transform: scale(1.1);
}
.img_item:hover p{
	background-color: #3EB2D9;
	color: #fff;
}
/* **** sec2 end **** */




/* **** sec3 start **** */
.do_item_box{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #000000;
	transition: .8s;
	margin-bottom: 15px;
}
.do_item{
	position: relative;
}
.do_item_box img{
	width: 100%;
	/* opacity: .5; */
	transition: .8s;
}
.do_item_box:hover img{
	transform: scale(1.1);
}
.do_item_box .desc2{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	width: 100%;
	box-sizing: border-box;
	padding: 15px 15px;
	color: #fff;
}
.do_item_box .desc2 .wz{
	float: left;
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding-right: 20px;
}
.do_item_box .desc2 .wz p{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}
.do_item_box .desc2 .wz p>span{
	text-transform: uppercase;
	padding-left: 5px;
	font-size: 12px;
	font-family: Arial;
	font-weight: 400;
}
.do_item_box .desc2 .wz>span{
	font-size: 14px;
	line-height: 22px;
	display: block;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 44px;
}
.do_item_box .desc2 a{
	float: left;
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #3EB2D9;
	color: #fff !important;
	text-align: center;
	font-size: 14px;
	margin-top: 25px;
}



/* **** sec3 end **** */




/* **** sec4 start **** */

.sec4{
    background-color: #F5F5F5;
}
.sec4 .inner-title{
    font-size: 45px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #3EB2D9;
    text-align: center;
    top: -44px;
}
.sec4 .inner-title span{
    font-size: 22px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    position: relative;
    top: -10px;
}
.sec4 .inner-desc2{
    font-size: 60px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #EDEDED;
    text-align: center;
}
.sec4 .adv_tabCon{
    /* padding-top: 46px; */
    overflow: hidden;
}
.sec4 .hd {
    font-size: 0;
    text-align: center;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 13px 28px 0px rgba(187, 187, 187, 0.68);
    z-index: 22;
}
.sec4 .hd .item{
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #222222;
	border: 1px solid #ccc;
	box-sizing: border-box;
    height: 80px;
    float: left;
    box-sizing: border-box;
    width: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    position: relative;
    cursor: pointer;
}
.sec4 .hd .item span{
    font-size: 14px;
    /* padding-left: 44px; */
    position: relative;
    /* top: 32px; */
}
.sec4 .hd .item.active,
.sec4 .hd .item:hover {
    background-color: #3EB2D9;
    color: #ffffff;
    border-right: 1px solid #3EB2D9;
}
.sec4 .hd .tender{
    width: 30px;
	height: 30px;
	position: relative;
	margin: 10px auto;
}
.sec4 .hd .item.n1{border-right: none;border-bottom: none;}
.sec4 .hd .item.n2{border-bottom: none;}
.sec4 .hd .item.n3{border-right: none;}


.sec4 .tender img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
}
.sec4 .tender img.img1 {
    opacity: 1;
    visibility: visible;
}
.sec4 .tender img.img2 {
    opacity: 0;
    visibility: hidden;
}
.sec4 .item:hover .tender .img1,
.sec4 .item.active .tender .img1 {
    opacity: 0;
    visibility: hidden;
}
.sec4 .item:hover .tender .img2,
.sec4 .item.active .tender .img2 {
    opacity: 1;
    visibility: visible;
}
.sec4 .adv_desc{
   width: 100%; 
    /* height: 235px; */
    background: #222222;
}
.sec4 .contact_btn {
    margin-top: 15px;
	padding-bottom: 15px;
}
.sec4 .contact_btn a{
    display: block;
}
.sec4 .contact_btn a.about{
    width: 50%;
    height: 50px;
    background: #3EB2D9;
    font-size: 16px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    transition: all .9s;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    -o-transition: all .9s;
	float: left;
}
.sec4 .contact_btn a.about:hover{
    background-color: #ffffff;
    color: #3EB2D9;
}
.sec4 .contact_btn a.contact{
	float: left;
    box-sizing: border-box;
    width: 50%;
    height: 50px;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    transition: all .9s;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    -o-transition: all .9s;
}
.sec4 .contact_btn a.contact:hover{
    background: #3EB2D9;
    border-color: #3EB2D9;
    color: #ffffff !important;
}
.sec4 .contact_tel{
    /* margin-right: 68px; */
    margin-top: 15px;
}
.sec4 .contact_tel b{ 
    font-size: 24px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF;
}
.sec4 .contact_tel span{
    font-size: 16px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #6E6E6E;
    display: block;
    margin-bottom: 3px;
}
.sec4 .contact_tel span img{
    margin-right: 8px;
    vertical-align: middle;
}
.sec4 .num{ 
    font-size: 24px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF;
	padding-top: 15px;
}
.sec4 .bd .title{
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 6px;
}
.sec4 .bd .text{
    font-size: 14px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    overflow: hidden;
}
.sec4 .bd .left{
    width: 100%;
}
.sec4 .bd .right{
	width: 100%;
}
.sec4 .adv_item .img{
    width: 100%;
    overflow: hidden;
}
.sec4 .adv_item .img img{
    width: 100%;
    transition: transform 1.02s;
    -webkit-transition: transform 1.02s;
    -moz-transition: transform 1.02s;
    -ms-transition: transform 1.02s;
    -o-transition: transform 1.02s;
    overflow: hidden;
}
.sec4 .adv_item:hover .img img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}
/* **** sec4 end **** */




/* **** sec5 start **** */
.sec5{
	background: url(../images/sec5_bg.jpg) no-repeat;
	background-size: cover !important;
	background-position: center !important;
	padding-bottom: 40px;
}
.sec5 .ind_tit{
	padding-bottom: 20px;
}
.sec5 .img{
	width: 29.33%;
	margin: 0 2%;
	float: left;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 5px;
	position: relative;
	box-shadow: 0px 0px 15px #c3c3c3;
	margin-bottom: 15px;
}
.sec5 .img::after{
	content: "";
	display: block;
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	border: 1px solid #e3e3e3;
	border-radius: 100%;
	position: absolute;
	top: 10px;
	left: 10px;
	box-sizing: border-box;
	transition: .6s;
}
.sec5 .img img{
	width: 100%;
	transition: .6s;
}
.sec5 .img:hover::after{
	border: 1px solid #3EB2D9 !important;
}


.lx_more{
	display: block;
	height: 90px;
	width: 90px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #3EB2D9;
	font-size: 14px;
	box-sizing: border-box;
	padding: 20px 15px 10px 8px;
	background: #fff;
	color: #3EB2D9;
	transform: rotate(45deg);
	transition: .3s;
	margin-top: 20px;
}
.lx_more .a{
	font-size: 14px;
	transform: rotate(-45deg);
}
.lx_more:hover{
	background: #3EB2D9;
	color: #fff !important;
}
/* **** sec5 end **** */




/* **** sec6 start **** */
.sec6{
	box-sizing: border-box;
	padding: 20px 0;
}
.sec6 .sec_tit{
	width: 100%;
	text-align: center;
}
.sec6 .sec_tit .tit{
	margin-bottom: 20px;
}
.sec6 .sec_tit .tit p{
	font-size: 24px;
	color: #333333;
	/* margin-bottom: 10px; */
}
.sec6 .sec_tit .tit span{
	color: #666666;
	font-size: 16px;
}
.sec6 .sec_tit a{
	width: calc(33.3% - 13.333px);
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 5px 15px;
	color: #666;
	margin-left: 10px;
}

.sec6 .sec_tit a.active,.sec6 .sec_tit a:hover{
	color: #fff !important;
	background: #3EB2D9;
	border-bottom: 4px solid #333;
}

.case_list{
	margin-top: 20px;
}
.case_item{
	width: 100%;
	box-sizing: border-box;
	transition: .4s;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.case_item::after{
	content: "";
	display: block;
	width: 0%;
	height: 3px;
	background: #3EB2D9;
	transition: .4s;
}
.case_item a{
	padding: 15px;
	box-sizing: border-box;
	display: block;
}
.case_item h3{
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	color: #666666;
	margin-bottom: 10px;
}
.case_item p{
	font-size: 16px;
	color: #333333;
	margin-bottom: 5px;
	transition: .4s;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
	height: 25px;
}
.case_item span{
	font-size: 14px;
	color: #666666;
	display: block;
	margin-bottom: 10px;
	line-height: 18px;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 36px;
}
.case_item .img{
	overflow: hidden;
	margin-bottom: 20px;
}
.case_item .img img{
	width: 100%;
	transition: .6s;
}
.case_item i{
	display: block;
	height: 48px;
	width: 48px;
	text-align: center;
	line-height: 48px;
	transform: rotate(90deg);
	background: #3EB2D9;
	color: #fff;
	transition: .4s;
	border-radius: 100%;
}


.case_item:hover{
	margin-top: -20px;
	box-shadow: -1px 11px 16px 5px rgba(0, 0, 0, 0.1);
}
.case_item:hover::after{
	width: 100%;
}
.case_item:hover p{
	color: #3EB2D9;
}
/* **** sec6 end **** */