.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.dw{width: 1200px;margin: 0 auto}


.i_d{width: 100%;height: 500px;background: url(../img/d_1.png) no-repeat center top;}
.i_dt{text-align: center;}
.i_dt h3{font-size: 30px;font-weight:800;color: #333;padding: 80px 0px 15px;}
.i_dt p{font-size: 18px;color: #999;}
.i_d1{padding-top: 40px;}
.i_d1_1{width: 380px;height: auto;border-radius: 6px;margin-right: 30px}
.i_d1_1:hover,.i_d2_1:hover{box-shadow: 0px 1px 18px #ccc; }
.i_d1_1:nth-child(3),.i_d2_1:nth-child(2){margin-right: 0px;}
.i_d1_1 img,.i_q1 li img{border-top-left-radius: 6px;border-top-right-radius: 6px;}
.i_d1_2{padding: 30px;box-sizing: border-box;}
.i_d1_2 h3,.i_d2_2 h3{font-size:24px;font-weight:800;color: #333;padding-bottom: 15px;}
.i_d1_2 p,.i_d2_2 p{font-size:16px;color: #999;min-height: 72px;}
.i_d2_1{width:585px;height: auto;border-radius: 6px;margin-right: 30px;padding: 20px;box-sizing: border-box;}
.i_d2_2 h3{padding: 40px 0px 20px}
.i_d2_2 p{border-bottom:1px solid #f5f5f5;min-height: 150px;}
.i_d2_1 h4 span{width: 35px;height: 40px;display: inline-block;}
.i_d2_1 h4.i1{background: url(../img/d_7.png) no-repeat left center;}
.i_d2_1 h4.i2{background: url(../img/d_8.png) no-repeat left center;}
.i_d2_1 h4{font-size: 16px;line-height: 40px;padding-left: 55px;margin-top: 20px;}
.i_d3_1{width: 50%;padding:22px 30px 0px 30px ;box-sizing: border-box;}
.i_d3_1 h3{font-size: 24px;color: #333;margin-bottom: 15px;}
.i_d3_1 p{font-size: 16px;line-height: 30px;color: #999}
.i_d4{width: 100%;height: 597px;margin-top: 80px;background: url(../img/d_14.png) no-repeat center;}

.i_q{width: 100%;height: 420px;background: url(../img/q_1.png) no-repeat center top;}
.i_q1 li,.i_q4 li{border-radius: 6px;box-shadow: 0px 1px 18px #ccc;width: 283px; float:left;margin: 0px 8px 30px;}
.i_q1 li p,.i_q4 li p{line-height: 50px;font-size: 16px;color: #333;text-align: center;}
.i_q1{margin-top: 40px;}
.poster-main{margin: 40px auto 40px}
.i_q2{padding-top: 40px;}
.i_q2 img{width: 19.8%;margin-right: 0.2%;float: left;}
.i_q3{width:100%;background: url(../img/q_22.png) no-repeat center;margin-top: 40px;height:480px;}
.i_q3_1{padding-top: 40px;}
.i_q3_1 img{float: left;margin-left: 60px;}
.i_q3_1 img:hover {
            -webkit-animation:circle 10s infinite linear;/*匀速 循环*/
}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
}
.i_q4{margin-top: 40px;}
.i_q4 li img{width: 100%;border-top-right-radius:6px;border-top-left-radius: 6px;}

.i_a{width: 100%;height: 420px;background: url(../img/a_1.png) no-repeat center top;}
.i_a1{padding-top: 40px;}
.i_a1_1{width:100%;/*margin-left: 4%*/}
.i_a1_1 p{font-size: 16px;line-height: 40px;}
.i_a2{margin-top: 60px;background: #f5f5f5;padding-bottom:80px;}
.i_a2_1{width: 1115px;background: #fff;box-shadow: 0px 1px 18px #ccc;padding: 30px;box-sizing: border-box;margin: 0 auto;border-radius: 10px;margin-top: 40px}
.i_a2_1 h3{font-size: 24px;color: #333;}
.i_a2_1 p{font-size: 16px;color: #999;line-height: 42px;margin-top: 10px;}
.i_a2_1 p span{width: 70px;height: 2px;display: inline-block;}

.i_n{width: 100%;height: 420px;background: url(../img/n_1.png) no-repeat center top;}
.i_nl{width: 240px;float: left;margin: 35px 0px 30px;  }
.i_nl_1{margin-bottom: 40px;  border: 1px solid #e6e6e6;}
.i_nl_t{height: 65px;background: #2086ee;font-size: 24px;text-align: center;}
.i_nl_t h3{background: url(../img/c2.png) no-repeat 45px center;line-height:65px;color: #fff;}
.i_nl_c{padding: 0px 18px;box-sizing: border-box;display: block; cursor: pointer;}
.i_nl_c li{height: 50px;line-height: 50px;background: url(../img/xian.png) no-repeat bottom;font-size: 15px;}
.i_nl_c li:last-child{background: none;}
.i_nl_c li a{    height: 48px;background: url(../img/t0.png) no-repeat left;    padding-left: 25px;}
.i_nr{width: 930px;margin: 35px 0px 30px; float: right; }
.pbr-t {height: 58px; border-bottom: 4px solid #e8e8e8;line-height: 70px;margin-bottom: 30px;}
.pbr-t h3 {line-height: 54px;color: #2086ee;font-size: 20px; border-bottom: 4px solid #2086ee;background: url(../img/pb1.png) no-repeat 5px 18px;float: left;padding-right: 10px;}
.pbr-t h3 span {margin-left: 32px;}
.pbr-t p {float: right; color: #1f1a17;position: relative;}
.pbr-t p span { position: absolute; top: 13px;left: -20px; width: 14px;height: 35px; display: inline-block; background: url(../img/shouye.png) no-repeat 0px 16px;}
.n-ne{height: 236px;border:2px solid #f3f3f3;border-radius: 4px;box-sizing: border-box;padding: 26px 30px;margin-bottom: 20px;}
.n-ne img{float: left;width: 30%}
.n-nr{width: 68%;margin-left: 2%;float: right;}
.n-ne:hover{border:2px solid #2086ee;}
.n-nr h3{font-size: 20px;color: #333;line-height: 40px;}
.n-nr h4{font-size: 14px;color: #aaaaaa;line-height:30px;}
.n-nr p{font-size: 16px;color: #7b7b7b;line-height: 28px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;/*重点，不能用block等其他*/
-webkit-line-clamp: 2;/*重点IE和火狐不支持*/
-webkit-box-orient: vertical;/*重点*/}
.n-nr .n-a{padding: 10px 24px;display:inline-block;background:#2086ee;color: #fff;border-radius: 4px;float: right;margin-top:26px; }
.page {width: auto; margin-top: 60px;text-align: center;font-size: 16px;overflow: hidden;margin-bottom: 100px}
.page a {display: inline-block;border: 1px solid #dedddd;padding: 3px 15px;margin: 0 2px;color: #858585; overflow: hidden;}
.page a:hover, a.cur, .page a#ben {background: #2086ee;border: 1px solid #ececed;text-decoration: none; color: #fff}

.n-nx{border-bottom: 1px solid #f3f3f3;text-align: center;margin-top: 40px;}
.n-nx h3{color: #333333;font-size: 24px;}
.n-nx p{color: #aaaaaa;font-size: 14px;margin: 20px 0px 30px;}
.n-nx span{margin: 0px 20px;}
.n-nxc{padding: 40px 25px 30px;box-sizing: border-box;}
.n-nxc p{color: #7b7b7b;font-size: 16px;line-height: 28px;}
.n-nxc img{margin: 30px auto;max-width:1200px;}
.fen{box-sizing: border-box;margin-bottom: 30px;}
.fen h4 { background: #f5f4f4;font-size: 16px;}
.fen span {text-indent: 2em;color: #363636;display: block;padding-top:9px;line-height: 40px;}
.fen a:hover{color: #009cff}

.public-t{text-align: center;margin: 120px auto 60px;}
.public-t h3{font-weight: normal;font-size: 32px; color: #333;}
.public-t p{font-weight: normal;font-size: 26px; color: #7e7e7e;}
.i_nx{margin: 40px auto 80px;}
.i_nx h3{font-size: 18px;color: #333;padding: 10px 0px 5px;box-sizing: border-box;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;}
.i_nx p{font-size: 16px;color: #999;padding: 0px 0px;box-sizing: border-box; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.i_nx li{width: 290px;margin:0px 5px;float: left;}
.i_nx li img{max-width: 100%;height: 195px;}
.i_nx li a{text-align: center;display: block;font-size: 16px;width: 120px;line-height:30px;border: 1px solid #009cff;border-radius: 6px;margin:10px 0px;color: #009cff }
.i_nx li a:hover{background: #009cff;color: #fff}

.swiper-container {padding:30px 0px;}
.closeit{ position:absolute; top:-26px; right:0; cursor:pointer;}
.photoshow{ width:1200px; padding-top:20px; text-align:left;}
.main{background:url(../images/dian.png) repeat-y left;height:450px;margin-left:14px;}
.main ul li{ float:left; background:#eee; width:24%;   padding:8px; margin-left:1%; margin-top:20px;height: 200px;margin-bottom: 20px;}
.main ul li img{cursor:pointer;width: 100%}
.trans_msg { border:8px solid #9c9c9c;}
.showpeoplebg{position:fixed; display:none; z-index:10000; width:100%; height:2600px; overflow:auto; background:#000;   filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.showpeople,.showpeople2,.showpeople3,.showpeople4,.showpeople5{ width:359px; z-index:11111; display:none; position:fixed; right:0; left:0; margin:0 auto;  bottom:200px;  border:8px solid #bbb; background:#fff; text-align:left;}
.showpeople li{ border-bottom:1px solid #ccc; font-size:14px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.showpeople li span{ color:#666;}

/* 本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:rgba(0, 0, 0, 0.5); cursor:pointer;border-radius: 50px; border: 5px solid rgba(0, 0, 0, 0) !important;}
		.slideBox .hd ul li.on{ border:5px solid rgba(0, 0, 0, 1) !important; color:#fff; background: rgba(255, 255, 255, 1) !important;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }




.api_t{font-size: 30px;text-align: center;padding: 60px 0px 40px;letter-spacing: 2px}
.api_main_list{width: 31%;margin-right: 2%;float: left;border: 1px solid #e1e1e1;}
.api_main_list_img{background: #2865d0;padding: 30px;box-sizing: border-box;}
.green{background: #29d1a0}
.yellow{background: #ffc15f}
.api_main_list_img img{display: block;margin: 0 auto;}
.api_main_list_img:hover img{transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);;     /* IE 9 */-moz-transform:scale(1.1,1.1);;    /* Firefox */-o-transform:scale(1.1,1.1);;      /* Opera */-webkit-transform:scale(1.1,1.1);  /* Safari 和 Chrome */}
.api_main_list_main{padding: 20px;box-sizing: border-box;}
.api_main_list_main p{text-align: center;font-size: 18px;color: #333;margin-bottom: 10px;}
.api_main_list_main span{font-size:14px;color: #888;line-height: 24px;min-height: 76px;display: block;}

.api_show{background: url(../images/api_bg1.png) #fff no-repeat center right;padding: 20px 0px;box-sizing: border-box;padding-bottom: 80px;}
.api_show_main{width: 60%;float: left;margin-top: 30px;}
.api_show_main p{font-size: 18px;color: #333;margin-bottom: 10px;}
.api_show_main span{font-size: 14px;color: #888;line-height: 24px;}

.api_grade{background: #f5f7ff;padding-bottom: 40px;}
.api_grade_list{background: #fff;width: 23%;margin-right: 2%;float: left;padding: 20px;box-sizing: border-box;}
.api_grade_list_img{height: 106px;}
.api_grade_list_img img{display: block;margin: 0 auto;}
.api_grade_list_mian p{font-size: 18px;color: #333;text-align: center;margin:10px 0px;}
.api_grade_list_mian span{font-size: 14px;color: #888;text-align: center;line-height: 28px;display: block;}
.api_grade_list_mian span b{font-style: normal;color: #ff7600}

.api_color{background: #f5f7ff;}
.api_advantage1{background: url(../images/api_bg2.png) no-repeat center right;}
.api_advantage2{background: url(../images/api_bg3.png) no-repeat center left; }
.api_advantage3{background: url(../images/api_bg4.png) no-repeat center right; }
.api_advantage4{background: url(../images/api_bg5.png) no-repeat center left; }
.api_advantage5{background: url(../images/api_bg6.png) no-repeat center right; }
.api_advantage_main{width: 50%;padding: 60px 0px;}
.api_advantage_main_one{width: 30px;background: #2c5fc8;height: 2px;}
.api_advantage_main_two{font-size: 18px;color: #333;margin: 10px 0px;}
.api_advantage_main_three{font-size: 14px;color: #888;line-height: 28px;}
.api_advantage_main_three p{padding-left: 20px;background: url(../images/api_icon8.png) no-repeat 0px 10px;}
.api_advantage_main_more a{width: 120px;height: 36px;line-height: 36px;display: block;background: #2c5fc8;color: #fff;text-align: center;border-radius: 50px;box-shadow: 0px 0px 10px 0px #d0dbf3;margin-top: 20px;}

.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 76px 0px;box-sizing: border-box;}
.search_zhuce p{font-size: 24px;color: #333;text-align: center;}
.search_zhuce a{width: 170px;height: 38px;line-height: 38px;border-radius: 6px;background: #2c5fc8;color: #fff;font-size: 16px;display: block;text-align: center;margin: 20px auto 0px;letter-spacing: 2px}