@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:14px/2 微软雅黑;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}
p{margin: 0 0 0 0;}
html{font-family:"微软雅黑"!important;}
input{padding:0;margin:0;font-family:'微软雅黑';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*公用样式*/
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}












.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.wt{width:1920px;position: relative;left:50%;margin-left:-960px;}
.wt_t{width:1200px;margin:0 auto;}
.container{width:1200px;margin:0 auto;padding:0px;}




/*头部*/
.hh1{overflow: hidden;	height: 39px;
	background-color: #f1f1f1;}
.wel{	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #666666;}
.kk1{	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #666666;}
.kk1 a{	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #666666;}



.hh2{height:105px;}
.logo{line-height:105px;float:left;}
.logo img{line-height:105px;}
.tel{background:url(/template/default/assets/images/tel.png) no-repeat center left;padding-left: 25px;float:right;color:#373737;line-height: 25px;margin-top:25px}


/*导航栏样式*/
 .fixednav{position: fixed;left: 0;top: 0;z-index: 99999}
#menu{background-color: #00ada9;width:100%;}
.navs li{text-align:center;float:left;position:relative;z-index:999;width: 171px; background:url(/template/default/assets/images/x1.png) no-repeat center right}
.navs li:last-child{background:none}
.navs li a{display:block;line-height:57px;color:#ffffff;height:57px;padding: 0;font-size: 17px;padding: 0;}
.navs li a:hover{color:#00ada9;text-decoration:none;background-color:#f6f6f6;}
.navs>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color:#f6f6f6;color:#00ada9
}

.navs .sec{height:0;background:#00ada9;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:57px;left:0px;width: 100%;}
.navs .sec a{background:#00ada9;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.navs .sec a:hover{background:#00ada9;text-decoration:none;}



/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#666;}
.hotSearch a{color:#666;}

/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#00ada9;color:#fff;border:none;cursor:pointer;font-size: 12px;}



/* box1 */
.box1{margin-top:50px}
.tt1{	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #323232;text-align: center;}

.tt_en{	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;text-transform: uppercase;
	color: #00ada9;text-align: center;background:url(/template/default/assets/images/t1.png) no-repeat center bottom;margin-top:10px}


/* <!-- 案例滚切换 -->*/
.chan{width:1200px;margin:0 auto;text-align:center;margin-top:50px;position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}


.twt li{float: left;overflow: hidden; margin-left: 20px;width: 380px;height:380px;border:1px solid #dfdfdf;position: relative;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 100%;height:100%;}
.twt li:hover{border:1px solid #66cecb}
.twt li h2{color:#323232;font-size:16px;text-align: center;background:#ebebeb;width:100%;position: absolute;left:0px;bottom:0px;line-height: 40px;}
.twt li h2 a{color:#323232;font-size:16px;text-align: center;font-weight: 400;}
.twt li:hover h2{background:#66cecb}
.twt li:hover h2 a{color:#fff}
.twt li a.img img{transition-duration: .6s;}
.twt li a.img img:hover {
    transform: translateY(-10px);
}





#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.box2{margin-top:50px;height:647px;padding-top: 60px;
      background: url(/template/default/assets/images/bg1.png) no-repeat center fixed;  background-size: cover;}

.aabb{	width: 1197px;margin:0 auto;margin-top:45px;
	height: 414px;
	background-color: #ffffff;
	box-shadow: 0px 2px 15px 0px 
		rgba(3, 0, 0, 0.19);padding-top:50px}

.aann{	width: 1120px;margin:0 auto;
	height: 150px;
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #555555;overflow: hidden;text-align: center;}



.tt_ll{margin-top:50px;margin-left:50px;float:left}
.tt_ll li{margin-right:70px;float:left}
.tt_ll li .img1{display:table;margin:0 auto;margin-top:5px;text-align: center;width:47px;float:left}
.tt_ll li .img1 a img{text-align: center;width:47px;height:47px}
.tt_ll li .dnn{float:left;margin-left:15px}
.tt_ll li h2 a{text-align: left;color:#00cecb;font-size:12px;font-weight: 400}
.tt_ll li h2{text-align: left;color:#00cecb;font-size:12px;font-weight: 400;margin-top:10px;}
.tt_ll li span{display: block;color:#333333;font-size:19px;line-height: 25px;margin-top:10px}

.tt_ll li .img1{transition-duration: .6s;}
.tt_ll li .img1:hover {
    transform: translateY(-10px);
}


.mm1{width: 156px;
	height: 46px;
	background-color: #eeeeee;float:right;margin-right:50px;text-align: center;margin-top:75px}
.mm1 a{	font-family: "微软雅黑";
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 1px;
	color: #666666;text-align: center;}

.mm1:hover{background-color: #00cecb;}
.mm1:hover a{color: #ffffff;}


	/* <!-- box3 --> */
.box3{background:#f8f8f8;padding:50px 0}


/*多页签*/
.promenu{width: 1200px;margin:0 auto;margin-top:35px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.promenu li{ float: left;overflow: hidden;line-height:44px;margin:0 12px;display: block;box-sizing: border-box;text-align: center;
overflow: hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.4s linear;background-color: #ffffff;
border-radius: 3px;width:134px}
.promenu li a{font-size: 17px;color: #666666;}
.promenu li.on{background-color: #00ada9;}
.promenu li.on a{color: #fff;}



.b1b_index{width: 1200px;margin:0 auto;overflow: hidden;margin-top:55px;display: block;}


.tabx{height:0;overflow:hidden;}
.tabx.aa{height:auto;}

/* pp_ll */
.tab1{width:590px;float:left;height:490px}
.pp_ll .owl-carousel {position: relative;}
.pp_ll li{/*height:590px!important*/}
.pp_ll li a.img{height:590px!important;overflow: hidden;}
.pp_ll li a.img img{height:590px!important;}
.pp_ll .owl-carousel .a { display: block;}
.pp_ll .owl-carousel .owl-nav .owl-prev { left: -0px;}
.pp_ll .owl-carousel .owl-nav .owl-next {  right:-0px;}
.pp_ll .owl-carousel .owl-nav button.owl-prev,
.pp_ll .owl-carousel .owl-nav button.owl-next {outline: none;position: absolute;top: 40%;z-index: 9999;height: 65px;width:15px;margin-top: -32.5px;border-radius: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.pp_ll .owl-carousel .owl-nav .icon-font {  display: block;  width: 100%;height: 100%;}
.pp_ll .owl-carousel .owl-nav .icon-left-arrow:after { background-position: 0px -180px;}
.pp_ll .owl-carousel .owl-nav .icon-right-arrow:after {background-position: 0px -480px;}
  
.pp_ll li h2{color:#333333;font-size:20px;text-align: left;font-weight: 400;border-top: 1px solid #dcdcdc;background: #fff;height:91px;
	line-height:91px;}
.pp_ll li h2 a{color:#333333;font-size:20px;text-align: left;font-weight: 400;padding-left:45px}


.pp_ll .owl-carousel .owl-dots {  position: absolute;  z-index: 999;  right: 41px; font-size: 0; bottom: 40px;}
.pp_ll .owl-carousel .owl-dots button.owl-dot {display: inline-block;vertical-align: middle;font-size: 14px;  margin: 0 5px;  outline: none;   width: 12px;
    height: 12px;background:url(/template/default/assets/images/d2.png) no-repeat center top;}



.pp_ll .owl-carousel .owl-dots button.owl-dot:hover {background:url(/template/default/assets/images/d1.png) no-repeat center top;}
.pp_ll .owl-carousel .owl-dots button.owl-dot.active {background:url(/template/default/assets/images/d1.png) no-repeat center top;}


.tab2{/*width:594px;*/float:right}

.product_list1 li {
	float: left;
	margin-right: 12px;
	margin-bottom: 21px;
	_display: inline;
  
}

.product_list1 li:nth-child(2n){float:right}


  .product_list1 li a.img img {
	width: 285px;
	height: 285px;
  }
  
  .product_list1 li h3 {
	text-align: center;
	line-height: 44px;
	background: #fff;
	border-top: 1px solid #e1e1e1;
  }
 
  .product_list1 li:hover h3{background:#00ada9;border-top: 1px solid #00ada9;}
  .product_list1 li:hover h3 a{color:#fff}
  .product_list1 li h3 a {
	font-weight: normal;
	color: #4c4c4c;
	font-size: 14px;
  }
  
  .product_list1 li a.img {
	display: block;
  }
  

  /* <!-- box4 --> */
.box4{height:643px;padding-top: 60px;
    background: url(/template/default/assets/images/bg4.png) no-repeat center fixed;
    background-size: cover;
}

/* <!-- 滚1 -->*/
.case_gun{width:1200px;margin:0 auto;margin-top:40px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

.product_list11 li {
	float: left;
	margin-right: 12px;
	margin-bottom: 21px;
	_display: inline;	
	width: 285px;
	height: 233px;
	position: relative;
	overflow: hidden;
  
}

  .product_list11 li a.img img {
	width: 285px;
	height: 171px;
  }
  
  .product_list11 li h3 {
	text-align: center;
	line-height: 60px;
	background: #00ada9;position:absolute;left:0px;bottom:0px;	width: 285px;
  }
  .product_list11 li h3 a {
	font-weight: normal;
	color: #fff;
	font-size: 17px; }

 
  .product_list11 li:hover h3{display: none;}


  
  .product_list11 li a.img {
	display: block;
  }

  .product_list11 li .dcc{position:absolute;height:0px;transition: all .3s;top:0px;background:rgba(0, 173, 169, 0.60);width:100%;overflow: hidden;}
  .product_list11 li:hover .dcc{height:100%;}
  .product_list11 li .dcc h2{color:#fff;font-size:18px;text-align: center;font-weight: 600;margin-top:75px}
  .product_list11 li .dcc h2 a{color:#fff;font-size:18px;text-align: center;font-weight: 600;}
  .product_list11 li .dcc span{	font-family: ArialMT;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;display: block;text-align: center;text-transform: uppercase;margin-top:10px;display: block;}

.mm2{width:35px;margin:0 auto;height:35px;margin-top:10px}


.mm3{width:247px;margin:0 auto;height:43px;line-height: 43px;background:url(/template/default/assets/images/mm3.png) no-repeat center top;text-align: center;margin-top:30px}
.mm3 a{color:#fff;text-align: center;font-size: 18px;}

.mm3:hover a{
    color:#00ada9;
}


.box5{margin-top:50px}





 /*<!--{* 新闻样式1 *}-->*/
.xin{width:1200px;margin:0 auto;margin-top:30px;}
#tabs2{height: 41px;position: relative;display: flex;justify-content: center;align-items: center;width:1200px;}
#tabs2 li{float: left;text-align: center;	width: 149px;
	height: 41px;
	background-color: #eeeeee;	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 41px;
	letter-spacing: 0px;
	color: #333333;margin:0 12px}

#tabs2 li.on{color: #fff;height: 40px;	background-color: #00ada9;}


.tab-body{margin-top: 60px;}
.wen1{width:770px;float:left;}
.news_list1 li{overflow: hidden;}
.news_list1 li .img{float: left;display: block;}
.news_list1 li a.img img{width: 305px;height: 200px;}
.news_list1 li .cont{display:block;width:425px;float:right}
.news_list1 li .cont h2{margin-top: 15px;}
.news_list1 li .cont h2 a{font-weight: 400;text-align: left;color:#282828;font-size:20px}
.news_list1 li dt{color:#bbbbbb;font-size:14px;display:block;margin-top:10px;font-weight:400;}
.news_list1 li .cont p{color: #777777;font-size: 14px;line-height: 24px;margin-top: 5px;text-align: left;height:72px;overflow: hidden}
.news_list1 li .cont h2 a:hover{color: #00ada9;}
.news_list1 li .cont p a{color:#0c3d9b!important;font-size: 15px;}
.mm4{width: 132px;
	height: 27px;
	background-color: #eeeeee;margin-top:20px;text-align: center;}
.mm4 a{	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #333333;text-align: center;}
	
.mm4:hover{
   background-color: #00ada9;
   color:#fff;
}	
.mm4:hover a{
  
   color:#fff;
}	

.news_list2x{margin-top:25px;}
.news_list2x li{float: left;margin-bottom:5px;position:relative;width:100%;line-height:35px;height:84px;margin-bottom: 35px;}
.news_list2x li .time{width:90px;height:84px;background:url(/template/default/assets/images/tm.png) no-repeat center top;float:left;text-align:center;padding-top: 20px;}
.news_list2x li .time b{	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #ffffff;text-align:center;}
.news_list2x li .time b span{	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #ffffff;padding-left:10px}
.news_list2x li .time dt{	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #666666;text-align: center;margin-top:5px}



.news_list2x li .dhh{display:block;width:645px;float:right}
.news_list2x li .dhh h2{margin-top: 5px;}
.news_list2x li .dhh h2 a{font-weight: 400;text-align: left;color:#282828;font-size:20px}
.news_list2x li .dhh span{color:#777777;font-size:14px;display:block;margin-top:5px;font-weight:400;height:48px;overflow: hidden;line-height: 24px;}
.news_list2x li .dhh h2 a:hover{
    color:#00ada9;
}

.wen2{width:390px;float:right;overflow: hidden;}
.news_list3x{background: url(/template/default/assets/images/xx1.png) repeat-y 5px top;padding-bottom: 10px;margin-top:-17px}
.news_list3x li{background:url(/template/default/assets/images/c2.png) no-repeat center left;}
.news_list3x li a{color:#555555;font-size:15px;display:block;line-height: 46px;border-bottom: 1px dashed #d3d3d3;margin-left:20px}
.news_list3x li:hover{background:url(/template/default/assets/images/c1.png) no-repeat center left;}
.news_list3x li:hove a{color:#00ada9}



/*<!--{* 友情链接 *}-->*/
.link{color:#333;font-size:14px;line-height:25px;}
.link a{color:#333;font-size:14px;line-height:25px;}



/* <!--{* 通栏 *}--> */
.dff{background:#373737;padding-top:50px;padding-bottom: 20px;margin-top:45px}

.dda{width:320px;float:left;}
.dftt{	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;}
.dftt span{	font-family: ArialMT;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;display: block;}
.lxwm{	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #ffffff;
	opacity: 0.55;margin-top:20px}


.ddb{width:860px;position: relative;float:right;height:250px}
.ddb dl{width:150px;float:left}
.ddb dl dt{	font-family: "微软雅黑";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;margin-bottom: 15px;}

.ddb dl dd a{	font-family: "微软雅黑";
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 23px;
	letter-spacing: 1px;
	color: #ffffff;
	opacity: 0.45;}

.ddb dl dd a:hover{
   opacity: 1;
}


.wwmm{position:absolute;right:0px;top:8px}



.dff2{background: #373737;padding:20px;border-top: 1px solid #4c4c4c;}

.seox{	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;	color: #7e7e7e;
}

	.seox a{font-family: "微软雅黑";
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 36px;
		letter-spacing: 0px;
		color: #7e7e7e;
}
.seox .jszc img{margin-top:-3px;}




/* */
.product-detail-swiper {
    width:41%;
    float: left;
}

.product-detail-swiper .view {
    border: 1px solid #e5e5e5;
}

.product-detail-swiper .view .swiper-slide {
    outline: none;
}

.product-detail-swiper .view .slick-con {
    text-align: center;
    display: block;
    height: auto;
   /* line-height: 318px;*/
   width: 100%;
    font-size: 0;
}

.product-detail-swiper .view .slick-con img {
    max-width: 100%;
   /* height:350px;*/
    vertical-align: middle;
    padding: 10px;
}

.product-detail-swiper .view .slick-con:after {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.product-detail-swiper .preview {
    margin: 0 -5px;
    position: relative;
    margin-top: 10px;
    display: none;
}

.product-detail-swiper .preview .swiper-slide {
    outline: none;
}

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
    border-color: #00ada9;
}

.product-detail-swiper .preview .slick-con {
    text-align: center;
    display: block;
    height: 101px;
    line-height: 99px;
    margin: 0 5px;
    border: 1px solid #e1e1e1;
    font-size: 0;
}

.product-detail-swiper .preview .slick-con img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.product-detail-swiper .preview .slick-con:after {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.product-detail-swiper .preview .arrow-left,
    .product-detail-swiper .preview .arrow-right {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -25px;
    width: 20px;
    height: 50px;
    background: rgba(89, 89, 89, 0.8);
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
}

.product-detail-swiper .preview .arrow-left {
    left: 5px;
}

.product-detail-swiper .preview .arrow-right {
    right: 5px;
}

.product-detail-lists {
    width: calc(100% - 408px);
   
    float: right;
}

.product-detail-lists h1 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 65px;
}

.product-detail-lists .product-detail-item li {
    border-top: 1px solid #eee;
    padding: 26px 0;
    font-size: 18px;
    color: #333333;
}

.product-detail-lists .product-detail-item li span {
    font-size: 14px;
    color: #666666;
}

.product-detail-lists .product-detail-inquiry {
    margin-bottom: 20px;
}

.product-detail-lists .product-detail-inquiry a {
    display: inline-block;
    width: 80%;
    line-height: 60px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background: #00ada9;
    border-radius: 2px;
}

.product-detail-lists .product-detail-inquiry a i {
    font-size: 20px;
    line-height: 0;
    vertical-align: -2px;
    margin-right: 5px;
}

.product-detail-lists .service-number {
    font-size: 14px;
    color: #333333;
}

.product-detail-lists .service-number span {
    font-size: 25px;
    color: #00ada9;
}<!--0.00022411346435547-->