@charset "utf-8";
/* CSS Document */
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:Arial, Helvetica,'微软雅黑','\5B8B\4F53'; }
body{font-size:12px;text-align:center;background:#fff;}
*{margin:0px;padding:0px;text-align:left;}
li{list-style-type:none;}
a{text-decoration:none;}
img{border:0px; vertical-align:middle;}
.pub{width:1300px;height:auto;margin:auto;}
.over{overflow:hidden;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/*首页*/
.top{ height: 115px;}
.logo{ width: 430px;float: left;margin-top: 25px;}
.tel{ width: 250px;float: right;margin-top: 25px;}

.nav_bg{width:100%;height:48px;text-align:center;background:#0099cb;}
.nav{height:48px;}
.nav_xm{float:left;width:auto;font-size:20px;text-align:center;position:relative;}
.nav_t{width:185px;height:48px;text-align:center;font-size:18px;line-height:48px;font-weight:500;}
.nav_t a{color:#fff;}
.nav_xm .nav_z{transition: all 0.5s;}
.nav_xm .nav_t{transition: all 0.5s;}
.nav_xm .nav_t a{transition: all 0.5s;}
.nav_xm:hover .nav_z{display:block; transition: all 0.5s;}
.nav_xm:hover .nav_t{background:#FFF; transition: all 0.5s;}
.nav_xm:hover .nav_t a{color:#0099cb; transition: all 0.5s;}
.nav_z{position:absolute;left:0px;top:48px;width:100%;height:auto; z-index:99; display:none;font-size:16px;background:#FFF;}
.nav_z ul li{padding:0px;width:100%;height:50px;line-height:50px;text-align:center;}
.nav_z ul li a{color:#0099cb;}
.nav_z ul li:hover{background:#0099cb; transition: all 0.5s;}
.nav_z ul li:hover a{color:#fff;}
.nav_jh .nav_t{background:#fff; }
.nav_jh .nav_t a{color:#0099cb;}

.bannerindex{width:100%;height:auto;text-align:center;}
.banner{width:100%;height:auto;text-align:center;}
.banner_img{width:100%;height:400px;overflow:hidden;display: flex;justify-content:center;align-items:center;}
.fullSlide{width:100%;position:relative;height:600px;background:#0099cb;}
.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:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:6px;margin:1px 10px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .hd ul .on{background:#0099cb;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.service_index{ margin-top: 80px;margin-bottom: 80px;overflow: hidden;}
.index_title{ overflow: hidden;width: 100%;}
.index_title p{ text-align: center;}
.index_title p:first-child{ font-size: 36px; color: #0099cb;}
.index_title p:last-child{ font-size: 24px; color: #333;}
.index_title.p_t_80{ padding-top: 80px;}
.service_index_con{ margin-top: 50px;width: 100%;overflow: hidden;height: auto;}
.service_index_con li{ width: 295px;float: left;background: #FFF;margin-right: 40px; margin-bottom: 40px;}
.service_index_con li img{ width: 235px; padding: 30px;}
.service_index_con li p{ height: 52px; background: #f4f4f4; text-align: center; color: #333; font-size: 16px; line-height: 52px;}
.service_index_con li:nth-child(4n){ margin-right: 0px;}
.service_index_con li:hover img{ transition: all 1s; transform: scale(1.2);}
.service_index_con li img{ transition: all 0.6s;}
.service_index_con li:hover p{ background: #0099cb;color: #fff; transition: all 0.6s;}


.about_index_bg{ background: url("../images/about_index_bg.png") no-repeat center;height: 700px;}
.about_index{ margin-top: 80px; overflow: hidden;}
.about_index_left{ width: 580px;float: left;font-size: 16px;line-height: 46px;text-indent: 2rem;}
.about_index_left p { float: right;margin-top: 40px;}
.about_index_left p a{ font-size: 16px;color: #0099cb;}
.about_index_right{ width: 646px;float: left;margin-left: 74px;}

.case_index{ margin-top: 80px;margin-bottom: 80px;overflow: hidden;}
.case_index_left{ width: 270px;height: 355px;background: #0099cb;overflow: hidden;float: left;}
.case_index_left{ color: #fff;padding: 20px;}
.case_index_left p:first-child{ font-size: 26px; text-transform:uppercase;margin-top: 50px;}
.case_index_left p:nth-child(2){ font-size: 24px;margin-top: 30px;}
.case_index_left p:nth-child(3){ width: 50px;height: 2px;background: #fff;margin-top: 30px;}
.case_index_left p:last-child{ font-size: 16px;margin-top: 30px;line-height: 30px;}
.case_index_right{ width: 960;margin-left: 30px;float: left;}
.case_index_right li{ width: 300px;height: 395px;float: left;margin-right: 30px;}
.case_index_right li:last-child{ margin-right: 0px;}
.case_index_right li p:first-child{ height: 343px; width: 300px; overflow: hidden;}
.case_index_right li p:last-child{ height: 52px; width: 300px;background: #EEE;line-height: 52px;text-align: center;font-size: 16px; color:#333}
.case_index_right li p:first-child img{ transition: all 1s; height: 343px; width: 300px;}
.case_index_right li:hover p:first-child img{ transition: all 1s; transform: scale(1.2);}
.case_index_right li p:last-child{ transition: all 0.6s;}
.case_index_right li:hover p:last-child{ background: #0099cb;color: #fff; transition: all 0.6s;}

.news_index_bg{ background: #f6f9ff;height: 700px;}
.news_index{ margin-top: 80px;}
.news_index li{ width: 600px;height: 170px;margin-right: 100px; float: left;margin-bottom: 50px;}
.news_index li:nth-child(2n){ margin-right: 0px;}
.news_index_pic{ width: 250px; float: left;height: 170px;overflow: hidden;background: #fff;}
.news_index_con{ width: 320px;float: left;margin-left: 30px;}
.news_index_con p:first-child a{ font-size: 18px; color:#333;font-weight: 500;}
.news_index_con p:nth-child(2){ margin-top: 15px;font-size: 14px;color: #666;line-height: 30px;height: 90px;text-indent: 2rem;}
.news_index_con p:last-child{margin-top: 15px;font-size: 16px;color: #666;}
.news_index li .news_index_pic img{ transition: all 1s;width: 250px;height: 170px;}
.news_index li:hover .news_index_pic img{ transition: all 1s; transform: scale(1.2);}
.news_index li:hover .news_index_con p:first-child a{ color: #0099cb;}

.foot_bg{ background: #373f5e; overflow: hidden;width:100%}
.foot{ overflow: hidden; padding-top: 60px;}
.foot_left{ width: 1000px; float: left;}
.foot_left li{ float: left; width: 140px;}
.foot_left li p{ text-align: left; line-height: 36px; font-size:14px;}
.foot_left li p a{ color: #CCC;}
.foot_left li p:first-child{ font-size: 14px;}
.foot_left li p:first-child a{ color: #CCC;}
.foot_right{ float: left; width: 250px; margin-left: 50px; margin-top: 10px;}
.foot_right_ewm{ color: #EEE;}
.foot_right_ewm p{ font-size: 14px; text-align: center;margin-bottom: 5px;}
.bq{ overflow: hidden; margin-top: 40px; padding-bottom: 30px;}
.bq_info{ width: 100%; text-align: left; color: #CCC; font-size: 14px;}
.bq_info a{ color: #CCC; margin-left: 20px;}
.bq_info a.gongan{ background: url('../images/beian.png') no-repeat; width: 20px; height: 20px; padding-left: 25px;}

/*关于我们*/
.navlist_bg{ background: #EEE;width: 100%;height: 65px; overflow: hidden;}
.navlist{ overflow: hidden;}
.navlist li{ width: 160px;text-align: center;float: left;line-height: 65px;border-top: 2px solid #EEE;}
.navlist li a{font-size: 16px;color: #333;}
.navlist li:hover{ background: #FFF;border-top: 2px solid #0099cb;}
.navlist li.navlist_over{ background: #FFF;border-top: 2px solid #0099cb;}
.main{ margin-top: 50px; margin-bottom: 50px; overflow: hidden;}
.main p{ font-size: 16px;color: #333;line-height: 32px;}

/*新闻中心*/
.newslist{ width: 100%;overflow: hidden;margin-bottom: 40px;}
.newslist_left{ width: 100px;height: 160px;background: #EEE;float: left; transition: all 1s;}
.newslist_left p{ text-align: center; transition: all 1s;}
.newslist_left p:first-child{ padding-top: 40px;font-size: 42px;}
.newslist_left p:last-child{ font-size: 16px;margin-top: 30px;color: #666;}
.newslist:hover .newslist_left{ background: #0099cb; transition: all 1s;}
.newslist:hover .newslist_left p{ color: #fff; transition: all 1s;}
.newslist_right{ width: 1160px;float: right; height: 159px;overflow: hidden;}
.newslist_right p:first-child{ padding:10px 0 20px 0;font-size: 18px;color: #333;}
.newslist_right p:last-child{ font-size: 14px;color: #999;}
.newslist_line{ width: 0px;height: 1px; background: #0099cb; transition: all 1s;overflow: hidden;float: left;margin-left: 40px;}
.newslist:hover .newslist_line{ width: 1160px; height: 1px; transition: all 1s;}
.newslist:hover .newslist_right p:first-child{ color: #0099cb;}

.news_title{ text-align: center;font-size: 26px;color: #333;}
.news_info{ font-size: 16px;text-align: center;margin-top: 30px; color: #666;}
.news_info span{ margin: 0 20px;color: #666;}
.news_content{ overflow: hidden;margin-top: 50px;margin-bottom: 50px;}
.news_content p{ line-height: 30px;color: #333;}

/*案例*/
.caselist{ overflow: hidden;}
.caselist li{ float: left;width: 300px;margin-right: 33px;margin-bottom: 40px;}
.caselist li:nth-child(4n){ margin-right: 0;}
.caselist li p{ text-align: center;}
.caselist li p:first-child{ width: 300px;height: 343px;overflow: hidden;}
.caselist li p:last-child{ line-height: 52px;background: #eee;color: #333;}
.caselist li p:first-child img{ transition: all 1s; width: 300px;height: 343px;}
.caselist li:hover p:first-child img{ transition: all 1s; transform: scale(1.2);}
.caselist li p:last-child{ transition: all 0.6s;}
.caselist li:hover p:last-child{ background: #0099cb;color: #fff; transition: all 0.6s;}

/*产品*/
.prolist{ overflow: hidden;}
.prolist li{ float: left;width: 360px;margin-right: 33px;margin-bottom: 40px;}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li p{ text-align: center;}
.prolist li p:first-child{ width: 360px;overflow: hidden;}
.prolist li p:last-child{ line-height: 52px;background: #eee;color: #333;}
.prolist li p:first-child img{ transition: all 1s; width: 240px; padding:30px;}
.prolist li:hover p:first-child img{ transition: all 1s; transform: scale(1.2);}
.prolist li p:last-child{ transition: all 0.6s;}
.prolist li:hover p:last-child{ background: #0099cb;color: #fff; transition: all 0.6s;}