.seo_w{ background: url(../images/seo_bg.jpg)no-repeat 50% ; height: 540px; color: #fff; font-family: "微软雅黑" }
.seo_w1{ max-width:1200px; margin:auto;  padding: 7%  0  5%  0 }
.seo_w1_a{float: left;width: 50%}
.seo_w1_b{float: right; width:47%}
.seo_w1_b .se1{font-size: 40px; margin-top:6% }
.seo_w1_b .se2{font-size: 35px;margin-bottom: 4%}
.seo_w1_b .se3{font-size: 16px;margin-bottom: 2%; line-height:32px; }
.seo_w1_b .se4{}

.seo_b{ background-color: #f7fcff; height: 475px;font-family: "微软雅黑" }
.seo_b1{max-width:1200px; margin:auto;  padding: 0%  0  2%  0 }
.seo_b1 .seo_b_1a{color: #1d8dfa;font-size: 30px; margin: 17% 0% 5% 0%}
.seo_b1 .seo_b_1b{color: #888888;font-size:16px; line-height: 30px;}
.seo_b1 .seo_b_1c{margin-top:6%}
.seo_b_1{ float: left; width: 53%; }
.seo_b_2{ float: right;width:37% }


.yx_w{background: url(../images/yx_01.jpg)no-repeat 50% ; height: 540px; color: #fff; font-family: "微软雅黑" }
.yx1{font-size: 50px; margin-top:22% ; font-weight: bold; margin-left: 15% }
.yx_b{ background-color: #d9e7fc; height: 575px;font-family: "微软雅黑"; padding: 3% }
.yx_ba{color: #800000;font-size: 33px; font-weight: bold;margin: 17% 0% 0% 0%}
.yx_ba p{color: #747474;font-size:15px; font-weight: 100;  line-height: 10px;}
.yx_ba_1{ float: right; width: 53%; }
.yx_ba_2{ float: left;width:37% }

.yx_c{ background-color: #0d3f89;text-align: center;color: #fff; font-family: "微软雅黑";}
.yx_c1{max-width:1200px; margin:auto;  padding: 5%  0  0%  0 }
.yx_c2{overflow: hidden; }
.yx_c2 ul{  }
.yx_c2 ul li{ float: left; width: 220px;list-style: none; color: #fff ; padding-bottom:5% }
.yx_c2 ul li p{}
.yx_c3{ font-weight: bold;font-size:33px;  line-height:30px; margin-bottom: 5%  }
.yx_c3 p{font-size:15px; font-weight: 100;  line-height: 10px;}



.js_w{ background:#0d52ba no-repeat 50% ; height: 600px; color: #fff; font-family: "微软雅黑" }
.js_w1{ max-width:1000px; margin:auto;  padding: 0%  0  5%  0 }
.js_w1_a{float: left;width: 50%}
.js_w1_b{float: right; width:42%; padding-top: 7%}
.js_w1_b .se1{font-size: 36px; margin-top:6% ;padding-bottom: 20px;}
.js_w1_b .se2{font-size: 16px;margin-bottom: 4%; }
.js_w1_b .se2 ul{padding: 0px; padding-left:25px;padding-bottom: 30px; overflow: hidden;}
.js_w1_b .se2 li{float: left; width: 50%; line-height: 35px;}
.js_w1_b .se3{font-size: 16px;margin-bottom: 2%; line-height:32px;  }



.js_b{ background-color: #0d3f89; height: 575px;font-family: "微软雅黑";color: #fff; }
.js_b1{max-width:1000px; margin:auto;  padding: 0%  0  2%  0 }
.js_b1 .js_b_1a{font-size: 30px; margin: 17% 0% 5% 0%}
.js_b1 .js_b_1b{font-size:16px; line-height: 30px;color: #b2bdd0; }
.js_b1 .js_b_1c{margin-top:3%;color: #b2bdd0}
.js_b1 .js_b_1d{margin-top:6%;color: #b2bdd0}
.js_b1 .js_b_1f {margin-top:5%;color: #b2bdd0 }
.js_b1 .js_b_1f a{margin-top:0%; color: #b2bdd0;text-decoration: none;}
.js_b_1{ float: left; width: 42%;margin-top: 4% }
.js_b_2{ float: right;width:54%; padding: 10% 0 }



.dzs_w{ background:#d9e7fc no-repeat 50% ; height: 600px; color: #098adb; font-family: "微软雅黑" }
.dzs_w1{ max-width:1000px; margin:auto;  padding: 0%  0  5%  0 }
.dzs_w1_a{float: left;width: 50%; padding-top: 6%}
.dzs_w1_b{float: right; width:38%; padding-top: 7%}
.dzs_w1_b .se1{font-size: 36px; margin-top:6% ;padding-bottom: 20px;}
.dzs_w1_b .se2{font-size: 14px;margin-bottom: 4%; }
.dzs_w1_b .se2 ul{padding: 0px; padding-left:25px;padding-bottom: 30px; overflow: hidden;}
.dzs_w1_b .se2 li{float: left; width: 50%; line-height: 35px;}
.dzs_w1_b .se3{font-size: 14px;margin-bottom: 2%; line-height:32px; color: #6a707b }

.dzs_b_1c{margin-top:3%;color: #6a707b}
.dzs_b_1d{margin-top:6%;color: #6a707b}
.dzs_b_1f {margin-top:5%;color: #6a707b }
.dzs_b_1f a{margin-top:0%; color: #3da8e9;text-decoration: none;}


.mh_b_2{ float: right;width:44%; padding: 10% 0 }
.mh_b{ background-color: #0d3f89; height: 505px;font-family: "微软雅黑";color: #fff; }


/*小程序*/

.top023 { background: url("../images/banner.jpg") repeat center center; height: 400px;overflow: hidden;   background-size: 100% 100%;  position: relative;}
.bg-top{ background: #56c8fa; }
.pos {background: #fff; color: #31a5fd;    width: 150px;    line-height: 47px;    border-radius: 5px; margin-top: 19%;      margin-left: 50%;}
.pos a { display: block ;  font-size: 22px; color: #3c3c3c;text-decoration: none;}
.text-center {  padding-top:2%;  text-align: center;}
.left {    width: 150px;    border: 1px solid #ddd;    height: 2px;    display: inline-block;}
.right {    width: 150px;    border: 1px solid #ddd;    height: 2px;    display: inline-block;}
.ft26 {    font-size: 26px;}
.pd15 {    padding: 15px 15px 22px;}
.color-ccc {    color: #cccccc;}
.why {    background-image: url("../images/bg-02.jpg")  ;width: 1170px;    margin: auto;   height: 500px;    background-size: 100% 100%;    position: relative;}
.why img {    width: 80px;    height: 80px;}
.pos1 {    position: absolute;    left: 30%;    top: 45%;}
.pos1-img {    position: absolute;    left: 14%;    top: 45%;    color: #fff;}
.pos2-img{    position: absolute;    left: 7%;    top: 70%;    color: #fff;}
.pos3-img{    position: absolute;    left: 47.5%;    top: 80%;    color: #fff;}
.pos4-img{     position: absolute;     left: 67.5%;     top: 65%;     color: #fff; }
 .pos5-img{    position: absolute;    left: 77.5%;    top: 45%;    color: #fff;}
.pos6-img{    position: absolute;    left: 44%;    top: 25%;    color: #fff;}
.pos2 {    position: absolute;    left: 23%;    top: 70%;}
.pos3 {    position: absolute;    left: 40%;    top: 78%;}
.pos4 {    position: absolute;    left: 60%;    top: 65%;}
.pos5 {    position: absolute;    left: 70%;    top: 45%;}
.pos6 {    position: absolute;    left: 60%;    top: 25%;}
.dingwei img {    width: 180px;    height: auto;}
.text {width: 156px;
    height: 60px;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 12px;
    margin-left: 13px;
    padding: 7px 5px;}
.text1{  width: 158px;
    height: 60px;
    word-wrap: break-word;
    font-size: 12px;
    overflow: hidden;
    margin: 5px 5px;
    padding: 0 5px;}
.xianshi{    display: block;}
.yincang{    display: none;}
.content020 {    background-image: url(../images/bg-03.jpg);    height: 600px;}
.content010{ width: 1200px; margin:0% auto;     overflow: hidden;}
.mb40 {    margin-bottom: 40px;}
.ft26 {    margin: 0 0 10px;    font-size: 26px;}
.color-fff {    color: #fff;}
.color-31a5fd {    color: #31a5fd;}
.box {   display: flex;   flex-wrap: wrap;} 
.box1 {width: 15%;}
.mt5{ margin-top: 5px;}
.box25 {width: 24%;    margin-bottom: 30px;    border-right: 1px solid #dddddd;    cursor: pointer; height: 178px;}
.bor-none{border: none;}
.box30 {width:28%;  font-size:15px;  background: #fff;    opacity: 0.8;    margin: 0 15px;}
.box50 {width: 50%; padding: 5px 0; float: left; font-size: 14px;}
.box2 {flex: 2;}
.box3 {flex: 3;}
.box75 {width: 85%;}
.mL10 {    margin-left: 10px;}
.bg-img1 { background: #d91430;}
.bg-img2 { background: #f07e02;}
.bg-img3 { background: #2ed56c;}
.bg-img4 { background: #991fd9;}
.bg-img5 {background: #1fe9dd;}
.bg-img6 { background: #01a1dd;}
.img-size img {    width: 100px;    margin: 20px;}
.col-xs-2 {  width: 16.66666667%;    position: relative;    min-height: 1px;    padding-right: 0;    padding-left:0;    float: left;  overflow: hidden;}
.xuqiu { background-image: url(../images/gg-2.jpg); width: 1230px;margin: auto;     padding-top:180px;   height: 176px; clear: both;}
.ft18 {font-size: 18px;}
.button-bg {background: #31a5fd;color: #fff;    margin: 6% auto 15px auto;
    padding: 1% 2%;
    display: block;
    width: 12%;
    border-radius: 3px;

     }
.img-on { background: url("../images/gn-bg.png") no-repeat center center; color: #fff;}
.bg-footer { background: url(../images/lc-bg1.jpg) no-repeat;  }
.footer1 { background: url(../images/an-bg.jpg);    }
.bor { border: 1px solid #fff; border-radius: 4px; overflow: hidden;}
.ft18 {font-size: 18px;}
.bg-fff {background: #fff;color: #000000;}
.border-r {border-right: 1px solid #fff; cursor: pointer;}

.col-xs-1{ width: 16.58% ; float: left; padding: 2% 0}
.size {
    margin-top: 20px;
    width: 31%;}
.box50 {    width:42%;padding: 5px;height: 20px;    }
    .container {margin: 3% auto 0% auto;}
    .kaili{    margin: 7% auto 6% auto;}
    .mt40 { margin-top: 3% }

.container {    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;}
    .mb40 {    margin-bottom: 40px;}


.col-xs-2 {width: 16.66666667%;}
.wds{ width: 100% ; max-width: 1200px;overflow: hidden; }
.wds p{ margin: 0px  }
.wds .box{    padding: 12% 10%;}
@media (min-width: 1200px)
.container {    width: 1170px;}
@media (min-width: 992px)
.container {    width: 970px;}
@media (min-width: 768px)
.container {    width: 750px;}

.bg-aee {
    color: #83ceeb;
    background: #fff;
}

.border-r {
    border-right: 1px solid #fff;
    padding: 15px 0;
    cursor: pointer;
}.block {
    display: block;
}.mt60 {
    margin-top: 60px;
}
.col-xs-4 {
    width: 33.33333333%;
        position: relative;
    min-height: 1px;
   
}
}.panes img {
    width: 80%;
}.imgsize {
    position: absolute;
    left: 17%;
    top: 10%;
    width: 67% !important;
}.pd80 {
    padding: 80px 0
}
.mt60 {
    margin-top: 60px;
}
.ft26 {
    font-size: 26px;
}
.color-fff {
    color: #fff;
}

/*网页标题*/
.biaoti{ text-align: center; overflow: hidden;margin: 5% 0 4% 0;  }
.biaoti h4{ font-size: 26px; color: #164597; margin: 0px; font-weight: 100; }
.biaoti span{ font-size: 15px; color: #323232 ;text-transform: uppercase; font-family: "Aparajita"}
.biaoti p{ font-size: 12px; color: #a6a6a6; line-height: 35px; }


/*案例中心*/
/*产品展示*/
.Product{ clear: both;background: url(../images/an-bg.jpg) no-repeat;  overflow: hidden; padding: 0% 0 5% 0}
.Product{}
.Product .slideTxtBox{ width:1200px; margin: auto;  text-align:left;  }
.Product .slideTxtBox .bd li{  border: 0px;   clear: none; margin: 0  ;padding: 1.5% 1.3%;background: transparent; }
.Product .slideTxtBox .bd li .date{border: 0px;margin: 0px;padding: 0;}
.Product .slideTxtBox .bd li>div>div{ float: left; }
.Product .biaoti{margin: 3% 0 1% 0;  overflow: hidden;}
.Product .biaoti h4{ color: #fff }
.Product .biaoti span{color: #fff}
.Product .biaoti p{color: #fff}

	/* 本例子css */
		.slideTxtBox{ width:100%;  text-align:left;  }
		.slideTxtBox .hd{ height:70px; line-height:30px; padding:0 10px 0 20px;  position:relative; }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:-1px; text-align: center; width: 100%   }
		.slideTxtBox .hd ul li{ cursor:pointer; list-style:none; display: inline-block;border: solid 1px #dcdcdc;  padding: 1% 10%; margin: 10px 5px; clear: both; }
		.slideTxtBox .hd ul li.on{  background: #b69561; color: #fff ;  }
		.slideTxtBox .bd ul{  zoom:1; position:relative;   }
		.slideTxtBox .bd li{ line-height:24px;  list-style: none; clear: both; padding: 2%; background-color: #f6f6f6;    margin: 0% 0 2% 0;}
		.slideTxtBox .bd li p{ display: block;}
		.slideTxtBox .bd li .date{ float:left; color:#999;border-right: solid 1px #dcdcdc;margin-right: 20px;    padding-right: 20px;} }
		
		.slideTxtBox .bd li .date { display: block; float: left; }
		.slideTxtBox .bd li .date b{ display: block; font-size:16px;color: #979797; font-weight: 100 }
		.slideTxtBox .bd li h5{ margin:0px; padding-bottom: 0px; font-size: 18px;  }
		.slideTxtBox .bd li a{ margin: 0px;  font-size: 14px; line-height: 25px; text-decoration: none;color: #979797}
		.slideTxtBox .bd li h5 a{font-size: 16px; color:#000000 }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
		.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
		.slideTxtBox .arrow .next{ background-position:0 -50px;  }
		.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
		.slideTxtBox .hd ul li{padding: 1% 5%; border: 0;background: #252628; color: #fff}
.slideTxtBox .hd ul li.on{background: #e1010b;}

 .slideTxtBox .hd{ padding:0 0 1% 0; }
.slideTxtBox .hd ul{ padding:0 0 1% 0; }

.section {margin-bottom: 50px;}
.section {margin-bottom: 50px;}
.container {max-width: 1200px; margin: 0 auto;}
.clearfix {zoom: 1; }
.section .title { text-align: center;   line-height: 50px;    font-weight: 700;}
.section-2 .profile .page {    float: left;}
.section-2 .profile .about, .section-2 .profile .page {    display: inline-block;    width: 50%;}
.section-2 .profile .page {
    float: left;
}

.section-2 .profile .about {    font-size: 14px;}
.section-2 .profile .about, .section-2 .profile .page {    display: inline-block;    width: 50%;}
.section-2 .profile .about {    font-size: 14px;}
.section-2 .profile .about, .section-2 .profile .page {    display: inline-block; width: 50%;}
.section-2 .profile .about .line-end, .section-2 .profile .about .line-start {    padding-bottom: 50px;text-align: left;}
.section-2 .profile .about p {    line-height: 24px;}
.section-2 .profile .about p {    line-height: 24px;}
.section-2 .profile .about .line-end {    transform: rotate(180deg);}
.section-2 .profile .about .line-end, .wxapp .section-2 .profile .about .line-start {    padding-bottom: 50px; text-align: left;}