@charset "utf-8";
/* CSS Document */
BODY {
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	}
a{text-decoration:none;}
ul li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666}
.container{width:1200px;margin:0 auto}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{border:none}
.banner span{ cursor:pointer; float:left;}
@font-face {
    font-family: 'bodoni_bd_btbold';
    src: url('tt0037m-webfont.woff2') format('woff2'),
         url('tt0037m-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.clear{clear:both}



<!--返回顶部-->
#fanhui{ float:left;width:60px; height:60px; left:50%; top:80%; } 
#fanhui h3{ position:fixed;  left:100%; margin-left:-60px; top:80%; background-image:url(../images/top_01.png); width:60px; height:60px; background-repeat:no-repeat;}
#fanhui h3:hover{ background-image:url(../images/top_02.png); }


/*banner*/
.fullSlide{ float:left;width:100%;  position:relative;  height:600px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center;
	
}
.fullSlide .hd ul{ text-align:center;   }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; width:11px; height:11px; border-radius:50%; background:#fff; margin-left:10px; margin-right:10px;overflow:hidden;line-height:9999px;
	
}
.fullSlide .hd ul .on{width:11px; height:11px; border-radius:50%; background:#68d1ef;  }

.fullSlide .pnBtn{  position:absolute; z-index:1;   cursor:pointer;   }
.fullSlide .prev{ left:5%;top:270px; width:60px;height:60px ;background:url(../images/left.png) center top no-repeat }
.fullSlide .prev:hover{background:url(../images/left-1.png) center top no-repeat }
.fullSlide .next{ right:5%;top:270px;   width:60px;height:60px ;background:url(../images/right.png) center top no-repeat }
.fullSlide .next:hover{background:url(../images/right-1.png) center top no-repeat }
.fullSlide .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:335px;  }
.fullSlide .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.fullSlide .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }
.fullSlide .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }

.head-top{width:100%;padding:10px 0 10px 0}
.head-topl{float:left;width:900px;}
.head-topr{float:right;width:230px;}

.head-menu{width:100%;height:60px;background:#01a6de;box-sizing:border-box;padding:0 1.5px}
.head-menu ul li{float:left;width:171px;height:60px;line-height:60px;text-align:center}
.head-menu ul li a{color:#fff;font-size:18px}
.head-menu ul li:hover{background:url(../images/juxing.png) center bottom no-repeat}
.head-menu ul li.on{background:url(../images/juxing.png) center bottom no-repeat}

.tubiao{width:100%;padding:95px 0}
.tubiao ul li{float:left;width:300px;text-align:center;font-size:16px;color:#0a0b08}
.ico1{width:100%;position:relative;height:121px;margin-bottom:30px;}
.ico2{width:100%;position:relative;height:121px;margin-bottom:30px;}
.ico3{width:100%;position:relative;height:121px;margin-bottom:30px;}
.ico4{width:100%;position:relative;height:121px;margin-bottom:30px;}
.ico1:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:url(../images/ico1.png) center center no-repeat;}
.tubiao ul li:hover .ico1 img{transition:all ease-in-out 0.5s;transform:rotate(180deg)}
.ico2:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:url(../images/ico2.png) center center no-repeat;}
.tubiao ul li:hover .ico2 img{transition:all ease-in-out 0.5s;transform:rotate(180deg)}
.ico3:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:url(../images/ico3.png) center center no-repeat;}
.tubiao ul li:hover .ico3 img{transition:all ease-in-out 0.5s;transform:rotate(180deg)}
.ico4:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:url(../images/ico4.png) center center no-repeat;}
.tubiao ul li:hover .ico4 img{transition:all ease-in-out 0.5s;transform:rotate(180deg)}

/*关于我们*/
.about{width:100%;padding-bottom:85px;padding-top: 80px;}
.biaoti{width:100%;height:50px;text-align:center;font-size:42px;color:#353535;background:url(../images/title-bg.png) center 20px no-repeat}
.biaoti1{width:100%;height:50px;text-align:center;font-size:42px;color:#353535;}
.about-con{width:100%;margin-top:90px}
.about-conl{float:left;width:520px;height:443px;background:url(../images/juxing1.png) left center no-repeat}
.about-conl img{display:block;margin:0 auto;margin-top:60px;width:421px;height:315px}
.about-conr{float:right;width:660px;}
.about-conr h2{position:relative;font-size:28px;color:#3f3f3f;margin-bottom:95px}
.about-conr h2:after{position:absolute;content:'';width:55px;height:2px;left:0;bottom:-10px;background:#01a6de}
.about-conr1{line-height:25px;color:#3f3f3f;heihgt:230px;overflow:hidden;margin-bottom:60px}
.more{display:inline-block;width:180px;height:42px;text-align:center;line-height:42px;color:#fff;background:#19c6fa}

/*产品中心*/
.product{width:100%;padding:90px 0 80px 0;background:#f8f8f8}
.product-con{width:100%;margin-top:45px}
/* 本例子css */
.product-con .slideTxtBox{ width:100%; }

.product-con .slideTxtBox .hd{ height:40px;  position:relative; }
.product-con .slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px;   }
.product-con .slideTxtBox .hd ul li{ float:left;width:293px;height:40px; text-align:center;line-height:40px;border:1px solid #00a0e9;border-radius:3px; cursor:pointer;margin:2px 2px ;font-size:16px;color:#353535 }
.product-con .slideTxtBox .hd ul li.on{ background:#00a0e9; border:1px solid #00a0e9;  color:#fff}

.product-con .slideTxtBox .bd ul{zoom:1; margin-top:160px }
.product-con .slideTxtBox .bd li{ float:left;width:282px;height:210px;margin-right:24px;margin-bottom:20px ;position:relative;overflow:hidden}
.pro-tupian{width:282px;height:210px;}
.product-con .slideTxtBox .bd li:nth-child(4n){margin-right:0}

.pro-blcok{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);text-align:center;display:none;transition:all ease-in-out 0.3s}
.pro-blcok h2{margin-top:65px;margin-bottom:25px}
.pro-blcok h3{background:url(../images/pro-bg.png) center center no-repeat;font-size:18px;color:#fff;height:24px;overflow:hidden;box-sizing:border-box;padding:0 65px} 
.product-con .slideTxtBox .bd li:hover .pro-blcok{display:block;transition:all ease-in-out 0.3s} 

/*新闻中心*/
.news{width:100%;padding:110px 0 100px 0}
.news-con{width:100%;margin-top:95px}
.news-conl{float:left;width:560px;height:420px;}
.news-conl img{display:block;width:560px;height:420px}
.news-conr{float:right;width:620px;}

.news-conr .slideTxtBox1 .hd{ height:50px; width:100%; position:relative; }
.news-conr .slideTxtBox1 .hd ul{ float:left;width:100%;   position:absolute; left:0px; top:0px;   }
.news-conr .slideTxtBox1 .hd ul li{ float:left;width:50%;height:50px; text-align:center;line-height:50px; cursor:pointer;background:#dcdcdc;font-size:18px;color:#353535 ;position:relative}
.news-conr .slideTxtBox1 .hd ul li.on{ background:#00a0e9;  color:#fff}
.news-conr .slideTxtBox1 .hd ul li.on:after{position:absolute;content:'';border:15px solid #000;width:0px; border-color: #00a0e9 transparent transparent  transparent;left:45%;bottom:-30px}

.news-conr .slideTxtBox1 .bd ul{zoom:1; margin-top:30px }
.news-conr .slideTxtBox1 .bd li{ float:left;width:100%;position:relative;overflow:hidden;padding-bottom:20px;border-bottom:1px dashed #eee;margin-bottom:18px}

.news-date{float:left;width:80px;height:80px;background:#00a0e9;color:#fff;text-align:center}
.news-date h2{font-size:34px;margin-top:5px}
.news-date h3{font-size:16px;}
.news-des{float:right;width:540px;height:80px;overflow:hidden;box-sizing:border-box;padding:0 20px}
.news-des h2{font-size:16px;color:#353535;margin-bottom:6px;margin-top:5px}
.news-des p{font-size:16px;color:#8f8e8e;line-height:25px;height:50px;overflow:hidden}

/*联系我们*/
.lianxi{width:100%;padding:125px 0 90px 0;background:#f8f8f8}
.lianxi-con{width:100%;margin-top:120px}
.lianxi-con ul li{float:left;width:300px;text-align:center}
.lx1{width:100%;height:56px;margin-bottom:60px}
.lx-text{text-align:center}
.lx-text h2{font-size:14px;color:#353535;margin-bottom:23px}
.lx-text p{font-size:14px;color:#353535}
.lx-text1{text-align:center;box-sizing:border-box;padding:0 45px}
.lx-text1 h2{font-size:14px;color:#353535;margin-bottom:23px}
.lx-text1 p{font-size:14px;color:#353535}


/*尾部*/
.footer{width:100%;background:#00a0e9}
.footer1{width:100%;height:50px;border-bottom:2px solid #397be7}
.footer2{width:100%;padding:45px 0 20px 0}
.footer1 ul{box-sizing:border-box;padding:0 1.5px}
.footer1 ul li{float:left;width:171px;height:50px;line-height:50px;position:relative;text-align:center}
.footer1 ul li:after{position:absolute;content:'';width:1px;height:15px;background:url(../images/shuxian1.png) no-repeat ;right:0;top:19px}
.footer1 ul li:last-child:after{background:none}
.footer1 ul li a{color:#fff;font-size:18px;}
.footer2l{float:left;width:455px;color:#fff;line-heihgt:30px}
.footer2l a{color:#fff;margin:0 8px}
.footer2l a:first-child{margin-left:40px}
.footer2m{float:left;width:600px;color:#fff}
.footer2m p{margin-bottom:28px}
.footer2r{float:right;width:125px; margin-right:20px;text-align:center;font-size:18px;color:#fff}
.footer2r img{ width:125px;}
/*新闻列表*/
.xinwen{width:100%;padding:40px 0 140px 0}
.xinwen-top{width:100%;border-bottom:1px solid #dcdcdc;padding-bottom:2px;margin-bottom:40px}
.xinwen-top img{vertical-align:bottom;margin-right:5px}
.xinwen-list{width:100%;margin-top:80px;margin-bottom:100px;}
.xw-l{float:left;width:300px;height:225px;overflow:hidden}
.xw-l img{width:300px;height:225px;transition:all ease-in-out 1s}
.xw-r{float:right;width:870px;height:225px;box-sizing:border-box;verflow:hidden}
.xw-r h2{font-size:16px;color:#353535;margin-top:30px;height:21px;overflow:hidden;margin-bottom:33px}
.xw-r p{font-size:14px;color:#8f8e8e;line-height:25px;height:75px;overflow:hidden;margin-bottom:40px;box-sizing:border-box;transition:all ease 0.5s}
.xw-r h3{font-size:14px;color:#4b4b4b}
.xinwen-list ul li{padding-bottom:40px;border-bottom:1px dashed #dcdcdc;margin-bottom:40px}
.xinwen-list ul li:hover .xw-l img{transform:scale(1.2);transition:all ease-in-out 1s}
.xinwen-list ul li:hover .xw-r h2{color:#00a0e9}
.xinwen-list ul li:hover .xw-r p{padding-right:100px;transition:all ease 0.5s}

.yeshu{text-align:center;width:100%}
.yeshu a{display:inline-block;padding:3px 12px;border:1px solid #00a0e9;margin:0 5px;border-radius:3px}
.yeshu a:hover{background:#00a0e9;color:#fff}
.yeshu a.on{background:#00a0e9;color:#fff}

/*产品列表*/
.chanpin{width:100%;padding:40px 0 75px 0}
.chanpin-top{width:100%;border-bottom:1px solid #dcdcdc;padding-bottom:2px;margin-bottom:80px}
.chanpin-top img{vertical-align:bottom;margin-right:5px}
.chanpin-list{width:100%;margin-top:45px;margin-bottom:100px;}
.chanpin-class{width:100%;margin-top:50px;text-align:center}
.chanpin-class a{display:inline-block;width:294px;height:40px;border:1px solid #00a0e9;border:1px solid #00a0e9;margin:2PX 2px;line-height:40px;border-radius:4px;font-size:16px;color:#353535}
.chanpin-class a:hover{color:#fff;background:#00a0e9}
.chanpin-class a.on{color:#fff;background:#00a0e9}

.chanpin-list ul li{ float:left;width:282px;height:210px;margin-right:24px;margin-bottom:20px ;position:relative;overflow:hidden}
.chanpin-tupian{width:282px;height:210px;}
.chanpin-list ul li:nth-child(4n){margin-right:0}

.chanpin-blcok{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);text-align:center;display:none;transition:all ease-in-out 0.3s}
.chanpin-blcok h2{margin-top:65px;margin-bottom:25px}
.chanpin-blcok h3{background:url(../images/pro-bg.png) center center no-repeat;font-size:18px;color:#fff;height:24px;overflow:hidden;box-sizing:border-box;padding:0 65px} 
.chanpin-list ul li:hover .chanpin-blcok{display:block;transition:all ease-in-out 0.3s} 

/*新闻详情*/
.xw-top{width:100%}
.xw-top h2{font-size:27px;color:#00a0e9;text-align:center;margin-bottom:10px}
.xw-top h3{text-align:center;color:#868686;font-size:14px}
.xinwen-con{width:100%;line-height:30px;margin-top:40px;padding-bottom:30px}
.tiaoshu{border-top:1px solid #eee;padding:10px 0 ;line-height:30px}
.tiaoshu a:hover{color:#00a0e9}

/*产品详情*/
.chanpin-img{wdith:100%;margin-top:60px}
.chanpin-img-con{width:798px;height:598px;border:1px solid #00a0e9;margin:0 auto;box-sizing:border-box;padding:15px 20px;position:relative}
.chanpin-img-con img{width:760px;height:570px}
.left3{position:absolute;width:58px;height:58px;left:-145px;top:270px;cursor:pointer}
.left3 img{width:58px;height:58px}
.right3{position:absolute;width:58px;height:58px;right:-145px;top:270px;cursor:pointer}
.right3 img{width:58px;height:58px}
.chanpin-con{width:100%;margin-top:50px}

.about-text{width:100%;margin-top:50px;line-height:30px}

/*案例展示*/
.case-list{width:100%;margin-top:90px;margin-bottom:80px}
.case-list ul li{ float:left;width:282px;height:210px;margin-right:24px;margin-bottom:20px ;position:relative;overflow:hidden}
.case-tupian{width:282px;height:210px;}
.case-list ul li:nth-child(4n){margin-right:0}



.case-blcok{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);text-align:center;display:none;transition:all ease-in-out 0.3s}
.case-blcok h2{margin-top:40px;color:#fff;font-size:14px;margin-bottom:5px}
.case-blcok h3{font-size:18px;color:#fff;height:24px;overflow:hidden;box-sizing:border-box;margin-bottom:15px} 
.case-list ul li:hover .case-blcok{display:block;transition:all ease-in-out 0.3s} 
.case-blcok span{display:block;width:60px;height:30px;border:1px solid #fff;border-radius:3px;line-height:30px;margin:0 auto;color:#fff;font-size:18px}
.case-blcok img{margin-bottom:10px}