@charset "utf-8";
/* CSS Document */

input[type="radio" i], input[type="checkbox" i] {
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}
input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

table{ width:100%!important;}
	table, td, th{border-collapse: collapse;}table tr td{
    text-align:center;}
    table, td, th
      {
      border:1px solid #aaaeb0!important;
      }
        table td{ text-align:center; vertical-align:middle; font-size:16px; line-height:28px; padding:8px;}
    tbody tr:nth-child(even) td,
    tbody tr:nth-child(even) th {background-color:#ffffff;}
	 tbody .firstRow td,
    tbody .firstRow th {background-color:#0062b1!important; color:#fff;}
	tbody .firstRow td p,tbody .firstRow th p{ color:#fff!important;}
    tbody tr:nth-child(odd) td,
    tbody tr:nth-child(odd) th {background-color:#e7f5fe;}
     tbody tr:nth-child(odd) th span{
		 color:#fff;
		 }

#pian {
    width: 100%;
    margin: 60px auto;
    overflow: hidden;
    background-color: #fafafa;
}
#pian p:first-child {
    border-right: 1px solid #dfdfdf;
    text-align: left;
    float: left;
    margin: 15px 0;
    padding-left: 30px;
    padding-right: 10px;
}
#pian p:last-child {
    text-align: right;
    float: right;
    margin: 15px 0;
    padding-right: 30px;
    padding-left: 10px;
}
#pian p {
    width: calc(100%/2 - 41px);
    height: 60px;
    line-height: 60px;
    background-color: #fafafa;
    font-size: 16px;
    color: #868686;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#pian p a {
    display: block;
    font-size: 16px;
    color: #868686;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#pian p:hover a {
    color: #2356cb;
    transition: all 0.3s linear;
}

#pian p:first-child a:before {
    content: "<";
    margin-right: 4%;
    font-size: 16px;
}
#pian p:last-child a:after {
    content: ">";
    margin-left: 4%;
    font-size: 16px;
}

.pagination{ text-align: center;padding:60px 0;}
.pagination li{	display: inline-block; margin: 0 5px;}
.pagination .active span, .pagination .active a{background-color:#2356cb;color:#fff;}
.pagination li:hover span, .pagination li:hover a{background-color:#2356cb;color:#fff;}
.pagination span, .pagination a {display: block;font-size: 14px; line-height: 14px; padding: 8px 12px;color: #666;cursor: pointer; background-color: #eee;}
.pagination .disabled span, .pagination .disabled a{color:#ccc;}

/*分页*/
.fenye {
	text-align:center;
	color:#666;
	font-size:14px;
	line-height:30px;
	padding:50px 0;
}
.fenye .rows {font-size: 14px; line-height: 14px; padding: 8px 12px;color: #666;cursor: pointer; background-color: #eee;border-radius:5px;}
.fenye .current {display:inline-block;
	margin:0 3px;
	padding:0 12px;
	background-color:#2356cb;color:#fff;
	font-size:14px; font-weight: 600;
	height:30px;
	line-height:30px;
	border-radius:5px;}
.fenye .num, .fenye .next, .fenye .prev {
	display:inline-block;
	margin:0 3px;
	padding:0 11px;
	border:1px solid #ddd;
	color:#666;
	font-size:14px;
	height:29px;
	line-height:29px;
	border-radius:5px;
}
.fenye .num:hover, .fenye .next:hover , .fenye .prev:hover {
    background-color: #2356cb;
    color: #fff;
    border: 1px solid #2356cb;
}


.n_banner{
	width:100%;
	position:relative;
	display:flex;
    	justify-content:center;
   	 align-items:center;
	min-height: 200px;
	}
.n_banner .txt{
	position:absolute;
	margin-top:-20px;
	}
.n_banner h1{
	text-align:center;
    font-size: 50px;
    color: #fff;
	font-family:"BEBAS";
	text-shadow: 0 3px 10px #666;
}
.n_banner .xian{
	width:50px;
	height:2px;
	background-color:#fff;
	box-shadow: 0 3px 10px #666;
	margin:20px auto;
	}

.n_banner p{
	text-align:center;
    font-size: 20px;
    color: #fff;
	text-shadow: 0 3px 10px #666;
}
.n_banner .add{
    max-width: 1600px;
    width: 85%;
    margin: 0 auto;
	line-height:80px;
	height:80px;
	position:absolute;
	bottom:0;
	color:#fff;
	font-size:14px;
	display: flex;
    justify-content: left;
    align-items: center;
	}
.n_banner .add img{
	margin-right:10px;
	}
.n_banner .add a{
	color:#fff; padding: 0 6px;
	font-size:14px;
	}

.list_nav{
	overflow:hidden;
	width:100%;
	height:50px;
	text-align:center;
	position:relative;
	box-shadow: 0 0 10px #ccc;
	}
.list_nav .center{
	display: flex;
    justify-content: center;
    align-items: center;
	}
.list_nav li{
	float:left;
	width:calc(100%/8);
	}
.list_nav li a{
	font-size:16px; font-weight: 700;
	color: #666;
	line-height:50px;
	padding-bottom:15px;
	transition:all 0.3s linear;
	border-bottom:2px solid rgba(0,0,0,0);
	}	
.list_nav li:hover a{
	color:#2356cb;
	border-bottom:2px solid #2356cb;
	}
.list_nav .ative a{
	color:#2356cb;
	border-bottom:2px solid #2356cb;
	}	
.indrwp .title h1{
	font-size:44px;
	color:#333;
	text-align:center;
	}
.indrwp .title p{
	font-size:15px;
	color:#666;
	text-align:center;
	margin:20px 0;
	}
.indrwp .title .xian{
	width:60px;
	height:4px;
	margin:0 auto 40px;
	background-color:#2356cb;
	}

.indrwp .more{
    width: 160px;
    height: 50px;
    margin: 20px auto 0;
    display: block;
    background-color: #2356cb;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
}
.indrwp .more:hover{
	background-color:#fff;
	box-shadow:0 0 10px #666;
	color:#2356cb;
	transition: all 0.4s linear;
	}


.indrwp .case_box .p{
	color:#003399;
	font-size:18px;
	line-height:40px;
	}
.indrwp .case_box .xian{
	width:80px;
	height:2px;
	background-color:#003399;
	}
.indrwp .case_list{
	overflow:hidden;
	}
.indrwp .case_list li{
	float:left;
	width:calc(100%/4 - 15px);
	margin-right:20px;
	margin-bottom: 20px;
	}
.indrwp .case_list li:nth-child(4n+0){
	margin-right:0;
	}
.indrwp .case_list li p{
	font-size:14px;
	text-align:center;
	margin-top:10px;
	}

	
.indrwp .about .one{
	overflow:hidden;
	background:url(../image/about.jpg) no-repeat right center/cover #f5f7f9;
	background-size: 52%;
	}
.indrwp .about .one .left{
	float:left;
	width:calc(60% - 80px);
	background-color:#fff;
	padding:80px 40px;
	margin:90px 0 50px;
	}
.indrwp .about .one .left .p{
	font-size:16px;
	line-height:26px;
	color:#666;
	}
.indrwp .about .one .left .p p,.indrwp .about .one .left .p span{
	font-size:16px;
	line-height:26px;
	color:#666;
	}
		
.indrwp .about .two{
	overflow:hidden;
	background:url(../image/fuwu.jpg) no-repeat center/cover;
	padding:60px 0 80px;
	}
.indrwp .about .two .list{
	overflow:hidden;
	padding-top:55px;
	margin-top:40px;
	}
.indrwp .about .two .list li{
	float:left;
	width:calc(100%/3 - 20px);
	margin-right:30px;
	background:#fff;
	padding-bottom:50px;
	transition:all 0.3s linear;
	}
.indrwp .about .two .list li:nth-child(3n+0){
	margin-right:0;
	}
.indrwp .about .two .list li h1{
	font-size:48px;
	color:#fff;
	background-color:#2356cb;
	width:90px;
	height:90px;
	line-height:90px;
	text-align:center;
	margin:-45px auto 0;
	z-index:1;
	}
.indrwp .about .two .list li h2{
	font-size:24px;
	color:#333;
	text-align:center;
	margin:30px 0;
	font-weight:normal;
	}
.indrwp .about .two .list li p{
	font-size:16px;
	line-height:30px;
	color:#666;
	text-align:center;
	}
.indrwp .about .two .list li:hover{
	margin-top:-10px;
	}
	
.indrwp .about .three{
	padding:60px 0;
	}
.indrwp .about .three .list{
	overflow:hidden;
	margin-top:50px;
	}
.indrwp .about .three .list li{
	float:left;
	width:calc(100%/5 - 42px);
	margin-right:25px;
	padding:10px;
	margin-bottom:25px;
	position:relative;
	border:1px solid #ccc;
	}
.indrwp .about .three .list li:nth-child(5n+0){
	margin-right:0;
	}
.indrwp .about .three .list li .txt{
	position:absolute;
	width:80%;
	left:10%;
	bottom:-10px;
	opacity:0;
	transition:all 0.3s linear;
	}
.indrwp .about .three .list li .txt p{
	color:#fff;
	font-size:16px;
	background-color:#2356cb;
	text-align:center;
	line-height:50px;
	height:50px;
	width:100%;
	}
.indrwp .about .three .list li:hover .txt{
	opacity:1;
	}
	
.indrwp .about .four{
	padding:60px 0;
	background-color:#f2f2f2;
	}
.indrwp .about .four .list{
	overflow:hidden;
	margin-top:50px;
	}
.heigh{ height:260px;}
.cente{ text-align: center;}
.indrwp .about .four .list li{
	float:left;
	width:calc(100%/4 - 15px);
	margin-right:20px;
	background-color:#fafafa;
	display: flex;
    justify-content: center;
    align-items: center;
	
	}
.indrwp .about .four .list li:nth-child(4n+0){
	margin-right:0;
	}
.indrwp .about .four .list li>div{
	width:100%;
	margin:0 auto;
	}
.indrwp .about .four .list li .img{
	display:block;
	margin:0 auto;
	}
.indrwp .about .four .list li .img_h{
	display:none;
	margin:0 auto;
	}
/*	
.indrwp .about .four .list li:hover .img_h{
	display:block;
	}
.indrwp .about .four .list li:hover .img{
	display:none;
	}
*/
.indrwp .about .four .list li .txt{
	padding:20px;
	}
.indrwp .about .four .list li .txt h1{
	font-size:24px;
	color:#333;
	
	font-weight:normal;
	margin-bottom:15px;
	}
.indrwp .about .four .list li .txt p{
	font-size:14px;
	color:#666;
	
	line-height:24px;
	margin:0 auto;    
	overflow: hidden;
    display: -webkit-box;
    /*-webkit-line-clamp:3;*/
    -webkit-box-orient: vertical;
	}
.indrwp .about .four .list li .more1 {
	margin-left:20px;
    box-sizing: border-box;
    color: #1c73c5;
    font-size: 16px;
    padding: 10px 35px;
    background: url(../image/icon-map.png) no-repeat;
    background-position: 0 50%;
    background-size: 25px auto;
}

.indrwp .about .five{
	padding:60px 0;    
	background-color: #f1f1f1;
	}	
.indrwp .about .five .list{
	overflow:hidden;
	margin-top:40px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
.indrwp .about .five .list li{
	float:left;
	width:calc(100%/6 - 1px);
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
.indrwp .about .five a{
    width: 160px;
    height: 50px;
    margin: 20px auto 0;
    display: block;
    background-color: #2356cb;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
}
.indrwp .about .five a:hover{
	background-color:#fff;
	box-shadow:0 0 10px #666;
	color:#2356cb;
	transition: all 0.4s linear;
	}
	
	
.indrwp .prolist .list{
	overflow:hidden;
	padding-top:40px;
	}
.indrwp .prolist .list li{
	float:left;
	width:calc(100%/4 - 15px);
	margin-right:20px;
	margin-top:20px;
	}
.indrwp .prolist .list li:nth-child(4n+0){
	margin-right:0;
	}
.indrwp .prolist .list li .txt{
	background-color:#fff;
	width:100%;
	height:60px;
	}
.indrwp .prolist .list li:hover .txt{
	background-color:#2356cb;
	transition:all 0.3s linear;
	}
.indrwp .prolist .list li:hover .txt p{
	color:#fff;
	transition:all 0.3s linear;
	}
.indrwp .prolist .list li p{
	font-size:18px; font-weight: 500;
	color:#333;
	text-align:center;
	height:60px;
	line-height:60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	}
.indrwp .prolist .list li div:hover{transform:scale(1.05); transition:all 0.55s;}
	
.indrwp .newslist{
	padding-top:60px;
	}.indrwp .newslist .list li{
	height:260px;
	border-bottom:1px dashed #ccc;
	}
.indrwp .newslist .list li .time{
	float:left;    
	z-index: 1;  
    line-height: 1;
    text-align: center;
    position: absolute;
    height: 64px;
    top: 50%;
    margin-top: -32px;
    color: #2356cb;
    z-index: 1;
    font-size: 14px;
	}
.indrwp .newslist .list li .time p{
    font-size: 55px;
    margin-bottom: 3px;
	}
.indrwp .newslist .list li .time span{
    font-size: 16px;
	}
.indrwp .newslist .list li .txt{
	float:left;
	width:60%;
	text-align:left;
	padding-left:8%;   
	}
.indrwp .newslist .list li .img{
	width:25%;
	float:right;
	}
.indrwp .newslist .list li .img img{
	width:100%;
	}
.indrwp .newslist .item_l {
    width: 10%;
    float: left;
    position: relative;
    height: 100%;
}
.indrwp .newslist .item_r {
    width: 90%;
    float: left;
    height: 100%;
    position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.indrwp .newslist .list li:hover .txt span{
	color:#fff;
	background-color:#2356cb;    
	transition: all 0.3s linear;
	}
.indrwp .newslist .list li:hover .time p{
	color:#fff;    
	transition: all 0.3s linear;
	}
.indrwp .newslist .list li:hover .time span{
	color:#fff;    
	transition: all 0.3s linear;
	}
.indrwp .newslist .list li:hover .item_l:after{
    width: 520px;
}
.indrwp .newslist .item_l:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #2356cb;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.indrwp .newslist .list li:hover .item_r:after {
    width: 330px;
    right: -330px;
}
.indrwp .newslist .item_r:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #fafafa;
    height: 100%;
    width: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.indrwp .newslist .list:hover li{
	border-bottom:1px solid #fff;
	transition: all 0.3s linear;
}
.indrwp .newslist .list li:hover{
    background: #fafafa;
	transition: all 0.3s linear;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}

.indrwp .newslist .txt h1{
    font-size: 22px;
    font-weight: normal;
    color: #333;
    line-height: 24px;
    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.indrwp .newslist li:hover .txt h1{
    color: #2356cb;
	transition: all 0.3s linear;
	}
.indrwp .newslist .list li .txt h2{
	display:none;
    font-size: 14px;
	margin-bottom:10px;
	color:#999;
	font-weight:normal;
	}
.indrwp .newslist .txt p{
    font-size: 15px;
    color: #666;
    line-height: 26px;
    margin-bottom: 40px;    
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	max-height: 52px;
}
.indrwp .newslist .txt span{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border: 1px solid #2356cb;
    border-radius: 10px 0;
    color: #2356cb;
    padding: 10px 30px;
    position: relative;
}
	
	
.indrwp .news .info h1{
	font-size:44px;
	text-align:center;
	color:#333;
	}
.indrwp .news .info h2{
	font-size:14px;
	text-align:center;
	font-weight:normal;
	color:#999;
	margin:8px 0 30px;
	padding-bottom:30px;
	border-bottom:1px dashed #ccc;
	}
.indrwp .news .info .p p, .indrwp .news .info .p span{
	font-size:15px;
	line-height:26px;
	color:#666;
	}
.indrwp .news .info{
	padding:60px 0 0;
	font-size:15px;
	color:#666;
	}

.indrwp .gook .contact_gbook{
	padding:60px 0;
	}
.indrwp .gook .contact_gbook li input {
	width:98%;
	padding-left:2%;
	background-color:#fff;
	border:1px solid #ccc;
	margin-bottom:20px;
	line-height: 50px;
	font-size:15px;
	color:#333;
	font-family: "微软雅黑";
}
.indrwp .gook .contact_gbook li:nth-child(3) input{
	width:46%;
	float:left;
	}
.indrwp .gook .contact_gbook li:nth-child(4) input{
	width:46%;
	float:right;
	}
.indrwp .gook .contact_gbook li textarea {
	outline:none;
	width:98%;
	padding-left:2%;
	padding-top:10px;
	background-color:#fff;
	border:1px solid #ccc;
	line-height: 34px;
	height: 240px;
	font-size:15px;
	color:#333;
	font-family: "微软雅黑";
}
.indrwp .gook .contact_gbook .tijiao{
	border:none;
	display: block;
    border-radius: 5px;
    margin: 30px auto 0;
    width: 160px;
    height: 50px;
    background-color: #2356cb;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
	font-family: "微软雅黑";
	padding:0;
}	
.indrwp .gook .contact_gbook .tijiao:hover{
	background-color:#fff;
	color:#2356cb;
	box-shadow:0 0 10px #ccc;
	transition:all 0.3s linear;
	}

.indrwp .honor{
	padding-top:60px;
	}
.indrwp .honor .list{
	overflow:hidden;
	}	
.indrwp .honor .list li{
      text-align: center;
      padding: 10px;
      position: relative;
      font-size: 16px;
      border: 1px solid #ccc;
      float:left;
      width: calc(100%/5 - 46px);
      margin-right: 30px;
      margin-bottom: 40px;
    }
.indrwp .honor .list li:nth-child(5n+0){
	margin-right:0;
	}
.indrwp .honor .list li a{
		display:block;
		}
.indrwp .honor .list li p{
		font-size:16px;
		color:#fff;
		text-align:center;
		height:55px;
		line-height:55px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;   
	 width: 90%;
    margin: 0 auto;
		}
.indrwp .honor .list li .txt{
		opacity:0;
		left: 10%;
		bottom: -24px;
		width: 80%;
		position: absolute;
		background-color: #2356cb;
		transition:all 0.3s linear;
		}
.indrwp .honor .list li:hover .txt{
	opacity:1;
	}
			
	
.indrwp .contact{
	padding:80px 0;
	overflow:hidden;
	}
.indrwp .contact #container{
	width:100%;
	height:760px;
	position:relative;
	}
.indrwp .contact #container .txt{
	position:absolute;
	top:130px;
	left:5%;
	z-index:999;
	width:calc(30% - 60px);
	padding:80px 30px;
	background-color:rgba(29,32,135,0.9);
	display: flex;
    justify-content: center;
    align-items: center;
	}
.indrwp .contact #container .txt h1{
	color:#fff;
	font-size:24px;
	margin-bottom:30px;
	}
.indrwp .contact #container .txt p{
	color:#fff;
	font-size:16px;
	line-height:30px;
	}
		
.indrwp .pro .one{
	overflow:hidden;
	padding:80px 0 40px;
	}
.indrwp .pro .one .left{
	float:left;
	width:40%;
	margin-right:6%;
	}
.indrwp .pro .one .left h1{
	font-size:44px;
	color:#333;
	}
.indrwp .pro .one .left span{
	font-size:16px;
	line-height:26px;
	color:#666;
	display:block;
	margin-top:30px;
	}
.indrwp .pro .one .left .txt{
	border-top:1px solid #ccc;
	padding-top:30px;
	margin-top:30px;
	}
.indrwp .pro .one .left .txt h1{
	font-size:22px;
	color:#333;
	margin-bottom:20px;
	}
.indrwp .pro .one .left .txt p{
	font-size:15px;
	color:#666;
	line-height:34px;
	}
.indrwp .pro .one .left .more_box{
	margin-top:20px;
	overflow:hidden;
	}
.indrwp .pro .one .left .more_box a{
	display:block;
	width:calc(100%/3);
	margin:10px 20px 10px 0;
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:14px;
	background-color:#2356cb;
	border-radius:5px;
	}
.indrwp .pro .one .left .more_box a:hover{
	transition: all 0.3s linear;
	background-color:#fff;
	box-shadow:0 0 10px #ccc;
	color:#2356cb;
	}
.indrwp .pro .one .right{
	float:right;
	width:54%;
	}
.indrwp .pro .one h1{
	font-size:44px;
	text-align:center;
	}
.indrwp .pro .one .xian {
    width: 60px;
    height: 4px;
    margin: 20px auto 0;
    background-color: #2356cb;
}
.indrwp .pro .txt>img{
	display:block;
	margin:0 auto 30px;
	}
.indrwp .pro .txt{
	font-size:14px;
	color:#666;
	line-height:24px;
	}	

.indrwp .fanganlist{
	padding:60px 0;
	}
.indrwp .fanganlist .list li{
	overflow:hidden;
	}
.indrwp .fanganlist .list li .img{
	float:left;
	width:50%;
	height:420px;
	}
.indrwp .fanganlist .list li .txt{
	float:right;
	width:50%;
	height:420px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color:#f1f1f1;
	}
.indrwp .fanganlist .list li:nth-child(even) .img{
	float:right;
	}
.indrwp .fanganlist .list li:nth-child(even) .txt{
	float:left;
	}
.indrwp .fanganlist .list li .txt>div{
	width:85%;
	margin:0 auto;
	}
.indrwp .fanganlist .list li .txt h1{
	color:#2356cb;
	font-size:34px;
	font-weight:normal;
	}
.indrwp .fanganlist .list li .txt h2{
	color:#333;
	font-size:30px;
	}
.indrwp .fanganlist .list li .txt p{
	color:#666;
	font-size:14px;
	line-height:28px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin:20px 0 40px;
	}
.indrwp .fanganlist .list li .txt a{
	display:block;
	font-size:16px;
	color:#fff;
	width:160px;
	height:50px;
	line-height:50px;
	background-color:#2356cb;
	text-align:center;
	}
		
.indrwp .fangan{
	padding:60px 0;
	}
.indrwp .fangan .info .img{
	display:block;
	margin:0 auto 30px;
	}	
.indrwp .fangan .info .inp{
	font-size:14px;
	line-height:24px;
	color:#666;
	}
	
.indrwp .about .ncontact{margin:0 auto;}
.indrwp .about .ncontact>ul{ width:85%;max-width:1360px;margin:0 auto;padding:90px 0;}
.indrwp .about .ncontact>ul>li{width:31%; margin-right:3.5%; text-align: center; background:#fff; box-sizing:border-box; float: left; border: 1px solid #ededed;transition: box-shadow .3s;}
.indrwp .about .ncontact>ul>li:nth-child(3n){ margin-right:0 !important;}
.indrwp .about .ncontact>ul>li .img{text-align:center;margin:0 auto;overflow:hidden;}
.indrwp .about .ncontact>ul>li .img>img{ width:100%;height:auto; transition:all 1s;}
.indrwp .about .ncontact>ul>li .con{margin:0 auto; padding:30px;text-align:left; box-sizing:border-box;}
.indrwp .about .ncontact>ul>li .con>.tit{ font-size:30px; color:#333; transition:all .35s; }
.indrwp .about .ncontact>ul>li .con>.txt{ padding:20px 0; font-size:14px; color:#666; line-height:24px; transition:all .35s; }
.indrwp .about .ncontact>ul>li .con>.more{ box-sizing:border-box; color:#1c73c5; font-size:16px;padding:10px 35px; background:url("../images/icon-map-navigation.png") no-repeat; background-position:0 50%; background-size:25px auto;}
.indrwp .about .ncontact li:hover {box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.indrwp .about .ncontact li:hover .img>img{transform:scale(1.2);}

@media only screen and (max-width: 960px){

.indrwp .about .ncontact>ul>li{width:100%; margin-right:0%; margin-bottom:3.5%; text-align: left; float: none;}
.indrwp .about .ncontact>ul>li .con>.tit{ font-size:24px; }
.indrwp .about .ncontact>ul>li .con>.more{ font-size:14px;}
.indrwp .about .ncontact>ul>li .img{ float:left; width:40%; padding:30px 20px; box-sizing:border-box;}
.indrwp .about .ncontact>ul>li .con{ float:right; width:60%;}

}

@media only screen and (max-width: 780px){
.indrwp .about .ncontact>ul{ width:90%;padding:50px 0;}
}

@media only screen and (max-width: 420px){
.indrwp .about .ncontact>ul>li .img{ float:none; width:100%; padding:0; box-sizing:border-box;}
.indrwp .about .ncontact>ul>li .con{ float:none; width:100%;}
.indrwp .about .ncontact>ul>li .con>.tit{ font-size:22px; }
}

@media (max-width:1599px){
	.indrwp .about .one{
	background-size: cover;
	}
	.indrwp .about .one .left .p{
		font-size:14px;
		line-height:24px;
		}
}
@media (max-width:1399px){
.indrwp .about .one .right{
	padding-top:100px;
	padding-bottom:100px;
	}

.indrwp .about .three .left{
	padding-top:100px;
	padding-bottom:100px;
	}
}

@media (max-width:1299px){
.indrwp .about .one .right{
	padding-top:90px;
	padding-bottom:90px;
	}
.indrwp .about .one .right h2{
	margin:-40px 0 40px;
	}
.indrwp .about .one .right a{
	margin:40px 0 0;
	}
.indrwp .about .one .right p{
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
	
.indrwp .about .three .left{
	padding-top:90px;
	padding-bottom:90px;
	}
.indrwp .about .three .left h2{
	margin:-40px 0 40px;
	}
.indrwp .about .three .left a{
	margin:40px 0 0;
	}
.indrwp .about .three .left p{
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
}

@media (max-width:1199px){
.indrwp .about .one .right{
	padding-top:75px;
	padding-bottom:75px;
	}
.indrwp .about .one .right h2{
	margin:-40px 0 30px;
	}
.indrwp .about .one .right p{
    -webkit-line-clamp:3;
	}
	
.indrwp .about .three .left{
	padding-top:75px;
	padding-bottom:75px;
	}
.indrwp .about .three .left h2{
	margin:-40px 0 30px;
	}
.indrwp .about .three .left p{
    -webkit-line-clamp:3;
	}
}

@media (max-width:996px){
.n_banner{
	margin-top:50px;
	}
.n_banner h1{
	font-size:26px;
	}
.n_banner .txt{
	margin-top:0;
	}
.n_banner .xian{
	margin:10px auto;
	}
.n_banner p{
	font-size:16px;
	}
.n_banner .add{    
	line-height: 50px;
    	height: 50px;
	}
.pagination{
	padding:30px 0;
	}
.pagination li:first-child{
	display:none;
	}
.pagination li:last-child{
	display:none;
	}

#pian{
	margin:30px auto;
	}
#pian p{
	height:30px;
	line-height:30px;
	font-size:15px;
	}	
#pian p a{
	font-size:15px;
	}
	
.list_nav{
	display:none;
	}
	
.indrwp .more{
    margin: 10px auto 0;
	width:140px;
	line-height:40px;
	height:40px;
}


.indrwp .title h1{
	font-size:26px;
	}
.indrwp .title p{
	font-size:14px;
	margin:10px 0;
	}
.indrwp .title .xian{
	width:50px;
	margin:0 auto 30px;
	}

.indrwp .pro .one h1{
	font-size:26px;
	}
	
.indrwp .case_list li{
	width:calc(100%/2 - 7.5px);
	margin-right:15px;
	margin-bottom: 15px;
	}
.indrwp .case_list li:nth-child(4n+0){
	margin-right:15px;
	}
.indrwp .case_list li:nth-child(even){
	margin-right:0;
	}
	
.indrwp .about .one .left {
    float: none;
    width: calc(100% - 40px);
    padding: 40px 20px;
    margin: 40px 0;
	}
	
.indrwp .about .two{
	padding:30px 0;
	}
.indrwp .about .two .list {
    padding-top: 45px;
    margin-top: 20px;
	}
.indrwp .about .two .list li {
    float:none;
    width:100%;
    margin-right:0;
	margin-bottom:60px;
    padding-bottom: 30px;
}
.indrwp .about .two .list li h1{
	font-size:38px;
	width:70px;
	height:70px;
	line-height:70px;
	margin-top:-35px;
	}
.indrwp .about .two .list li h2{
	font-size:20px;
	margin:20px 0;
	}
.indrwp .about .two .list li p{
	font-size:14px;
	line-height:24px;
	}
	
.indrwp .about .three{
	padding:30px 0;
	}	
.indrwp .about .three .list{
	margin-top:30px;
	}
.indrwp .about .three .list li {
    width:calc(100%/2 - 29.5px);
    margin-right: 15px;
    padding: 10px;
    margin-bottom: 15px;
	}
.indrwp .about .three .list li:nth-child(5n+0){
	margin-right:15px;
	}
.indrwp .about .three .list li:nth-child(even){
	margin-right:0;
	}
.indrwp .about .three .list li .txt{
	bottom:-15px;
	}
.indrwp .about .three .list li .txt p{
	height:40px;
	line-height:40px;
	font-size:14px;
	}
	
.indrwp .about .four{
	padding: 30px 0 10px;
	}
.indrwp .about .four .list{
	margin-top:30px;
	}
.indrwp .about .four .list li{
	width:calc(100%/2 - 10px);
	margin-right:20px;
	margin-bottom:20px;
	
	}
.indrwp .about .four .list li>div {
    width: 100%;
	}
.indrwp .about .four .list li img{
	width:100%;
	
	}
.indrwp .about .four .list li:nth-child(4n+0){
	margin-right:20px;
	}
.indrwp .about .four .list li:nth-child(even){
	margin-right:0;
	}
.indrwp .about .four .list li .txt{
	padding:15px;
	}
.indrwp .about .four .list li .txt h1{
	font-size:18px;
	margin-bottom:8px;
	}
		
.indrwp .about .five{
	padding:30px 0 40px;
	}	
.indrwp .about .five .list{
	margin-top:20px;
	}	
.indrwp .about .five .list li{
	width:calc(100%/2 - 1px);
	}
.indrwp .about .five a{
    margin: 10px auto 0;
	width:140px;
	line-height:40px;
	height:40px;
}
	
.indrwp .prolist .list{
	margin-top:10px;
	}	
.indrwp .prolist .list li{
	width:calc(100%/2 - 10px);
	}
.indrwp .prolist .list li:nth-child(4n+0){
	margin-right:20px;
	}
.indrwp .prolist .list li:nth-child(even){
	margin-right:0;
	}
.indrwp .prolist .list li .txt{
	height:40px;
	}
.indrwp .prolist .list li p{
	font-size:14px;
	line-height:40px;
	height:40px;
	}	

.indrwp .newslist{
	padding-top:30px;
	}
.indrwp .newslist .item_l{
	float:none;
	display:none;
	}	
.indrwp .newslist .item_r{
	float:none;
	width:100%;
	}
.indrwp .newslist .list li{
	height:220px;
	}
.indrwp .newslist .txt h1{
	font-size:18px;
	margin-bottom:10px;
	}
.indrwp .newslist .list li .txt h2{
	display:block;	
	}
.indrwp .newslist .txt p{
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
	max-height:48px;
	}
.indrwp .newslist .txt span{
	padding:8px 20px;
	}
.indrwp .newslist .list li .txt{
	padding:0;
	width:100%;
	float:none;
	}
.indrwp .newslist .list li .img{
	display:none;
	}
.indrwp .newslist .item_r:after{
	display:none;
	}
.indrwp .newslist .list:hover li{
	border-bottom: 1px dashed #ccc;
	}
.indrwp .newslist .list li:hover{
	background:none;
	}

.indrwp .news .info{
	padding:30px 0 0;
	}
.indrwp .news .info h1{
	font-size:18px;
	}
.indrwp .news .info h2{
	margin:8px 0 20px;
	padding-bottom:20px;
	}
.indrwp .news .info .p p, .indrwp .news .info .p span{
	font-size:14px;
	line-height:24px;
	}	


.indrwp .gook .contact_gbook{
	padding:30px 0;
	}
.indrwp .gook .contact_gbook li input{
	line-height:40px;
	font-size:14px;
	margin-bottom:10px;
	}
.indrwp .gook .contact_gbook li textarea{
	height:150px;
	font-size:14px;
	padding-top:5px;
	}
.indrwp .gook .contact_gbook .tijiao{
	font-size:14px;
	width:120px;
	height:40px;
	line-height:40px;
	margin:20px auto 0;
	}	

.indrwp .honor{
	padding-top:30px;
	}
.indrwp .honor .list{
	margin-top:10px;
	}
.indrwp .honor .list li{
	  width:calc(100%/2 - 32px);
	  margin-right:20px;
	  margin-bottom: 30px;
	  }
.indrwp .honor .list li:nth-child(5n+0){
	margin-right:20px;
	}
.indrwp .honor .list li:nth-child(even){
	margin-right:0;
	}
.indrwp .honor .list li a{
	padding: 0;
	}
.indrwp .honor .list li .txt{
	bottom: -15px;
	}
.indrwp .honor .list li p{
	font-size:14px;
	line-height: 40px;
	height: 40px;
	}

.indrwp .contact{
	padding:40px 0;
	}
.indrwp .contact #container{
	height:500px;
	}
.indrwp .contact #container .txt{
	width: calc(90% - 40px);
    padding: 30px 20px;
	top:auto;
	bottom:0;
	}
.indrwp .contact #container .txt h1{
	font-size:18px;
	margin-bottom:20px;
	}
.indrwp .contact #container .txt p {
    font-size: 14px;
    line-height: 26px;
	}

.indrwp .pro .one{
	padding:30px 0 20px;
	margin-bottom:10px;
	display:block;
	}
.indrwp .pro .one .left{
	float:none;
	width:100%;
	}	
.indrwp .pro .one .left h1{
	font-size:22px!important;
	margin-bottom:15px!important;
	}
.indrwp .pro .one .left span{
	font-size:14px;
	line-height:24px;
	margin-top:20px;
	}
.indrwp .pro .one .left .txt{
	margin-top:30px;
	padding-top:30px;
	}
.indrwp .pro .one .left .txt p{
	font-size:14px;
	line-height:30px;
	}
.indrwp .pro .one .left .more_box{
	margin-top:10px;
	}
.indrwp .pro .one .left .more_box a{
	height:40px;
	line-height:40px;
	}
.indrwp .pro .one .right{
	float:none;
	width:100%;
	margin-top:30px;
	}	
.indrwp .pro .one .xian{
	width:50px;
	margin:10px auto 0;
	}
.indrwp .fangan{
	padding:30px 0;
	}	
		
.indrwp .fanganlist{
	padding:30px 0;
	}
.indrwp .fanganlist .list li .img{
	float:none;
	width:100%;
	height:auto;
	}
.indrwp .fanganlist .list li .txt{
	float:none;
	width:100%;
	height:auto;
	padding:30px 0;
	}
.indrwp .fanganlist .list li .txt h1{
	font-size:16px;
	}
.indrwp .fanganlist .list li .txt h2{
	font-size:24px;
	}
.indrwp .fanganlist .list li .txt p{
	line-height:24px;
	 margin: 20px 0 30px;
	}
.indrwp .fanganlist .list li .txt a{
	width:120px;
	height:40px;
	line-height:40px;
	font-size:14px;
	}
}

@media (max-width:767px){


.indrwp .about .three{
	background:#fafafa!important;
	}
.indrwp .about .three .left{
	width:100%;
	margin-left:0;
	}
.indrwp .about .three .left p {
    -webkit-line-clamp: 5;
	}
}

@media (max-width:599px){
.n_banner h1{
	font-size:22px;
	}
.n_banner p{
	font-size:14px;
	margin-top:2px;
	}

.indrwp .fanganlist .list li{
	width:100%;
	margin-right:0;
	}
.indrwp .about .two .list li:last-child{
	margin-bottom:0;
	}
.indrwp .fanganlist .list li:nth-child(3n+0){
	margin-right:0;
	}
}


.indrwp .pro .mainsTitle{font-size:55px;color:#333;}
.indrwp .pro .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:36px;line-height:38px;padding-bottom:20px;color:#025b9e;border-bottom:1px solid #d3d3d3;width:100%;}
.indrwp .pro .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.indrwp .pro .content .child{position:relative;border-bottom:1px solid #d5d5d5;padding:40px 0;text-align:left;}
.indrwp .pro .content .child.no{border-bottom:2px solid #e60012;}
.indrwp .pro .content .child p{font-size:16px;color:#666;line-height:26px;}
.indrwp .pro .content .child .name{line-height:50px;color:#333;font-size:30px;}
.indrwp .pro .content .child .nameEn{color:#999;font-size:30px;line-height:46px;}
.indrwp .pro .content .child .department{color:#434343;font-size:18px;line-height:40px;}
.indrwp .pro .content .child .department .sub{margin:0 5px;color:#DFDFDF;}
.indrwp .pro .content .child .department .redSpan{color:#025b9e;}
.indrwp .pro .content .child .childContent{padding-top:14px;display:none;font-size:14px; line-height:24px; color:#666;}
.indrwp .pro .content .child .childContent p, .indrwp .pro .content .child .childContent span{font-size:14px; line-height:24px; color:#666;}
.indrwp .pro .content .child .childPointer{position:absolute;cursor:pointer;top:55px;right:0;width:62px;height:32px;background-image:url(../images/jobBottom.png);background-repeat:no-repeat;}
.indrwp .pro .content .child .childPointer{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.indrwp .pro .content .child .childPointer.on{ transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);-webkit-transform:rotateZ(135deg);}
.indrwp .pro .foot{text-align:left;}
.indrwp .pro .foot .redTitle{margin-top:24px;line-height:40px;color:#025b9e;font-size:22px;}
.indrwp .pro .foot .info1{color:#868686;font-size:16px;line-height:24px;}
.indrwp .pro .foot .title{color:#434343;font-size:16px;font-weight:bold;margin-top:10px;}
.indrwp .pro .foot .info2{color:#434343;font-size:16px;line-height:24px;}
.indrwp .pro .foot .info2 span{font-weight:bold;}

@media  (max-width: 479px) {
.indrwp .pro .container{width:80%;}
.indrwp .pro .mainsTitle{font-size:21px;}
.indrwp .pro .mainSub{width:63px;margin:8px auto 13px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:16px;line-height:16px;padding-bottom:8px;}

.indrwp .pro .content .child{padding:17px 0;}
.indrwp .pro .content .child.no{border-bottom-width:2px;}
.indrwp .pro .content .child p{font-size:12px;line-height:18px;}
.indrwp .pro .content .child .name{line-height:22px;font-size:14px;}
.indrwp .pro .content .child .nameEn{font-size:14px;line-height:20px;}
.indrwp .pro .content .child .department{font-size:12px;line-height:24px;}
.indrwp .pro .content .child .department .sub{margin:0 3px;}
.indrwp .pro .content .child .childContent{padding-top:6px;}
.indrwp .pro .content .child .childPointer{top:23px;width:26px;height:14px;background-size:26px 14px;}

.indrwp .pro .foot .redTitle{margin-top:10px;line-height:20px;font-size:12px;}
.indrwp .pro .foot .info1{font-size:12px;line-height:16px;}
.indrwp .pro .foot .title{font-size:12px;margin-top:4px;}
.indrwp .pro .foot .info2{font-size:12px;line-height:16px;}

}
@media (min-width: 480px) and (max-width: 639px) {
.indrwp .pro .container{width:80%;}
.indrwp .pro .mainsTitle{font-size:26px;}
.indrwp .pro .mainSub{width:63px;margin:8px auto 13px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:16px;line-height:16px;padding-bottom:8px;}

.indrwp .pro .content .child{padding:17px 0;}
.indrwp .pro .content .child.no{border-bottom-width:2px;}
.indrwp .pro .content .child p{font-size:12px;line-height:18px;}
.indrwp .pro .content .child .name{line-height:22px;font-size:14px;}
.indrwp .pro .content .child .nameEn{font-size:14px;line-height:20px;}
.indrwp .pro .content .child .department{font-size:12px;line-height:24px;}
.indrwp .pro .content .child .department .sub{margin:0 3px;}
.indrwp .pro .content .child .childContent{padding-top:6px;}
.indrwp .pro .content .child .childPointer{top:23px;width:26px;height:14px;background-size:26px 14px;}

.indrwp .pro .foot .redTitle{margin-top:10px;line-height:20px;font-size:12px;}
.indrwp .pro .foot .info1{font-size:12px;line-height:16px;}
.indrwp .pro .foot .title{font-size:12px;margin-top:4px;}
.indrwp .pro .foot .info2{font-size:12px;line-height:16px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.indrwp .pro .container{width:80%;}
.indrwp .pro .mainsTitle{font-size:46px;}
.indrwp .pro .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:29px;line-height:29px;padding-bottom:16px;}

.indrwp .pro .content .child{padding:34px 0;}
.indrwp .pro .content .child .name{line-height:43px;font-size:26px;}
.indrwp .pro .content .child .nameEn{font-size:26px;line-height:40px;}
.indrwp .pro .content .child .department{font-size:15px;line-height:34px;}
.indrwp .pro .content .child .department .sub{margin:0 5px;}
.indrwp .pro .content .child .childContent{padding-top:12px;}
.indrwp .pro .content .child .childPointer{top:47px;width:53px;height:27px;background-size:53px 27px;}

.indrwp .pro .foot .redTitle{margin-top:20px;line-height:34px;font-size:20px;}
.indrwp .pro .foot .info1{font-size:14px;line-height:20px;}
.indrwp .pro .foot .title{font-size:14px;margin-top:8px;}
.indrwp .pro .foot .info2{font-size:14px;line-height:20px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.indrwp .pro .container{width:796px;}
.indrwp .pro .mainsTitle{font-size:38px;}
.indrwp .pro .mainSub{width:104px;margin:13px auto 21px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:24px;line-height:24px;padding-bottom:13px;}

.indrwp .pro .content .child{padding:28px 0;}
.indrwp .pro .content .child p{font-size:12px;line-height:16px;}
.indrwp .pro .content .child .name{line-height:35px;font-size:21px;}
.indrwp .pro .content .child .nameEn{font-size:21px;line-height:33px;}
.indrwp .pro .content .child .department{font-size:12px;line-height:28px;}
.indrwp .pro .content .child .department .sub{margin:0 4px;}
.indrwp .pro .content .child .childContent{padding-top:10px;}
.indrwp .pro .content .child .childPointer{top:39px;width:44px;height:22px;background-size:44px 22px;}

.indrwp .pro .foot .redTitle{margin-top:16px;line-height:28px;font-size:16px;}
.indrwp .pro .foot .info1{font-size:12px;line-height:16px;}
.indrwp .pro .foot .title{font-size:12px;margin-top:6px;}
.indrwp .pro .foot .info2{font-size:12px;line-height:16px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.indrwp .pro .container{width:796px;}
.indrwp .pro .mainsTitle{font-size:38px;}
.indrwp .pro .mainSub{width:104px;margin:13px auto 21px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:24px;line-height:24px;padding-bottom:13px;}

.indrwp .pro .content .child{padding:28px 0;}
.indrwp .pro .content .child p{font-size:12px;line-height:16px;}
.indrwp .pro .content .child .name{line-height:35px;font-size:21px;}
.indrwp .pro .content .child .nameEn{font-size:21px;line-height:33px;}
.indrwp .pro .content .child .department{font-size:12px;line-height:28px;}
.indrwp .pro .content .child .department .sub{margin:0 4px;}
.indrwp .pro .content .child .childContent{padding-top:10px;}
.indrwp .pro .content .child .childPointer{top:39px;width:44px;height:22px;background-size:44px 22px;}

.indrwp .pro .foot .redTitle{margin-top:16px;line-height:28px;font-size:16px;}
.indrwp .pro .foot .info1{font-size:12px;line-height:16px;}
.indrwp .pro .foot .title{font-size:12px;margin-top:6px;}
.indrwp .pro .foot .info2{font-size:12px;line-height:16px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.indrwp .pro .container{width:1200px;}
.indrwp .pro .mainsTitle{font-size:44px;}
.indrwp .pro .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.indrwp .pro .mainsInfo{font-size:29px;line-height:29px;padding-bottom:16px;}

.indrwp .pro .content .child{padding:34px 0;}
.indrwp .pro .content .child p{font-size:14px;line-height:24px;}
.indrwp .pro .content .child .name{line-height:43px;font-size:26px;}
.indrwp .pro .content .child .nameEn{font-size:20px;line-height:40px;}
.indrwp .pro .content .child .department{font-size:15px;line-height:34px;}
.indrwp .pro .content .child .department .sub{margin:0 5px;}
.indrwp .pro .content .child .childContent{padding-top:40px;}
.indrwp .pro .content .child .childPointer{top:47px;width:53px;height:27px;background-size:53px 27px;}

.indrwp .pro .foot .redTitle{margin-top:20px;line-height:34px;font-size:20px;}
.indrwp .pro .foot .info1{font-size:14px;line-height:24px;}
.indrwp .pro .foot .title{font-size:14px;margin-top:8px;}
.indrwp .pro .foot .info2{font-size:14px;line-height:24px;}
}


/* contact TOP*/

#contact{ position:relative; width:100%; margin:0 auto;}
#contact .container{ position:absolute;z-index:99; left:50%; bottom:15%; margin-left:-40%; width:80%; height:auto;}
#contact .container>ul{display:block;margin:0 auto;}
#contact .container>ul>li{display:block;float:left; width:22%;margin:0 2%; background:rgba(0,0,0,.5); box-shadow:0 2px 10px rgba(0,0,0,.1); box-sizing:border-box; text-align:center; transition:all .35s;}
#contact .container>ul>li:first-child{margin-left:0 !important;}
#contact .container>ul>li:last-child{margin-right:0 !important;}
#contact .container>ul>li>a{display:block;padding:5%; text-align:center; }
#contact .container>ul>li .icon{ position:relative; float:left; width:40px; height:40px; box-sizing:border-box; background:rgba(0,0,0,.5); border-radius:100%; margin:0 auto; overflow:hidden;margin-bottom:20px;}
#contact .container>ul>li .icon>img{ position:absolute;z-index:2;left:0;top:0; display:block; opacity:.8; width:auto;height:100%; transition:all .35s;}
#contact .container>ul>li .con{ float:left; width:80%; box-sizing:border-box;padding-left:20px;height:80px; text-align:left;}
#contact .container>ul>li .tit{padding:5px 0; font-size:16px; font-weight:bold; color:#fff;}
#contact .container>ul>li .add{width:100%; font-size:13px; color:rgba(255,255,255,.6); line-height:20px;}
#contact .container>ul>li:hover, #contact .container>ul>li.A{ background:#fff;}
#contact .container>ul>li:hover .icon, #contact .container>ul>li.A .icon{ background:#e6f3ff;}
#contact .container>ul>li:hover .tit, #contact .container>ul>li.A .tit{color:#1c73c5;}
#contact .container>ul>li:hover .add, #contact .container>ul>li.A .add{ color:rgba(28,115,197,.8);}
#contact .container>ul>li:hover .icon>img, #contact .container>ul>li.A .icon>img{ left:0; opacity:1;}
#contact .map-title{ width:90%;margin:0 auto; padding:5px 0 8px 0; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:16px; font-weight:bold; color:#333;}
#contact .map-text{width:90%;margin:0 auto;padding:10px 0; box-sizing:border-box; font-size:14px; line-height:20px;}
#contact .BMapLabel{ display:none!important;}


@media only screen and (max-width: 1680px){
  #contact .container>ul>li{width:22%;margin:0 1%;}
  #contact .container>ul>li .con{ width:90%;}
  #contact .container>ul>li .tit{padding:5px 0; font-size:14px; font-weight:bold; color:#fff;}
  #contact .container>ul>li .icon{ display: none; }
}
@media only screen and (max-width: 1320px){
  #contact .container>ul>li .icon{ display: none;}
  #contact .container>ul>li:hover .icon>img, #contact .container>ul>li.A .icon>img{ left:0;}
  #contact .container>ul>li .con{padding-left:15px;}
}

@media only screen and (max-width: 1080px){
  #contact .container{ margin-left:-45%; width:80%;}
  #contact .container>ul>li>a{padding:20px;}
  #contact .container>ul>li .icon{ display: none;}
  #contact .container>ul>li:hover .icon>img, #contact .container>ul>li.A .icon>img{ left:0;}
  #contact .container>ul>li .con{ float:none; width:100%; margin:0 auto;padding:10px 0 20px 0; text-align:center;}
  #contact .container>ul>li .tit{font-size:14px;}
  #contact .container>ul>li .add{font-size:12px;}
}

@media only screen and (max-width: 780px){
  #contact .container{ bottom:0; margin-left:-50%; width:100%;}
  #contact .container>ul>li{ width:25%;margin:0; background:rgba(0,0,0,.5);}
  #contact .container>ul>li .add{ width:90%; margin:0 auto; font-size:12px;}
   #contact .container>ul>li .icon{ display: none; }
}
@media only screen and (max-width: 540px){
  #contact .container{ bottom:20px;margin-left:-45%; width:90%;}
  #contact .container>ul>li{ float:none; width:100%;margin:0; background:rgba(0,0,0,.5);}
  #contact .container>ul>li>a{padding:10px;}
   #contact .container>ul>li .icon{ display: none; }
  #contact .container>ul>li:hover .icon>img, #contact .container>ul>li.A .icon>img{ left:0;}
  #contact .container>ul>li .con{ float:left; width:90%; height:auto; text-align:left;padding:0 0 0 20px;}
  #contact .container>ul>li .add{ width:100%;}

}

/* END*/