/*ZhouKouZhiYou all right reserved*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol {margin: 0;padding: 0;}

em {font-weight: normal;font-style: normal;}

input,form,textarea,button {border: none;margin: 0;outline: none;padding: 0;-webkit-appearance: none;}

h1,h2,h3,h4,h5 {font-weight: normal;}
img {border: none;height: auto;max-width: 100%;vertical-align:middle;}
a {text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
a:link,a:visited{color: #333;text-decoration: none;}
a:hover,a:active{color: #076ce0;text-decoration: none;}
* {font-family:微软雅黑,"Microsoft YaHei";}
ul{padding-left:0;list-style-type:none}
li {list-style-type: none;}
.container{max-width: 1400px;width: 98%;margin:0 auto;position: relative;}
.w1200{max-width: 1200px;width: 98%;margin:0 auto;position: relative;}
.left{float: left;}.right{float: right;}
.center{text-align:center !important;}
.header{background:#142A4F;position: relative;top: 0;z-index: 999;width: 100%;}
.zxzx{cursor: pointer;}
.zs100{display:table;width: 100%;}
.zs94{display: table;width: 94%;margin:2%;}
.xs768{}
.xss768{display: none;}
.xs0{display: none;}
@media screen and (max-width: 768px){
	.xs768{display: none;}
	.xss768{display: block;}
}
body {width: 100%;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 1rem;color: #333;margin: 0;padding: 0;}



@media screen and (max-width: 1600px) {html{font-size:15.5px;}}
@media screen and (max-width: 1440px) {html{font-size:15px;}}
@media screen and (max-width: 1200px) {html{font-size:14.5px;}}
@media screen and (max-width: 1000px) {html{font-size:14px;}}
@media screen and (max-width: 850px) {html{font-size:13.5px;}}

@media(max-width:768px){ html { font-size:15; } }
@media(max-width:640px){ html { font-size:15px; } }  
@media(max-width:540px){ html { font-size:15px; } }   
@media(max-width:480px){ html { font-size:15px; } }     
@media(max-width:445px){ html { font-size:15px; } }
@media(max-width:414px){ html { font-size:15px; } }   
@media(max-width:375px){ html { font-size:15px; } }     
@media(max-width:360px){ html { font-size:15px; } }
@media(max-width:320px){ html { font-size:12px; } }

/*head*/

.head-top{}
.head-top strong{color: #076ce0;font-size: 2rem;padding: 2% 0;}
.head-box{padding: 1% 0;}
.head-top .right p{padding: 2% 0;}
.head-top .right b{display: block;font-size: 1.5rem;}

.head-nav{background: #2b2b2b;}
.head-ul{text-align: center;}
.head-ul li{float: left;width: 14.28%;position: relative;display: block;}
.head-ul li a{font-size: 1.1rem;color: #fff;padding: 1rem 0;display: block;position: relative;}
.head-ul li a::before{content: "";position: absolute;width: 0;height:2px;background: #fff;bottom: 0.6rem;left: 50%;transform: translateX(-50%);transition: 0.5s;border-radius: 1rem;}
.head-ul li:hover>a:before{width: 25%;}
.head-ul .on a:before{width: 25%}
.head_nav2{display: none;position: absolute;top: 100%;background: #2b2b2b;width: 110%;z-index: 9999999;}
.head_nav2 a{padding:0.8rem 0 !important;}
.head_nav2 a:before{width:0% !important;}
.head_nav2 a:hover{background:#424242;}
.head-ul li:hover .head_nav2{ display: block;}



.index-title{text-align: center;}
.index-title h2{font-size: 2rem;font-weight:bold;padding: 2% 0;}
.index-title h2 span{color: #076ce0;}
.index-title h2 a{}
.index-title i{border-top: 3px solid #076ce0;display: block;width: 20%;margin: 0 auto;}
.index-title p{margin:0.5rem 0}

.index-skill{margin-top: 2%;}
.index-skill .left{width: 30%;}
.index-skill .right{width: 65%;}
.index-skillul{}
.index-skillul li{box-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.1);padding: 2% 4%;margin:1% 0;}
.index-skillul li b{font-size: 1.4rem;}
.index-skillul li i{color: #076ce0;font-size: 3rem;margin-right: 1%;}
.index-skillul li p{color:#606060;}

.index-casebox{background: url(../images/index_case.jpg) no-repeat;}
.index-caseul {padding: 4% 0;margin: 2% auto;text-align: center;}
.index-caseul li{float: left;width: 30%;background: #fff;margin:1.6%;position:relative;overflow: hidden;}
.index-caseul li a:hover img{transform:scale(1.1);}
.index-caseul li img{width: 100%;transition: all 0.8s;}
.index-caseul li h3 {position: absolute;bottom: 0;text-align: center;margin: 0 auto;width: 93%;background-image: linear-gradient(rgba(44, 66, 101, 0), rgba(44, 66, 101, 0.8));padding: 6% 4%;color: #fff;font-weight: bold;}

.index-trait{margin-top: 2%;}
.index-traitbox{padding: 2% 0;}
.index-trait .left{width: 56%;}
.index-trait .right{width: 42%;}
.index-traitul{}
.index-traitul li{box-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.1);padding: 1% 4%;}
.index-traitul li b{font-size: 1.4rem;}
.index-traitul li i{color: #076ce0;font-size: 2.5rem;margin-right: 1%;}
.index-traitul li p{color:#606060;}

.index-serve{background: #076ce0;text-align: center;padding: 2% 0;}
.index-serve p {font-size: 1.2rem;width: 60%;margin: 2% auto;color: #fff;line-height: 2.4rem;}
.index-serve a {display: inline-block;width: 10rem;height: 3rem;line-height: 3rem;font-size: 1.1rem;color: #076ce0;background: #fff;border-radius: 3rem;margin-bottom: 2%;}


/*product-list*/
.product-box h2{font-weight: bold;}

.product-litstul{}
.product-litstul li{float: left;width: 30%;margin:1.5%;text-align: center;box-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.1);position: relative;overflow:hidden;}
.product-litstul li h3{position: absolute;bottom: 0;text-align: center;margin: 0 auto;width: 93%;background-image: linear-gradient(rgba(44, 66, 101, 0), rgba(44, 66, 101, 0.8));padding: 6% 4%;color: #fff;font-weight: bold;}
.product-litstul li img {width: 100%;transition: all 0.8s;}
.product-litstul li:hover img {transform: scale(1.1);}

.product-box{padding: 2% 0;}

/*case-list*/
.case-box h2{font-weight: bold;}

.case-litstul{}
.case-litstul li{float: left;width: 30%;margin:1.5%;text-align: center;box-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.1);position: relative;overflow:hidden;}
.case-litstul li h3{position: absolute;bottom: 0;text-align: center;margin: 0 auto;width: 93%;background-image: linear-gradient(rgba(44, 66, 101, 0), rgba(44, 66, 101, 0.8));padding: 6% 4%;color: #fff;font-weight: bold;}
.case-litstul li img {width: 100%;transition: all 0.8s;}
.case-litstul li:hover img {transform: scale(1.1);}

.case-box{padding: 2% 0;}

/*news-litst*/
.news-litst{}
.news-box{padding: 2% 0;}
.news-litstul{}
.news-litstul li{float: left;width: 30%;margin:1.5%;border: 1px solid #eee;}
.news-litstul .txt{padding: 4%;}
.news-litstul li h3{font-size: 1.2rem;font-weight:bold;line-height: 2rem;}
.news-litstul li p{padding: 4% 0;color: #606060;border-bottom: 1px solid #eee;}
.news-litstul li span{display: block;margin-top: 2%;}
.news-litstul li img{width: 100%;}
.news-litstul li a:hover .txt{background:#076ce0;color: #fff;}
.news-litstul li a:hover p{color: #fff;}


/*news-index*/
.news-index{}
.news-indexbox{margin:2% 0;}
.news-indexbox .left{width: 68%;padding: 2%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);}
.news-index .news-tit{}
.news-index .news-tit h1{font-size: 1.6rem;}
.news-index .news-tit span{margin: 2% 0;display: block;font-size: 1.1rem;color: #666;}
.news-index .news-body{color: #3e3e3e;}
.news-index .news-body h2{margin: 2% 0;font-size: 1.2rem;font-weight: bold;}
.news-index .news-body h3{margin: 2% 0;font-size: 1.1rem;font-weight: bold;}
.news-index .news-body p{line-height: 1.6rem;text-indent:2em;margin:0.5rem 0;}
.news-index .news-body img{margin:2% auto;display: block;}
.news-index .news-body b{}
.news-index .news-body span{}
.news-index .news-body strong{}
.news-index .news-body a{color:#076ce0;}
.news-index .news-intro {background: #f4f4f4;padding: 2%;margin: 1rem 0;font-size: 1rem;line-height: 1.4rem;text-indent: 0em;border-radius: 0.2rem;color: #666;box-shadow: 0px 0px 1px rgba(20,40,66,.2);}
.news-index .left-intro p{text-indent:0;}

.news-prev{border-bottom: 1px solid #dedede ;border-top: 1px solid #dedede ;padding: 2% 0;}
.news-prev p{text-indent:0;line-height: 2.2rem;}

.news-indexbox .right{width: 22%;padding: 2%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);}
.news-right-two{margin-bottom:4%;}
.news-right-two li{list-style: inside;}
.news-right-two h4{line-height: 3rem;font-weight: bold;font-size: 1.1rem;}
.news-right-two .on{list-style: none;}
.news-right-two h3{font-weight:normal;line-height: 2rem;display: inherit;font-size: 1rem;}


/*page_list*/
.page_list{text-align:center;margin:2% 0; font-size:1rem;}
.page_list a {display: inline-block;margin: 0 0.5%;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;border-radius: 50%;background-color: #f2f2f2;}
.page_list .page-num-current{background-color:#076ce0;color: #fff;}


.footer{background:#2b2b2b;color: #fff;padding-top: 3%;font-size: 0.9rem;}
.footer a{color: #fff;}
.footer-box{display: table;padding-bottom: 2%;}
.footer-box .left{padding: 0 2%;}
.footer-box .left strong{display: block;font-size: 1.4rem;margin-bottom: 4%;}
.footer-box .left b{font-size: 1.8rem;display: block;}
.footer-box .left p{padding: 2% 0;}
.footer-box .right{width:50%;}
.footer-box .right strong{margin-bottom: 6%;display: block;font-size: 1rem;}
.footer-box .right li{float: left;width: 30%;}
.footer-box .right a{display: table;padding: 2%;line-height: 1.4rem;}
.footer-txt .txt{text-align: center;padding: 1% 0;margin-top: 1%;border-top: 1px solid #404040;}
.footer-txt .txt a{margin-left: 2%;}

.message{padding: 2% 0;background: #F4F4F4;}
.message b{font-size: 1.4rem;margin-bottom: 1%;display: inline-block;padding:0 2%;}
.message p{font-size: 1rem;margin-bottom: 1%;padding:0 2%;}
.message-form{width: 98%;margin: 0 auto;}
.message-form button{display:block;width: 20%;padding: 1% 0;margin: 2% auto auto;background: #076ce0;color: #fff;font-size: 1rem;border-radius: 0.2rem;cursor: pointer;border: 1px solid;}
.message-form button:hover{color:#076ce0;background:#ffffff;}
.message-form-ul{}
.message-form-ul li{float: left;width: 48%;margin:0.5% 1%;}
.message-form-ul .on{width: 98%;}
.message-form-ul li input {width: 94%;padding: 3%;font-size: 1rem;box-shadow: 1px 1px 1px rgba(20, 40, 66, 0.13);}
.message-form-ul li textarea{width: 97%;box-shadow: 1px 1px 1px rgba(20, 40, 66, 0.13);padding: 1.5%;font-size:1rem;}

.contact-box-txt{background: #076ce0;color: #fff;padding: 2%;margin: 2%;width: 76%;}
.contact-box-txt .txt{margin: 2%;}
.contact-box-txt .txt p{line-height: 1.6rem;}
.contact-box-txt .txt p b{font-size: 1.2rem;}

.footer-navul{background: #076ce0;position: fixed;bottom: 0;width: 100%;border-top: 1px solid #eee;z-index: 99999;}
.footer-navul li{float: left;width: 25%;text-align: center;padding: 3% 0;}
.footer-navul li a{color: #fff;font-size: 1.1rem;}

.position{background: #f5f5f5;padding: 0.5% 0;}

.index-about{}
.index-aboutbox{margin: 2% 0;}
.index-aboutul{}
.index-aboutul li {float: left;width: 26%;padding: 3.5%;text-align: center;}
.index-aboutul li b{display: block;font-size: 2rem;color: #076ce0;}
.index-aboutul li strong{line-height: 3rem;font-size: 1.2rem;}
.index-aboutul li p{color: #606060;line-height: 1.6rem;}

.about-box{}
.about-box .left{width: 49%;}
.about-box .left h1{padding: 4% 0;}
.about-box .left p {line-height: 1.8rem;text-indent: 2em;margin: 2% 0;}
.about-box .right{width: 42%;}
.about-merit{background:#076ce0;margin:2% 0;}
.about-merit .left{width: 42%;}
.about-merit .right{width: 42%;padding: 4%;color: #fff;}
.about-merit .right b{font-size: 2rem;margin:6% 0;display: block;}
.about-merit .right p{font-size: 1.1rem;line-height: 4rem;}

@media screen and (max-width: 768px){
.head-top{background: #076ce0;}
.head-top strong{color:#fff;font-size: 1.6rem;width: 80%;display: inline-block;padding:2% 4%;}
.head-ul{position: absolute;z-index: 99999999;background: #076ce0;display:none;}
.head-ul li {float: none;width: 100%;}
.head-log{width: 100%;}
.head-navi{width: 8%;display: inline-block;vertical-align: middle;cursor: pointer;}
.head-navi i{background: #fff;height: 0.2rem;display: block;margin: 0.6rem 0;width: 100%;}
.head-navi .on{width: 80%;}


.index-title h2{font-size: 1.4rem;}

.index-skill .right{width: 100%;}
.index-skillul li b{font-size: 1.2rem;}
.index-skillul li i{font-size: 2rem;}
.index-skillul li p{display: none;}

.index-caseul li,.case-litstul li{width: 96%;}

.index-trait .left{width: 100%;}
.index-traitul li b{font-size: 1.2rem;}
.index-traitul li i{font-size: 2rem;}
.index-traitul li p{display: none;}

.index-serve p{width: 98%;font-size: 1.1rem;}
.index-serve a{line-height: 2.4rem;height: 2.4rem;}

.product-litstul li{width: 49%;margin:0.5%;}
.product-litstul li h3{font-size: 1rem;}

.news-litstul li{width: 97%;}

.news-left-title h1{font-size: 1.4rem;}
.news-indexbox .left,.news-indexbox .right{width: 96%;}

.message-form-ul li{width: 96%;margin: 2%;}
.message-form-ul .on{width: 96%;}

.contact-box-txt,.about-merit .right{width: 92%;}

.about-box .left,.about-box .right,.about-merit .left{width: 100%;}


.index-aboutul li{width: 93%;}

.footer-box{padding-bottom: 16%;}
}