*{margin: 0; padding: 0;}
.container{width: 10rem; height: auto; margin: 0 auto; overflow: hidden; }
.header{width: 100%; height: 1.04rem; overflow: hidden; clear: both; background: #0050ab;}
.header .logo{display: block; float: left; width: 2.91rem; height: 100%; margin-left: 0.78rem; overflow: hidden;}
.header .logo img{max-width: 100%; display: block; vertical-align: middle; }
.header .navicon{display: block; float: right; width: 0.875rem; height: 0.625rem; margin-top: 0.22rem;  margin-right: 0.43rem; background: url("../images/navicon.png") no-repeat center; background-size: 100% 100%;}

.headerA{display: block; width: 100%; height: 0.8125rem; position: absolute; top: 0.3rem; left: 0; z-index: 555;}
.headerA .logo{display: block; float: left; width: 3.28rem; height: 0.8125rem; margin-left: 0.3rem;  overflow: hidden;}
.headerA .logo img{max-width: 100%; display: block; vertical-align: middle; }
.headerA .navicon{display: block; float: right; width: 0.75rem; height: 0.43rem; margin-top: 0.1rem;  margin-right: 0.43rem; background: url("../images/navicon.png") no-repeat center; background-size: 100% 100%;}

.nav{ width: 10rem; height: 100%; margin: 0 auto; overflow: hidden; background: #0770b4; z-index: 888; position: fixed; top: 0; right: -100%; -webkit-transition: all 0.5s;transition: all 0.5s;  }
.close{width: 0.5rem; height: 0.5rem; background: url("../images/close.png") no-repeat center; background-size: 100% 100%; position: absolute; top: 0.375rem; right: 0.23rem;z-index: 555;}
.nav ul{display: block; width: 100%; height: auto; margin-top: 0.7rem;}
.nav ul li{ width: 100%; height: auto; text-align: center; padding-top: 0.2rem; padding-bottom: 0.25rem;}
.nav ul li a{width: 100%; height: 0.7rem; line-height: 0.7rem; font-size: 0.46rem; color: #ffffff; text-align: center; }
.nav ul li p{width: 100%; height: 0.7rem; line-height: 0.7rem; font-size: 0.46rem; color: #ffffff; text-align: center; }
.nav ul li .submenu{display: none;}
.nav ul li .submenu ul{ margin-top: 0.2rem!important;}
.nav ul li .submenu li{ height: auto; line-height: 0.625rem!important; font-size: 0.32rem!important; color: #93d5ff!important; text-align: center; padding-top: 0!important; padding-bottom: 0!important; }
.nav ul li .submenu li a{color: #93d5ff!important; font-size: 0.32rem!important;}


.banner{display: block; width: 100%; height: 4.21rem; overflow: hidden; clear: both;  font-size: 0.375rem;  color: #fff;  position: relative; }
.banner img {  display: block;  width: 100%;  height: 4.21rem; background: #eee;  }
.banner .swiper-pagination-bullets { width: auto!important;  position: absolute;  bottom: 0.3rem!important;  left:50% !important; margin-left: -0.6rem;  height: 0.05rem; z-index: 666;   }
.banner .swiper-pagination-bullet{ float: left; width: 0.3rem;  height: 0.04rem; z-index: 666; margin: 0 0.1rem!important; border: 0px solid #ffffff; border-radius: 0!important;  background:#ffffff;opacity:1;background-size: 100%!important; }
.banner .swiper-pagination-bullet-active{width: 0.3rem;  height: 0.04rem; border: 0px solid #ffffff; background:#f78908!important; background-size: 100%!important;}
.banner .swiper-container {  height: 100%;  overflow: hidden;  }
.banner .swiper-slide {  position: relative;  height: 100%;  }
.banner .swiper-slide a {  display: block;  position: relative;  }
.banner .swiper-slide a:after {  top: 0;  content: '';  position: absolute;  z-index: 100;  width: 100%;  height: 100%;  opacity: 0.5;  box-shadow: 0 -1.0rem 0.5rem #333 inset;  }
/*.navboxs{display: block; width: 100%; height: auto; padding-bottom: 2rem; overflow: hidden; clear: both;}*/
.navboxs ul{display: block; width: 7.85rem; height: auto; margin: 0 auto; overflow: hidden;}
.navboxs{display: block; width: 100%; overflow: hidden; clear: both;}


/*.navboxs ul li{float: left; width: 3.375rem; height: 2.375rem; margin-top: 0.94rem; margin-right: 1.09rem; overflow: hidden; background: #0050ab; }*/
.navboxs ul li{float: left; overflow: hidden; background: #0050ab; }
.navboxs ul li:nth-child(2n){margin-right: 0!important;}
.navboxs ul li .icons{display: block; width: 1.5625rem; height: 1.17rem; margin: 0 auto; margin-top: 0.18rem; margin-bottom: 0.25rem; overflow: hidden;}
.navboxs ul li .icons img{width: 100%; max-width: 100%; vertical-align: middle; display: block;}
.navboxs ul li p{width: 100%; height: 0.43rem; line-height: 0.43rem; text-align: center; overflow: hidden; font-size: 0.375rem; color: #ffffff;}


/*2018-11-14*/
.aboutbox{width: 9.76rem; height: auto; margin: 0 auto; margin-top: 0.39rem; overflow: hidden; clear: both; background:#ffffff url("../images/abbg.jpg") no-repeat top center; }
.aboutbox .title{width: 100%; height: auto; text-align: center; overflow: hidden;}
.aboutbox .title h2{width: 100%; height: 0.72rem; line-height: 0.72rem; font-weight: bold; font-size: 0.56rem; color: #0050ab; text-align: center;overflow: hidden;}
.aboutbox .title p{width: 100%; height: 0.435rem; line-height: 0.435rem; font-size: 0.28rem; text-align: center; color: #8e8e8e; overflow: hidden;}
.aboutbox .about-txt{width: 8.8rem; height: auto; margin: 0 auto; margin-top: 0.72rem; overflow: hidden;}
.aboutbox .about-txt h6{width: 100%; height: 0.5rem; line-height: 0.5rem; margin-bottom: 0.39rem; font-size: 0.28rem; text-indent: 0.18rem; color: #0050ab; border-left: 0.0625rem solid #6788c1; overflow: hidden;}
.aboutbox .about-txt p{width: 100%;line-height: 0.5rem;font-size: 0.25rem;color: #6c6c6c; overflow: hidden;}
.ra-infoicon{width: 9rem; height: auto; margin: 0 auto; margin-top: 0.39rem; overflow: hidden; clear: both; }
.ra-infoicon ul li{float: left; width: 1.7rem;height: 1.5rem; border-right: 0.015rem solid #e8e8e8; overflow: hidden; text-align: center;}
.ra-infoicon ul li em{display: block; width: 0.8125rem; height: 0.8125rem; margin: 0.15rem auto; overflow: hidden;}
.ra-infoicon ul li em img{display: block; width: 0.8125rem; height: 0.8125rem; overflow: hidden;}
.ra-infoicon ul li h6{display: block; width: 100%; height: 0.37rem; line-height: 0.37rem; font-size: 0.25rem; font-weight: bold; color: #bdbdbd; text-align: center; overflow: hidden;}
.ra-infoicon ul li:last-child{border-right: 0!important;}
.about-img{display: block; width: 8.93rem; height: 6.25rem; margin: 0 auto; margin-top: 0.28rem; overflow: hidden;}
.about-img img{width: 100%; max-width: 100%; vertical-align: middle; display: block;}

.solubox{width: 100%; height: 9.68rem; margin-top: 0.5rem; overflow: hidden; clear: both; background: url("../images/solubg.jpg") no-repeat center; background-size: 100% 100%;}
.solubox .title{width: 100%; height: auto; margin-top: 1.09rem; text-align: center; overflow: hidden;}
.solubox .title h2{width: 100%; height: 0.72rem; line-height: 0.72rem; font-weight: bold; font-size: 0.56rem; color: #0050ab; text-align: center;overflow: hidden;}
.solubox .title p{width: 100%; height: 0.435rem; line-height: 0.435rem; font-size: 0.28rem; text-transform: uppercase; text-align: center; color: #8e8e8e; overflow: hidden;}
#certify{position:relative;width:10rem;margin:0 auto; margin-top: 0.56rem; overflow: hidden;}
#certify .swiper-container{ }
#certify .swiper-slide{width:6.125rem;height:5.3rem; margin-top: 0.2rem; overflow: hidden;}
#certify .swiper-slide  .ceng{width: 100%; height:1.5rem; background: none;position: absolute; left: 0; bottom: 0; z-index: 666;}
#certify .swiper-slide  .ceng h6{ width: 5.3rem; height: 0.39rem; line-height: 0.39rem; font-size: 0.28rem; margin-top: 0.34rem; text-align: center; margin-bottom: 0.34rem; margin-left: 0.43rem; overflow: hidden; color: #ffffff; }
#certify .swiper-slide  .ceng p{display: none!important;}
#certify .swiper-slide-active{width:6.125rem;height:5.9375rem;margin-top:0!important;}
#certify .swiper-slide-active .ceng{width: 100%; height: 2.4rem; overflow: hidden; background: rgba(0,80,171,0.7); position: absolute; left: 0; bottom: 0; z-index: 666;}
#certify .swiper-slide-active .ceng h6{float: none; width: 5.3rem; height: 0.39rem; line-height: 0.39rem; font-size: 0.28rem; margin-top: 0.34rem; text-align: left!important; margin-bottom: 0.34rem; margin-left: 0.43rem; overflow: hidden; color: #ffffff; }
#certify .swiper-slide-active .ceng p{display: block!important; width: 5.3rem; line-height: 0.375rem; font-size: 0.22rem!important; color: #ffffff!important; margin-left: 0.43rem; overflow: hidden;}
#certify .swiper-slide img{display:block;width: 100%; max-width: 100%; border: 0!important; }
#certify .swiper-pagination{display: none!important;}
#certify .swiper-button-prev{display: none!important;}
#certify .swiper-button-next{display: none!important;}

.newsbox{width: 100%; height: auto; overflow: hidden; clear: both; background:#ffffff url("../images/newsbg.jpg") no-repeat top center;}
.newsbox .title{width: 100%; height: auto; margin-top: 1.09rem; text-align: center; overflow: hidden;}
.newsbox .title h2{width: 100%; height: 0.72rem; line-height: 0.72rem; font-weight: bold; font-size: 0.56rem; color: #0050ab; text-align: center;overflow: hidden;}
.newsbox .title p{width: 100%; height: 0.435rem; line-height: 0.435rem; font-size: 0.28rem; text-transform: uppercase; text-align: center; color: #8e8e8e; overflow: hidden;}
.newsbox .newsimg{width: 9.73rem; height: 5.5rem; margin: 0 auto; margin-top: 0.78rem; overflow: hidden; clear: both; position: relative;}
.newsbox .newsimg img{width: 100%; max-width: 100%; vertical-align: middle; display: block;}
.newsbox .newsimg p{width: 100%; height: 0.7rem; line-height: 0.7rem; text-align: center; font-size: 0.28rem; overflow: hidden; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; z-index: 22; color: #ffffff;}
.newsboxA{width:9.68rem; height: auto;  margin: 0 auto; margin-top: 0.5rem; overflow: hidden;}
.newsboxA .tabs {width:9.68rem;  height:0.78rem;  overflow:hidden;  }
.newsboxA .tabs a {  font-weight:bold;  text-align:center;  float:left;  width:4.8rem;  height:0.75rem;   line-height:0.75rem; border: 0.015rem solid #eaeaea;  color:#7f7f7f; font-size: 0.28rem;  text-decoration:none; background: #ffffff; }
.newsboxA .tabs a.active {  color:#ffffff; background: #0050ab!important;border: 0.015rem solid #0050ab; }
.newsboxA .news-list {  width: 100%; }
.newsboxA .news-list li { width: 100%; height: auto; padding: 0.3rem 0; border-bottom: 1px solid #eaeaea; overflow: hidden; }
.newsboxA .newstime{float: left; width: 1.53rem; border-right:1px solid #e0dfdf; overflow: hidden;}
.newsboxA .newstime h6{width: 100%; line-height: 0.56rem; margin-top: 0!important; margin-bottom: 0!important; font-family: "Microsoft YaHei"; font-weight: bold; text-align: center; font-size: 0.5rem; color: #0076ab; }
.newsboxA .newstime p{width: 100%; line-height: 0.35rem; margin-top: 0!important; margin-bottom: 0!important; font-family: "Microsoft YaHei"; text-align: center; font-size: 0.22rem; color: #888888;}
.newsboxA .newscont{float: left; width: 7.8rem; margin-left: 0.21rem; overflow: hidden;}
.newsboxA .newscont h5{width: 100%; height: 0.35rem; line-height: 0.35rem;margin-bottom: 0.15rem; font-family: "Microsoft YaHei";  text-align: left; font-size: 0.28rem; color: #333333; white-space:nowrap; overflow: hidden;}
.newsboxA .newscont h5 a{color: #333333;white-space:nowrap;  }
.newsboxA .newscont h5 a:hover{color: #0050ab;}
.newsboxA .newscont p{width: 100%; height: 0.35rem; line-height: 0.35rem; margin-bottom: 0!important;  font-family: "Microsoft YaHei";  text-align: left; font-size: 0.22rem; color: #8a8a8a; white-space:nowrap; overflow: hidden;}

.itembox{width: 100%; height: auto; overflow: hidden; clear: both; background:#ffffff url("../images/itembg.jpg") no-repeat top center;}
.itembox .title{width: 100%; height: auto; margin-top: 1.09rem; text-align: center; overflow: hidden;}
.itembox .title h2{width: 100%; height: 0.72rem; line-height: 0.72rem; font-weight: bold; font-size: 0.56rem; color: #0050ab; text-align: center;overflow: hidden;}
.itembox .title p{width: 100%; height: 0.435rem; line-height: 0.435rem; font-size: 0.28rem; text-transform: uppercase; text-align: center; color: #8e8e8e; overflow: hidden;}
.itemlist{width: 100%; height: 13rem; overflow: hidden;background: url("../images/itlibg.jpg") no-repeat center; }
.itemlist ul{display: block; width: 9rem; margin: 0 auto; margin-top: 0.75rem; overflow: hidden;}
.itemlist ul li{float: left; width: 4.3rem; height: 3.8rem; margin-top: 0.13rem; margin-right: 0.34rem; overflow: hidden;}
.itemlist ul li:nth-child(2n){margin-right: 0!important;}
.itemlist ul li .plimg{width: 100%; height: 2.875rem; margin-bottom: 0.18rem; overflow: hidden;}
.itemlist ul li .plimg img{width: 100%; max-width: 100%; display: block;}
.itemlist ul li p{width: 100%; line-height: 0.375rem; overflow: hidden; font-size: 0.22rem; text-align: center; color: #ffffff;}
.itmore{display: block; width: 2.5rem; height: 0.625rem;line-height: 0.625rem; margin: 0.4rem auto; font-size: 0.22rem; text-align: center; color: #888888; border: 1px solid #dddddd; overflow: hidden; background: #eeeeee;}

.listbox{width: 100%; height: auto; padding-bottom: 2rem; overflow: hidden; background: #EEEEEE;}
.widthbox{width: 9.453rem; height: auto; margin: 0 auto; overflow: hidden; clear: both;}
.swiper1{width: 100%; height: 0.8125rem; margin: 0.375rem auto!important; overflow: hidden;}
.swiper1 .swiper-slide{float: left; width: 2.125rem!important; height: 0.8125rem; line-height: 0.8125rem; text-align: center; margin-right: 0.3125rem; font-size: 0.375rem; overflow: hidden; background: #ffffff;}
.swiper1 .swiper-slide a{color: #008cd6;}
.swiper1 .selected{background: #008cd6;}
.swiper1 .selected a{color: #ffffff;}
.list{width: 100%; height: auto; overflow: hidden; clear: both;}
.list ul{display: block; width: 100%; height: auto; overflow: hidden; clear: both;}
.list ul li{width: 100%; min-height: 1.5625rem; margin-bottom: 0.3125rem; overflow: hidden; background: #ffffff; border-radius: 0.1rem; position: relative;}
.list ul li h2{ line-height: 0.65rem; padding: 0 0.18rem; padding-bottom: 0.5rem; font-size: 0.4rem; font-weight: normal; color: #333333;}
.list ul li p{padding: 0 0.18rem; font-size: 0.25rem; text-align: right; color: #b8b8b8; position: absolute; bottom: 0.1rem; right: 0;}
.loading{width: 100%; height: 1rem; line-height: 1rem; font-size: 0.22rem; text-align: center; color: #adadad; position: relative;}
.loading span{ display: block; float: left; width: 0.2rem; height: 0.2rem; background: url("../images/loading.png") no-repeat center; background-size: 100%; position: absolute; left: 40%; top: 38%; vertical-align: middle;  -webkit-animation: rotate 0.75s linear infinite;  animation: rotate 0.75s linear infinite; }
.piclist{width: 100%; height: auto; margin-top: 0.45rem; overflow: hidden; clear: both;}
.piclist ul{display: block; width: 100%; height: auto; overflow: hidden; clear: both;}
.piclist ul li{ float: left; width: 4.375rem; height: 2.875rem; margin-bottom: 0.4rem; margin-right: 0.6rem; overflow: hidden; background: #ffffff; border-radius: 0.1rem; position: relative;}
.piclist ul li:nth-child(2n){margin-right: 0!important;}
.piclist ul li img{width: 100%; max-width: 100%; display: block; vertical-align: middle;}
.piclist ul li p{width: 100%; height: 0.625rem; line-height: 0.625rem; font-size: 0.25rem; text-align: center; color: #ffffff; overflow: hidden; background: rgba(0,0,0,0.5); border-bottom-left-radius: 0.1rem; border-bottom-right-radius: 0.1rem; z-index: 22; position: absolute; left: 0; bottom: 0;}

.contentbox{width: 100%; height: auto;  padding-bottom: 2rem;  overflow: hidden; background: #eeeeee;}
.contxtbox{width: 9.6rem; height: auto;  margin: 0.33rem auto; border-radius: 0.07rem; overflow: hidden; background: #ffffff; clear: both; position: relative;}
.cont-title{ height: auto; margin: 0 0.26rem; padding-top: 0.64rem; padding-bottom: 0.7rem; border-bottom: 1px dashed #dadada;  overflow: hidden; position: relative;z-index: 55; }
.kindtop{width: 1.64rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.22rem; border-radius: 0.1rem; text-align: center; overflow: hidden; background: #008cd6; position: absolute; top: 0; left: 0; z-index: 55; }
.kindtop a{color: #ffffff;}
.cont-title h3{font-size: 0.5rem; color: #008cd6; padding: 0 0.3rem;}
.cont-title .thumb-title{width: 100%;  line-height: 1.2; font-size: 0.25rem; color: #bbbbbb; font-weight: normal; position: absolute; bottom: 0.1rem; left: 0.4rem;}
.cont-title .thumb-title span{display: block; float: left; margin: 0 5px; color: #bbbbbb;}
.texts{ line-height: 0.69rem; padding:0.31rem 0.26rem 0.61rem 0.26rem; font-size: 0.43rem; color: #545454;}
.texts p{line-height: 0.69rem;  font-size: 0.43rem; color: #545454;}
.texts img{display: block; width: 100%; max-width: 100%; margin: 0.1rem auto;}

.liuyan{width: 100%; height: auto; padding-top: 0.8rem; padding-bottom: 2.2rem;  overflow: hidden; clear: both;background: #eeeeee;}
.liuyan form{width: 9.3rem; height: auto; margin: 0 auto; padding: 0.25rem 0; border-radius: 0.1rem; overflow: hidden; display: block; background: #ffffff;}
.liuyan form p{display: block; width: 8.98rem; margin: 0 auto; margin-bottom: 0.4rem; border: 1px solid #dddddd; height: auto; border-radius: 0.1rem; overflow: hidden;}
.liuyan form label{display: block; float: left; width: 1.875rem; line-height: 0.78rem; font-size: 0.25rem; text-indent: 0.625rem; color: #666666;}
.liuyan .inputw{display: block; float: left;width: 6.95rem; height: 0.78rem; line-height: 0.78rem; font-size: 0.28rem; border: 0; outline: none; background: #ffffff; overflow: hidden;}
.liuyan  .submit{display: block; float: right; width: 1.7rem; height: 0.72rem; line-height: 0.72rem; margin-right: 0.3rem; border: 0; border-radius: 0.1rem; font-size: 0.22rem; color: #ffffff; overflow: hidden; background: #2c97de;}
.liuyan  .message{float: left; width: 6.95rem; min-height: 2.9rem;  background: #ffffff; border: 0;}

.copyright{width: 100%; height: 3.35rem; overflow: hidden; clear: both; background: #f5f5f5;}
.rwm{display: block; float: left; width: 2.18rem; height: 2.81rem; background: #ffffff; margin-top: 0.15rem; margin-left: 0.15rem; overflow: hidden;}
.rwm img{display: block; width: 1.7rem; height: 1.6rem; margin: 0 auto; overflow: hidden;}
.rwm p{width: 100%; line-height: 0.34rem; font-size: 0.2rem; font-weight: bold; text-align: center; color: #626262;}
.allmd{float: left; width: 7.5rem;  height: auto; margin-top: 0.15rem; overflow: hidden;}
.allmd ul li{width: 100%; height: 0.44rem; line-height: 0.44rem; font-size: 0.25rem; text-align: right; color: #666666; overflow: hidden;}
.allmd ul li a{color: #666666;}
.allmd ul li img{ width: 0.3rem; height: 0.3rem;}


.footer{width: 100%; height: 1.65rem; font-size: 0.22rem; color: #ffffff; text-align: center; overflow: hidden; background: #084080;z-index: 66;}
.footer p{ padding-top: 0.2rem; line-height: 0.5rem; font-size: 0.22rem; color: #ffffff; overflow: hidden; }
.footer a{color: #ffffff;}