@charset "utf-8";

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px; background-color:#FFF; color:#96989d; font-family:"微软雅黑",Arial;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
a{ text-decoration:none;outline:none;}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}

/* 圆细滚动条样式 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.wrapper{ width:1320px; margin:0 auto; padding:0;}
.box_left{ height:100%; position:fixed; float:left; left:0; top:0; background:#3e3f4a; z-index:99;}



/* transition */
.case-page ul li a,
.nav ul li a i,
.nav ul li a em,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}





/**CRM系统-开始**/

/*首页banner*/

.h_banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.h_banner img{ max-width:100%;}
.h_b_desc{ position:absolute;top:0; right:0; width:58%; height:100%; z-index:999; background:rgba(102,170,253,0.8); color:#FFF;}
.h_b_desc .h_b_F{ }
.h_b_desc .h_b_F .h_b_F01{ font-size:30px; line-height:65px; font-weight:lighter;}
.h_b_desc .h_b_F .h_b_F02{ font-size:60px; line-height:70px; font-weight:bold;}
.h_b_desc .h_b_F .h_b_more{ width:80%; height:59px; margin-top:30px;}
.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}

.crm_left{ float:left;}
.crm_right{ float:right;}


.crm_title{ width:70%; margin:0 auto; overflow:hidden; font-weight:lighter; text-align:center;}
.crm_title p{color:#3e3f4a; font-size:48px;  padding-bottom:24px; text-transform:uppercase;}
.crm_title font{ font-size:12px; line-height:24px;  color:#89898f;}

/*优势*/

.crm_adv{ height:auto; overflow:hidden; padding:5% 0 2%; color:#3e3f4a;}

.crm_adv .adv01{ padding:5% 0 2%; overflow:hidden;}

.crm_adv .adv01 .adv_img01{ width:548px;}

.crm_adv .adv01 .adv_desc01{ width:460px; padding:40px 160px 0 0;}
.crm_adv .adv01 .adv_desc01 .desc_title{ font-size:12px; color:#89898f; line-height:24px;}
.crm_adv .adv01 .adv_desc01 .desc_title p{ font-size:36px; padding-bottom:5%; color:#3e3f4a; font-family:"微软雅黑 Light";}

.crm_adv .adv01 .adv_desc01 .adv_info{ width:460px; margin-top:20px; }
.crm_adv .adv01 .adv_desc01 .adv_info .info_box{ height:auto; overflow:hidden; border:1px solid #ededed; margin:10px 0 0; box-sizing:border-box;}
.crm_adv .adv01 .adv_desc01 .adv_info .info_box p{ line-height:50px; padding-left:30px; background-color:#5f9be3; cursor:pointer; color:#FFF; font-size:16px;}
.crm_adv .adv01 .adv_desc01 .adv_info .info_box p.on{ font-size:24px; background-color:transparent; color:#3e3f4a; padding:30px 30px 0; line-height:28px;}
.crm_adv .adv01 .adv_desc01 .adv_info .info_box font{width:398px; padding:15px 30px 40px; color:#999; display:none;font-size:14px; cursor:pointer;}


.crm_adv .adv02 .adv_desc02 p,.crm_adv .adv03 .adv_desc03 p,.crm_adv .adv04 .adv_desc04 p{font-size:48px; padding-bottom:5%; color:#3e3f4a; font-family:"微软雅黑 Light";}
.crm_adv .adv02 .adv_desc02 font,.crm_adv .adv03 .adv_desc03 font,.crm_adv .adv04 .adv_desc04 font{ font-size:24px; color:#3e3f4a; line-height:38px;}
.crm_adv .adv02 .adv_desc02 .a_desc_FF,.crm_adv .adv03 .adv_desc03 .a_desc_FF,.crm_adv .adv04 .adv_desc04 .a_desc_FF{font-size:12px; color:#89898f; line-height:24px; font-style:normal; padding-top:2%;}


.crm_adv .adv02{ overflow:hidden;}
.crm_adv .adv02 .adv_img02{ width:830px;}
.crm_adv .adv02 .adv_desc02{ width:360px; padding:100px 0 0 0;}


.crm_adv .adv03{ padding:7% 0 3%; overflow:hidden;}
.crm_adv .adv03 .adv_img03{width:639px;}
.crm_adv .adv03 .adv_desc03{width:570px; padding:220px 0 0 0;}


.crm_adv .adv04{ padding:2% 0 0%; overflow:hidden;}
.crm_adv .adv04 .adv_img04{ width:720px;}
.crm_adv .adv04 .adv_desc04{width:570px; padding:220px 0 0 0;}




.crm_img{ width:100%; margin:0 auto; text-align:center;}
.crm_img img{ max-width:100%;}

.crm_price{ overflow:hidden; padding:5% 0 ; margin:0 auto;}
.crm_price .wrapper{ width:1050px;}

.crm_price .price_title{ font-size:30px; text-align:center; color:#3e3f4a; padding-top:50px; font-family:"微软雅黑 Light";}
.crm_price .price_title p{ font-size:24px; color:#3d87df; line-height:30px; padding:10px 0;font-family:"微软雅黑"}
.crm_price .price_title font{ color:#89898f; font-size:12px; line-height:24px;font-family:"微软雅黑"}

.crm_price .crm_price_lt ul,.crm_price .crm_price_rt ul{ margin:30px 0 0; padding:0; text-align:center;}
.crm_price .crm_price_lt ul li,.crm_price .crm_price_rt ul li{ line-height:24px;}
.crm_price .crm_price_lt ul li,.crm_price .crm_price_rt ul li{ color:#89898f; font-size:12px;}


.crm_price .crm_price_lt{ width:215px; padding-top:100px;}
.crm_price .crm_price_mid{width:286px; padding:100px 0 0 165px;}
.crm_price .crm_price_mid img{ max-width:100%; margin:0 auto;}
.crm_price .crm_price_rt{ width:215px; padding-top:100px;}

.crm_contact{ background:#3d87df; padding:2% 0; color:#FFF; text-align:center;}
.crm_contact p{ font-size:24px; font-family:"Aileron Thin"; padding-bottom:12px;}
.crm_contact .crm_con_botm{ width:15%; line-height:40px; background:#36d18c; font-size:18px; margin:0 auto;}

.h_footer{ background:#282a30; padding:12px 0; height:auto; overflow:hidden; color:#FFF;}
.h_footer .h_f_lt{ float:left;}
.h_footer .h_f_rt{ float:right;}



/*1440分辨率下的样式*/
@media (max-width:1440px){
	.box_left{ display:none;}
	.h_main_box{ height:100%; padding-left:0;}
	.wrapper{ width:95%;}
	.h_b_desc .h_b_F{ }
	
	.crm_adv{ height:auto; overflow:hidden; padding:8% 0;color:#3e3f4a;}

	.crm_adv .adv01{ padding:5% 0; overflow:hidden;}
	.crm_adv .adv01 .adv_img01{ width:50%;}
	.crm_adv .adv01 .adv_desc01{ width:50%; padding:5% 0;}
	.crm_adv .adv01 .adv_desc01 .adv_info{ width:100%; margin-top:2%; }
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box p{ line-height:40px;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box p.on{ font-size:18px; background-color:transparent; color:#3e3f4a; padding:3% 5% 0; line-height:20px;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box font{width:94%; padding:10px 5% 20px; color:#999; display:none;font-size:14px; cursor:pointer;}
	
	.crm_adv .adv02 .adv_desc02 p,.crm_adv .adv03 .adv_desc03 p,.crm_adv .adv04 .adv_desc04 p{font-size:40px;}
    .crm_adv .adv01 .adv_img01 img,.crm_adv .adv02 .adv_img02 img,.crm_adv .adv03 .adv_img03 img,.crm_adv .adv04 .adv_img04 img{ max-width:100%;}
	
	
	.crm_adv .adv02 .adv_img02{ width:65%;}
	.crm_adv .adv02 .adv_desc02{ width:32%; padding:8% 0 0 0;}
	
	.crm_adv .adv03{ padding:8% 0 5%;}
	.crm_adv .adv03 .adv_img03{ width:50%;}
	.crm_adv .adv03 .adv_desc03{width:50%; padding:15% 0 0 0;}
	
	.crm_adv .adv04{ padding:3% 0 0;}
	.crm_adv .adv04 .adv_img04{ width:65%;}
	.crm_adv .adv04 .adv_desc04{width:32%; padding:15% 0 0 0;}

	
	
	.crm_price{ overflow:hidden;}
	.crm_price .wrapper{ width:95%;}
	
	.crm_price .crm_price_lt{ width:28%; padding:6% 3% 0 4%;}
	.crm_price .crm_price_mid{width:30%; padding:6% 0 0;}
	.crm_price .crm_price_mid img{ max-width:100%; margin:0 auto;}
	.crm_price .crm_price_rt{ width:28%; padding:6% 4% 0 2%;}
	
}
/*1440分辨率下的样式*/
@media (max-width:1180px){
	.h_main_box{ height:100%; padding-left:0;}
	.h_b_desc .h_b_F{ }
	.h_b_desc .h_b_F .h_b_F01{ font-size:24px;}
}

/*960分辨率下的样式*/
@media (max-width:960px){
	.app_banner { margin-top:68px;}
	.h_banner{}
	.wrapper{ width:95%;}
	.h_b_desc .h_b_F{}
	.h_b_desc .h_b_F .h_b_F01{ font-size:20px; line-height:65px;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:50px; line-height:52px;}
	.h_b_desc .h_b_F .h_b_more{ width:40%; margin-top:5%;}
	.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}
	
	.crm_title{ width:100%;}
	.crm_title p{font-size:40px;  padding-bottom:14px;}
	.crm_title font{ width:100%;}
	
	.crm_adv .adv01 .adv_desc01 .desc_title p{ font-size:28px;}
	.crm_adv .adv02 .adv_desc02 p,.crm_adv .adv03 .adv_desc03 p,.crm_adv .adv04 .adv_desc04 p{font-size:32px; padding-bottom:4%;}
	.crm_adv .adv02 .adv_desc02 font,.crm_adv .adv03 .adv_desc03 font,.crm_adv .adv04 .adv_desc04 font{ font-size:20px; line-height:38px;}

	
	
	.h_footer{ padding:3% 0;text-align:center; line-height:20px;}
	.h_footer .h_f_lt{ float:none;}
	.h_footer .h_f_rt{ float:none;}

}



/*768分辨率下的样式*/
@media (max-width:768px){
	.crm_left{ float:none; margin:0 auto; text-align:center;}
    .crm_right{ float:none; margin:0 auto; text-align:center;}
	
	.crm_title p{font-size:30px;}
	.crm_title font{line-height:20px;}
	
	.wrapper{ width:95%;}
	.h_b_desc{width:100%;}
	
	.h_b_desc .h_b_F{}
	.h_b_desc .h_b_F .h_b_F01{ font-size:20px; line-height:65px;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:50px; line-height:52px;}
	.h_b_desc .h_b_F .h_b_more{ width:26%;  margin:2% auto 0;}
	.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}

	
	.crm_adv .adv01{ padding:5% 0; overflow:hidden;}
	.crm_adv .adv01 .adv_desc01 .desc_title{ padding-bottom:2%; line-height:18px;}
	.crm_adv .adv01 .adv_desc01 .desc_title p{ font-size:36px; padding-bottom:4%; color:#3e3f4a;}
	.crm_adv .adv01 .adv_img01{ width:60%;}
	.crm_adv .adv01 .adv_desc01{ width:80%; padding:2% 0 4%;}
	.crm_adv .adv01 .adv_desc01 .adv_info{ width:100%; margin-top:1%;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box p{ line-height:40px; padding-left:0;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box p.on{ font-size:18px;padding:3% 5% 0;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box font{width:90%; padding:10px 5% 20px; color:#999; display:none;font-size:14px; cursor:pointer; text-align:center;}
	
	.crm_adv .adv02 .adv_desc02 p,.crm_adv .adv03 .adv_desc03 p,.crm_adv .adv04 .adv_desc04 p{font-size:30px; padding-bottom:4%;}
	.crm_adv .adv02 .adv_desc02 font,.crm_adv .adv03 .adv_desc03 font,.crm_adv .adv04 .adv_desc04 font{ font-size:18px;line-height:20px;}
	.crm_adv .adv02 .adv_desc02 .a_desc_FF,.crm_adv .adv03 .adv_desc03 .a_desc_FF,.crm_adv .adv04 .adv_desc04 .a_desc_FF{font-size:12px; line-height:18px;}



	.crm_adv .adv02{ overflow:hidden;}
	.crm_adv .adv02 .adv_img02{ width:80%;}
	.crm_adv .adv02 .adv_img02 img{ max-width:100%;}
	.crm_adv .adv02 .adv_desc02{ width:80%; padding:8% 0 0 0; }

	
	.crm_adv .adv03{ padding:8% 0; overflow:hidden;}
	.crm_adv .adv03 .adv_img03{ width:64%;}
	.crm_adv .adv03 .adv_img03 img{ max-width:100%;}
	.crm_adv .adv03 .adv_desc03{width:80%; padding:15% 0 0 0; }
	
	
	.crm_adv .adv04{ padding:5% 0 2%; overflow:hidden;}
	.crm_adv .adv04 .adv_img04{ width:60%;}
	.crm_adv .adv04 .adv_img04 img{ max-width:100%;}
	.crm_adv .adv04 .adv_desc04{width:80%; padding:5% 0 0 0;}
	
	
	.crm_img{ width:100%; margin:0 auto; text-align:center;}
    .crm_img img{ max-width:100%;}
	
	
	
    .crm_price{padding:8% 0 ;}
	.crm_price .price_title{ font-size:25px; text-align:center; color:#3e3f4a; padding-top:50px; font-family:"微软雅黑 Light";}
	.crm_price .price_title font{line-height:18px;}
	.crm_price .crm_price_lt{ width:38%; padding:2% 5% 4%; float:left;}
	.crm_price .crm_price_mid{display:none;}
	.crm_price .crm_price_rt{ width:38%; padding:2% 5% 4%; float:right;}
	.crm_price .crm_price_lt ul li,.crm_price .crm_price_rt ul li{ line-height:18px;}
	
}




/*610分辨率下的样式*/
@media (max-width:610px){
	.crm_left{ float:none; margin:0 auto; text-align:center;}
    .crm_right{ float:none; margin:0 auto; text-align:center;}
	
	.crm_title p{font-size:26px;}
	
	.wrapper{ width:95%;}
	.h_b_desc{width:100%;}
	
	.h_b_desc .h_b_F{ }
	.h_b_desc .h_b_F .h_b_F01{ font-size:18px; line-height:40px;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:34px; line-height:36px;}
	.h_b_desc .h_b_F .h_b_more{ width:26%;  margin:2% auto 0;}
	.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}

	.crm_adv .adv01 .adv_desc01 .adv_info .info_box{margin:0;}
	.crm_adv .adv01{ padding:5% 0; overflow:hidden;}
	.crm_adv .adv01 .adv_desc01 .desc_title{ padding-bottom:4%;}
	.crm_adv .adv01 .adv_desc01 .desc_title p{ font-size:24px; padding-bottom:3%;}
	.crm_adv .adv01 .adv_img01{ width:60%;}
	.crm_adv .adv01 .adv_desc01{ width:100%; padding:2% 0 4%;}
	.crm_adv .adv01 .adv_desc01 .adv_info{ width:100%; margin:0px;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box p{ line-height:40px; padding-left:0; font-size:12px;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box p.on{ font-size:15px;padding:2% 5% 0;}
	.crm_adv .adv01 .adv_desc01 .adv_info .info_box font{width:90%; padding:1% 5% 2%; color:#999; display:none;font-size:12px; line-height:16px; cursor:pointer; text-align:center;}
	
	
    .crm_adv .adv02 .adv_desc02 p,.crm_adv .adv03 .adv_desc03 p,.crm_adv .adv04 .adv_desc04 p{font-size:24px; padding-bottom:3%;}
	.crm_adv .adv02 .adv_desc02 font,.crm_adv .adv03 .adv_desc03 font,.crm_adv .adv04 .adv_desc04 font{ font-size:15px;line-height:20px;}
	.crm_adv .adv02 .adv_desc02 .a_desc_FF,.crm_adv .adv03 .adv_desc03 .a_desc_FF,.crm_adv .adv04 .adv_desc04 .a_desc_FF{font-size:12px; line-height:18px;}  
	
	
	
	.crm_price{ overflow:hidden;}
	.crm_price .wrapper{ width:95%;}
	.crm_title font{ font-size:12px; line-height:18px;  color:#89898f;}
	.crm_price .price_title{ font-size:24px; text-align:center; color:#3e3f4a;}
	.crm_price .price_title p{ font-size:20px; color:#3d87df; line-height:20px; padding:10px 0;}
	.crm_price .price_title font{ color:#89898f; font-size:12px; line-height:18px;}
	
	.crm_price .crm_price_lt ul,.crm_price .crm_price_rt ul{ margin:10px 0 0; padding:0; text-align:center;}
	.crm_price .crm_price_lt ul li,.crm_price .crm_price_rt ul li{ line-height:22px;}
	.crm_price .crm_price_lt ul li a,.crm_price .crm_price_rt ul li a{ color:#89898f; font-size:12px;}
	
	.crm_price .crm_price_lt{ width:38%; padding:2% 5% 4%; float:left;}
	.crm_price .crm_price_mid{display:none;}
	.crm_price .crm_price_rt{ width:38%; padding:2% 5% 4%; float:right;}
	
	
	.crm_contact .crm_con_botm{ width:45%; padding:1% 0; line-height:none; font-size:14px;}
	
}

/*410分辨率下的样式*/
@media (max-width:410px){
	
	.h_b_desc .h_b_F .h_b_F02{ font-size:24px; line-height:28px;}
	.h_b_desc .h_b_F .h_b_more{ width:26%;  margin:2% auto 0;}
	.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}
	
	
	.crm_title p{font-size:20px;}
	.crm_title font{line-height:18px;}
	
	
	
	.crm_adv .adv01 .adv_desc01 .desc_title{ padding-bottom:4%; font-size:12px;}
	.crm_adv .adv01 .adv_desc01 .desc_title p{ font-size:20px; padding-bottom:3%;}
	
    .crm_adv .adv02 .adv_desc02 p,.crm_adv .adv03 .adv_desc03 p,.crm_adv .adv04 .adv_desc04 p{font-size:20px; padding-bottom:3%;}
	.crm_adv .adv02 .adv_desc02 font,.crm_adv .adv03 .adv_desc03 font,.crm_adv .adv04 .adv_desc04 font{ font-size:14px;line-height:20px;}
	.crm_adv .adv02 .adv_desc02 .a_desc_FF,.crm_adv .adv03 .adv_desc03 .a_desc_FF,.crm_adv .adv04 .adv_desc04 .a_desc_FF{font-size:12px; line-height:18px;}  
	
	.crm_price .crm_price_lt{ width:44%; padding:0 3% 3%; float:left;}
	.crm_price .crm_price_mid{display:none;}
	.crm_price .crm_price_rt{ width:44%; padding:0 3% 3%; float:right;}
	
	
	.crm_price .price_title{ font-size:20px; text-align:center; color:#3e3f4a;}
	.crm_price .price_title p{ font-size:16px; color:#3d87df; line-height:18px;}
	.crm_price .crm_price_lt ul li,.crm_price .crm_price_rt ul li{ line-height:18px;}
}


/**CRM系统-结束**/



/**APP设计-开始**/


/*大图*/
.app_banner{ width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.app_banner img{ max-width:100%;}
.app_banner .app_img01{ display:block;}
.app_banner .app_img02{ display:none;}
.app_b_desc{ position:absolute; top:0; left:0; z-index:999;}
.app_b_desc .app_b_F{ width:40%; padding:15% 0 0 20%; color:#000;}
.app_b_desc .app_b_F i{ font-size:14px; font-style:normal; text-transform:uppercase;}
.app_b_desc .app_b_F em{ font-size:36px; font-style:normal;}
.app_b_desc .app_b_F p{ font-size:14px; line-height:24px; color:#a9a9a9; padding-top:5%;}



/*app*/

.app_b01_bg{ background:#2dc59d url(../images/app_b01_bg.png) top repeat-x;}
.app_box01{ width:888px; height:auto; padding:55px 0 40px; overflow:hidden; border-radius:10px; background:#FFF; box-shadow:1px 1px 6px #d8d8d8; margin:0 auto; letter-spacing:2px;}



.app_box01 .app_b01_title{ width:60%; text-align:center; margin:0 auto;}
.app_box01 .app_b01_title p{font-size:36px; color:#00cd6f; padding-bottom:4%; font-family:"微软雅黑 Light"}
.app_box01 .app_b01_title b{ padding-left:20px;}
.app_box01 .app_b01_title em{  color:#afb3ae; font-size:16px; font-style:normal; line-height:30px;}

.app_box01 .app_desc{ margin:50px 50px; overflow:hidden;}

.app_box01 .app_desc .app_d_img{ width:50%; float:right;}

.app_box01 .app_desc .app_d_info{ width:46%; float:left;}
.app_box01 .app_desc .app_d_info .app_di01{ height:auto; overflow:hidden; padding-top:40px;}
.app_box01 .app_desc .app_d_info .app_di01 .app_di01_icon{ width:18%; float:left;}
.app_box01 .app_desc .app_d_info .app_di01 .app_di01_icon img{ max-width:100%;}
.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF{ width:75%; float:right;}
.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF p{ font-size:18px; font-weight:bold; padding-bottom:3%; color:#666;}
.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF font{ font-size:12px; color:#999; line-height:20px;}



.app_box01 .app_kaifa{ overflow:hidden; border-top:1px solid #d3d3d3; padding:35px 60px 0;}

.app_box01 .app_kaifa .app_di02{ width:40%; height:auto; overflow:hidden; padding:0 4%; display:inline-block;}
.app_box01 .app_kaifa .app_di02 .app_di02_icon{ width:18%; float:left;}
.app_box01 .app_kaifa .app_di02 .app_di02_icon img{ max-width:100%;}
.app_box01 .app_kaifa .app_di02 .app_di02_FF{ width:75%; float:right; }
.app_box01 .app_kaifa .app_di02 .app_di02_FF p{ font-size:18px; font-weight:bold; padding-bottom:3%;color:#666;}
.app_box01 .app_kaifa .app_di02 .app_di02_FF font{ font-size:12px; color:#999; line-height:20px;}



.app_b02_bg{ background:#21bbaa url(../images/app_b02_bg.png) top repeat-x; padding:20px 0 80px; letter-spacing:2px;}

.app_b02_title{ width:840px; margin:0 auto; background:url(../images/b02_title.png) left center no-repeat; font-size:16px; font-weight:bold; color:#FFF; padding:0 24px 0;}
.slick-prev,.slick-next {
    display: none !important;
}

.app_b02_bg .swiper-pagination-bullet{border:none;}
.app_b02_bg .swiper_app_b02{ width:82%; overflow:hidden; margin:4% auto 0;padding-bottom:50px; }
.app_b02_bg .applist_slide{margin:0 20px}
.app_b02_bg .applist_slide .app_slbox{background:#FFF; border-radius:10px;  box-shadow:1px 1px 5px #767676;padding:10% 8% 8%}
.app_b02_bg .applist_slide .app_b02_top{ overflow:hidden; }
.app_b02_bg .applist_slide .app_b02_top .app_b02_t_title{ float:left;}
.app_b02_bg .applist_slide .app_b02_top .app_b02_t_title p{color:#666; font-size:22px; }
.app_b02_bg .applist_slide .app_b02_top .app_b02_t_title font{ color:#999; text-transform:uppercase;}
.app_b02_bg .applist_slide .app_b02_top .app_b02_iocn{ float:right; }
.app_b02_bg .applist_slide .app_b02_desc{ color:#999; font-size:12px;  line-height:24px;max-height:68px;overflow:hidden;margin-top:26px}

.slick-slide{outline:none;}



.app_box03{ overflow:hidden; margin:6% auto 4%; letter-spacing:2px;}
.app_box03 .app_b03_title{ color:#00c6cd; font-size:36px;  min-width:50%; width:80%; text-align:center; margin:0 auto 20px;;}
.app_box03 .app_b03_title p{ color:#afb3ae; font-size:16px; line-height:30px; padding-top:4%;}


.app_box03 .b03_img_box{ width:100%; overflow:hidden; margin:0 auto; position:relative; text-align:center;}

.app_box03 .b03_img_box .b03_img{ width:19%; margin:5% auto; float:left;}
.app_box03 .b03_img_box .b03_img img{ max-width:100%;}

.app_box03 .b03_img_box .swiper-button-next,.app_box03 .b03_img_box .swiper-button-prev{display:none;}
.app_box03 .b03_img_box .swiper-wrapper{}
.inapp_cap{overflow:hidden;}
.inapp_cap div{outline:none;}
.inapp_cap div.inapp_caplist{overflow:hidden;}
.inapp_cap div.inapp_caplist a{display:block;padding:0 12px;}
.inapp_cap div.inapp_caplist a img{margin:0 auto;display:block;max-width:100%}


.app_b04_bg{ background:#FCFCFC url(../images/app_b03_bg.png) center top repeat-x; margin:0 auto 90px; padding-top:120px; letter-spacing:2px}
.app_box04{ width:688px; height:auto; margin:0 auto; padding:55px 100px; overflow:hidden; border-radius:10px; background:#FFF; box-shadow:1px 1px 6px #d8d8d8;}


.app_box04 .app_b04_title{ width:100%; text-align:center; margin:0 auto;}
.app_box04 .app_b04_title p{font-size:24px; color:#4f5ee4; padding-bottom:2%;}
.app_box04 .app_b04_title b{ padding-left:20px;}
.app_box04 .app_b04_title em{  color:#afb3ae; font-size:16px; font-style:normal; line-height:30px;}


.app_box04 .app_b04_lt{ float:left; width:50%;  color:#afb3ae; font-size:12px; line-height:24px;}
.app_box04 .app_b04_lt p{ font-size:24px; color:#7f8c8e; padding:22% 0 8%;}

.app_box04 .app_b04_ewm{ float:right; width:50%; padding-top:4%;}
.app_box04 .app_b04_ewm1{ display:none;}


@media (max-width:1440px){
	.wrapper{ width:95%; margin:0 auto; padding:0;}
	.app_b02_bg .applist_slide{  cursor:pointer;}
	
}
@media (max-width:1180px){
	
	/*大图*/
	
	.app_banner{ width:100%; height:auto; overflow:hidden; position:relative; margin:68px auto 0;}
	.app_banner img{ max-width:100%;}
	.app_b_desc{ position:absolute; top:0; left:0; z-index:999;}
	.app_b_desc .app_b_F{ width:40%; padding:7% 0 0 15%; color:#000;}
	.app_b_desc .app_b_F i{ font-size:14px; font-style:normal; text-transform:uppercase;}
	.app_b_desc .app_b_F em{ font-size:36px; font-style:normal;}
	.app_b_desc .app_b_F p{ font-size:14px; line-height:24px; color:#a9a9a9; padding-top:5%;}
	
		
	
	
	
	.app_box03 .b03_img_box{ width:100%; overflow:hidden; position:relative;}
	.app_box03 .b03_img_box .b03_img{ width:19%; margin:5% 0; float:left;}
	.app_box03 .b03_img_box .b03_img img{ max-width:95%;}
	
	.app_b04_bg{margin:0 auto 10%; padding-top:10%;}

	}
	
@media (max-width:960px){
	
	.app_b_desc{ position:absolute; top:0; left:0; z-index:999; display:none;}
	.app_b_desc .app_b_F{ width:40%; padding:10% 0 0 15%; color:#000;}
	.app_b_desc .app_b_F em{ font-size:30px;}
	
	
	.app_banner .app_img01{ display:none;}
    .app_banner .app_img02{ display:block;}
	
	
	.app_box01{ width:95%; letter-spacing:0;}	
	.app_box01 .app_b01_title{ width:90%;}
	.app_box01 .app_desc{ width:90%; margin:5% 5% 6%; overflow:hidden;}	
	.app_box01 .app_desc .app_d_img{ width:50%;}
	.app_box01 .app_desc .app_d_img img{ max-width:100%;}
	
	
	.app_b02_bg{padding:5% 0 8%; letter-spacing:0;}
	.app_b02_title{ width:88%;}
	.app_b02_bg .applist_slide{}
	.app_b02_bg .applist_slide .app_b02_desc{max-height:72px;}
	.app_box03{letter-spacing:0;}
	.app_box03 .app_b03_title{ width:100%;}
	.app_box03 .app_b03_title p{line-height:24px;}
	.app_box04{letter-spacing:0;}
	
	
	.app_box04{ width:70%; height:auto; margin:0 auto; padding:5% 5%; overflow:hidden; border-radius:10px; background:#FFF; box-shadow:1px 1px 6px #d8d8d8;}
	.app_box04 .app_b04_ewm{ float:right; width:50%; padding-top:4%;}
	.app_box04 .app_b04_ewm img{ max-width:100%;}
	
}
	
	


@media (max-width:768px){
	
	.app_b_desc .app_b_F{ width:90%; padding:28% 0 0 30%; color:#000;}
	.app_b_desc .app_b_F em{ font-size:32px;}
	.app_b_desc .app_b_F p{ display:none;}
	
	
	
	.app_box01{ width:95%; padding:10% 0;}	
	
	.app_box01 .app_desc{ width:90%; margin:5% 5% 6%; overflow:hidden;}	
	.app_box01 .app_desc .app_d_img{ width:50%;}
	.app_box01 .app_desc .app_d_img img{ max-width:100%;}
	
	.app_box01 .app_b01_title{ width:90%;}
	.app_box01 .app_b01_title p{font-size:30px;}
	.app_box01 .app_b01_title b{ padding-left:20px;}
	.app_box01 .app_b01_title em{  color:#afb3ae; font-size:14px; font-style:normal; line-height:20px;}
	
	.app_box01 .app_desc .app_d_img{ width:50%;}
	
	.app_box01 .app_desc .app_d_info{ width:50%;}
	.app_box01 .app_desc .app_d_info .app_di01{padding-top:10%;}
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_icon{ width:15%;}
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF{ width:77%; }
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF p{ font-size:16px;}
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF font{line-height:18px;}
	
	
	
	.app_box01 .app_kaifa{ padding:5% 5% 0;}
	
	.app_box01 .app_kaifa .app_di02 .app_di02_FF p{ font-size:16px;}
	.app_box01 .app_kaifa .app_di02 .app_di02_FF font{line-height:18px;}
	
	.app_b02_title{ width:88%; margin:5% auto; text-align:center; background:none;}
	.app_b02_bg .applist_slide{}
	.app_b02_bg .applist_slide .app_b02_desc{ color:#999; font-size:12px; padding:8% 12% 0; line-height:20px;max-height: 60px;}
	.app_b02_bg .applist_slide .app_b02_top .app_b02_t_title p{color:#666; font-size:20px; font-weight:bold; padding-top:12%; font-family:"微软雅黑"}
	
	
	.app_box03 .b03_img_box .swiper-button-next,.app_box03 .b03_img_box .swiper-button-prev{display:block;}
    .app_box03 .b03_img_box .swiper-wrapper{}
	.app_box03{ overflow:hidden; margin:6% auto 4%;}
	.app_box03 .app_b03_title{ color:#00c6cd; font-size:30px;  width:100%; text-align:center; margin:0 auto;}
	.app_box03 .app_b03_title p{ color:#afb3ae; font-size:12px; line-height:30px; padding-top:3%; line-height:20px;}
	
	.app_box03 .b03_img_box{ width:100%; overflow:hidden; position:relative;}
	.app_box03 .b03_img_box .b03_img{ width:100%; margin:5% auto; text-align:center; float:none;}
	.app_box03 .b03_img_box .b03_img img{ max-width:50%;}

	
	}



@media (max-width:700px){
	
	.app_b_desc .app_b_F{ width:90%; padding:24% 0 0 30%; color:#000;}
	.app_b_desc .app_b_F em{ font-size:32px;}
	
	
	
	.app_b01_bg{}
	.app_box01{ width:95%; padding:8% 0; margin:0 auto;}	
	.app_box01 .app_desc{ width:90%; margin:2% 5% 5%; overflow:hidden;}	
	.app_box01 .app_desc .app_d_img{ display:none;}
	.app_box01 .app_desc .app_d_info{ width:100%; float:none; margin:0 auto;}
	.app_box01 .app_desc .app_d_info .app_di01{ padding:8% 0 0;}
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_icon{ width:10%;}
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF{ width:86%;}
	.app_box01 .app_desc .app_d_info .app_di01 .app_di01_FF p{ font-size:16px; padding-bottom:2%;}

	.app_box01 .app_kaifa{padding:2% 5% 0;}
	.app_box01 .app_kaifa .app_di02{ width:100%; float:none; padding:8% 0 0;}
	.app_box01 .app_kaifa .app_di02 .app_di02_icon{ width:10%; float:left;}
	.app_box01 .app_kaifa .app_di02 .app_di02_FF{ width:86%;}
	.app_box01 .app_kaifa .app_di02 .app_di02_FF p{ font-size:16px;padding-bottom:2%;}
	
	
	.app_b02_bg{padding:5% 0 0%; letter-spacing:0;}
	.app_b02_bg .applist_slide .app_b02_top{ padding:10% 10% 0;}
	.app_b02_bg .applist_slide .app_b02_top .app_b02_t_title p{font-size:20px;}
	.app_b02_bg .applist_slide .app_b02_desc{ padding:6% 10% 0;margin-top:10px;}
	
	
	.app_box01{ width:90%;}
	.app_box04{ width:80%;}
	.app_box04 .app_b04_title{ width:100%; text-align:center; margin:0 auto;}
	.app_box04 .app_b04_title p{font-size:24px; color:#4f5ee4; padding-bottom:2%;}
	.app_box04 .app_b04_title b{ padding-left:20px;}
	.app_box04 .app_b04_title em{  color:#afb3ae; font-size:16px; font-style:normal; line-height:30px;}
	
	
	.app_box04 .app_b04_lt{ float:none; width:100%;  color:#afb3ae; font-size:12px; line-height:24px; text-align:center;}
	.app_box04 .app_b04_lt p{ font-size:24px; color:#7f8c8e; padding:4% 0 2%;}
	
	.app_box04 .app_b04_ewm{ float:none; width:100%; padding-top:4%; display:none;}
	.app_box04 .app_b04_ewm1{ width:30%; margin:2% auto; display:block; text-align:center;}
	.app_box04 .app_b04_ewm1 img{ max-width:100%;}


	
}
@media (max-width:590px){
	.app_b_desc .app_b_F{ width:90%; padding:24% 0 0 32%; color:#000;}
	.app_b_desc .app_b_F em{ font-size:28px;}
}
@media (max-width:510px){
	.app_b_desc .app_b_F{ width:90%; padding:24% 0 0 22%; color:#000;}
	.app_b_desc .app_b_F em{ font-size:28px;}
}


@media (max-width:500px){
	.app_banner .app_img01{ display:none;}
    .app_banner .app_img02{ display:block;}
	.app_b_desc{ display:none;}
	
	
	.app_box01 .app_b01_title p{font-size:26px; padding-bottom:3%;}
	.app_box01 .app_b01_title em{ font-size:12px; line-height:18px;}
	.app_b02_bg{ margin:8% auto 0;}
	.app_b02_bg .applist_slide{}
	.app_b02_bg .applist_slide .app_b02_top .app_b02_iocn{ float:right; width:20%; padding:10px 0 0;}
	
	.app_box03 .app_b03_title{ font-size:26px;}
	
	.app_box04 .app_b04_title{ width:100%; text-align:center; margin:0 auto;}
	.app_box04 .app_b04_title p{font-size:20px; color:#4f5ee4; padding-bottom:2%;}
	.app_box04 .app_b04_title b{ padding-left:20px;}
	.app_box04 .app_b04_title em{  color:#afb3ae; font-size:14px; font-style:normal; line-height:30px;}
	
	.app_box04 .app_b04_lt p{ font-size:20px; color:#7f8c8e; padding:4% 0 2%;}
	
}


@media (max-width:400px){
	.app_box01{ width:90%; padding:10% 0; margin:0 auto;}	
	
	.app_b02_bg .applist_slide .app_b02_top .app_b02_iocn{ float:right; width:20%; padding:10px 0 0;}
	
	
	
}

@media (max-width:380px){
	.app_b02_bg .applist_slide{}
	.app_b02_bg .applist_slide .app_b02_top .app_b02_iocn{ float:right; width:15%; padding:10px 0 0;}
	
}

@media (max-width:340px){
	

}

/**APP设计-结束 **/