@charset "utf-8";
/*重定义*/
#head{ padding:0.5rem 0; box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;}
#logo{display:inline-block; left: 50%; max-width: 50%; margin-left: -25%;}
#ico_back{ display:none;}
/* #pageTit{ padding:0 0.5rem;} */
#pageTit{margin-left: 40%;}

/*首页*/
#banner{margin:0 auto;position:relative;overflow:hidden;z-index:1;line-height:0; min-height:8em; background:#f0f0f0;}

a.seeMore{ padding-top:0px; padding-bottom20px; position:relative; z-index:10;  display:inline-block; width: 100%; text-align: center; line-height: 250%; color:#fff; background:#eeeeee; font-size: 1.2em; }
#seeMore1,#seeMore2{ background: #0084cd;}

/*搜索&联系*/
#sac{  margin: 1rem auto;}
#search{  width:50%;  padding-right: 1rem; border-right: #e1e1e1 0px solid; float: left;}
#Searchform{ position: relative; width:100%; border:#dcdcdc 1px solid; border-radius: 0.2em; height: 2rem;  padding-right: 2rem; overflow: hidden;}
input#searchInput{ position:absolute; left: 0; top: 0; padding:0 2rem 0 0.5em; width:100%; height:2rem; line-height:2rem;  border:none; color:rgba(0,0,0,0.6);}
input#searchInput::-webkit-input-placeholder{ color: rgba(0,0,0,0.3); }
input#searchInput:-moz-placeholder{ color: rgba(0,0,0,0.3); }
input#searchInput::-moz-placeholder{ color: rgba(0,0,0,0.3); }
input#searchInput:-ms-input-placeholder{ color: rgba(0,0,0,0.3); }
#searchFont{ position:absolute; z-index:10; left: auto; right: 0; top: 0; display:inline-block; font-size:1rem; width:2rem; height:2rem;  background:url("../images/icos.png") center top no-repeat; background-size: 100% auto; border:none;}
/*联系*/
#contact{float: right; padding-left: 1em; font-weight: bold; line-height: 2em; /*padding-top: 0.4em;*/}
#contact a{display: block; line-height: 1rem; color: #040404;}
#contact a.final{color: #040404;}
#ico_Telephone{ display: inline-block; width:1.5em; height:1.5em; vertical-align:middle; background: url("../images/tel.png") center top; background-size: 100% auto;}
#Telephone b{ padding:0; width:0.5rem; height:1rem; overflow:hidden; background:url("../images/num.png") center 100%; background-size: 100% auto; display:inline-block; font-weight:normal; line-height:0; vertical-align:middle; transition:background 1s ease-out; -moz-transition:background 1s ease-out; -webkit-transition:background 1s ease-out;-o-transition:background 1s ease-out; }
#Telephone b.b0{ background-position:center top; }
#Telephone b.b1{ background-position:center -100%; transition-duration:1.1s;-moz-transition-duration:1.1s;-webkit-transition-duration:1.1s; -o-transition-duration:1.1s;}
#Telephone b.b2{ background-position:center -200%; transition-duration:1.2s;-moz-transition-duration:1.2s;-webkit-transition-duration:1.2s; -o-transition-duration:1.2s;}
#Telephone b.b3{ background-position:center -300%; transition-duration:1.3s;-moz-transition-duration:1.3s;-webkit-transition-duration:1.3s; -o-transition-duration:1.3s;}
#Telephone b.b4{ background-position:center -400%; transition-duration:1.4s;-moz-transition-duration:1.4s;-webkit-transition-duration:1.4s; -o-transition-duration:1.4s;}
#Telephone b.b5{ background-position:center -500%; transition-duration:1.5s;-moz-transition-duration:1.5s;-webkit-transition-duration:1.5s; -o-transition-duration:1.5s;}
#Telephone b.b6{ background-position:center -600%; transition-duration:1.6s;-moz-transition-duration:1.6s;-webkit-transition-duration:1.6s; -o-transition-duration:1.6s;}
#Telephone b.b7{ background-position:center -700%; transition-duration:1.7s;-moz-transition-duration:1.7s;-webkit-transition-duration:1.7s; -o-transition-duration:1.7s;}
#Telephone b.b8{ background-position:center -800%; transition-duration:1.8s;-moz-transition-duration:1.8s;-webkit-transition-duration:1.8s; -o-transition-duration:1.8s;}
#Telephone b.b9{ background-position:center -900%; transition-duration:1.9s;-moz-transition-duration:1.9s;-webkit-transition-duration:1.9s; -o-transition-duration:1.9s;}
@media screen and (min-width:400px) {
    #Telephone:before{ content: "TEL："; font-size: 1.1em; display: inline-block; vertical-align: middle;}
}

/*首页大标题*/
.indexTit{ text-align: center; margin: 2em auto 1em auto; overflow: hidden;}
.indexTit p{ display: inline-block; margin: 0; padding: 0; position: relative;}
.indexTit p:before,.indexTit p:after{ content: ""; display: inline-block; position: absolute; left: 105%; top: 38%; width: 360px; height: 3px; border-top: rgba(26,45,78,0.2) 1px solid;border-bottom: rgba(26,45,78,0.2) 1px solid;}
.indexTit p:after{ left: auto; right: 105%;}
.indexTit img{ max-height:6em; width: auto;}
#indexTit2 p:before,#indexTit2 p:after{ border-top-color: rgba(255,255,255,0.25); border-bottom-color: rgba(255,255,255,0.25);}

/*首页产业*/
#indexPro{ background: url("../images/bg1.jpg") center top; padding:1px 0 0 0;}

/*首页关于*/
#indexAbout{ background:url("../images/bg2.jpg") center top #003a68; padding:0.75rem; margin:0 auto 2.5em auto; position:relative; overflow: hidden}
#index_about{ position:relative; background:#fff; border:#fff 1em solid; font-size:1em;  line-height:1.8em;  overflow:hidden;}
#index_about p{ margin:10px; padding:0;}
a.a_cover{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; display:inline-block;}

/*首页产业*/
#hotPro li{ position:relative; float:left; width:auto; height:280px; margin:0 0 0.5em 0; line-height:0;}
#hotPro a.proPic{ position: relative; display:inline-block; height:100%; margin: 0 5%; line-height:0; cursor: hand; cursor: pointer;}
a.proPic img{ height:100%;}

#indexPro .list ul{margin: 0 -1px;}
#indexPro .list ul::after{display: block; content: ""; clear: both;}
#indexPro .list ul li{float: left; width: 50%; padding-top: 50%; position: relative; overflow: hidden;}
#indexPro .list ul li a{position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px;}
#indexPro .list ul li:last-child a::after{display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1;}
#indexPro .list ul li img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
#indexPro .list ul li .txt{position: absolute; bottom: 10.277%; left: 50%; padding: 5.277% 6.388% 4.722%; background: rgba(0, 0, 0, 0.5); border-radius: 0.625rem; text-align: center; transform: translateX(-50%); z-index: 2;}
#indexPro .list ul li:last-child .txt{background: none; bottom: initial; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#indexPro .list ul li .txt p{line-height: 1rem; margin: 0; font-size: ; color: #fff;}
#indexPro .list ul li .txt span{display: block; line-height: 0.65625rem; margin: 0; font-size: 0.5rem; color: #fff; white-space: nowrap;}
#indexPro .img img{display: block;}

/*首页加盟*/
#join{}
#join img{display: block;}
#join form{width: 84.667%; padding: 5.0667% 7.7333%; margin: -30% auto 0; background: #fff; border: 0.25rem solid #3d3d3d; text-align: left; position: relative;}
#join form h2{line-height: 1.6875rem; margin: 0 0 0.90625rem; font-size: 1.3125rem; color: #3d3d3d;}
#join form h2 span{display: block; line-height: 1rem; font-size: 0.59375rem; color: #ccc;}
#join form h4{line-height: 1.40625rem; margin: 0; font-size: 1.0625rem; color: #3d3d3d;}
#join form h4 span{color: #3982c7;}
#join form h4 i{display: inline-block; width: 0.875rem; height: 0.875rem; background: url(../images/icon-tel.png) no-repeat; background-size: 100%;}
#join form .line{width: 0.5625rem; height: 1px; margin: 0.4375rem 0; background: #969896;}
#join form .item{margin-bottom: 0.34375rem;}
#join form .item label{display: block; line-height: 1.4375rem; color: #898988;}
#join form .item input{width: 95%; height: 1.5rem;}
#join form .item span{margin-left: 1%; color: #e93d62;}
#join form input[type="button"]{width: 95%; height: 1.875rem; line-height: 1.875rem; margin-top: 0.65625rem; border: none; background: #3982c7; color: #fff;}

/*首页案例*/
#case{}
.case{padding: 0 0.5rem 0 0.5rem;}
.case::after{display: block; content: ""; clear: both;}
.case .caseleft{float: left; width: 64%; padding-top: 64%; position: relative; overflow: hidden;}
.caseleft .caseimg{position: absolute; top: 0; left: 0;}
.caseleft .caseimg .swiper-button-next, .caseleft .caseimg .swiper-button-prev{width: 1.40625rem; height: 1.40625rem; background: url(../images/icon_khal.png) no-repeat; top: 50%; margin-top: -0.703125rem;}
.caseleft .caseimg .swiper-button-prev{background-position: left -37px;}
.caseleft .caseimg .swiper-button-next{background-position: right -37px;}
.case .casecen{float: left; width: 36%; height: 100%; background: #fff; position: relative;}
.case .casecen .cstxt{position: absolute; top: 0.3125rem; left: 0.3125rem; right: 0.3125rem; bottom: 0.3125rem; padding: 0.625rem; background: url(../images/casettxt.png) no-repeat; background-size: 100% 100%;}
.case .casecen .cstxt h3{margin: 0; font-size: 0.8125rem; font-weight: normal; text-align: center; color: #333;}
.case .casecen .cstxt .csgd{height: 40%; margin-top: 0.5rem; text-align: left; overflow: hidden;}
.casecen .cstxt .csgd ul li{padding-bottom: 0.8rem; line-height: 1.35;}
.casecen .cstxt .csgd ul li p{margin: 0; padding: 0; font-size: 0.625rem;}
.casecen .cstxt .line{width: 2.5rem; height: 1px; background: #a0a0a0; margin: 0.9375rem;}
.casecen .cstxt .cszz{text-align: left; font-size: 0.625rem; line-height: 1.2;}