﻿/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
 padding:0; margin:0;
}
html {
  font-size: 62.5%;
   font: normal 15px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #787d85;
}
body {
  font-size: 14px;
  color: #666666;
  background-color: #ffffff;
}
ol,ul,li {list-style: none}
input,textarea{ outline-style: none;}
a {
  color: #666;
  text-decoration: none; cursor: pointer;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ font-size: 1em;color: #999;}

/*首页*/
img{ display: block;}
 .fl{ float: left;}
 .fr{ float: right;}
 .cl{ clear: both;}
 .df{ display: flex; flex-wrap: wrap;}
 .org{ color: #E62D01;}
 .orgbg{ background-color: #E62D01;}
 #superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative; overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*head*/
.hander{ padding: 0 2%;  height: 60px; display: flex; justify-content:space-between;}
.hander .shous{width: 12%;}
.hander .logo{ width: 45%; position: relative; height: 40px; padding: 10px 0;}
.hander .logo img{ max-width: 100%;}
.hander .nav{ width: 12%;height: 40px; padding: 10px 0; overflow: hidden; position: relative;}
.hander .nav img{width: 40px; display: block; margin: auto;}
.addshow{ display: none; position: absolute;z-index: 9; left: 0; top:59px; background: rgba(255,255,255); width: 90%; padding: 0 0 5%;}
.addshow li{ line-height: 48px; border-bottom: 1px solid #fff;}
.addshow li:last-child{border-bottom:0;}
.addshow li a{ display: block; color: #3b3f4a; padding-left: 20px;}

.hander .iocs{cursor: pointer; margin-top: 10px;}
.hander .iocs img{width: 40px; height: 40px;margin: auto;}
.hander .souch{display: none; position: absolute;width:100%; height: 40px; z-index: 9;top: 60px; background-color: #fff;left: 0; border: 1px solid #e62d01; box-sizing: border-box;}
.dfj{ display: flex;flex-wrap: wrap;}
.form-group{ width: 90%;}
.form-control{ border: 0; background: transparent; color: #333; display: block; height: 36px; width: 100%; text-indent: 0.5em;}
.ss{ width: 30px; height: 30px; cursor: pointer; padding-top: 4px;}

.swiper-container img{ max-width: 100%; display: block; }
.swiper-container{ overflow: hidden;}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
     opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3b3f4a !important;
}
.content_n1{ min-height: 280px; padding: 0 15px;}
.new_shows{display: block; /*height: 30px;*/ line-height: 30px; overflow: hidden; padding: 10px 0;border-bottom: 1px dashed #ccc;font-size: 15px; color: #3b3f4a;}
.new_shows .time{font-size: 13px;color: #adb0b6;}

.bttop{padding: 15px 0; overflow: hidden; }
.bttop h3{ padding: 15px 25px;  background-color: rgba(120,125,133,0.08); font-size: 16px; width: 120px; text-align: center; font-size:20px; margin: auto; color: #000; }

/*荣誉资质*/
.conenter{}
.title{background: url(../images/title_02.jpg) no-repeat center; background-size: 100%; width: 100%; height: 40px; margin: 20px auto; text-align: center; color: #fff; line-height: 40px; font-size: 16px; font-weight: bold; }

.swiper-guang{ width: 96%;overflow: hidden; margin: auto; margin-bottom: 5%; position: relative;}
.swiper-guang img{ width: 100%;}
.swiper-button-nexts{
    position: absolute;
    top: 30%;
    right:0;
    width: 8%;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-prevs {
    position: absolute;
    top: 30%;
    left:0;
    width: 8%;
    z-index: 10;
    cursor: pointer;
}
.leftsi{background:url(../images/bg.jpg) center no-repeat; background-size: cover;  padding: 30px 0 20px; }
.leftsi .btop{ color: #FFF; padding-top: 50PX;}
.anlshow{margin: auto; width: 80%;}
.anlshow h3{ width: 100%; height: 36px; line-height: 36px; margin:10px auto; text-align: center;color: #fff;}
.btop{ text-align: center; padding-bottom: 50px;}
.btop h1{ padding-bottom:15px;}
/*工程案例*/
.content_gc{ width: 90%; margin:30px auto;}
.content_gc .list_gc{ width: 100%; margin-bottom: 3%;}
.content_gc .list_gc img{ width: 100%;}
.text_gc{ height: 40px; overflow: hidden; line-height: 40px; text-align: center;color: #333;}

/*专题专栏*/
.content_zt{width: 96%; margin: auto; margin-bottom: 20px;}
.content_zt img{width:100%; display: block; margin-top: 10px;}

/*新闻三*/
.cont_h1{ height: 400px !important;}
.new_title img{ display: block; max-width: 100%; margin-bottom: 20px;}
.kuai{ width: 12px; height: 7px; padding: 12px 5px 0 0;}


/*foot*/
.footer{background-color: #23262d;padding: 15px 10px; text-align: center; color: #fff; line-height: 28px;}

/*工程展示*/
.title_xq{ margin: 20px auto; color: #999999; text-align: center; text-transform: uppercase; }
.title_xq h2{ line-height: 30px;}
.lists_xq{ border: 1px solid #999; box-sizing: border-box;}
.pages{ display: flex; display: -webkit-flex;justify-content: center; margin: 20px auto;}
.pages a{ width: 28px; height: 28px; text-align: center; line-height: 28px; color: #E72C00; margin: 0 4px;}
.pages .active{ border-radius: 5px; background-color: #E72C00; color: #fff !important;}

/*新闻展示*/
.list_new{width: 90%; margin:30px auto;}
.list_new .shows_new{ width: 100%; padding: 10px 25px;line-height: 28px;background-color: #f8f8f9; box-sizing: border-box; margin: 1.5% 1.6%;}
.shows_new .date{ width: 100%;}
.shows_new .date a{color: #adb0b6; font-size: 15px;}
.title_new{ padding: 8px 0; font-size: 18px;}

/*下属单位*/
.concent_dw{width: 96%; margin: auto; min-height: 300px;}
.list_dw{ width: 50%;}
.list_dw a{ display: flex; text-decoration: underline;line-height: 30px; color: #333333; padding: 10px 0;}
.list_dw .diand{ width: 15px;  height: 15px; border-radius: 15px; background-color: #333333; margin-top: 8px; margin-right: 6px;}


.about{width: 90%; margin:30px auto; min-height: 300px;}
 .column{ margin-bottom: 20px;overflow: hidden;}
.column a{display: block; float: left; width: 32%; text-align: center; padding: 10px 0; margin-right: 2%; color: #1ebbf0;  border: 1px solid #1ebbf0; box-sizing: border-box;margin-bottom: 10px;}
.column a:nth-child(3n){margin-right: 0;}
.column .actived{ color: #fff !important;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
}
.about_bg{ height: 160px; background:url(../images/bg1.jpg) center no-repeat; background-size: cover; color: #fff; }
.about_bg h1{ text-align: center; font-size: 30px; padding: 30px 0 15px; font-weight: 100; }
.black{width: 100px; text-align: center; margin: auto; padding: 8px; background: rgba(255,255,255,0.12); border-radius: 3px; color: #fff;}
.black a{ color: #fff;}



.about_xq{ text-align: justify; margin-bottom: 20px; line-height: 24px; text-indent: 2em; font-size: 15px;}
.about_xq img{max-width: 100%;}
.about_xq h3{ text-align: center;text-indent: initial;}
.zstu img{ display: block; margin:20px auto;}
.next{ margin: 20px 0;}
.next .pass{padding-top: 10px;}
.next .pass a{ color: #333;}
.about_xq h4{ font-size: 16px; line-height: 24px;}
.about_xq .new_date{ padding: 15px 0;}

/*项目*/
.content_xq{ min-height: 300px;}
.menu_list{width:96%;margin:0 auto; margin-bottom: 50px;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 5%;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	margin-top: 20px;
	font-weight: bold;
	background: #E62D01 url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#E62D01 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width: 90%; padding:0 5%;
	line-height: 38px;
	background: #ececec;
}
.menu_body .list_a{line-height:38px;color:#333;text-decoration:none;border-bottom:1px solid #e1e1e1;}

.list_c{line-height:38px;}

#zans{ position: fixed; z-index: 10; top:0; left: 0; background:rgba(230,45,1,.8); height: 100vh; width: 100%; display: none;}

.kbai{ width: 90%; margin:30% auto;padding: 30px 0; position: relative;}
.coled{ width: 30px; height: 30px; border-radius: 50%; position: absolute; z-index: 11; right: 0; top:0; background-color: #fff; line-height: 28px; text-align: center; font-size: 24px; color: #e62d01;}
.yhqr img{ width: 100%; margin-top: 20px;}

.new_left{ margin:30px auto;}

.swiper-news{ overflow: hidden; width: 100%; height: 306px;}

.swiper-news .swiper-slide {
}
/*.swiper-news .swiper-slide img{
	width: 220px;
	height: 45px;
	padding: 10px !important;
	margin: auto;
	
}*/
.ludfs img{
	width: 220px;
	height: 45px;
	padding: 10px !important;
	margin: auto;
}

.swiper-news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-news .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 0 !important;
    background: #fff;
    opacity: 1;
}
.swiper-news .swiper-pagination-bullet {
    margin: 0 2px!important;
}
.swiper-news .swiper-pagination-bullet:last-child {
    margin-right: 10px!important;
}

.rukou{
	display: block;
	width: 50%;
	margin: auto;
	margin-top: 20px;
	height: 55px;
	line-height:55px;
	text-align: center;
	color: #fff;
	background-color: #1ebbf0;
    background-image: none;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.contact{ 	
}
.adds{ padding:20px;color: #adb0b6;}
.adds_xq{margin-top: 20px;}
.adds_xq h3{ color: #3b3f4a; font-weight: 100; padding-bottom: 15px;}
.sixinput { width: 100%; margin-bottom: 5%;}
.sixinput{ position: relative;}
.sixinput input{ width: 100%; height: 40px; border: 1px solid #e0e1e1; border-radius: 3px; padding-left: 2%; padding-right: 36px; box-sizing: border-box;color: #b8bcbe;}
.contact textarea{ width: 100%;  border: 1px solid #e0e1e1; box-sizing: border-box; height: 120px;
border-radius: 3px;  line-height: 24px; padding: 5px;color: #b8bcbe;}
.butt { width: 100%; margin-top: 5%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tijiao{ position: relative;width: 42%;}
.tijiao input{ width: 100%; height: 40px; cursor: pointer; border: 0; color: #333; border-radius: 5px;}
.butt .tijiao:first-child input{color: #fff;
	background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);}
.ttj{ justify-content: space-between; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ font-size: 1em;color: #b8bcbe;}

.list_gc h2{ padding: 20px 0 10px;}
.next{ padding: 20px 0; border-top: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1; overflow: hidden; margin-bottom: 20px; text-align: center;}
.next a{ color: #3b3f4a; font-size: 16px; font-weight: bold; padding-top: 10px; display: block;}

.jgjc{ display: flex;}
.jc_left{font-size: 13px;
    text-align: left;
    text-transform: uppercase;
    background-color: #fff9db;
    color: #696969;}
.title_jc,.jc_xq{padding: 6px 12px; min-width: 100px; text-align: center; text-indent: initial;
    border: 1px solid #d9d7ce;line-height: 28px;height: 28px; overflow-x: hidden;overflow-y: auto;}
.jc_right{ display: flex; overflow-x: auto; overflow-y: hidden; border-right: 1px solid #d9d7ce;}

.jc_right .center_jc:nth-child(2n){background: #EBEBEB;}

.jc_right .center_jc:hover{background-color: #186b9c;
	color: #fff;}

.jgjc { text-indent: 0 !important;
    display: flex;
}
.title_jd{ display: flex;padding: 0 !important;}
.zyw_top{align-items: center;display: flex;border: 1px solid #d9d7ce;padding: 6px 10px; width: 20px; text-align: center;}
.zyw_bot{ text-align: center;}


.zyw_list{width: 70px;border: 1px solid #d9d7ce;padding: 6px;height: 28px;
    line-height: 28px;}
