@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
em,i{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none;  }
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{outline:none}
body,html{margin:0 auto;}
img {border:none;vertical-align: middle;height: auto;    display: inline-block;}
/* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}*/
* {margin:0;padding:0;text-shadow:none;}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align: stretch;align-items:stretch}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.img100{ width:100%;}

.btn{display: block;width: 48%;height: 1.4rem;line-height: 1.4rem;margin: 0.3rem auto 0;text-align: center;color: #333333;font-size: 0.60rem;border-radius: 0.2rem;border: 0.025rem solid #bfbfbf;}
.btn img{display: inline-block;width: 1.65rem;vertical-align: middle;position: relative;top: 0.2rem;}

.btn2 {display: block;width: 48%;height: 1.4rem;line-height: 1.4rem;margin: 0.3rem auto 0;text-align: center;color: #ffffff;font-size: 0.60rem;border-radius: 0.2rem;top: -1rem;background-color: #e95e2b;}

.moweili{min-width:8rem;max-width: 16rem; margin: 0 auto;overflow: hidden;}

header{ background:#fff;position: fixed; z-index: 999;}
header.logo{overflow: hidden;max-width:640px; width:100%; margin:0 auto; }
 
.tit {margin: 3% auto;}
.tit_txt{width: 100%;text-align: center;margin: 0 auto;}
.tit_txt h1 {font-size:0.75rem;color: #333333;}
.tit_txt h1 img{width: 0.65rem;padding-right: 0.2rem;padding-bottom: 0.2rem;}
.tit_txt p {font-size: 0.55rem;color: #333333;margin-top: 2%;}
.tit_txt p a{color: #333333;}

.banner {overflow: hidden; padding-top: 17.2%;}


				#bannermo .swiper-pagination { bottom: 1.2%; }
				#bannermo .swiper-pagination span {width: 0.4rem;height: 0.25rem;background: #fff;opacity: 1;margin: 0 0.1rem;transition: .5s width;}
				#bannermo .swiper-pagination span.swiper-pagination-bullet-active {width: 0.80rem;border-radius: 0.8rem;}


				#one01 .swiper-pagination { bottom: 1.2%; }
				#one01 .swiper-pagination span {width: 0.4rem;height: 0.25rem;background: #86a4e2;opacity: 1;margin: 0 0.1rem;transition: .5s width;}
				#one01 .swiper-pagination span.swiper-pagination-bullet-active {width: 1.60rem;border-radius: 0.8rem;}
				#one01 .swiper-pagination-bullet-active{background: #1c4fcf !important;}

				#one02 .swiper-pagination { bottom: 1.2%; }
				#one02 .swiper-pagination span {width: 0.4rem;height: 0.25rem;background: #86a4e2;opacity: 1;margin: 0 0.1rem;transition: .5s width;}
				#one02 .swiper-pagination span.swiper-pagination-bullet-active {width: 1.60rem;border-radius: 0.8rem;}
				#one02 .swiper-pagination-bullet-active{background: #1c4fcf !important;}

				
.box1{    padding: 0 2%;  text-align:center;font-size:0.66rem;color:#424141; }
.box1_01{width: 92%;margin: 0 auto 5%;padding-bottom: 3%;}
.box1_01 ul li{width:50%;float:left;}
.box1_01 ul li img{float:left;width: 36%;}
.box1_01 ul li .box1_01_txt{float:right;width: 57%;text-align: left;padding-left: 4%;padding-top: 1%;}
.box1_01 ul li .box1_01_txt h1{font-size: 0.50rem;color: #6a6a6a;font-weight: bold;}
.box1_01 ul li .box1_01_txt p{font-size: 0.40rem;color: #a3a3a3;}
.box1_01 ul li .box1_01_txt span{font-size: 0.45rem;background: #1c4fcf;border: 0px;color: #ffffff;line-height: 0.88rem;border-radius: 1.1rem;padding: 0.1rem 0.5rem;margin: 0.2rem auto;cursor: pointer;width: 100%;}
.box1_01 ul li .box1_01_txt span a{color: #ffffff;}

.box1_02{width: 92%;margin: 0 auto;padding-top: 2%;}
.box1_02 ul li{width: 15.2%;float:left;margin-right: 4%;padding: 4% 3%;margin-bottom: 4%;}
.box1_02 ul li:nth-child(4n){margin-right:0;}
.box1_02 ul li img{width: 1rem;}
.box1_02 ul li p{font-size: 0.40rem;color: #32292a;padding-top: 8%;}
.box1_02 ul li p a{color: #32292a;}

.box1_02 ul li:nth-child(1){background-color: #f6fffe;border: 0.05rem solid #cee6e6;}
.box1_02 ul li:nth-child(2){background-color: #fef8f8;border: 0.05rem solid #f3bdbb;}
.box1_02 ul li:nth-child(3){background-color: #fffdee;border: 0.05rem solid #e1dd93;}
.box1_02 ul li:nth-child(4){background-color: #fff6f1;border: 0.05rem solid #fdccae;}
.box1_02 ul li:nth-child(5){background-color: #ebf5ff;border: 0.05rem solid #97ceff;}
.box1_02 ul li:nth-child(6){background-color: #f9f3ff;border: 0.05rem solid #d1b7e7;}
.box1_02 ul li:nth-child(7){background-color: #fff4e6;border: 0.05rem solid #ffd79a;}
.box1_02 ul li:nth-child(8){background-color: #f0f4ff;border: 0.05rem solid #acc0f5;}



.box2{overflow: hidden;    padding: 0 2%;}
.box2 .box2_01{text-align: center;}
.box2 .box2_01 ul li{width: 30%;float:left;padding-right: 4%;padding-bottom: 4%;padding-top: 4%;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.box2 .box2_01 ul li:nth-child(3n){padding-right:0;border-right: none;}
.box2 .box2_01 ul li:nth-child(7){border-bottom: none;}
.box2 .box2_01 ul li:nth-child(8){border-bottom: none;}
.box2 .box2_01 ul li:nth-child(9){border-bottom: none;}
.box2 .box2_01 ul li img{width: 3.6rem;}
.box2 .box2_01 ul li h1{font-size: 0.40rem;color: #333333;padding-top: 6%;}
.box2 .box2_01 ul li h1 a{color: #333333;}
.box2 .box2_01 ul li p{font-size: 0.40rem;color: #999999;padding-top: 1%;}
.box2 .box2_01 ul li p a{color: #999999;}

.box3{overflow: hidden;    padding: 0 2%;}
.box3_con{width:100%;margin: 0 auto 3%;padding-bottom: 5%;}
.box3_con ul li{ }
.box3_con_btn{
    text-align: center;
} 
.box3_con_btn span{
    font-size: 0.55rem;
    background: #1c4fcf;
    border: 0px;
    color: #ffffff;
    line-height: 1.9rem;
    border-radius: 1.1rem;
    display: block;
    width: 89%;
    margin: 0 auto;
    letter-spacing: 1px;
} 
.box3_con_btn span a{color: #ffffff;}

.box3_con_btn span b{
    font-size: 0.8rem;
} 

.box4{overflow: hidden;    padding: 0 2%;}
.box4_con .case_tab{text-align:center;    margin: 1% auto 5%;}
.box4_con{width:96%;overflow: hidden; margin: 0% auto 1%;}
.box4_con .hd  li{float:left;width:49.5%; background-color: #e1e1e1;position: relative;color:#333333;}
.box4_con .hd li h1{font-size:0.66rem;line-height: 1.5;color:#333333;padding: 3% 0%;}
.box4_con .hd li:nth-child(1){margin-right:1%;}
.box4_con .hd li.active{background-color: #1c4fcf;}
.box4_con .hd li.active h1{color:#ffffee;}

.box4_txt{text-align:center;} 
.box4_txt ul li{float:left;width:49%;margin-right:2%;margin-bottom:2%;position:relative;}
.box4_txt ul li a{display:block;}
.box4_txt ul li:nth-child(2n){margin-right:0%;}

 

.foot{ margin-bottom:0.2rem;}
 
.bottom {
	background: #2c2c2c;
	padding: 5% 0;
	margin-bottom: 14%;
}
.bottom p {
	font-size: 0.45rem;
	color: #858585;
	line-height: 1.4;
	text-align: center;
}
.bottom p a{color: #858585;}
.bottom h2 {
	font-size: 0.24rem;
	color: #6f6f6f;
	text-align: center;
	margin-top: 3%;
}

/*动*/
.move1{
    -webkit-animation: movement1 3s linear normal both infinite;
    -o-animation: movement1 3s linear normal both infinite;
    animation: movement1 3s linear normal both infinite;
}
.move2{
    -webkit-animation: movement2 3s linear normal both infinite;
    -o-animation: movement2 3s linear normal both infinite;
    animation: movement2 3s linear normal both infinite;
}
.move3{
    -webkit-animation: movement3 3s linear normal both infinite;
    -o-animation: movement3 3s linear normal both infinite;
    animation: movement3 3s linear normal both infinite;
}
@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}