body, html {
  font-family: 'Montserrat', sans-serif,Arial;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  color: #000000;
  font-weight: 400;
  width: 100% !important;
  height: 100% !important;
}
img{ border: 0px }
.centerw{ width: 1259px; margin: 0px auto;}
.topall{ height: 20px; background: #0C0C0C;}
.tl{ height: 150px;background: rgba(3,43,112,0.6); z-index: 9999; position: absolute; top: 0px;}
.silide img{ width: 100%; margin-top: 0px;}
.logoarea{ margin-top: 40px;}
.language{width: 130px;height: 50px; margin-top: 10px; margin-right: 0; float: right;}
.language img{ width: 125px;margin-top: 0px;}
.navif{ margin-top: 2px;font-size: 16px; font-weight: bold; color: #ffffff}
.navif a{color: #ffffff}
.layui-nav-bar{background: rgba(255,255,255,0.6);}
.layui-nav{ background:none;}
.layui-nav-child{text-align: center; font-weight: normal;}
.indexabout{ margin-top: 40px;}
.indexabout h1{ border-bottom:6px solid #fd840e; width: 150px;height: 70px; line-height: 70px; margin-bottom: 20px;}
.indexabout p{ font-size: 1em; color: #505050; line-height: 25px; margin-bottom: 20px;}
.layui-btn-primary:hover{border-color:#fd8107;color:#333}
.indexabout video{ width: 90%;float: right}
.indexabout .ry h2{ margin-top: 10px; font-size: 22px;}
.indexabout .ry{ margin-top: 50px;}
.indexabout .ry .layui-col-xs3{ padding-left: 3%}
.indexclass{ margin-top: 50px;}
.indexclass h1{text-align: center;height: 60px; line-height: 60px; font-size: 40px; text-decoration: #fd8107}
.indexclass .hr{ width: 180px; height: 6px; background-color: #fd8107; margin: 0px auto;}
.indexclass h2{ height: 80px; line-height: 80px;}
.indexclass p{ font-size: 12px; color: #505050; line-height: 25px; margin-bottom: 20px;}
.indexclass .title{ margin-bottom: 20px;}
.indexclass .img{ padding-top: 20px; text-align: right}
.indexclass .left{ text-align: left}
.indexclass .classarea{ margin-bottom: 50px;}
.indexclass .classarea img{ width: 480px; height: 200px;}
.indexhot{background: url("../images/hot.jpg") no-repeat center top;background-size: 100%;}
.indexhot .centerw{ padding-top: 20px;}
.indexhot h1{text-align: center;height: 60px; line-height: 60px; font-size: 40px; font-weight:bold;color: #ffffff;}
.indexhot h1 a{color: #ffffff;}
.indexhot .hr{ width: 80px; height: 6px; background-color: #fd8107; margin: 0px auto;}
.indexhot .itemimg{ border: 3px solid #c5c6c8; background-color: #FFFFFF; border-radius: 5px; margin: 0px auto; margin-top: 30px;}
.indexhot .itemimg img{ width: 100%;height: 290px;}
.indexhot .itemarea{ margin-bottom: 60px; height: 455px; overflow: hidden;}
.indexhot .itemarea h2{ font-size: 1.2em; font-weight:bold; margin: 0px auto; text-align: center; width: 300px; height: 40px; margin-bottom: 10px; margin-top: 15px;}
.indexhot .itemarea h2 a:hover{ color: #FFFFFF}
.indexhot .itemarea p{ margin: 0px auto;font-size: 14px; color: #000000; line-height: 20px; width: 290px; text-align:left; padding-left:6px;}
.indexnews .title{margin-bottom: 20px;}
.indexnews h1{text-align: center;height: 60px;line-height: 60px;font-size: 40px;text-decoration: #fd8107;}
.indexnews .hr{ width: 80px; height: 6px; background-color: #fd8107; margin: 0px auto;}
.indexnews .item{margin-bottom: 20px;}
.indexnews .newsimg{; background-color: #0b3460; width: 220px;height: 130px;}
.indexnews .newsimg img{ width: 220px;height: 130px;}
.indexnews .newsinfo{ padding-left: 20px;}
.indexnews .newsinfo h3{ font-weight: bold; font-size: 1em; margin-bottom: 10px;}
.indexnews .newsinfo p{ font-size: 0.3em}
.indexnews .newsarea .layui-col-xs6{ margin-top: 20px;}
.indexzz{ margin: 60px 0px 60px 0px;}
.allfoot{ height: 580px; background-color: #0d2b4f; padding-top: 80px;}
.allfoot .areasleft{ float: left;}
.allfoot .areasleft h2{color: #FFFFFF; font-weight: bold; font-size: 2em}
.allfoot .areasleft p{ color: #FFFFFF; font-size: 0.8rem; line-height: 23px;}
.allfoot .areasleft ul li{ float: left; margin-right: 5px; margin-top: 15px;}
.allfoot .areascenter{ width: 360px; height: 300px; padding-top: 25px; margin: 0px auto;}
.allfoot .areascenter span{height:10px;color: #FFFFFF; font-size: 0.5rem; line-height: 10px; }
.allfoot .areascenter form{ margin-top: 10px;}
.allfoot .areascenter button{ width: 100%;}
.allfoot .areasright{ width: 260px; float: right}
.allfoot .areasright h2{color: #FFFFFF; font-weight: bold; font-size: 2em}
.allfoot .areasright h2 a{color: #ffffff;}
.allfoot .areasright .layui-col-xs6{ margin-top: 15px;}
.allfoot .infoarea{ margin-bottom: 20px;}
.allfoot hr{ color: #FFFFFF; font-weight: bold}
.allfoot .bottominfo{ color: #FFFFFF; text-align: center}
.allfoot .bottominfo p{color: #ffffff; margin-top: 20px;}
.allfoot .bottominfo p a{color: #ffffff;}
.allfoot .xuanfu_right{background:url(../../uploads/xuanfu-en.png) no-repeat;
color:#000000;
overflow: hidden;
z-index: 9999;
position: fixed;
padding:5px;
text-align:center;
width: 250px;
height: 150px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
left: 10px;
bottom: 10px;
}

.about{ margin-bottom: 20px;}
.publicleftitem{ background-color: #f2f1f1; padding: 20px; margin-top: 30px;}
.publicleftitem hr{ height:2px;color: #1866ee; background-color: #1866ee}
.publicleftitem h1{ padding-left: 20px;}
.publicleftitem .link li{ height: 45px; border-bottom: 2px solid #ffffff; line-height: 45px; font-weight: bold; padding-left: 20px;}
.publicleftitem p{ font-size: 0.8rem; line-height: 30px; padding: 15px; font-weight: bold;}
.publicleftitem .share{ height: 53px; padding-left: 15px;}
.publicleftitem .share li{ float: left; height: 53px; width: 53px; margin-right: 10px;}
.aboutrighttem{ padding-left: 40px; margin-top: 30px; padding-top: 38px;}
.aboutrighttem hr{height: 2px; background-color: #c9c9cb}
.aboutcontent{ padding-top: 20px;padding-left: 40px; }
.aboutcontent img{ max-width: 100%;}

.publicrighttem{ padding-left: 40px; margin-top: 30px; padding-top: 38px;}
.publicrighttem hr{height: 2px; background-color: #c9c9cb}
.productarea{ padding-top: 20px;padding-left: 40px; }
.productarea .productlist{ margin-bottom: 20px;}
.productarea .producimg img{ width: 100%;}
.productarea .producinfo{ padding-left: 20px;}
.productarea .producinfo h2{ font-size: 1.3em; font-weight: bold; margin-bottom: 20px; margin-top: 10px;}
.productarea .producinfo p{ font-size: 0.8em; line-height: 20px;margin-bottom: 15px; }

.productarea .producimgbig{ padding-right: 20px;}
.productarea .producimgbig img{width: 100%;}
.productarea .producinfobig h1{ font-weight: bold; margin-bottom: 20px; margin-top: 20px;}
.productarea .producinfobig p{ font-size: 0.8em; line-height: 25px;margin-bottom: 15px; }
.productarea .zoom .zoomimg{ padding: 10px;}
.productarea .zoom .zoomimg img{ width: 100%;}
.gd{ height: 30px; background-color: #f2f1f1; margin-top: 50px;}
.productarea .productcontent{ margin-top:10px;}
.productarea .productcontent img{ max-width: 100%;}

.certificate{padding-top: 50px; padding-left: 50px;}
.certificate img{ max-width: 100%;}

.newsarea{ padding-left: 40px;}
.newsarea ul li{ height: 30px; line-height: 30px; padding-left: 5px; border-bottom: 1px dashed #c9c9c9}
.newsarea ul li span{ float: right; font-size: 0.3em}
.newsarea .newscontent h1{ text-align: center; font-weight: bold; margin-top: 20px;}
.newsarea .newscontent .gd{ margin-top: 20px; text-align: center; line-height: 30px; color: #a4a4a4; font-size: 0.5em}
.newsarea .newscontent .newsbody{ padding-top: 10px;}
.newsarea .newscontent .newsbody img{ max-width: 100%;}
.contactusarea{ padding-left: 40px;}
.feedback{ padding-left: 40px; margin-top:20px; }
.feedback .layui-form{ margin: 0px auto;}
.feedback .feedbackcenter{ width:500px;margin: 0px auto}
.feedback .layui-form-item{ width: 500px;}
.feedback .layui-form-item .layui-form-label{ font-size: 0.8em;margin-left: 0px;}
.feedback .layui-form-item  .layui-input-block{ font-size: 0.8em;margin-left: 0px;}

.page{padding-left: 40px; width: 100%;height: 30px;}
.page ul{ width: 100px; height: 30px; margin: 0px auto;}
.page li{ width: 50%; float: left; text-align: center; height: 30px; line-height: 30px; font-size: 1.5em}
.navimb{ display: none;}
.navif{ display: block;}
@media (max-width: 760px) {
  .centerw{ width: 100%}
  .logoarea{margin-top: 0px;text-align: center;}
  .logoarea img{width: 180px;}
  .indexabout h1{margin: 0px auto;}
  .indexabout p{ padding: 25px;}
  .indexabout .href{ margin-bottom: 20px; text-align: center}
  .indexabout .vedio{ text-align: center}
  .indexabout video{ float: none; width: 90%; margin: 0px auto}
  .indexabout .ry h2{ font-size: 18px; font-weight: bold}
  .indexabout .ry span{ font-size: 12px; text-align: center}
  .indexabout .ry .imgs{ text-align: center}
  .indexabout .ry .ryy{ text-align: center}
  .indexclass .classarea{ padding: 25px;}
  .silide img{ margin-top: 0px;}


  .indexclass .href {display: none;}
  .indexclass h2{ height: 30px; line-height: 30px; color: #FFFFFF}
  .indexclass p{ color: #ffffff}
  .indexclass .text{background: rgba(3,43,112,0.6); text-align: center; z-index: 999;}
  .indexclass .img img{ width: 100%;}
  .indexclass p{ margin: 0px;}
  .indexclass .classarea{ margin-bottom: 10px;}
  .indexhot .itemarea{ padding: 25px;}
  .indexhot .text{ margin-top: 20px; text-align: left}
  .indexhot .itemarea h2{ width: 100%; text-align: left; padding-left: 10px; margin-bottom: 0px;}
  .indexhot .itemarea p{ width: 100%; text-align: left; padding-left: 10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .indexhot .itemarea .itemimg img{ width: 100%; height: auto}
  .indexhot .itemarea{ height: auto; margin-bottom: 0px; margin-top: 20px;}
  .newsarea{ padding: 25px;}
  .indexnews .newsimg img{width: 100%; height: auto}
  .indexnews .newsinfo{ padding:10px;background: rgba(0,0,0,0.6); color: #FFFFFF}
  .indexnews .newsinfo a{ color: #FFFFFF}
  .indexnews .item{ margin-bottom: 10px;}
  .indexzz{ text-align: center}
  .indexzz img{ width: 90%}
  .indexnews .newsimg {
    background-color: #0b3460;
    width: 100%;
    height: auto;}


.zh{ display: none}
.areasleft{ text-align: center}
.areasleft ul{display: none}
.allfoot{ height: auto; padding-top: 30px; padding-bottom: 100px;}
.about .lxwm{ display:none}
.publicrighttem{ padding: 25px;}
.aboutcontent{ padding: 25px;}
.navif{display: none}
.navimb{ display: block}
.navimb .naviareas{ width: 100%; height: 100%; padding: 10px; background:rgba(0,0,0,0.8); z-index: 9999; position: fixed; top: 0px; display: none}
.navimb .naviareas li{ border-bottom: 1px solid #818181; width: 200px; height: 60px; text-align: center; line-height: 60px;}
.navimb .naviareas li a{ color: #FFFFFF}
.navimb .an{  line-height:50px;width: 50px; height: 50px;padding: 10px; background:rgba(0,0,0,0.8); z-index: 9999; position: absolute; top: 0px;right: 0px; color: #FFFFFF; font-size: 24px; text-align: center;display:inline-block}
.navimb .layui-icon{ font-size: 36px; font-weight: normal}
}

.pagearea{clear:both;   overflow: hidden;
margin: 10px auto;
text-align:center;
padding-left: 20%;
}
.pagearea li{ text-align:center;border: 1px solid #0b3460; width: 20px; height: 20px; line-height: 20px;
margin: 5px;
float: left;}