/* header */
@charset "utf-8";*{margin:0;padding:0;}
body{margin:0 auto !important;max-width:720px;min-width:320px;background: #f5f5f5 !important;overflow-x: hidden;}
body,button,input,select,textarea{color:#505050;font:12px/1.5 Microsoft Yahei;}
h1,h2,h3,h4,h5,h6{text-align:center;font-size:100%;}
li,ol,ul{list-style:none;}
a{outline:0;color:#2a2a2a;text-decoration:none;}
a:hover{color:#2a2a2a;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{outline:0;font-size:100%;}
textarea{resize:none;}
img{width:100%;vertical-align:top;}
#QIAO_INVITE_CONTAINER,#fixtop,.swt_center,.top_tips,.fixed-menu,.s-ripple{display: none!important;}
article,aside,footer,header,hgroup,nav,section{display:block;}
h2{color:#303132;text-align:center;}
.clear,.clearfix{ zoom:1; }
.cb{clear:both;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden; }
.f-cb:after,.f-cbli li:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ti2{text-indent:2em;}
.f-fb{font-weight:700;}
.f-b1{border-bottom:1px solid #e3e3e3;}
.f-b2{border-top:1px solid #e3e3e3;}
.arcArrow{width:auto;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
img{width: 100%;height:auto;}
.slimScrollRail{display:none !important;}
.w20{margin: 0 0.3rem;}
.h20{height: 0.23rem;}
.header {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 996;
	height: 50px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
}

.header .logo {
	display: block;
	width: 80px;
	height: 30px;
	padding: 8px 0 0 10px;
}

.header .logo img {
	display: block;
	width: 100%;
}

.header .search {
	position: absolute;
	top: 0;
	right: 35px;
	z-index: 1000;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999em;
	/*background: url(../images/icon-search.png) no-repeat center center;*/
	background-size: 40%;
}

.header .search:hover {
	background-color: #0067d2;
}

.header .search span {
	display: none;
}

.header .user-icon {
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 1000;
	display: none;
	width: 50px;
	height: 50px;
	text-indent: -9999em;
	background: url(../images/zx-ico.png) no-repeat center 12px;
	background-size: 60%;
}

.header .user-icon span {
	display: none;
}

.header .user-icon:hover {
	/*background-color: #0067d2;*/
}

.header .back {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999em;
	background: url(../images/icon-back.png) no-repeat center center;
	background-size: 12px 20px;
}

@media (min-width:641px) {
	body {
		width: 640px;
		margin: auto;
	}
}
.banner{width:100%; margin-top: 50px;}
.banner img{width:100%:}
.wrap{width:100%; margin: 0 auto;}
.wrap p{font-size: 0.22rem;
    line-height: 0.44rem;
    color: #333;}
.wrap .tit{width:100%; margin: 0 auto; text-align: center;}
.wrap .tit h3{color: #333; font-size: 0.3rem; line-height: 0.6rem;}
.wrap .tit p{text-indent: 0;}
.wrap .tit p span{color: #919191; font-size:0.22rem; line-height: 0.3rem; margin-bottom: 0.23rem;}
.index-about .tit p{width:96% !important;}
.index-about .tit p span{ font-size: 0.2rem !important;}
.index-xm{
	width:96%;
	margin: 0.23rem auto;
	background: #fff;
	border-radius: 5px;
	padding: 0.3rem 0;
	box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
	height: 5rem;
}

.index-xm ul {
	width:96%;
    margin: 0 2% ;
}

.index-xm ul li {
    cursor: pointer;
    width: 20%;
    float: left;
    text-align: center;
    font-weight: 500;
}
.index-xm ul li img{
	width:33%;
	margin: 15px auto;
	border-radius: 50px;
	border:1px solid #0f63b6;
	padding: 12px;
	background: #fff;
}
.index-xm ul li p {
	/*font-size: 0.22rem;
    line-height: 0.36rem;
    color: #333;*/
}

.index-xm ul li h5 {
    font-size: 0.23rem;
    line-height: 30px;
    color: #666;
    font-weight: 500;
}

.index-xm ul li:nth-last-child(1) {
    border-right: none;
}

/*.index-xm ul li img {
	transform:scale(1.1,1.1);
	animation: heartAnimation 0.7s linear 0s infinite;
}*/

.index-xm ul li:hover {
    margin-top: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.index-xm ul li:hover img {
    transform: scale(1.05);
    /*transition: all 0.7s;*/
    animation: flipInY 1s;
}


.index-about{
	width:96%;
	margin: 0.23rem auto;
	background: #fff;
	border-radius: 5px;
	padding: 0.3rem 0;
	box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
}
.index-about p{
	width:90%;
	margin: 0 auto;
	text-indent: 2em;
	
}
.index-about p img{
	width:80%;
	border-radius: 5px;
	margin: 0.2rem auto;
	overflow: hidden;
	/*object-fit: none;*/
}
.index-about p video{
	width:80%;
	border-radius: 5px;
	margin: 0.2rem auto;
	overflow: hidden;
	object-fit: none;
}
.index-about ul{width:100%; margin 0.23rem auto; padding-bottom: 0.23rem;}

.index-about li{width: 22% !important;  border:1px solid #f3f3f3;
 margin:10px 0 0 2%;
 padding-bottom: 10px;
 float: left;

 background: #f6f6f6;
 border-radius: 5px;
  
 }

.index-about li img{width: 50%; margin: 20px auto 10px;}
.index-about li:hover{
	 background: #fff;
transition: all 0.2s;-webkit-transition: all 0.2s;
 -webkit-transform: translatey(0);transform: translatey(0);opacity: 1;-webkit-transition: -webkit-transform 1.2s ease-in-out 0.1s,  opacity 1.2s ease-in-out 0.1s;transition: transform 1.2s ease-in-out 0.1s, opacity 1.2s ease-in-out 0.1s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;
	
	}

.about-bj{
	background:#fff url(../images/about-bj.jpg) left bottom no-repeat;
	background-size:100% ;
	padding-bottom: 1rem;
}
.about-bj p img{width:100%; object-fit: contain !important;}

.footer{
	width:100%;
	padding: 0.23rem 0 1rem;
	color: #666;
	text-align: center;
	border-top: 1px solid #f3f3f3;
    background-color: #ebedf5;
}
.footer p{}
.footer a{color:#666}
.footer a:hover{color:#333;}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1A1A1A;
    z-index: 996;
    height: 51px;
}

#footer li {
    width: 50%;
    float: left;
    text-align: center;
}

#footer li a {
    display: block;
}

#footer li a span {
    color: #fff;
    font-size: 12px;
    display: block;
    height: 14px;
    line-height: 14px;
}

#footer a .img {
    position: relative;
    width: 100%;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 3px;
}

#footer a .img .num {
    position: absolute;
    width: 26px;
    height: 14px;
    background: #f00;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    left: 50%;
    top: -5px;
}

@-webkit-keyframes Tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    70%,
    73% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    77%,
    83%,
    90%,
    97% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    80%,
    87%,
    93% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

#footer a .img .iconfont {
    color: #fff;
    font-size: 24px;
}

#footer a .img.img1 img {
    width: 19px;
    height: 17px;
}

#footer a .img.img2 {
    -webkit-animation: Tada 3s both infinite;
    -moz-animation: Tada 3s both infinite;
    -ms-animation: Tada 3s both infinite;
    animation: Tada 3s both infinite;
}

#footer a .img.img2 img {
    width: 21px;
    height: 14px;
}

#footer a .img.img3 img {
    width: 28px;
    height: 19px;
}

#footer a .img.img4 img {
    width: 17px;
    height: 17px;
}

/*历程切换*/
 .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
    }
   
.swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
    
}
.swiper-pagination{
	margin: 10px auto;
	font-size: 22px !important; font-weight: bold;
}

.mySwiper-lc{
	width:100%;
	padding-bottom: 50px;
}
.mySwiper-lc dl{width:84%; margin: 0 8%;}
.mySwiper-lc dl dt{width:100%;
color: #23262C;
    font-size: 0.5rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}
.mySwiper-lc dl dd{width:90%; float:left; margin:0.23rem 5%;}
.mySwiper-lc dl dd h4{font-size:0.3rem; line-height:0.8rem; font-weight: 500;  text-align: left;}
.mySwiper-lc dl dd .line{width:0.6rem; border-bottom: 3px solid #206ebb;}
.mySwiper-lc dl dd p{font-size: 0.23rem;color: #676B77;
    line-height: 1.75;
    text-align: left;
    margin: 0.3rem auto;
    width:100%;}
.lc-year{width:100%; margin: 0 auto;
line-height: 50px;
height: 50px;}
.lc-year li{width:12.5% !important; height: 50px !important; line-height: 50px !important; float:left; margin: 0 auto; text-align: center;}
.lc-year li p{width:100%; font-family: 'poppins_regular'!important;font-size: 22px !important; font-weight: bold;
    color: #676B77;}
.lc-year li:hover{ color: #333;}

 .swiper {
      width: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


.bg_lc{width:100%; background:#fff url(../images/bg_lc.png)center bottom no-repeat ; background-size:100% ;
padding-bottom: 50px;}
.mySwiper3 .swiper-slide,.mySwiper4 .swiper-slide{background: none;}
.mySwiper4 .swiper-slide {
      width: 100%;
      margin: 30px auto 50px; 
    }
.mySwiper3 .swiper-slide{
	font-size: 0.24rem;
	font-family: 'poppins_regular'!important;
    color: #676B77;
    transition: all 0.36s;
    font-weight: bold;
}

.swiper-scrollbar-drag {
padding:0.5rem 0 0.23rem 0;
	background: url(../images/page-cp.png) no-repeat center center !important;
    background-size:0.6rem !important;
    top:-0.5rem !important;
    }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-size:50px 50px !important ;
	position: absolute;
	left: -48px !important;
	top: -50px;
	width: 98%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 0px) !important;
	left: 0;
	bottom:0 !important;
	/*top: 0*/
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
	margin-bottom: 0.5rem !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	top:-26px !important;
	height: 4px !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
 font-size:0.5rem !important;
}
/*联系我们*/
.lxone {
    width: 90%;
    margin: 0.2rem 5%;
    background: #fff;
    border-radius: 10px;
    /*border:1px solid #ebebeb;
    border-radius: 5px;*/
}
.lxone .lxcr img {
    width: 100%;
    border-radius: 10px;
}
.lxone .lxcr {
    width: 100%;
}
.lxone .lxcl {
    width: 100%;
    line-height: 30px;
}
.lxone .lxcl h4 {
    line-height: 2;
    border-bottom: 1px solid #e6e6e6;
    color: #206ebb;
    text-align: center;
    font-size: 0.26rem;
    padding-bottom: 10px;
    margin-bottom: 0.2rem;
}
.lxone .lxcl p {
	width:100%;
    color: #666;
    text-indent: 0;
}
.lxone .lxcl .lx-con{
	width:100%;
	height: 2rem;
}
.lxone .lxcl .lx-con dl{
	width:100%;
}
.lxone .lxcl .lx-con dl dt{
	width:25%;margin-right: 1%;float:left;
}
.lxone .lxcl .lx-con dl dt p{
	font-size:0.18rem;
	line-height: 1.5;
	text-align: center;
	color: #ccc;
}

.lxone .lxcl .lx-con dl dt img{
	width:80%;margin:2px auto;
}
.lxone .lxcl .lx-con dl dd{
	width:73%;float:left;
}
/*申请试样*/
.search-box1{width:100%; }
.search-box2{width:100%; }

.search-box{width:90%;margin:10px auto;color:#666; padding: 10px 2%;}
.search-box h3 {
    font-size: 0.26rem;
    font-weight: bold;
    color: #333;
    line-height: 2;
    text-align: left;
}
.search-box .line {
    width: 20px;
    height: 3px;
    background: #0058af;
    margin: 0 0 15px 0;
}
.search-box p{width:100%;
line-height: 45px; color: #333;
    font-weight: bold; text-indent: 0;
    clear: both;
}
.search-box p span{width:24%; float: left;}
.search-box p input{width:74%; height:35px;text-indent:1.2em;font-size:13px;
line-height:35px;color:#999;outline:none; float: right;
background:#fff;border-radius:5px; border:1px solid #ccc; margin-bottom: 10px;}
.search-box2 input{width:380px !important; }
.search-box textarea{width:75%; height:120px;text-indent:1.2em;font-size:13px;
line-height:35px;color:#999;outline:none; float: right;
background:#fff;border-radius:5px; border:1px solid #ccc; margin-bottom: 10px;}
.search-box input:hover{border:1px solid #aaa;}
.search-box button, .search-box .button {
    width: 34%;
    margin-left: 34%;
    height: 40px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: #1168b8;
    border-radius: 5px;
    border: 1px solid #8bc7ff;
    margin-top: 30px;
}
    .search-box button:hover, .search-box .button:hover {
        background: rgba(17,104,184,0.7);
    }
.search-box .text2{width:48%; margin-right: 1%; float:left;}
.search-box .btn2{width:48%; float:right; margin-top: 0;}

/*路径*/
.location {width:100%; margin: 0 auto;}
.location .path{width:100%; margin-top:0.23rem;}
.location .path p{ line-height:0.36rem; text-indent: 0.15rem; font-size:0.18rem;}
.location a{color: #333;}
.location a:hover{color: #0f63b6;}

/*新闻中心*/
.cont1Box {
    margin: 0.2rem 0;
}

.cont1Box * {
    transition: all 0.3s;
}

.cont1Box:after {
    content: '';
    clear: both;
    float: none;
    display: block;
    width: 100%;
    height: 0;
}

.cont1Box .case {
    float: left;
    width: 46%;
    margin-left: 3%;
    margin-bottom: 0.2rem;
    background-color: #F3F7FF;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(0,80,242,0.10);  
    overflow: hidden;
}

.cont1Box .case a{
    color: #333;
}
.cont1Box .case p{text-indent: 0;}

.cont1Box .case:hover {
    float: left;
    width: 46%;
    margin-left: 3%;
    margin-bottom: 0.2rem;
    background-color: #0f63b6;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(0,80,242,0.10);
}
.cont1Box .case:hover p,
.cont1Box .case:hover h1
{color: #fff;}
.cont1Box .case:hover h1:after
{background-color: #fff;}
.cont1Box .case .img {
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 100px;
    background-color: #ccc;
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.cont1Box .case .img img {
    display: block;
     height:1.9rem; overflow: hidden; width:100%;
}

.cont1Box .case h1 {
    text-align: center;
    line-height: 2;
    font-size: 0.22rem;
    position: relative;
    margin-bottom: 0.1rem;
    height:0.5rem;
    overflow: hidden;
}

.cont1Box .case h1:after {
    content: '';
    position: absolute;
    left: 0.08rem;
    bottom: 0;
    height: 2px;
    width: 0.5rem;
    background-color: #00a9f9;
}

.cont1Box .case p {
    text-align: justify;
    width: 92%;
    margin: 0 auto ;
    overflow: hidden;
    height: 0.8rem;
}
.cont1Box .case p:nth-of-type(2){
	height: 0.5rem;
    line-height: 0.5rem;
    text-align: right;
}
.cont1Box .case i{
font-style: normal;
font-size: 0.18rem;
color: #919191;	
}

.cont1Box .case:hover .img img {
    transform: scale(1.1);
}
.cont1Box .case .caseCont{
	width:94%;
	margin: 0 3%;
}
.p_page {
    text-align: center;
    display-radio: 1;
    margin-top: 0.3rem;
}
.page_a.current {
    background-color: #222a35;
    font-size: 0.18rem;
    font-family: Arial;
    color: #fff;
    border-style: solid;
    border-width: 0;
    border-color: #222a35;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.page_a.current {
    background: #1f98fc;
    color: #fff;
}
.page_a {
    font-size: 0.18rem;
    color: #8a8a8a;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: Arial;
    background-color: rgba(255,255,255,0);
}
.page_a {
    display: inline-block;
    line-height: 0.3rem;
    height: 0.3rem;
    width: 0.3rem;
    margin: 0 3px;
    background: #f4f4f4;
    color: #666;
    text-decoration: none;
}
.page_a, .page_input, .pl_confirm, .pl_empty, .pl_toast, .swiper-pagination, .swiper-zoom-container {
    text-align: center;
}

/*文章页*/
/*newsdetail start*/
.newsdetail{}
.newsdetail_top{text-align:center;margin-bottom:15px;}
.newsdetail_top h2{font-size:0.26rem;}
.newsdetail_top p{color:#666;margin:0.1rem auto; text-indent: 0;}
.newsdetail_top p span{margin:0 15px; display:inline-block;}
.newsdetail_con{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:0.2rem 0;}
.contactlist{margin:10px 0 10px 20px;}
.newsdetail_con img{display:block;border:none;margin:15px auto;}
.backlist{display:block;width:92px;color:#fff;
background-color:#666;margin-top:10px;}
.backlist i{display:inline-block;float:left;width:14px;height:14px;margin:7px 0 0 5px;background:url(../images/newsdatico.png) no-repeat;}
.newsdetail_bottom{width:100%; margin: 0.2rem auto 0;}
.newsdetail_bottom p{text-indent: 0;}
.newsdetail_bottom p a{display:block;text-align:right;color:#666; line-height: 0.4rem; height: 0.4rem; margin-right: 0.3rem;}
.newsdetail_bottom p a:hover{color:#0f63b6;}
.backlist {
    display: block;
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.2rem;
    background-color: #666;
    margin-top: 10px;
    padding: 0 0.1rem;
    text-align: center;
    margin-right: 0.3rem;
    float:right;
}