@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑"; min-width:1200px;}

.w1200{width:1200px; margin:0 auto;}
.max_w1920{width:100%; max-width:1920px; margin:0 auto;}
a{ text-decoration:none;}
.icons{background:url(images/icons.png) no-repeat; display:inline-block;}


/*通用头部*/
.index_head{text-align: center; margin-bottom:50px; }
.index_head h2{ font-size:38px; color:#000; position:relative; padding-bottom:20px; font-weight: normal; height:50px; line-height:50px;}
.index_head h2:after{content:''; position:absolute; bottom:0; left:50%; width:70px; height:2px; background:#000; margin-left:-35px;}
.index_head p{color:#666; font-size:20px; margin-top:20px;}
.index_head p .line{display:inline-block; height:20px; width:1px; background:#cbcbcb; margin:0 15px; vertical-align: middle;}
.index_head.head_w h2,
.index_head.head_w p{color:#bfdbf6;}
.index_head.head_w h2:after{background:#fff;}

/* ----- header -----*/
.head_replace{height:80px;}
.header{height:80px; background:#fff; position:fixed; top:0; left:0; width:100%; z-index:99; -webkit-transition:all .3s; transition:all .3s;}
.header.fixed{background:rgba(255,255,255,.8);}
.header .logo{float:left; margin-top:10px; margin-left:30px;}
.header .ljsy_btn{float:right; height:30px; line-height:30px; width:90px; text-align: center; background:#f89202; border-radius:4px; color:#fff; font-size:14px; margin-top:25px; margin-right:30px;}
.header .ljsy_btn:hover{text-decoration: none; background:#fba72f;}
.nav{float:right; margin-top:25px;}
.nav a{display:inline-block; margin-right:40px; font-size:14px; color:#010101; line-height:30px; position:relative;}
.nav a:hover,
.nav a.on{color:#0c3667; text-decoration: none;}
.nav a.on:after{content:''; display:inline-block; width:30px; height:2px; background:#1b416e; position:absolute; bottom:0; left:50%; margin-left:-15px;}
/**/

/*----- banner_S -----*/
.banner_slide{position:relative; width:100%; height:550px; overflow: hidden;}
.banner_slide .bd{overflow:hidden; height:100%;}
.banner_slide .bd ul,
.banner_slide .bd ul li,
.banner_slide .bd ul li a{display:block; height:100%;}
.banner_slide .hd{position:absolute; left:0px; bottom:15px; font-size:0px; overflow:hidden; z-index:5px; width:100%; text-align:center;}
.banner_slide .hd span{display:inline-block;  width:36px; height:8px; border-radius:4px; cursor:pointer; margin-right:15px; background:#000; opacity: .5;}
.banner_slide .hd span.on{background:#ffc800; opacity: 1;}
.banner_slide .bd ul li a{position:relative;}
.banner_slide .bd ul li a img{position:absolute; left:50%;}
.banner_slide .b1-1{top:25px; margin-left:-680px;}
.banner_slide .b1-2{top:90px; margin-left:90px;}
.banner_slide .b1-3{top:250px; margin-left:160px;}

/*----- banner_End -----*/

/*----- index_mdl01_S -----*/
.index_mdl01{padding:50px 0 20px;}

.mdl01_ctn{overflow:hidden; padding-left:30px; height:570px; position:relative;}
.mdl01_item{display:none; position:absolute; left:30px; top:0; z-index:1;}

.mdl01_menu_slide{float:left; width:170px; height:450px; position:relative; padding:60px 0;}
.mdl01_menu_slide .prev{display:inline-block; width: 58px;height: 58px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 -10px 40px rgba(198,204,220,.32); -moz-box-shadow: 0 -10px 40px rgba(198,204,220,.32); box-shadow: 0 -10px 40px rgba(198,204,220,.32); text-align: center; box-sizing: border-box; padding-top:5px; position:absolute; top:0; left:50%; margin-left:-29px; cursor: pointer;}
.mdl01_menu_slide .prev .ico_prev{width:30px; height:30px; background-position: 0 -70px;}
.mdl01_menu_slide .next{display:inline-block; width: 58px; height: 58px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 10px 40px rgba(198,204,220,.32); -moz-box-shadow: 0 10px 40px rgba(198,204,220,.32); box-shadow: 0 10px 40px rgba(198,204,220,.32); text-align: center; box-sizing: border-box; padding-top:20px; position:absolute; bottom:0; left:50%; margin-left:-29px; cursor: pointer;}
.mdl01_menu_slide .next .ico_next{width:30px; height:30px; background-position: -30px -70px;}
.mdl01_menu_slide .bd{height:100%; overflow: hidden;}

.mdl01_menu_slide li{text-align: center; margin-bottom:10px; cursor: pointer;}
.mdl01_menu_slide li .ico_img{display:inline-block; width:60px; height:60px; padding:20px; border-radius:100%; -webkit-box-shadow: 0 15px 40px rgba(198,204,220,.32); box-shadow: 0 15px 40px rgba(198,204,220,.32); border:1px solid #e5e5e5\9; margin-bottom:10px;}
.mdl01_menu_slide li i{display:inline-block; width:60px; height:60px;}
.mdl01_menu_slide li .ico_01{background-position: 0 0;}
.mdl01_menu_slide li .ico_02{background-position: -60px 0;}
.mdl01_menu_slide li .ico_03{background-position: -120px 0;}
.mdl01_menu_slide li .ico_04{background-position: -180px 0;}
.mdl01_menu_slide li .ico_05{background-position: -240px 0;}
.mdl01_menu_slide li .ico_06{background-position: -300px 0;}
.mdl01_menu_slide li p{font-size:16px; color:#777; cursor: pointer;}
.mdl01_menu_slide li.cur p{color:#0093ac; font-weight: bold;}
.mdl01_menu_slide li.cur p:after{content:''; width:0px; height:0px; overflow:hidden; font-size:0px; display:inline-block; border-style:solid; border-width:8px 0px 8px 8px; border-color:transparent transparent transparent #00a8c5; vertical-align: middle; margin-left:8px; position:relative; top:-1px;}
	
.mdl01_item h3{font-size:24px; color:#000; font-weight: normal; padding-left:30px;  margin-bottom:30px;}
.mdl01_item h3 span{font-size:16px; color:#999;}
.mdl01_item .info .img_box{float:left; width:280px; margin:0 20px 30px 30px;}
.mdl01_item .info .img_box img{width:280px;  box-shadow:10px 0 40px rgba(198,204,220,.48); }
.mdl01_item .info .img_box span{display:block; color:#333; font-size:14px; text-align: center; margin-top:10px;}


/*index_mdl02*/
.index_mdl02{position:relative; padding:50px 0 20px;}
.index_mdl02 .bg{background:url(images/mdl02_bg.png) #0a71db no-repeat center 320px; height:500px; position:absolute; top:0; left:0; width:100%;}
.index_mdl02_main{position:relative;}

.index_serve_box{background:#fff; border-radius:10px; padding:40px 0; -webkit-box-shadow: 0 12px 40px rgba(198,204,220,.4); -moz-box-shadow: 0 12px 40px rgba(198,204,220,.4); box-shadow: 0 12px 40px rgba(198,204,220,.4); }
.index_serve_box .item{float:left; width:33.3%; text-align: center;}
.index_serve_box .item h4{font-size:18px; color:#02aac7; font-weight: bold; margin-bottom:10px; margin-top:-40px;}
.index_serve_box .item p{font-size:16px; color:#444444; margin-bottom:20px;}
.index_serve_box .item ul{display:inline-block; text-align: left;}
.index_serve_box .item ul li{color:#999999; font-size:14px; line-height:24px; }
.index_serve_box .item ul li em{color:#02aac7; margin-right:10px;}


/*index_mdl03*/
.index_mdl03{padding:50px 0 20px;}
.ldgk_tit{font-size:18px; color:#02aac7; font-weight: bold; margin-bottom:10px; margin-top:-40px;}
.ldgk_tit{font-size:24px; color:#000; font-weight: normal; padding-left:30px; margin-bottom:10px; text-align: center; margin-top:40px;}
.ldgk_tit span{font-size:16px; color:#999;}
.ldgk_slide_box{height:350px; padding-top:50px; overflow: hidden;}
.ldgk_slide_box .swiper-button-prev,
.ldgk_slide_box .swiper-button-next{display:inline-block; width:350px; height:200px; background:none; margin-top:-120px; background:rgba(255,255,255,.1); }
.ldgk_slide_box.swiper-container-horizontal>.swiper-pagination{bottom:30px;}
.ldgk_slide{height:350px;}
.ldgk_slide li {width:400px; height:300px; text-align: center;}
.ldgk_slide li img{transform:scale(.8,.8); transition:all .5s; width:100%; opacity: .6;}
.ldgk_slide li.swiper-slide-active img{transform:scale(1.3,1.3); opacity: 1;}



/*index_mdl04*/
.index_mdl04{background:url(images/mdl04_bg.png) repeat center top; padding:50px 0 50px;}
.xlcp_tag{border-bottom:2px solid #dce8ea; padding-bottom:20px;}
.xlcp_tag .item{float:left; width:230px; margin-right:90px; text-align: center; position:relative;}
.xlcp_tag .item img{transition:all .3s; transform: scale(.8,.8);}
.xlcp_tag .item:last-child{margin-right:0;}
.xlcp_tag .item p{margin-top:-10px; color:#000000; font-size:24px; font-weight: normal;}
.xlcp_tag .item i{width:30px; height:30px; background-position: -60px -70px; position:absolute; bottom:-29px; left:50%; margin-left:-15px; display: none;}
.xlcp_tag .item.cur img{transform: scale(1,1);}
.xlcp_tag .item.cur p{color:#02aac7;}
.xlcp_tag .item.cur i{display:inline-block;}

.xlcp_item{ padding:40px 0; text-align: center; display: none;}
.xlcp_item span{display:inline-block; line-height:30px; font-size:16px; color:#666666; padding:0 30px; border-right:1px solid #e2e9f3;}
.xlcp_item span i{width:30px; height:30px; background-position:-90px -70px; vertical-align: top;}
.xlcp_item span:last-child{border-right:0;}
.ljsy_btn2{display:block; margin:0 auto;  width: 220px; height: 44px; line-height:44px; color:#fff; font-size:18px; text-align: center; border-radius: 22px; text-decoration: none; 
-webkit-box-shadow: 0 8px 16px rgba(0,175,231,.35);
-moz-box-shadow: 0 8px 16px rgba(0,175,231,.35);
box-shadow: 0 8px 16px rgba(0,175,231,.35);
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#00ade6,endColorStr=#03d5f9); /*IE 6 7 8*/
background: -ms-linear-gradient(left, #00ade6,  #03d5f9);        /* IE 10 */
background:-moz-linear-gradient(left,#00ade6,#03d5f9);/*火狐*/
background: -webkit-linear-gradient(left, #00ade6, #03d5f9);   /*Safari5.1 Chrome 10+*/
}
.ljsy_btn2:hover{
text-decoration: none;
background:#00ade6;
}

/*index_mdl05*/
.index_mdl05{padding:50px 0; background:url(images/mdl05_bg.png) repeat center center; }
.dfw_mdl{color:#fff; height:500px; position:relative;}
.dfw_mdl .item{width:350px; position:absolute;}
.dfw_mdl .item .num{float:left; width:65px; height:52px; background:url(images/fw_num_bg.png) no-repeat; font-size:20px; color:#c6700b; font-weight: bold; text-align: center; box-sizing:border-box; padding:18px 0 0 15px; margin-right:15px;}
.dfw_mdl .item .info{overflow:hidden;}
.dfw_mdl .item .info h4{font-size:18px; margin-bottom:10px; font-weight: normal;}
.dfw_mdl .item .info p{color:#939aaf; font-size:14px; line-height:24px;}
.dfw_mdl .img_box{text-align: center; padding-top:30px; position:relative;}
.dfw_mdl .build_img{position:relative; z-index: 10;}
.dfw_mdl .line{position:absolute; z-index: 9; opacity:0;}

.dfw_mdl .line01{animation: line 2.5s linear 0s infinite normal;}
.dfw_mdl .line02{animation: line 3s linear 1s infinite normal;}
.dfw_mdl .line03{animation: line 2s linear 2.5s infinite normal;}
.dfw_mdl .line04{animation: line 4s linear 3s infinite normal;}
.dfw_mdl .line05{animation: line 2s linear 1.5s infinite normal;}
.dfw_mdl .line06{animation: line 5s linear 3.5s infinite normal;}


/*index_mdl06*/
.index_mdl06{padding:50px 0 200px; background:url(images/btm_bg.png) no-repeat center bottom;}

.serve_step_list li{float:left; width:90px; text-align: center; margin-right:120px; position:relative;}
.serve_step_list li .ico_img{display:inline-block; width:60px; height:60px; opacity: .5; transition:all .3s;}
.serve_step_list li .ico01{background-position:0 -110px;}
.serve_step_list li .ico02{background-position:-60px -110px;}
.serve_step_list li .ico03{background-position:-120px -110px;}
.serve_step_list li .ico04{background-position:-180px -110px;}
.serve_step_list li .ico05{background-position:-240px -110px;}
.serve_step_list li .ico06{background-position:-300px -110px;}
.serve_step_list li .ico07{background-position:-360px -110px;}
.serve_step_list li h4{font-size:18px; color:#000000; font-weight: normal; margin:10px 0 30px; opacity: .5; transition:all .3s;}
.serve_step_list li p{color:#666; font-size:18px;}
.serve_step_list li .ico_start,
.serve_step_list li .ico_end,
.serve_step_list li .ico_dot{width:30px; height:30px; background-position: -150px -70px;}
.serve_step_list li .ico_start{background-position: -210px -70px;}
.serve_step_list li .ico_end{background-position: -120px -70px;}
.serve_step_list li .img_line{position:absolute; left:62px; top:130px; width:149px; height:8px;}
.serve_step_list li .img_line .gray_line,
.serve_step_list li .img_line .yellow_line{position:absolute; left:0; top:0; width:149px; height:8px;}
.serve_step_list li .img_line .yellow_line{width:0; overflow:hidden;}
.serve_step_list li .img_line .yellow_line img{float:left; width:149px; height:8px;}

.serve_step_list li:last-child{margin-right:0;}
.serve_step_list li:last-child .img_line{display:none;}

.serve_step_list li.cur .ico_img{opacity: 1;}
.serve_step_list li.cur h4{opacity: 1;}
.serve_step_list li.cur .ico_dot{background-position:-180px -70px;}
.serve_step_list li.cur .ico_end{background-position: -90px -70px;}


/*footer*/
.footer{background:#292e3f; padding:35px 0; color:#fff;}
.footer .ewm_img{float:right; text-align: center;}
.footer .ewm_img img{ width:100px; height:100px;}
.footer .ewm_img p{line-height:30px;}
.footer .ewm_img i{width:30px; height:30px; background-position: -360px -70px; vertical-align: top;}
.footer .foot_logo{float:left; margin-right:30px; padding-top:10px;}
.footer .foot_info{padding-left:30px; overflow: hidden; border-left:1px solid #255287;}
.footer .foot_info p {line-height:30px; font-size:14px;  color:#c8c8c8;}
.footer .foot_info p i{width:30px; height:30px; vertical-align: top; margin-right:5px;}
.footer .foot_info p i.ico_phone{background-position:-240px -70px;}
.footer .foot_info p i.ico_email{background-position:-270px -70px;}
.footer .foot_info p i.ico_address{background-position:-300px -70px;}
.footer .foot_info p i.ico_cr{background-position:-330px -70px;}
.footer .foot_info p span{height:16px; width:1px; background:#c8c8c8; margin:0 10px; display:inline-block; vertical-align: middle;}

/*悬浮按钮*/
.suspend_mdl{position:fixed; right:10px; top:50%; width:50px; margin-top:-80px;}
.suspend_list li{display:inline-block; width:50px; height:50px; margin-bottom:15px; border-radius:100%; box-sizing: border-box; padding:5px; cursor: pointer; position:relative;}
.suspend_list li.btn01{background:#00b8d8;}
.suspend_list li.btn02{background:#f8c302;}
.suspend_list li.btn03{background:#8bacc4;}
.suspend_list li.btn02 img{position:absolute; right:60px; top:0; width:120px; height:120px; border:1px solid #ccc; display:none;}
.suspend_list li .icons{width:40px; height:40px;}
.suspend_list li .ico_qq{background-position: 0 -180px;}
.suspend_list li .ico_ewm{background-position: -80px -180px;}
.suspend_list li .ico_back{background-position: -40px -180px;}
.suspend_list li.btn01:hover{background:#2dc6e1;}
.suspend_list li.btn02:hover{background:#e7bc1e;}
.suspend_list li.btn03:hover{background:#7e93a2;}
.suspend_list li.btn02:hover img{display:inline-block;}

/*--- form弹窗 ---*/
.apply_form_pop{width:600px;  background:#fff; border-radius:6px; overflow: hidden; position:relative;}
.apply_title{height:70px; line-height:70px; background:#f1f1f1; text-align: center;}
.apply_title span{display:inline-block; font-size:24px; color:#b8b8b8;}
.apply_title span:before{content:'———'; color:#d7d7d7; display:inline-block;  font-size:16px; margin-right:20px; vertical-align: top;}
.apply_title span:after{content:'———'; color:#d7d7d7; display:inline-block; font-size:16px;  margin-left:10px; vertical-align: top;}
.apply_form{padding:30px 20px;}
.apply_form .item{float:left; width:46%; margin:10px 2%; position:relative;}
.apply_form .item.two{width:96%;}
.apply_form .item .input,
.apply_form .item .select{width:100%; height:52px; line-height:28px; box-sizing:border-box; padding:10px 15px; font-size:14px; border:2px solid #ebebeb; border-bottom-width:5px; border-radius:6px; color:#666;}
.apply_form .item .input::placeholder{color:#ccc;}
.apply_form .item .yzm_btn{height:36px; width:100px; line-height:36px; text-align: center; background:#02aac7; border-radius:4px; position:absolute; right:7px; top:7px; color:#fff; }
.apply_form .item .yzm_btn:hover{text-decoration:none; background:#04c2e3;}

.apply_form .apply_btn{clear:both; padding:10px 0 20px;}
.apply_form_pop .bor_bg{position:absolute; left:0; top:0; width:101%;}
.apply_tip{background:#fff; border-radius:6px; margin-top:10px; text-align: center; color:#888888; font-size:14px; line-height:30px; padding:20px 0; position:relative; }
.apply_tip a{color:#02aac7;}
.apply_tip .ico_bg{width:30px; height:50px; background-position: 0 -230px; position:absolute; top:-30px; }
.apply_tip .ico_left{left:50px;}
.apply_tip .ico_right{right:50px;}
/*提交成功弹窗*/
.ljsy_pop{ text-align: center; width:500px; padding:30px; background:#fff;border-radius:10px;}
.ljsy_pop h3{font-size:24px; margin-bottom:40px;}
.ljsy_pop p{font-size:16px; line-height:30px;text-align: left;margin-bottom:40px;}


@-webkit-keyframes line {
0%  {-webkit-transform:translateY(0); transform:translateY(0); opacity:0;}
5%{opacity:1;}
100% {-webkit-transform:translateY(-1000px); transform:translateY(-1000px); opacity: 0;}
}
@keyframes line {
0%  {-webkit-transform:translateY(0); transform:translateY(0); opacity:0;}
5%{opacity:1;}
100% {-webkit-transform:translateY(-1000px); transform:translateY(-1000px); opacity: 0;}
}

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 100 }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }

@-webkit-keyframes fadeInLeft {
0% {opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}
100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft {
0% {opacity:0;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}
100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; z-index:9; }

@-webkit-keyframes fadeOutRightBig {
0% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100% {opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRightBig {
0% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100% {opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;z-index:7; }