@charset "utf-8";
html{ font-size:20px;}
*{margin:0; padding:0; font-family:"微软雅黑","arial","microsoft yahei";list-style-type:none;font-size:.7rem; }
a,img{text-decoration:none; }
body{ margin:0; padding:0;overflow-y: auto;  overflow-x: hidden;}
/*头部导航*/
.nav{width: 60rem; height: 4rem; margin: 0 auto;}
.nav .logo{ float: left; height: 4rem;}
.nav .logo img{ display: inline-block;}

.nav .list{float: right; display:flex;-webkit-display:flex;justify-content:flex-start;-webkit-justify-content:flex-start;}
.nav .list>li>a{line-height: 4rem; margin:0 0.2rem; color:#4c4c4c; margin:0 0.2rem; padding:0 .2rem .5rem .2rem; }
.nav .list>li>a:hover{ color:#3dc2ff; border-bottom:.1rem solid #3dc2ff; }
.nav .list>li:nth-child(8) a{color: #d6251f;}
.nav .list>li:nth-child(8) a:hover{border-bottom:.1rem solid #d6251f; }
.nav .english{ position:absolute; right: 40px; }
.nav .english a{line-height: 4rem; border: 1px solid #ccc; border-radius: 3px; font-size:.7rem;color:#4c4c4c; background:url(../img/english.png) left  no-repeat; padding: 5px 5px 5px 28px;}
.nav .english a:hover{ color:#4184fd; border: 1px solid #4184fd;}
.nav .list .qq b{background:url(../img/qq.png) left  no-repeat; width: 14px; height: 14px;display: inline-block;}
.nav .list .qq a{background-color: #3dc2ff;border-radius: 3px; color: #f5f5f5;  padding: .2rem;}
.nav .list .qq a:hover{border-bottom:none; color:#fff;}
/*产品导航*/
.nav ul.list li.nav-products ul{padding-bottom: 30px; z-index:9999; position:absolute; top:4rem; left:0; background:#fff; width:100%;  box-shadow: 0 2px 3px #e0e0e0;border-top: 1px solid #e0e0e0; display: none; }
.nav ul.list li.nav-products:hover ul{ display: block;}
.nav ul.list li.nav-products ul li{ padding-top:2rem; display:flex;-webkit-display:flex;justify-content:center;-webkit-justify-content:center; }
.nav ul.list li.nav-products ul li a img{ border-right: 1px solid #e0e0e0;}
.nav ul.list li.nav-products ul li a:last-child img{border:1px solid #fff;}
.nav ul.list li.nav-products ul li p{text-align: center; color: #4d4d4d; font-size: 14px; line-height: 1rem; margin-top: 20px;}
.nav ul.list li.nav-products ul li p>font{ color: #0bb9f8;}
/*关于我们导航*/
.nav-aboutus ul li{ margin-right: -20rem;}
.nav-aboutus ul li a{ padding: 0 1rem; color:#333;}
.nav-aboutus ul li a:hover{color: #0bb9f8;}
/*子页banner*/
.banner{ position:relative; height:25rem; width:100%;}
.banner img{ position:absolute; top:50%; left:50%; margin-left:-48rem; margin-top:-12.5rem;}
.banner-product{height:10rem;}
.banner-product img{margin-top:-5rem;} 
/*子页导航提示*/
.nav-hint{ background-color:#fff;}
.nav-hint p{ line-height:3rem; font-size:.8rem; color:#333; width:60rem; margin: 0 auto;}
.nav-hint p span{ color:#333; font-size:.8rem;}
.nav-hint p span:last-child{ color:#3dc2ff;}
/*产品页导航*/
.product-nav{ background: #fff; height: 4rem;border-bottom: 1px solid #f0f0f0;}
.product-nav ul{display:flex;-webkit-display:flex;justify-content:flex-start;-webkit-justify-content:flex-start; line-height:4rem; font-size:.8rem;  width:60rem; margin: 0 auto;}
.product-nav ul li a{ padding: 0 1rem; color: #333; line-height: 4rem; font-size: .8rem;}
.product-nav ul li a:hover{ color: #3DC2FF;}

/*底部页脚*/
.footer{ background-color:#373d41; }
.footer-nav{display:flex;-webkit-display:flex;justify-conten:space-between;-webkit-justify-conten:space-between; width:60rem; margin:0 auto; padding:3rem 0 1rem 0; border-bottom:1px solid #4b5054;}
.footer-nav>div{ width:12rem;}
.footer-nav .rexian img,.footer-nav .rexian p{ float:left; margin-left:.8rem;}
.footer-nav .rexian p b{ font-size:.9rem; color:#ccc; line-height:1.8rem;}
.footer-nav .rexian p span{ font-size:.9rem; color:#fff;}
.footer-list h5,.lianxi h5{font-size:.8rem; font-weight:normal; color:#cdd1d4; line-height:1.6rem; text-align:center; margin-bottom:.6rem;}
.footer-list p a{ border:1px solid #9b9ea0; width:8rem; height:1.7rem; line-height:1.7rem; display:block; margin:0 auto; text-align:center; color:#9b9ea0; margin-bottom:.5rem;}
.footer-list p a:hover{ border: 1px solid #dfe3e5; color:#dfe3e5;}
.footer-nav .lianxi img{text-align:center;}
.footer-bottom{ width:60rem; margin:0 auto; margin-top:1rem; font-size:.7rem;}
.footer-bottom .lianxi{ color:#9b9ea0;}
.footer-bottom .lianxi span{ margin-right:1.5rem; line-height:1.2rem;}
.footer-bottom .lianjie{ margin:1rem 0;}
.footer-bottom .lianjie span{ color:#9b9ea0;margin-right:1.2rem;line-height:1.2rem;}
.footer-bottom .lianjie a{ display:inline-block;}
.footer-bottom .lianjie a,
.footer-bottom .banquan a,
.footer-bottom .banquan span{ font-size:.6rem; color:#73777a; margin-right:1.2rem;line-height:1.2rem;}
.footer-bottom .banquan{ padding-bottom:1rem;}

/*页码*/
.page{ text-align: center;}
.page ul{ margin:2rem auto 4rem auto; display: inline-block;}
.page ul li{ display: inline;}
.page ul li{ width: 1.5rem height:1.5rem; background-color: #fff; border: 1px solid #ebebeb; padding:.4rem .7rem; line-height: 1.8rem;}
.page ul li:hover{ color: #fff; background-color: #3DC2FF; cursor: pointer;}
.page ul li.PageClickStyle{color: #fff; background-color: #3DC2FF; cursor: pointer;}