@charset "utf-8";
*{margin:0;padding:0;word-break: break-all;}
html,body{font-size: 16px;font-family: '΢ÈíÑźÚ';}
input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus { color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;}
ol, ul, li { list-style: none;}
input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
textarea { overflow: auto; resize: none;}
table { border-collapse: collapse; border: 0;}
img { border: 0; outline: 0; vertical-align: middle;}
a{ text-decoration: none;cursor: pointer;}
a:focus { outline: 0;}
input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);}
.fl{float: left;}
.fr{float: right;}
.container{width: 1300px;margin: 0 auto;}

/*Í·²¿header*/
.header{width: 100%;height: auto;box-sizing: border-box;background:#ffffff;}
.header-top{width: 100%;height: 5px;background: #2f5eab;}
.header .header-center{width: 100%;box-sizing: border-box;overflow: hidden;}
.header .header-center .logo{float: left;box-sizing: border-box;margin: 43px 0;}
.header .header-center .logo a{display: block;}
.header .header-center .logo img{width: 518px;height: auto;display: block;margin: 0 auto;}

.header .header-center .navMenu{float: right;display: none;}

.header .header-center .header-phone{float: right;box-sizing: border-box;margin-top: 45px;}
.header .header-center .header-phone span{display: block;font-size: 16px;color: #666666;box-sizing: border-box;padding-left: 30px;background: url(/images/headerPhone.png) left no-repeat;}
.header .header-center .header-phone h5{font-size: 28px;font-weight: bold;color: #0071d7;margin-top: 10px;}

.header-nav{width: 100%;height: 50px;box-sizing: border-box;background: #2f5eab;}
.header-nav .navUl{height: 50px;position: relative;box-sizing: border-box;}
.header-nav .navUl li{float: left;box-sizing: border-box;position: relative;height: 50px;}
.header-nav .navUl li .na{display: block;font-size: 18px;line-height: 50px;color: #ffffff;box-sizing: border-box;text-align: center;padding: 0 45px;}
.header-nav .navUl li .subNav{display: none;width: 100%;position: absolute;left: 0;top: 50px;box-sizing: border-box;padding: 0 0 10px 0;z-index: 999;}
.header-nav .navUl li .subNav a{display: block;text-align: center;font-size: 16px;color: #555555;box-sizing: border-box;padding: 8px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #ffffff;}
.header-nav .navUl li .subNav a:hover{color: #2f5eab;}
.header-nav .navUl li:hover .subNav{display: block;}
.header-nav .navUl li.active{background: rgba(0,16,41,.8);}
.header-nav .navUl li:hover{background: rgba(0,16,41,.8);}



/*ÂÖ²¥banner*/
.banner{width: 100%;overflow: hidden;position: relative;z-index: 9;}
.bannerTop{width: 100%;box-sizing: border-box;overflow: hidden;}
.bannerTop .bd{ position:relative;}
.bannerTop .bd li img{width:100%;height: auto;display: block;margin: 0 auto;} 
.bannerTop .hd{ overflow:hidden;position: absolute;width: 100%;bottom: 40px;z-index:10;}
.bannerTop .hd ul{margin:0;box-sizing: border-box;text-align: center;}
.bannerTop .hd ul li{display:inline-block;cursor: pointer;width:50px;height:3px;overflow:hidden;margin: 0 8px;background: #ffffff;font-size: 0;}
.bannerTop .hd ul li.on{background: #2f5eab;} 


.item{width: 100%;box-sizing: border-box;background: #000c18;overflow: hidden;}
.item ul{box-sizing: border-box;overflow: hidden;padding: 35px 0;text-align: center;}
.item ul li{width: 204px;display: inline-block;cursor: pointer;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.item ul li img{width: auto;height: 50px;display: block;margin: 0 auto;}
.item ul li span{display: block;font-size: 16px;color: #ffffff;margin-top: 15px;}
.item ul li:hover{-webkit-transform: translate(0, -5px);-ms-transform: translate(0, -5px);-o-transform: translate(0, -5px);transform: translate(0, -5px);}

.i-title{width: 100%;box-sizing: border-box;}
.i-title h3{font-size: 24px;color: #000000;font-weight: 500;text-align: center;}
.i-title h3 i{font-style: normal;font-size: 32px;color: #5a5a5a;font-weight: bold;display: inline-block;margin-right: 10px;}
.i-title p{font-size: 16px;color: #666666;text-align: center;margin-top: 15px;}
.i-title span{display: block;width: 60px;height: 3px;background: #c9c9c9;margin: 25px auto 0;}


.i-product{width: 100%;box-sizing: border-box;padding: 60px 0; background: #ffffff;overflow: hidden;}
.i-product .product-tab{width: 100%;box-sizing: border-box;overflow: hidden;text-align: center;margin-top: 40px;}
.i-product .product-tab a{display: inline-block;height: 45px;line-height: 45px;margin: 0 4px 8px;padding: 0 20px;box-sizing: border-box;border: 1px solid #cbcbcb;}
.i-product .product-tab .tab-1{font-size: 14px;color: #333333;}
.i-product .product-tab .active{color: #ffffff;border-color: #2f5eab;font-weight: bold;background: #2f5eab;}
.i-product .product-tab .tab-1:hover{color: #ffffff;border-color: #2f5eab;font-weight: bold;background: #2f5eab;}
.i-product .product-ul{width: 100%;height: auto;box-sizing: border-box;padding-top: 45px;display: none;overflow: hidden;}
.i-product .product-ul li{width: 310px;float: left;margin: 0 0 20px 20px;}
.i-product .product-ul li:nth-child(4n+1){margin-left: 0;}
.i-product .product-ul li a{display: block;width: 100%;height: 100%;}
.i-product .product-ul li .product-img{width: 100%;height: 300px;overflow: hidden;background: #f5f5f5;}
.i-product .product-ul li .product-img img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto;}
.i-product .product-ul li .no-img{width: 100%;height: 300px;overflow: hidden;display: flex;align-items: center;background: #f5f5f5;}
.i-product .product-ul li .no-img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.i-product .product-ul li .product-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.i-product .product-ul li:hover .product-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.i-product .product-ul li h3{font-size: 16px;color: #333333;font-weight: 500;text-align: center;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-product .product-ul li:hover h3{color: #2f5eab;}

.i-case{width: 100%;box-sizing: border-box;padding: 60px 0; background: url(/images/nproductBg.jpg) center no-repeat;background-size: cover; overflow: hidden;}
.i-case .i-title h3{color: #ffffff;}
.i-case .i-title h3 i{color: #ffffff;}
.i-case .i-title p{color: #ffffff;}
.i-case ul{width: 100%;height: auto;box-sizing: border-box;padding-top: 45px;overflow: hidden;}
.i-case ul li{width: 310px;float: left;margin: 0 0 20px 20px;}
.i-case ul li:nth-child(4n+1){margin-left: 0;}
.i-case ul li a{display: block;width: 100%;height: 100%;}
.i-case ul li .product-img{width: 100%;height: 300px;overflow: hidden;background: #f5f5f5;}
.i-case ul li .product-img img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto;}
.i-case ul li .no-img{width: 100%;height: 300px;overflow: hidden;display: flex;align-items: center;background: #f5f5f5;}
.i-case ul li .no-img img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}
.i-case ul li .product-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.i-case ul li:hover .product-img img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.i-case ul li h3{font-size: 16px;color: #ffffff;font-weight: 500;text-align: center;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-case .i-more{width: 206px;height: 40px;line-height: 40px;text-align: center;margin: 50px auto 0;box-sizing: border-box;border: 1px solid #ffffff;}
.i-case .i-more a{display: block;font-size: 16px;color: #ffffff;}

.i-about{width: 100%;box-sizing: border-box;padding: 60px 0; overflow: hidden;}
.i-about .about-content{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 50px;}
.i-about .about-content .about-img{width: 600px;float: left;height: 346px;overflow: hidden;}
.i-about .about-content .about-img img{width: 100%;height: auto;display: block;margin: 0 auto;}
.i-about .about-content .about-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.i-about .about-content .about-img:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.i-about .about-content .about-txt{width: 660px;float: right;overflow: hidden;text-align: justify;}
.i-about .about-content .about-txt h3{font-size: 18px;color: #333333;font-weight: 500;}
.i-about .about-content .about-txt p{font-size: 16px;color: #333333;line-height: 30px;text-indent: 2em;margin-top: 20px;}
.i-about .about-content .about-txt a{display: inline-block;font-size: 14px;color: #999999;box-sizing: border-box;padding: 8px 25px;margin-top: 50px;border: 1px solid #cbcbcb;}

.i-process{width: 100%;box-sizing: border-box;padding: 60px 0; overflow: hidden;background: #2f5eab;}
.i-process .i-title h3{color: #ffffff;}
.i-process .i-title h3 i{color: #ffffff;}
.i-process .i-title p{color: #ffffff;}
.i-process ul{width: 100%;box-sizing: border-box;overflow: hidden;text-align: center;margin-top: 50px;}
.i-process ul li{display: inline-block;}

.i-news{width: 100%;box-sizing: border-box;padding: 60px 0; background: url(/images/newsBg.jpg) center no-repeat;background-size: cover; overflow: hidden;}
.i-news .news-content{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 50px;}
.i-news .news-content .news-news{width: 412px;float: left;margin-left: 30px;box-sizing: border-box;padding: 20px 20px 30px;background: #ffffff;}
.i-news .news-content .news-news:first-child{margin-left: 0;}
.i-news .news-content .news-news .news-img{width: 100%;height: 180px;overflow: hidden;background: #f5f5f5;position: relative;}
.i-news .news-content .news-news .news-img a{display: block;}
.i-news .news-content .news-news .news-img img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto;}
.i-news .news-content .news-news .news-img img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.i-news .news-content .news-news .news-img a:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.i-news .news-content .news-news .news-img .news-title{box-sizing: border-box;overflow: hidden;position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.i-news .news-content .news-news .news-img .news-title h3{font-size: 24px;color: #ffffff;font-weight: 500;}


.i-news .news-content .news-news ul{box-sizing: border-box;}
.i-news .news-content .news-news ul li{box-sizing: border-box;margin-top: 21px;overflow: hidden;}
.i-news .news-content .news-news ul li a{display: block;float: left;width: 80%;font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-news .news-content .news-news ul li span{display: block;float: right;font-size: 14px;color: #999999;font-family: Arial;}
.i-news .news-content .news-news ul li:hover a{color: #2f5eab;}
.i-news .news-content .news-news ul li:hover span{color: #2f5eab;}


/*Ðü¸¡²ã*/
.iFix{position: fixed;width: auto;height: auto;box-sizing: border-box;right: 0;bottom: 35%;z-index: 999;}
.iFix .ReturnTop{display: none;width: 68px;height: 68px;float: right;box-sizing: border-box;cursor: pointer;background: #ffffff;margin-top: 2px;border-radius: 5px;box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.iFix .ReturnTop img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto;}

.footer{width: 100%;padding: 50px 0 80px 0;box-sizing: border-box;overflow: hidden;background: #2f5eab;border-top: 5px solid #477acd;position: relative;}
.footer-hits{width: 100%;box-sizing: border-box;overflow: hidden;}
.footer-hits p{font-size: 15px;color: #d5e5ff;box-sizing: border-box;}
.footer-hits p a{display: inline-block;color: #d5e5ff;margin: 0 20px;}
.footer-links{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 30px;}
.footer-links p{font-size: 15px;color: #ffffff;box-sizing: border-box;}
.footer-links p a{display: inline-block;color: #d5e5ff;margin: 10px 20px 0 0;}
.footer-content{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 30px;}
.footer-content p{font-size: 15px;color: #ffffff;box-sizing: border-box;line-height: 30px;margin-top: 10px;}
.footer-content p a{display: inline-block;color: #d5e5ff;}
.footer-bottom{position: absolute;width: 100%;left: 0;right: 0;bottom: 0;margin: auto;box-sizing: border-box;padding: 15px 0;background: #154799;text-align: center;}
.footer-bottom p{font-size: 15px;color: #ffffff;}
.footer-bottom p a{color: #ffffff;}

@media (max-width: 1299px) {
	html{font-size:20px;}
	.container{width: 100%;}
	
	
	/*Ðü¸¡²ã*/
	.iFix{position: fixed;width: 1.7rem;height: auto;box-sizing: border-box;right: 0;top: 60%;z-index: 999;}
	.iFix ul{display: none;}
	.iFix .ReturnTop{width: 1.7rem;height: 1.7rem;display: none;margin-top: 0.5rem;position: relative;border-radius: 0.25rem;box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
	.iFix .ReturnTop span{display: none;}
	.iFix .ReturnTop:hover span{display: none;}


	/*·ÖÒ³*/
	.newsPage{margin-top: 0.5rem;padding: 0.5rem 0;}
	.newsPage .newsPageContent a{font-size: 0.6rem;padding: 0.2rem 0.4rem;background: #eeeeee;margin:0 0.1rem;}
	.newsPage .newsPageContent span{display: none;}
	.newsPage .newsPageContent select{display: none;}


	/*ÏêÇéÒ³*/
	.show-main{padding: 0 0.3rem;}
	.showTitle{text-align: justify;margin-top: 0.5rem;padding: 0 0 0.5rem;overflow: hidden;}
	.showTitle h3{font-size: 0.8rem;text-align: justify;}
	.showTitle h5{font-size: 0.7rem;text-align: justify;}
	.showTitle .showInfo{margin-top: 0.5rem;height: auto;overflow: hidden;}
	.showTitle .showInfo p{font-size: 0.6rem;width: 100%;}
	.showTitle .showInfo p span{margin-right: 1rem;}
	.showTitle .showInfo p b{display: block;color: #666666;float: left;margin-left: 0;width: 50%;margin-right: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.showTitle .showInfo .showShare{display: none;}
	
	.showContent{box-sizing: border-box;text-align: justify;padding: 1rem 0 !important;word-break: break-all;}
	.showContent section:first-child{text-align: center;width: 100%;margin: 0 auto!important;}
	.showContent section{text-align: center;padding: 0!important;margin: 0!important;}
	.showContent section img{display: block;margin: 0 auto !important;}
	.showContent p{font-size: 0.7rem;color: #333333;line-height: 1.5rem!important;}
	.showContent img{width: auto;max-width: 100%;height: auto!important;;margin: 0.5rem 0;}
	.showContent table{width: 100% !important;}
	
	.showVideo{width: 100%;height: 15rem;padding: 1.2rem 0 0 ;}
	.showPage{display: none;}
	.showEwm{display: none;}
	.recommend{display: none;}
	
}
/*iphone 6*/
@media screen and (min-width:375px){ 
html{ font-size: 20px;}  
}
@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 21.973px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.613px;}  
}
@media screen and (min-width:480px){ 
html{ font-size:25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size:28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size:42.667px;}  
}<!--ºÄʱ1763838268.6835Ãë-->