@charset "utf-8";

/* CSS Document */
@import "common.css"; 
body{padding-top:144px;}
#header{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    height: 144px;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);}
#topbar {background: #141414;
    color: #d7d7d7;
    font-size: 12px;
    height: 40px;
    line-height: 40px; }
#logobar {padding:12px 0 3px;}
#logobar .logo{display: inline-block; vertical-align: middle;}
#logobar a h1, .logobar a strong {    height: 0;
    width: auto;text-indent: -999em;}
#logobar .logo img{display: block;}
#logobar .logo strong{margin: 0;line-height: 33px;text-align: center;font-size: 20px;color: #e1001b;}
.slogan {
	margin-left: 21px;
	display: inline-block;vertical-align: top;padding-top: 13px;

}
.slogan h3{font-size: 30px;color: #333;}
.slogan h3 em{    color: #FF0000;
    font-style: oblique;
    margin-right: 8px;}

.slogan span {margin: 0;font-size: 18px;color: #333;line-height: 30px;padding-top: 12px;display: block;} 
.tellNum {float: right;color: #e0001a;font-size: 23px;font-weight: bold;line-height:1em;}
.tellNum strong{display: block;}
.tellNum strong a{color:#0e90d2 ;}
  
.imgContent{text-align: center;overflow: hidden;}
.imgContent img,.imgContent .img{max-width: 100%;margin: 0 auto;display: block;margin-bottom: 50px;margin-bottom:2.5vw;}
.imgContent .img{justify-content: space-between;max-width: 1200px;}
.imgContent .img>*{display: inline-block;vertical-align: top;width:49%;}
.imgContent .img>p iframe{width: 100% !important;height: 100% !important;}
#ind_case{background: #323232;text-align: center;margin-top:3em;padding-bottom:1em;position: relative;}
#ind_case .tit{background: #ff7800;color: #fff;display: inline-block;margin-top: -32px;padding:6px 15px;position: relative;padding: 6px 2vw;}
#ind_case .tit h2{font-size: 1.25em;color: #fff;}
.pub_com.case{width:102%;overflow: hidden;position: relative; }
.pub_com.case a{display: block;float: left;width:280px;margin-right:2%;margin-bottom:1%;}
.pub_com.case .big{max-width: 100%;overflow: hidden;position: relative;height: 0;padding-top:76%;}
.pub_com.case .big img{position: absolute;top: 0;left: 0;height: 100%;}
.pub_com.case a p{color: #fff;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;display: block;    line-height: 2em;text-align: center;}
.pub_com.case a p.tit{color: #333;}
#ind_case #ind_pro_more {
    background-image: url(../images/i08.png);
    background-repeat: no-repeat;
    width: 69px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    background-position: 0 0;
}
#ind_about{margin: 30px auto;margin: 3vw auto;overflow: hidden;}
#ind_about h2{text-align: center;margin-bottom:2em;font-size:1.25em;    margin-bottom: 3vw;padding-top: 1vw;}
#ind_about img{float: left;margin-right:30px;margin-bottom:20px;margin-right: 3vw;}
#ind_about .textCon{line-height: 2em;}
#ind_honor{background-color:#f8eacf }
#ind_honor h2{margin-bottom: 1em;margin-bottom: 2vw;text-align: center;}
#ind_news{overflow: hidden;}
.con_com{width: 50%;float: left;padding: 40px 25px 30px 30px;box-sizing:border-box;}
.con_com .big{float: left;width: 200px;height:264px;margin-right:30px;}
.con_com h3{font-size: 16px;
    font-weight: bold;    
    padding-bottom: 20px;}
.con_com h3 a{color: #fff;}
.con_com h3 em{display: block;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;color: #fff}
.con_com ul li{
    overflow: hidden;
    font-size: 12px;}
.con_com ul li a{color: #fff;}
.con_com ul{
    line-height: 36px;
	border-top: 1px dashed #ddd;padding-top: 20px;}
.con_fl{background-color: #0f5eb2;}
.con_fr{background-color: #eee;}
.con_fr h3 a,.con_fr h3 em,.con_fr ul li a{color:#000;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;display: block;}
.con_fr ul{border-top: 1px dashed #333;}
.pub_com{padding: 3em 0;padding: 3vw 0;}
#footer{background: #252d38;
    padding: 2em 0;
    color: #fff;
    font-size: 13px;}
.copyright::before{    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-bottom: 27px solid #000;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    left: 0;
    z-index: 5;
    top: -50px;}
.copyright img{float: left;}
.copyright .content{padding-left: 30%;color: #fff;line-height: 2.5em;}
.copyright .content a{
	color: #0070BC;
    padding-right: 5px;
    padding-left: 3px;
}
.navigate{border-bottom: 1px solid #dcdcdc;overflow:hidden;margin-top: -40px;}
.breaker {margin-top: 15px;height: 30px; line-height: 30px; margin-bottom: 10px;overflow: hidden;float: right; }
.navigate h2 {padding-top: 10px;
    font-size: 18px;
    color: #000000;
    line-height: 37px;
}
.breaker a{color: #0c528c;}
#caseList{width: 102%;overflow: hidden;}
#caseList .big{width:100%;padding-top: 67%; position: relative;overflow: hidden;}
#caseList .big img{width: 100%;min-height:100%;position: absolute;top:0;left: 0;}
#caseList li{float: left;width: 31%;margin-right: 2%;margin-bottom: 40px;}
#caseList li h4{font-size: 16px; color: #222; line-height:45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; height:40px;}
#caseList li .date,#caseList li p{font-size: 15px; color: #666666; line-height: 20px;}
#caseList li p{margin-bottom: 15px; height:4em; overflow: hidden;padding-top: 3px;}
#caseList li .check span{font-size: 14px; color: #fff; background-color: #ababab; display: inline-block; height: 27px; line-height: 25px; padding: 0 5px;} 
#caseList li i{font-size: 15px; color: #fff; background-color: #0c528c; display: inline-block; height: 27px; line-height: 25px; padding: 0 5px;}
  #casenav{
      text-align: center;
      margin-top: 20px;
      margin-bottom: 32px;
  }
  #casenav > a {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 0 30px;
  font-size: 15px;
  color: #666;
  border: 1px solid #d4d4d4;
  height: 33px;
  line-height: 31px;
  margin: 0 5px;
  }
  #casenav >a:hover,#casenav >a.active{color: #fff;
      background-color: #0c528c;border-color:#0c528c; }
article{min-height: 600px;}
h1.articleTit {
    margin-top: 37px;
    font-size: 22px;
    color: #434343;
    text-align: center;padding-bottom: 10px;
}
.articleCon {
    color: #666;
    line-height: 28px;
    overflow: hidden;
    border-top: 1px dotted #bbbbbb;
margin-top: 10px;
padding-top:38px;
}
.articleCon img{max-width: 100%;}
.containe img{max-width: 100%;}
.sub_info {text-align: center !important; padding: 4px 0 5px; line-height: 19px !important; margin-bottom: 7px !important; color: #434343; }
.sub_info span {margin-right: 6px; }
#icon2 {display: inline-block;vertical-align: middle;}
.skip{margin-top: 20px;}
.skip a{color:#777;}
.skip a:hover{color:#0c528c;}

/* 留言 */
.leavemsg{
	overflow: hidden;
	margin-bottom: 3vw;
}
.leavemsg>div{
	float: left;
	height: 270px;
	position: relative;
}
.leavemsg .leaveitem_1{
	width: 40%;
	background: #f4f4f4;
}
.leavemsg .leaveitem_2{
	width: 60%;
	background: url(../images/leave_bg.png) #f9f9f9 no-repeat right bottom;
	padding: 15px;
	box-sizing: border-box;
}
.leavemsg .other-title{
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 14px;
	background: #105eb1;
	color: white;
	font-weight: bold;
	padding: 5px 40px;
}
.leavemsg .other-cover{
	margin-top: 75px;
	text-align: center;
}
.leavemsg .other-rititle{
	color: #105eb1;
	display: inline-block;
	border-bottom: 1px solid #105eb1;
	font-size: 14px;
	line-height: 26px;
}
.leavemsg .other-form{
	width: 100%;
	margin-top: 10px;
}
.leavemsg .other-form-item{
	overflow: hidden;
	margin-bottom: 10px;
}
.leavemsg .other-form-item label{
	width: 70px;
	float: left;
	line-height: 25px;
}
.leavemsg .other-noxing span{
	width: 70px;
	float: left;
	height: 25px;
	line-height: 25px;
	display: block;
}
.leavemsg .other-form-item label:before {
    content: '*';
    color: red;
    padding-right: 1px;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    vertical-align: -5px;
    height: 12px;
}
.leavemsg .other-form-item p{
	width: 90%;
	margin-left: -70px;
	padding-left: 70px;
	box-sizing: border-box;
	float: left;
}
.leavemsg .other-form-item .other-input{
	width: 100%;
	height: 25px;
	padding: 0 5px;
	box-sizing: border-box;
}
.leavemsg .other-form-item .other-textarea{
	width: 100%;
	height: 50px;
	padding: 5px;
	box-sizing: border-box;
	resize: none;
	outline: none;
}
.leavemsg .other-form-item .other-verify{
	width: 100px;
	height: 25px;
	padding: 0 5px;
	box-sizing: border-box;
}
.leavemsg .other-form-item .other-verifyimg{
	width: 75px;
	height: 25px;
	display: inline-block;
    vertical-align: bottom;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.leavemsg .other-form-item .other-btn{
	height: 30px;
	background: #105eb1;
	margin-right: 15px;
	border: 0;
	padding: 0 30px;
	color: white;
	cursor: pointer;
}

#demoos{overflow: hidden;}