@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;}
input,button,select,textarea{outline:none}
textarea{resize:none}
.pub{width:1300px;height:auto;margin:auto;}
.over{overflow:hidden;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
/*滚动条整体样式**高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 5px;}
/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {background: #007098;}
/*滚动条里面轨道*/
::-webkit-scrollbar-track {background: #fff;}

/*************首页顶部开始***************/
.top{ height: 6rem; width: 100%; position: fixed; background: #fff; top:0; z-index: 999; box-shadow:0 0 20px rgb(0 0 0 / 10%);}
.top_con{ width:92%; margin: 0 auto;}
.top .top_con .logo{float: left; overflow:hidden;}
.top .top_con .logo img { max-height: 50px; margin-top: 1.7rem;}
.top .top_con .nav{height:6rem;float: right;} 
.top .top_con .nav_xm{float:left;width:auto;text-align:center;position:relative;}
.top .top_con .nav_t{padding:0 2.3rem;height:6rem;text-align:center;font-size:1.1rem;line-height:6rem;}
.top .top_con .nav_t a{color:#666;}
.top .top_con .nav_xm:hover .nav_z{display:block;}
.top .top_con .nav_xm:hover .nav_t a{color:#007098;}
.top .top_con .nav_z{position:absolute;left:0px;top:6rem;width:100%;height:auto; z-index:99; display:none;background:rgba(255,255,255,0.9);}
.top .top_con .nav_z ul li{padding:0px;width:100%;height:50px;line-height:50px;text-align:center;}
.top .top_con .nav_z ul li a{color:#333; font-size: 1rem;}
.top .top_con .nav_z ul li:hover{background:#007098;}
.top .top_con .nav_z ul li:hover a{color:#fff;}
.top .top_con .nav_jh .nav_t a{color:#007098;}
.top .change_en{float: right; margin-left: 20px; width: 100px; height: 30px; background: url('../images/en.png') no-repeat left; margin-top:2.1rem; padding-left: 35px; font-size: 18px; line-height: 30px;}
.top .change_en a{ color: #333; font-size:1.1rem;}
.top .change_en a:hover{color:#007098;}

/*************焦点图开始***************/
.banner{width:100%;height:auto;text-align:center; margin-top: 6rem;}
.banner img{ width: 100%;}
.banner2{width:100%;height:auto;text-align:center; margin-top: 6rem;}
.banner2 img{ max-height: 400px; max-width: 100%;}
.fullSlide{width:100%;position:relative;height:700px;}
.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:700px;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:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:5px;margin:10px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.8;}
.fullSlide .hd ul .on{background:#d43f47;}
.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;}

/*************首页服务开始***************/
.index_about_bg{ background: url('../images/index_about_bg.png') no-repeat center 100%; height: 600px; background-color:#f8f8f8; overflow: hidden;}
.index_title{ font-size: 2rem; overflow: hidden; width: 100%; margin-top: 80px; font-size: 30px; float: left; width: 250px;}
.index_title p{ font-size: 24px; color: #237d9d; text-transform:uppercase; margin-top: 5px;}
.index_title_two{ font-size: 2rem; overflow: hidden; color: #fff; width: 100%; margin-top: 80px; font-size: 30px;}
.index_title_two p{ font-size: 24px; color: #FFF; text-transform:uppercase; margin-top: 5px;}
.index_title_three{ font-size: 2rem; overflow: hidden; width: 100%; margin-top: 80px; font-size: 30px;}
.index_title_three_left{ width: 500px; float: left;}
.index_title_three_left p{ font-size: 24px; color: #237d9d; text-transform:uppercase; margin-top: 5px;}
.index_title_three_right{ float: right; line-height: 60px;}
.index_title_three_right a{ color: #666; font-size: 16px;}
.index_title_nav{ float: right; margin-top: 100px; overflow: hidden;}
.index_title_nav li{ float: left; margin-right: 20px; width: 130px; text-align: center; background: #f1f1f1; color: #333; height: 50px; line-height: 50px; font-size: 16px;}
.index_title_nav li a{ color: #333;}
.index_title_nav li:hover{ background: #007098;}
.index_title_nav li:hover a{ color: #fff;}
.index_about{ overflow: hidden; color: #3e3e3e; padding-top: 40px; line-height: 36px; font-size: 18px; width: 100%;}
.index_about p{ text-indent: 2rem;}
.index_about_list{ overflow: hidden; margin-top: 40px;}
.index_about_list li{ width: 25%; float: left; text-align: center; font-size: 34px;}
.index_about_list li span{ color: #222; font-size: 40px; font-weight: bold;}
.index_about_list li p{ text-align: center; font-size: 24px;  color: #333; font-weight: normal;}

.index_pro_nav{ overflow: hidden;}
.index_pro{ overflow: hidden;}
.index_pro_list{ margin-top: 3rem; width: 100%; margin-top: 40px; overflow: hidden;}
.index_pro_list li{ width:420px; margin-right: 20px; margin-bottom: 20px; text-align: center; float: left;transition: all 0.6s;}
.index_pro_list li:nth-child(3n){ margin-right: 0px;}
.index_pro_list li p:first-child{ width: 420px; height: 360px; overflow: hidden;}
.index_pro_list li img{ width: 420px; height: 360px; transition: all 0.6s;}
.index_pro_list li:hover img{transform: scale(1.1);transition: all 0.6s; cursor: pointer;}
.index_pro_list li p{ height: 100px; line-height: 100px; background: #f1f1f1; font-size: 18px; text-align: center; color: #333; transition: all 0.6s;}
.index_pro_list li:hover p{ background: #007098; color: #fff; transition: all 0.6s;}

.index_case_bg{ background: url("../images/index_case_bg.jpg") no-repeat center; height: 620px; margin-top: 70px; overflow: hidden; background-color: #007098;}
.index_case{overflow: hidden; margin-top: 40px;}

.index_news_bg{ background: #f1f1f1; overflow: hidden; padding-bottom: 100px;}
.index_news{ overflow: hidden;}
.index_news_left{ width: 580px; float: left; margin-top: 40px;}
.index_news_left img{height: 430px; width: 580px;}
.index_news_right{ width: 700px; float: left; margin-top: 40px; margin-left: 20px;}
.index_news_right li{ height: 135px; line-height: 40px; margin-bottom: 12px; background: #fff;}
.index_news_right li .news_date{ width: 140px; height: 105px; float: left; color: #333; padding-top: 30px; transition: all 0.6s;}
.index_news_right li .news_date p{ text-align: center;}
.index_news_right li .news_date p:first-child{ font-size: 40px;}
.index_news_right li .news_date p:last-child{ font-size: 20px;}
.index_news_right li .news_con{ width: 540px; float: left; color: #333; height: 115px; padding-top: 20px; padding-right:20px; transition: all 0.6s;}
.index_news_right li .news_con p:first-child{ font-size: 20px; height: 40px;}
.index_news_right li .news_con p:last-child{ font-size: 14px; height: 20px; line-height: 20px;}
.index_news_right li:hover .news_date{ background: #007098; color: #fff; transition: all 0.6s;}
.index_news_right li:hover .news_con{ background: #007098; color: #fff; transition: all 0.6s;}

.foot_bg{width: 100%; overflow: hidden; background:#373737; height: auto;}
.foot{ margin-top:50px; overflow: hidden;}
.foot_left_nav li{ width: 150px; float: left;}
.foot_left_nav li p:first-child{ color: #FFF; font-size: 18px; margin-bottom: 20px; font-weight: bold;}
.foot_left_nav li p a{ font-size: 16px; color: #ccc; line-height: 32px;}
.foot_left_nav li p a:hover{ color: #FFF;}
.foot_right_contact{ text-align: left; float:left; margin-left: 30px; width: 370px;}
.foot_right_contact p:first-child{text-align: left; font-size: 20px; color: #fff;}
.foot_right_contact p:nth-child(2){text-align: left; margin-top: 15px; font-size: 20px; color: #fff;}
.foot_right_contact p:nth-child(3){text-align: left; margin-top: 15px; font-size: 16px; color: #fff;}
.foot_right_contact .ewm{ margin-top: 20px;}
.foot_right_contact .ewm li{ float: left; width: 91px; margin-right: 40px;}
.foot_right_contact .ewm li p{ font-size: 16px; text-align: center; margin-top: 10px;}
.bq_bg{ width: 100%; background: #2e2e2e; height: 56px; line-height: 56px; margin-top: 50px;}
.bq{ text-align: center; color:#cccccc; font-size: 16px;}
.bq span{ margin-left: 20x; margin-right: 20px; color: #cccccc;}
.bq span a{ color:#cccccc;}
.link{ padding-top: 20px; overflow: hidden; width: 100%; color: #CCC; font-size: 14px;}
.link a{ color: #CCC; margin-left: 10px; font-size: 14px;}

/*************内页导航菜单*********/
.about_nav_bg{ width: 100%; overflow: hidden; background: #f1f1f1; border-bottom: 1px solid #DDD;}
.about_nav{ margin: 0 auto; overflow: hidden;}
.about_nav_title{ float: left; height: 70px; line-height: 70px; font-size: 14px; color: #666; background: url('../images/home.png') no-repeat left; background-size: 20px; padding-left:25px;}
.about_nav_title a{color: #666; margin: 0 5px;}
.about_nav_list{float:right; height: 70px; line-height: 70px;}
.about_nav_list li{ float:left; width: 140px; text-align: center; background: #f1f1f1; height: 70px; line-height: 70px; font-size: 18px;}
.about_nav_list li a{ color: #333;}
.about_nav_list li:hover{ background: #007098;}
.about_nav_list li:hover a{color: #fff;}
.about_nav_list li.about_nav_over{ background: #007098;}
.about_nav_list li.about_nav_over a{ color: #fff;}
.about_detail{overflow: hidden; padding:4rem 0; margin: 0 auto; font-size: 16px; line-height: 30px; color: #333;}
.about_nav_list li.about_nav_over{ background: #007098;}
.about_nav_list li.about_nav_over a{ color: #fff;}
/*新闻列表和详情*/
.news_list{margin-top: 50px; overflow: hidden; margin-bottom: 100px; }
.news_list li{width:90%; float: left; padding: 20px; margin:20px; margin-left: 20px;}
.news_list li:hover{ cursor: pointer; box-shadow:1px 1px 20px rgba(125,125,125,0.2); }
.news_list li:hover{ transition: all 0.6s;}
.news_list li .news_nr .t1 a{transition: all 0.6s;}
.news_list li:hover .news_nr .t1 a{ color: #333; transition: all 0.6s;}
.news_list li:hover .news_nr .t2{ color: #333;}
.news_list li .news_pic{ float:left; width:280px; overflow: hidden;}
.news_list li .news_pic img{ width: 100%; transition: all 0.6s;}
.news_list li:hover .news_pic img{ transform: scale(1.2); transition: all 0.6s;}
.news_list li .news_nr{ float:left; margin-left: 50px; width: 840px;}
.news_list li .news_nr:hover .t1 a{ color: #007098; font-weight: bold; margin-left:2rem; transition: all 0.6s;}
.news_list li .news_nr:hover .t2{ color: #333;}
.news_list li .news_nr .t1{ font-size: 20px;}
.news_list li .news_nr .t1 a{ color: #333;}
.news_list li .news_nr .t2{ font-size: 14px; margin-top: 1rem; color: #666; line-height: 30px; text-indent: 2rem;}

.news_detail{overflow: hidden; margin-top: 50px; padding-bottom: 4rem;}
.news_detail .news_detail_title{ font-size: 26px; text-align: center;}
.news_detail .news_detail_time{ margin-top: 30px; font-size: 16px; color: #555; text-align: center;}
.news_detail .news_detail_time span{ margin-right: 30px;}
.news_detail .news_detail_content{ margin-top: 30px; line-height: 28px; font-size: 16px; color: #333;}

/*************产品中心开始***************/
.pro_list{overflow: hidden; margin-top: 4rem; margin-bottom: 4rem;}
.pro_list li{ width:420px; margin-right: 20px; margin-bottom: 20px; text-align: center; float: left;transition: all 0.6s;}
.pro_list li:nth-child(3n){ margin-right: 0px;}
.pro_list li p:first-child{ width: 420px; height: 360px; overflow: hidden;}
.pro_list li img{ width: 420px; height: 360px; transition: all 0.6s;}
.pro_list li:hover img{transform: scale(1.1);transition: all 0.6s; cursor: pointer;}
.pro_list li p{ height: 100px; line-height: 100px; background: #f1f1f1; font-size: 18px; text-align: center; color: #333; transition: all 0.6s;}
.pro_list li:hover p{ background: #007098; color: #fff; transition: all 0.6s;}

.pro_detail{ overflow: hidden; margin-top: 50px; margin-bottom: 50px;}
.pro_detail_left{ width: 420px; float: left;}
.pro_detail_left p{text-align: center;}
.pro_detail_left p img{ width: 420px; height: 360px;}
.pro_detail_right{ margin-left: 80px; width: 800px; float: left; color: #333;}
.pro_detail_right p{font-size: 16px; line-height: 30px; color: #666; text-indent: 2rem;}
.pro_detail_right p:first-child{ font-size: 24px; margin-top: 30px; margin-bottom: 30px;}
.pro_info{ width: 100%; float: left; overflow: hidden; margin: 3rem 0;}
.pro_info_title{ background: #f9f9f9; height: 60px; line-height: 60px; margin: 2rem 0;}
.pro_info_title p{ width: 10rem; text-align: center; background: #007098; font-size: 1.2rem; color: #fff;}
.pro_info_detail{ font-size: 16px; color: #333; line-height: 32px;}
/*************案例中心开始***************/
.case_list{overflow: hidden; margin-top: 4rem; margin-bottom: 4rem;}
.case_list li{ width:420px; margin-right: 20px; margin-bottom: 20px; text-align: center; float: left;transition: all 0.6s;}
.case_list li:nth-child(3n){ margin-right: 0px;}
.case_list li p:first-child{ width: 420px; height: 260px; overflow: hidden;}
.case_list li img{ width: 420px; height: 260px; transition: all 0.6s;}
.case_list li:hover img{transform: scale(1.1);transition: all 0.6s; cursor: pointer;}
.case_list li p{ height: 60px; line-height: 60px; background: #f1f1f1; font-size: 18px; text-align: center; color: #333; transition: all 0.6s;}
.case_list li:hover p{ background: #007098; color: #fff; transition: all 0.6s;}

.case_detail{overflow: hidden; margin-top: 50px; padding-bottom: 4rem;}
.case_detail .case_detail_title{ font-size: 26px; text-align: center;}
.case_detail .case_detail_time{ margin-top: 30px; font-size: 16px; color: #555; text-align: center;}
.case_detail .case_detail_time span{ margin-right: 30px;}
.case_detail .case_detail_content{ margin-top: 30px; line-height: 28px; font-size: 16px; color: #333;}

/*联系*/
.contact_detail{overflow: hidden; padding:4rem 0; margin: 0 auto; font-size: 16px; line-height: 30px; color: #333;}
.content_pub{ box-shadow:1px 1px 10px rgba(125,125,125,0.4); margin: 10px; overflow: hidden;}
.content_detail_left{ width: 600px; float: left; padding: 30px 50px; background: #f4f4f4;}
.content_detail_left p:first-child{ font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.content_detail_left p{ line-height: 60px; font-weight: bold;}
.content_detail_left p span{ margin-left: 20px; font-weight: normal;}
.content_detail_right{ float: left; width: 530px; padding-left: 50px;}
.content_detail_right p{ font-size: 24px; margin-top: 40px; margin-bottom: 40px;}
.content_detail_right .item{ margin-bottom: 30px;}
.content_detail_right .item input[type='text']{ border: none; font-size: 14px; color: #333; border-bottom: 1px solid #DDD; width: 200px; line-height: 40px; height: 40px; padding-left: 5px;}
.content_detail_right .item input.int1{ width: 480px;}
.content_detail_right .content_btn{ text-align: center; width: 480px; overflow: hidden; margin-top: 50px;}
.content_detail_right .content_btn input{ background: #007098; color: #fff; width: 160px; height: 50px; line-height: 50px; font-size: 20px; border-radius: 50px; border:0; text-align: center;}

.message{ box-shadow:1px 1px 10px rgba(125,125,125,0.4); margin: 10px; overflow: hidden; margin-top: 20px;}

/*************分页***********/
.list_page {width:100%; overflow: hidden; padding:4rem 0; float: center; text-align: center;}
.list_page_list{overflow: hidden;float: right;}
.list_page_list ul{ text-align: center;}
.list_page_list ul a {text-decoration:none;color:#777; border:1px solid #CCCCCC; float:left; font-size:14px; height:40px; line-height:40px; text-align:center; margin-right:2px; padding:0 15px;}
.list_page_list ul a:hover {background:#007098;color:#fff; border:1px solid #CCCCCC}
.list_page .list_page_null{ width: 90%; margin: 0 auto; color: #777; font-size: 14px; text-align: center;}
.list_page_null{ text-align:center; margin-top:50px; color:#999; font-size:1rem;}

/*资质*/
.honorlist { overflow: hidden; margin-bottom:50px;}
.honorlist li{ width: 278px; float: left; margin-right: 60px; margin-top: 50px; border:1px solid #f4f4f4;}
.honorlist li:nth-child(4n){ margin-right: 0px;}
.honorlist li div{ width: 278px; height: 400px; overflow: hidden; line-height: 400px;}
.honorlist li img{ max-width: 278px; max-height: 400px; transition: all 0.6s;}
.honorlist li p{ height: 50px; line-height: 50px; font-size: 14px; text-align: center; background: #f4f4f4;}
.honorlist li:hover p{ color: #FFF; background: #007098;}
.honorlist li:hover div img{ transform: scale(1.1);transition: all 0.6s; cursor: pointer;}