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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table,td{margin:0;padding:0;}
p,form,table,tr,td {margin:0px;padding:0px;}
select,input,img,select{vertical-align:middle;}
ul{list-style-type:none;margin:0;padding:0;}
img {border:0px;vertical-align:bottom; padding:0px; margin:0px;}
a:link{color:#5a5a5a;text-decoration:none;}
a:visited{text-decoration:none;color:#5a5a5a; }
a:hover{color:#5a5a5a; text-decoration:none;}
h1,h2,h3,h4,h5,h6{/* font-size:100%;font-weight:normal; */font-size: 18px;color: #444;}
.fl{float:left;}.products01_adv_wrap .secondBox .middleBox .innerCircle
.fr{float:right;}
.clear{clear:both;}
body{font-size:16px; font-family:"Microsoft YaHei","Helvetica,sans-serif,Verdana"; color:#333; background:#fff;letter-spacing:0.5px;}


.wrap{ width:1200px; margin:0 auto;}
.tc{ text-align:center;}
.txC{ text-align:center;}
.container{ width: 1200px; margin: 0 auto; }
.f-fl { float: left}
.f-fr { float: right}


/*网站导航 样式 begin*/
#header_nav .nav img {border:none; max-width:100%; max-height:100%;}
/*#header_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background:url(/images/mask_index.png); display:none;}*/
#header_nav{ width:100%; position:fixed; top:0; left:0; background:#fff; z-index:99999; border-bottom: 1px solid #c7c5c5;}
#header_nav .wrap{ height:85px;}
#header_nav .logo{ height:85px;}
#header_nav .logo img{ padding-top: 20px;}
#header_nav .nav{ float: right;padding-top: 25px;}
#header_nav .nav li{ float:left; padding:0 15px; position:relative;}
#header_nav .nav li.clear{ clear:both;}
#header_nav .nav li>a{  height:50px; line-height:50px; font-size:16px; display:inline-block; padding:0 0px;}
#header_nav .nav li>a.home{ width:60px;}
#header_nav .nav li>a.home i{ width:60px; height:20px; left:15px; top:13px; background:url(../ckjryy_img/head_nav_ico.png) no-repeat; background-position:0 -4px;}
#header_nav .nav li>a.sec i{ width: 8px; height: 5px; right: 0; position: absolute; top: 22px; padding-left: 5px; display: inline-block; background: url(../ckjryy_img/head_nav_ico.png) no-repeat right center; }
#header_nav .nav li:hover>a{ color:#e83d22; text-decoration:none; background: none;}
#header_nav .nav li>a.cur{ color:#e83d22; text-decoration:none;}
#header_nav .nav li dl{ width:146px; position:absolute; left:50%; margin-left:-68px; top:100%; background:#fff; padding:15px 0; display:none;}
#header_nav .nav li dd{ height:40px; line-height:40px; overflow:hidden; padding:0 20px;}
#header_nav .nav li dd a{ font-size:14px; color:#535353;}
#header_nav .nav li dd a:hover{ text-decoration:none; color:#e83d22;}
#header_nav .header_abs{ height:60px;}
#header_nav .header_abs .logo{ height:40px; margin:10px 0; padding-top: 0px;}
#header_nav .header_abs .logo img{ padding-top: 0px;}
#header_nav .header_abs .tel{ height:0;}
#header_nav .header_abs .nav{ border-top:0; margin-top:5px; padding-top: 0px;}
#header_nav img {border:none; max-width:100%; max-height:100%;}img {border:none; max-width:100%; max-height:100%;}img {border:none; max-width:100%; max-height:100%;}img {border:none; max-width:100%; max-height:100%;}img {border:none; max-width:100%; max-height:100%;}img {border:none; max-width:100%; max-height:100%;}
/*网站导航 样式 end*/

/*首页 创业者 数量跳动 beigin*/
.index_num_jump_bg{width: 100%; height: 80px; min-width: 1000px;margin: 0px auto; margin-bottom: 5px; background-color: #cccaca;}
.index_num_jump_wrap{width: 1080px; margin: 0px auto;text-align: center;font-size: 30px; }
.index_num_jump{ width: 850px; float: left;text-align: left; padding-top: 17px;}
.index_num_jump span{ color: #e83d22;}
.index_num_jump_bg .btn a{width: 180px;display: block;float: right; text-align: center;background-color: #e44242;font-size: 30px;
 color: white;font-weight: bold;border-radius: 5px;padding: 5px 0;margin-top: 15px;}
/*首页 创业者 数量跳动 end*/

/*首页及简介 栏目标题 beigin*/
.column_tit{font-size:40px; font-weight: bold;color:#2a2a2a; margin-bottom:20px; margin-top:-65px; text-align:center;}
.column_tit h2{ font-size: 30px; font-weight: bold; padding-top: 50px;}
.column_en_tit{font-size:72px; color:#fafafa;  font-family:Impact; text-align:center;}
.column_txt{max-width: 900px; margin: 0px auto; padding-bottom: 20px; font-size: 18px; line-height: 27px; text-align: center;}

.column_en_tit02{font-size:72px; color:#eee;  font-family:Impact; text-align:center;}

.column_tit03{font-size:40px; font-weight: bold;color:#2a2a2a; text-align:center; padding: 10px 0px; margin-top: 0px;}
.column_txt03{ max-width: 1020px; margin: 0px auto; padding-top: 1px; padding-bottom: 2px; font-size: 18px; line-height:30px; text-align: center;}
.column_tit04{font-size:40px;font-weight: bold;color:#2a2a2a; text-align:center; padding-top:5px;}
.column_txt04{ max-width: 1020px; margin: 0px auto; padding-top: 10px; padding-bottom: 2px; font-size: 18px; line-height:30px; text-align: center;}
/*首页及简介 栏目标题 end*/

/*首页 幻灯片 样式02 beigin*/
/* 首页 幻灯片 */
.index_banner_wrap02 .banner{width:100%; height:390px; margin:0px auto; text-align:center; margin-top:85px;}
.index_banner_wrap02 .rev_slider_wrapper{position:relative;}
.index_banner_wrap02 .rev_slider_wrapper >ul	{visibility:hidden;}
.index_banner_wrap02 .fullscreen-container {width:100%;position:relative;padding:0;}
.index_banner_wrap02 .fullwidthbanner-container{width:100%;position:relative;padding:0;overflow:hidden;}
.index_banner_wrap02 .fullwidthbanner-container .fullwidthabanner{width:100%;position:relative;}
.index_banner_wrap02 .fullwidthbanner-container .tp-thumbs{padding:3px;}
.index_banner_wrap02 .rev_slider{position:relative;overflow:visible;}
.index_banner_wrap02 .rev_slider img{
	max-width:none !important;
	-moz-transition: none 0;
	-webkit-transition: none 0;
	-o-transition: none 0;
	transition: none 0;
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;
	visibility:visible !important;
}
.index_banner_wrap02 .rev_slider .no-slides-text{font-weight:bold;text-align:center;padding-top:80px;}
.index_banner_wrap02 .rev_slider ul{margin:0px;padding:0px;list-style: none !important;list-style-type: none;background-position:0px 0px;}
.index_banner_wrap02 .rev_slider ul li,
.index_banner_wrap02 .rev_slider >ul >li,
.index_banner_wrap02 .rev_slider >ul >li:before{list-style:none !important;position:absolute;visibility:hidden;margin:0px !important;padding:0px !important;overflow-x: visible;overflow-y: visible;list-style-type: none !important;background-image:none;background-position:0px 0px;text-indent: 0em;}
.index_banner_wrap02 .rev_slider .tp-caption,
.rev_slider .caption, {position:absolute; visibility: hidden;}
.index_banner_wrap02 .tp-caption {z-index:1;}
.index_banner_wrap02 .tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
.index_banner_wrap02 .tp-simpleresponsive .caption,
.index_banner_wrap02 .tp-simpleresponsive .tp-caption {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
	position:absolute;
	-webkit-font-smoothing: antialiased !important;
}

.index_banner_wrap02 .tparrows{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
			-webkit-transform: translateZ(5px);
			}
.index_banner_wrap02 .tparrows.hidearrows{.tp-caption.medium_light_white
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			-moz-opacity: 0;
			-khtml-opacity: 0;
			opacity: 0;
			}
.index_banner_wrap02 .tp-leftarrow.default{z-index:100;cursor:pointer; position:relative;background:url(../ckjryy_img/large_left.png) no-repeat 0 0;	width:40px;	height:40px;												}
.index_banner_wrap02 .tp-rightarrow.default{	z-index:100;cursor:pointer; position:relative;	background:url(../ckjryy_img/large_right.png) no-repeat 0 0;	width:40px;	height:40px;
}

.index_banner_wrap02 .caption.slidelink a div,
.index_banner_wrap02 .tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(#) repeat;}
.index_banner_wrap02 .tp-loader 	{	background:url(../ckjryy_img/loader.gif) no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

.index_banner_wrap02 .tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.index_banner_wrap02 .tp-caption.medium_light_white {
font-size:28px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
/*background-color:#f3755c;*/
padding:7px;
border-width:0px;
/*border-color:rgb(255, 214, 88);*/
border-style:none;
}

.index_banner_wrap02 .tp-caption.mediumlarge_light_white_center {
font-size:14px;
line-height:24px;
font-weight:300;
font-family:"Open Sans";
color:#333;
text-decoration:none;
background-color:transparent;
padding:0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.index_banner_wrap02 .tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
/*首页 幻灯片 样式02 end*/

/*首页 我们的产品 beigin*/
.index_pro_wrap{width:1120px;height:250px;margin:0 auto;overflow: hidden;position: relative;}
.index_pro_wrap ul{width:33.33334%; height:100%;float: left;}
.index_pro_wrap ul li{cursor:pointer; padding: 15px; padding-bottom: 20px; text-align: center;position:relative;float:left;margin-right:17px;box-shadow: 0 10px 30px #eee;}
.index_pro_wrap ul li.pro_block01:hover{ background: #0c67c4;}
.index_pro_wrap ul li.pro_block02:hover{ background: #e35e19;}
.index_pro_wrap ul li.pro_block03:hover{ background: #eb3149;}
.index_pro_wrap ul li:hover h3{ color: #fff;}
.index_pro_wrap ul li:hover p{ color: #fff;}
.index_pro_wrap ul li h3{font-size: 30px; font-weight: bold;padding-top: 20px; margin-bottom: 5px;}
.index_pro_wrap ul li.last{margin:0;}
.index_pro_wrap img{display:inline-block;overflow: hidden;}
/*首页 我们的产品 end*/

/*首页解决方案 beigin*/
.index_solution_wrap_bg{ width: 100%; height: 800px; margin-bottom: 0px;}
.index_solution_wrap{ padding-top: 20px; position: relative;}
.index_solution_wrap .f2-l h4{ font-size: 20px; font-weight: bold;}
.index_solution_wrap .g-box{ width: 1000px; margin: 0px auto; padding-top: 65px;}
.index_solution_wrap .f2-bg {
	width: 100%;
	float: left;
	position: absolute;
	top:110px;
	z-index: 1;
    background: #f1f1f5 url(../ckjryy_img/l2_bg1.jpg) center no-repeat;
    height: 600px;
    color: #fff;
    overflow: hidden;
    background-size: cover
}
.index_solution_wrap .s-fs26{ font-size: 30px; font-weight: bold;padding-top: 0px; padding-bottom: 10px;}
.index_solution_wrap .s-fs261{ font-size: 30px; font-weight: bold;padding-top: 0px; padding-bottom: 10px;color: #ffffff;}
.index_solution_wrap .f2-bg.b1 {
    background-image: url(../ckjryy_img/l2_bg1.jpg)
}
.index_solution_wrap .f2-bg.b2 {
    background-image: url(../ckjryy_img/l2_bg2.jpg)
}
.index_solution_wrap .f2-bg.b3 {
    background-image: url(../ckjryy_img/l2_bg3.jpg)
}
.index_solution_wrap .f2-bg.b4 {
    background-image: url(../ckjryy_img/l2_bg4.jpg)
}
.index_solution_wrap .f2-bg.b5 {
    background-image: url(../ckjryy_img/l2_bg5.jpg)
}
.index_solution_wrap .f2-bg.c1 {
    background-image: url(../ckjryy_img/l2_bg1.jpg)
}
.index_solution_wrap .f2-bg.c2 {
        background-image: url(../ckjryy_img/l2_bg1.jpg)
}
.index_solution_wrap .f2-bg.c3 {
        background-image: url(../ckjryy_img/l2_bg1.jpg)
}
.index_solution_wrap .f2-bg.c4 {
        background: #cccaca;
}
.index_solution_wrap .f2-bg.c5 {
        background: #f1f1f5;
}
.index_solution_wrap .f2-bg.c6 {
        background: #cccaca;
}
.index_solution_wrap .f2-bg.c7 {
        background: #f1f1f5;
}
.index_solution_wrap .f2-lul>li {
    width: 178px;
	height: 130px;
	float: left;
    text-align: center;
	position: relative;
    margin-bottom: 10px;
	margin:0px 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    font-size: 16px;
	background: #fff;
    border: 1px solid #e9edf0;
    border-radius: 10px;
	color: #333;
}
.index_solution_wrap .f2-lul>li:hover, .index_solution_wrap .f2-lul>li.active {
    -webkit-filter: drop-shadow(0 10px 10px rgba(229, 79, 40, .4));
    filter: drop-shadow(0 10px 10px rgba(229, 79, 40, .4));
	
}
.index_solution_wrap .f2-lul>li:hover:after, .index_solution_wrap .f2-lul>li.active:after{
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 152px;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    border-right: 1px solid #e9edf0;
    border-bottom: 1px solid #e9edf0;
    border-bottom-right-radius: 5px;
	
}
.index_solution_wrap .f2-rul1{ padding-top: 20px;}
.index_solution_wrap .f2-l {
	width: 1010px;
	margin: 0px auto;
    color: #fff;
	position: relative;
	z-index: 7;
	
}
.index_solution_wrap .f2-r {
    margin-left: 40px;
    padding-left: 86px;
    border-left: 1px solid #fff;
    border-left-color: rgba(255,255,255,.3);
    width: 950px
}
.index_solution_wrap .f2-bd {
    height: 65px;
    line-height: 35px;
}
.index_solution_wrap .f2-rul {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px
}
.index_solution_wrap .f2-rul>li {
    display: inline-block;
    width: 120px;
	height: 125px;
    text-align: center;
    margin-right: 15px;
    border-radius: 10px;
    border: 1px solid #fff;
    
}
.index_solution_wrap .f2-item {
    display: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
.index_solution_wrap .f2-item.active {
    display: block
}
.index_solution_wrap .f2-ddgl,
.index_solution_wrap .f2-dqzb,
.index_solution_wrap .f2-hlkt,
.index_solution_wrap .f2-scsd,
.index_solution_wrap .f2-kcyg,
.index_solution_wrap .f2-tjbzr,
.index_solution_wrap .f2-ggltx,

.index_solution_wrap .f2-yggl,
.index_solution_wrap .f2-yyqk,
.index_solution_wrap .f2-zpzs,
.index_solution_wrap .f2-yjph,
.index_solution_wrap .f2-zzyy,
.index_solution_wrap .f2-zssc,
.index_solution_wrap .f2-zhcx,

.index_solution_wrap .f2-fjxcx,
.index_solution_wrap .f2-tjhy,
.index_solution_wrap .f2-wxss,
.index_solution_wrap .f2-xcxqh,
.index_solution_wrap .f2-wxzd,
.index_solution_wrap .f2-gzhgl,
.index_solution_wrap .f2-lslb,


.index_solution_wrap .f2-hyyx, .index_solution_wrap .f2-jcx, .index_solution_wrap .f2-kfxt,.index_solution_wrap .f2-khgl,.index_solution_wrap .f2-kqxt,.index_solution_wrap .f2-lbfx,.index_solution_wrap .f2-mdgl,.index_solution_wrap .f2-ptkj,.index_solution_wrap .f2-sdp,.index_solution_wrap .f2-sjfx, .index_solution_wrap .f2-sjtj, .index_solution_wrap .f2-syxt,.index_solution_wrap .f2-tggl,.index_solution_wrap .f2-wm, .index_solution_wrap.f2-yhmd, .index_solution_wrap .f2-yxcj, .index_solution_wrap .f2-yxhd, .index_solution_wrap .f2-yxtg, .index_solution_wrap .f2-yygl, .index_solution_wrap .f2-mdhy01, .index_solution_wrap .f2-mdhy02, .index_solution_wrap .f2-mdhy03, .index_solution_wrap .f2-mdhy04, .index_solution_wrap .f2-mdhy05, .index_solution_wrap .f2-mdhy06, .index_solution_wrap .f2-mdhy07, .index_solution_wrap .f2-gwbxcx01, .index_solution_wrap .f2-gwbxcx02, .index_solution_wrap .f2-gwbxcx03, .index_solution_wrap .f2-gwbxcx04, .index_solution_wrap .f2-gwbxcx05, .index_solution_wrap .f2-gwbxcx06, .index_solution_wrap .f2-gwbxcx07 {
    background-image: url('../ckjryy_img/index_solution_img.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
	height: 70px;
    width: 70px;
}
.index_solution_wrap .f2-rul p{ padding-top: 10px;}


.index_solution_wrap .f2-ddgl {
    background-position: 0 0;
    height: 70px;
    width: 70px;
}
.index_solution_wrap .f2-dqzb {
    background-position: 0 -80px;
}
.index_solution_wrap .f2-hlkt {
    background-position: 0 -152px;
}
.index_solution_wrap .f2-scsd {
    background-position: 0 -229px;
}
.index_solution_wrap .f2-kcyg {
    background-position: 0 -305px;
}
.index_solution_wrap .f2-tjbzr {
    background-position: 0 -389px;
}
.index_solution_wrap .f2-ggltx {
    background-position: 0 -468px;
}



.index_solution_wrap .f2-yggl {
    background-position: 0 -538px;
}
.index_solution_wrap .f2-yyqk {
    background-position: 0 -603px;
}
.index_solution_wrap .f2-zpzs {
    background-position: 0 -676px;
}
.index_solution_wrap .f2-yjph {
    background-position: 0 -749px;
}
.index_solution_wrap .f2-zzyy {
    background-position: 0 -830px;
}
.index_solution_wrap .f2-zssc {
    background-position: 0 -908px;
}
.index_solution_wrap .f2-zhcx {
    background-position: 0 -983px;
}


.index_solution_wrap .f2-fjxcx {
    background-position: 0 -1064px;
}
.index_solution_wrap .f2-tjhy {
    background-position: 0 -1133px;
}
.index_solution_wrap .f2-wxss {
    background-position: 0 -1196px;
}
.index_solution_wrap .f2-xcxqh {
    background-position: 0 -1259px;
}
.index_solution_wrap .f2-wxzd {
    background-position: 0 -1320px;
}
.index_solution_wrap .f2-gzhgl {
    background-position: 0 -1390px;
}
.index_solution_wrap .f2-lslb {
    background-position: 0 -1449px;
}



.index_solution_wrap .f2-mdhy01 {
    background-position: 0 -1512px;
}
.index_solution_wrap .f2-mdhy02 {
    background-position: 0 -1583px;
}
.index_solution_wrap .f2-mdhy03 {
    background-position: 0 -1645px;
}
.index_solution_wrap .f2-mdhy04 {
    background-position: 0 -1711px;
}
.index_solution_wrap .f2-mdhy05 {
    background-position: 0 -1783px;
}
.index_solution_wrap .f2-mdhy06 {
    background-position: 0 -1857px;
}
.index_solution_wrap .f2-mdhy07 {
    background-position: 0 -1920px;
}


.index_solution_wrap .f2-gwbxcx01 {
    background-position: 0 -1996px;
}
.index_solution_wrap .f2-gwbxcx02 {
    background-position: 0 -2069px;
}
.index_solution_wrap .f2-gwbxcx03 {
    background-position: 0 -2135px;
}
.index_solution_wrap .f2-gwbxcx04 {
    background-position: 0 -2215px;
}
.index_solution_wrap .f2-gwbxcx05 {
    background-position: 0 -2290px;
}
.index_solution_wrap .f2-gwbxcx06 {
    background-position: 0 -2355px;
}
.index_solution_wrap .f2-gwbxcx07 {
    background-position: 0 -2433px;
}

.index_solution_wrap .f2-rul1-qr .s-fwb{ font-size: 14px;}



.index_solution_wrap .f2-dc,.index_solution_wrap .f2-dpzx {
    height: 70px;
    width: 70px
}
.index_solution_wrap .f2-dpzx {
    background-position: 0 -150px
}
.index_solution_wrap .f2-zxsc {
    background-position: 0 -225px
}
.index_solution_wrap .f2-zxsc,.index_solution_wrap .f2-hdyx {
    height: 70px;
    width: 70px
}
.index_solution_wrap .f2-hdyx {
    background-position: 0 -300px
}
.index_solution_wrap .f2-hytl {
    background-position: 0 -375px
}
.index_solution_wrap .f2-hytl,.index_solution_wrap .f2-hyyx {
    height: 70px;
    width: 70px
}
.index_solution_wrap .f2-hyyx {
    background-position: 0 -450px
}
.index_solution_wrap .f2-jcx {
    background-position: 0 -525px
}
.index_solution_wrap .f2-jcx, .index_solution_wrap .f2-kfxt { height: 70px; width: 70px}
.index_solution_wrap .f2-kfxt { background-position: 0 -600px}
.index_solution_wrap .f2-khgl { background-position: 0 -675px}
.index_solution_wrap .f2-khgl, .f2-kqxt { height: 70px; width: 70px}
.index_solution_wrap .f2-kqxt {background-position: 0 -750px}
.index_solution_wrap .f2-lbfx { background-position: 0 -825px}
.index_solution_wrap .f2-lbfx,.index_solution_wrap .f2-mdgl { height: 70px;width: 70px}
.index_solution_wrap .f2-mdgl { background-position: 0 -900px}
.index_solution_wrap .f2-ptkj { background-position: 0 -975px}
.index_solution_wrap .f2-ptkj,.index_solution_wrap .f2-sdp { height: 70px; width: 70px}
.index_solution_wrap .f2-sdp { background-position: 0 -1050px}
.index_solution_wrap .f2-sjfx { background-position: 0 -1125px}
.index_solution_wrap .f2-sjfx,.index_solution_wrap .f2-sjtj { height: 70px; width: 70px}
.index_solution_wrap .f2-sjtj { background-position: 0 -1200px}
.index_solution_wrap .f2-syxt { background-position: 0 -1275px}
.index_solution_wrap .f2-syxt,.index_solution_wrap .f2-tggl { height: 70px; width: 70px}
.index_solution_wrap .f2-tggl { background-position: 0 -1350px}
.index_solution_wrap .f2-wm { background-position: 0 -1425px}
.index_solution_wrap .f2-wm, .index_solution_wrap .f2-yhmd { height: 70px; width: 70px}
.index_solution_wrap .f2-yhmd { background-position: 0 -1500px}
.index_solution_wrap .f2-yxcj { background-position: 0 -1575px}
.index_solution_wrap .f2-yxcj,.index_solution_wrap .f2-yxhd { height: 70px; width: 70px}
.index_solution_wrap .f2-yxhd { background-position: 0 -1650px}
.index_solution_wrap .f2-yxtg { background-position: 0 -1725px}
.index_solution_wrap .f2-yxtg,.index_solution_wrap .f2-yygl { height: 70px;  width: 70px}
.index_solution_wrap .f2-yygl { background-position: 0 -1800px}
.index_solution_wrap .f2-rul1>li { display: inline-block; margin-left: 50px;position: relative}
.index_solution_wrap .f2-rul1>li:first-child { margin-left: 0}
.index_solution_wrap .f2-rul1-qr { position: absolute; background-color: #fff; border-radius: 4px; bottom: 0; left: 0; right: 0; height: 0; text-align: center; overflow: hidden; opacity: 0; filter: Alpha(opacity=0); font-size: 12px; transition: height .3s, opacity .3s; -moz-transition: height .3s, opacity .3s; -webkit-transition: height .3s, opacity .3s; -o-transition: height .3s, opacity .3s}
.index_solution_wrap .f2-rul1-qr>img {  width: 132px; margin: 15px 0 8px}
.index_solution_wrap .f2-rul1>li:hover .f2-rul1-qr { height: 182px; opacity: 1; filter: Alpha(opacity=100); color: #595961}
.index_solution_wrap .f2-lnk { padding: 4px 14px; border: 1px solid #fff; text-align: center; color: #fff; border-radius: 2px}
.index_solution_wrap .f2-lnk:hover {  background-color: #fff; color: #595961}
/*首页解决方案 end*/

/*首页我们的实力 begin*/
.index_strength_bg{ background: #f2f2f2; padding-top: 35px; margin-bottom: 2px;}
.index_strength_num{ width: 890px; margin: 0px auto;}
.index_strength_num ul { display: block; margin: 0px auto; margin-top: 0px; margin-bottom: 30px;}
.index_strength_num .s-fs26{ font-size:30px; color: #e54f28; padding-bottom: 10px; font-weight: 300;}
.index_strength_num ul>li {font-size: 16px; display: inline-block; margin-right: 30px; margin-left: 30px; min-width: 80px; text-align: center;}


.index_strength_wrap .mod-app-trends { padding-top: 75px; padding-bottom: 0; overflow: hidden;}
.index_strength_wrap .mod-app-trends .text { position: relative; width: 800px; margin: 10px auto 0; text-align: center; color: #888; z-index: 20;}
.index_strength_wrap .mod-app-trends .image { position: relative; height: 560px; margin-top: -160px;}
.index_strength_wrap .mod-app-trends .image .circle,
.index_strength_wrap .mod-app-trends .image .item-1,
.index_strength_wrap .mod-app-trends .image .item-2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 6;}
.index_strength_wrap{
  background: url("../ckjryy_img/trends_circle.png") center bottom no-repeat;
}
/*.index_strength_wrap .mod-app-trends .image .circle {
  background: url("../ckjryy_img/trends_circle.png") center bottom no-repeat;
}*/
.index_strength_wrap .mod-app-trends .image .item-1 {
  background: url("../ckjryy_img/trends_item_1.png") center bottom no-repeat;
}
#index .mod-app-trends .image .item-2 {
  background: url("../ckjryy_img/trends_item_2.png") center bottom no-repeat;
}
.index_strength_wrap .mod-app-trends .image .phone { opacity: 0; position: absolute; left: 50%; bottom: 0; z-index: 6;}
.index_strength_wrap .mod-app-trends .image .phone.phone-1 { margin-left: -210px; -webkit-transform: translateY(120px); -moz-transform: translateY(120px); transform: translateY(120px);}
.index_strength_wrap .mod-app-trends .image .phone.phone-2 { margin-left: -340px; z-index: 5  -webkit-transform: translateY(80px); -moz-transform: translateY(80px); transform: translateY(80px);}
.index_strength_wrap .mod-app-trends .image .phone.phone-3 { margin-left: 0px  z-index: 5; -webkit-transform: translateY(90px); -moz-transform: translateY(90px); transform: translateY(90px);}
.index_strength_wrap .mod-app-trends .image .phone.phone-4 { margin-left: -20px; bottom: 160px; z-index: 3; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); transform: translateY(60px);}
.index_strength_wrap .mod-app-trends .image .phone.phone-5 { margin-left: 160px; -webkit-transform: translateY(160px); -moz-transform: translateY(160px); transform: translateY(160px);}
.index_strength_wrap .mod-app-trends.show .image .phone {opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: all .9s; -moz-transition: all .9s; transition: all .9s;}

/*首页我们的实力 end*/


/*首页创客匠人动态 begin*/
.index_news_bg{ margin-bottom: 15px;}
.index_news_wrap{ width:1200px; height: 220px; margin: 0px auto; margin-top: 5px;}
.index_news_wrap .new_main{ width: 560px;}
.index_news_wrap .fr{ float: right; padding: 0px;}
.index_news_wrap .new_main .tit{ font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999;}
.index_news_wrap .new_main .more{ float:right; color: #999; font-size: 14px; padding-top: 10px;}
.index_news_wrap .new_main ul{list-style-type:square;}
.index_news_wrap .new_main ul li{ height:30px; line-height:30px; overflow:hidden; margin-bottom:1px; position:relative; text-indent:15px;}
.index_news_wrap .new_main ul li a{ font-size:14px; color:#545454;}
.index_news_wrap .new_main ul li span.fr{ color:#909090; font-size:14px;}
.index_news_wrap .new_main ul li i{ width:3px; height:3px; position:absolute; left:3; top:15px; display:block; background:url(../ckjryy_img/news_icons.jpg) no-repeat;}
.index_news_wrap .new_main ul li:hover a{ text-decoration:none; color:#e54f28; text-decoration: underline;}
.index_news_wrap .new_main ul lihover i{ background-position:-497px -162px;}
/*首页创客匠人动态 end*/

/*首页我们的定位 begin*/
.index_position_wrap{ width: 100%; height: 80px; margin-bottom: 30px; background: #F6FBFB url(../ckjryy_img/index_position_bg.jpg) no-repeat center top; padding-bottom: 0;}
.index_position_wrap .mod-title{ color: #fff; text-align: center; padding-top: 15px; margin-bottom: 10px; }
.index_position_wrap .mod-title h2{ font-size: 40px; font-weight: bold;color: #fff;}
.index_position_wrap .mod-title p{ font-size: 20px; line-height: 65px;}
/*首页我们的定位 end*/


/*产品02 微信小程序 什么是小程序 begin*/
.products02_intro_wrap{ width: 100%; height: 170px; margin-bottom: 15px; background: #F6FBFB url(../ckjryy_img/products02_intro_bg.jpg) no-repeat center top; padding-bottom: 0;}
.products02_intro_wrap .mod-title{ color: #fff; text-align: center; padding-top: 30px; margin-bottom: 10px; }
.products02_intro_wrap .mod-title h2{ font-size: 40px; font-weight: bold;color: #fff;}
.products02_intro_wrap .mod-title p{ font-size: 20px;font-weight: 300;line-height: 65px;}
/*产品02 微信小程序 什么是小程序 end*/


/*产品01 我们的定位 begin*/
.products01_position_wrap{ width: 100%; height: 200px; margin-bottom: 15px; background: #F6FBFB url(../ckjryy_img/products01_position_bg.jpg) no-repeat center top; padding-bottom: 0;}
.products01_position_wrap .mod-title{ color: #fff; text-align: center; padding-top: 30px; margin-bottom: 10px; }
.products01_position_wrap .mod-title h2{ font-size: 40px; font-weight: bold;}
.products01_position_wrap .mod-title p{ margin-top: 25px; font-size: 18px; line-height: 55px;}
.products01_position_wrap .mod-title p a{ color: #fff; border: 1px solid #fff; border-radius: 25px; padding: 10px 20px;}
.products01_position_wrap .mod-title p a:hover{ background: #fff; color: #e45b3a; text-decoration: none;}
/*产品01 我们的定位 end*/

/*产品03 我们的定位 begin*/
.products03_position_wrap{ width: 100%; height: 170px; margin-bottom: 15px; background: #F6FBFB url(../ckjryy_img/products01_position_bg.jpg) no-repeat center top; padding-bottom: 0;}
.products03_position_wrap .mod-title{ color: #fff; text-align: center; padding-top: 25px; margin-bottom: 5px; }
.products03_position_wrap .mod-title h3{ font-size: 40px;font-weight: bold;color: #fff;}
.products03_position_wrap .mod-title p{ margin-top: 15px; font-size: 18px; line-height: 55px;}
.products03_position_wrap .mod-title p a{ color: #fff; border: 1px solid #fff; border-radius: 25px; padding: 10px 20px;}
.products03_position_wrap .mod-title p a:hover{ background: #fff; color: #e45b3a; text-decoration: none;}
/*产品03 我们的定位 end*/

/*合作加盟 我们的定位 begin*/
.join_position_wrap{ width: 100%; height: 120px; margin-bottom: 15px; background: #F6FBFB url(../ckjryy_img/products01_position_bg.jpg) no-repeat center top; padding-bottom: 0;}
.join_position_wrap .mod-title{ color: #fff; text-align: center; padding-top: 2px; margin-bottom: 10px; }
.join_position_wrap .mod-title h2{ font-size: 35px; font-weight: bold;padding-top: 35px;color: #fff;}
.join_position_wrap .mod-title p{ margin-top: 25px; font-size: 24px; line-height: 55px;}
.join_position_wrap .mod-title p a{ color: #fff; border: 1px solid #fff; border-radius: 25px; padding: 10px 20px;}
.join_position_wrap .mod-title p a:hover{ background: #fff; color: #e45b3a; text-decoration: none;}
/*合作加盟 我们的定位 end*/

/*首页合作媒体 begin*/
.index_partner_wrap .falgship{ min-width:1200px;overflow: hidden;}
.index_partner_wrap .falgship .wrap_tit_bg { width: 433px; height: 24px;}
.index_partner_wrap #falgship-box { padding-bottom: 30px;}
.index_partner_wrap .car_show {  position:relative; float:left; width:1201px; min-height:130px; padding-top: 30px; overflow:hidden;}
.index_partner_wrap .car_show a { float: left; position: relative; display: block; width:198px; height:102px; padding:0px; margin-right:-1px; margin-top:-1px; outline: none; overflow: hidden; }
.index_partner_wrap .car_show a>div { position:relative; width:198px; height:102px; overflow: hidden;}
.index_partner_wrap .car_show a>div img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_partner_wrap .car_show a>p {position: absolute; top: -1px; left: -20px;width:198px; height:102px; padding: 10px; font-size: 16px; font-weight: bold; text-align: center; line-height: 90px; cursor: pointer; }
.index_partner_wrap .car_show a>p{width: 0;font-size: 0;-webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.index_partner_wrap .car_show a:hover p{width: 200px;font-size: 16px;-webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s;-ms-transition: all ease-in-out .25s; transition: all ease-in-out .25s;}
.index_partner_wrap .falgship .arrow_brand {position:absolute; bottom: 30px; left: 50%; margin-left: -160px; width: 320px; height: 39px; outline: none;}
.index_partner_wrap .falgship .arrow_brand span { position:absolute; left:0; width: 320px; height: 39px; line-height: 39px;color: #fff;font-size: 20px;text-align: center;border: 1px solid #fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;}
.index_partner_wrap .falgship .arrow_top { display: none; }
.index_partner_wrap .falgship .arrow_bot span,.falgship .arrow_top span { bottom: -1px;}

.index_partner_wrap .falgship .wrap_tit_bg span {margin-right: 25px;}
.index_partner_wrap .car_show a {background-color: #fff; }
.index_partner_wrap .car_show a>p {color: #000; background-color:#f1f1f1;}
.index_partner_wrap .arrow_brand:hover span { border:1px solid #9c9c9c; color:#000; }
/*首页合作媒体 end*/

/*首页网站底部 begin*/
.index_footer_bg {color: #f1f1f1; border-top: 1px solid #DBDDE4!important; background: #585656; padding: 0!important}
.index_footer_bg .footer {  padding-top: 30px;  padding-bottom: 30px;  background: #585656; width: 1200px;  margin: 0 auto}
.index_footer_bg .footer .us { list-style: none none; padding-left: 0; margin: 0}
.index_footer_bg .footer .us:after { content: ''; display: block; clear: both}
.index_footer_bg .footer .us li { float: left; width: 25%}
.index_footer_bg .footer .us h3 { margin: 0 0 15px 0px; font-weight: 700; font-size: 14px;  color: #fff; text-decoration: none}
.index_footer_bg .footer .list { list-style: none;  margin: 0; padding: 0}
.index_footer_bg .footer .list li { width: 100%; font-size: 14px; line-height: 28px}
.index_footer_bg .footer .list a { color: #f1f1f1; text-decoration: none; font-size: 14px; line-height: 28px}
.index_footer_bg .footer .list a:hover { color: #fff;text-decoration: underline;}
.index_footer_bg .record { background: #3f3e3e}
.index_footer_bg .record_info { text-align: right; font-size: 13px}
.index_footer_bg .record_info p { margin: 0; height: 22px; line-height: 22px}
.index_footer_bg .record_info a { color: #f1f1f1; text-decoration: none}
.index_footer_bg .record_info a:hover { color: #fff;text-decoration: underline;}
.index_footer_bg .record_img_info { width: 1200px; margin: 30px auto 0!important; padding: 30px 0}
.footer_links{color: #999;}
.footer_links a{ padding: 0px 5px; color: #999;}
/*首页网站底部 end*/

/*内页幻灯片 begin*/
.cases_pages_top { width:100%; height: 350px; margin-top: 0px;}

.cases_pages .ny_banner_wrap .posi_.compre_posi_ { top:90px; color:#ffffff; text-align: center;}
.cases_pages .ny_banner_wrap .posi_.compre_posi_ ._desc_en{ line-height: 30px;}
.cases_pages .ny_banner_wrap .posi_.compre_posi_ ._desc{ padding-bottom: 15px;}

#cases_pages_top .ny_banner_wrap .posi_.compre_posi_ { top:90px; color:#ffffff; text-align: center;}
#cases_pages_top .ny_banner_wrap .posi_.compre_posi_ ._desc_en{ line-height: 30px;}
#cases_pages_top .ny_banner_wrap .posi_.compre_posi_ ._desc{ padding-bottom: 15px;}

.school_pages .ny_banner_wrap .posi_.compre_posi_ { top:50px; color:#ffffff; text-align: center;}
.school_pages .ny_banner_wrap .posi_.compre_posi_ ._desc span{color:#ff6424;}

.school_pages .ny_banner_wrap .more_btn a{display: block; margin: 0px auto;text-align: center; width: 180px; background-color: #e44242; font-size: 30px; color: white; font-weight: bold; border-radius: 5px; padding: 5px 0; margin-top: 20px;}
.school_pages .ny_banner_wrap .more_btn a:hover{display: block; margin: 0px auto;text-align: center; width: 180px; background-color: #d88d47; font-size: 30px; color: white; font-weight: bold; border-radius: 5px; padding: 5px 0; margin-top: 20px;}

.school_pages .ny_banner_wrap .posi_.compre_posi_ ._desc span.num{ color: #fff; display: block;font-size: 40px;padding-top: 0px;margin-left:16px; margin: 0px 20px; margin-bottom: 20px;}
.school_pages .ny_banner_wrap .posi_.compre_posi_ ._desc span.shuzhi{font-size: 38px;border-radius: 4px;padding: 6px 12px;background-color: rgba(0,0,0,0.8);margin: 0px 2px;font-family: Arial;font-weight:100;color:#fff;}


.school_pages .for_center_banner{width:auto;min-height: 325px;max-height: 520px; margin-top: 86px;}
.school_pages .for_center_banner #onebyone_slider span a{color:#FFF;}
.school_pages .detail{width: 100%;height: 100px;min-width: 1200px;margin: 0px auto;background-color: #cccaca;}
.school_pages .detail .detail_w1100{width: 1200px;margin: 0px auto;height: 100px;}
.school_pages .detail .detail_w1100 .schoolDetail{padding-left: 200px;}
.school_pages .detail .detail_w1100 p .num{display: block;float: left;font-size: 30px;color: #4c4c4c;padding-top: 28px;margin-left:16px;}
.school_pages .detail .detail_w1100 p span.shuzhi{font-size: 38px;border-radius: 4px;padding: 6px 12px;background-color: rgba(0,0,0,0.8);margin: 0px 2px;font-family: Arial;font-weight:100;color:#fff;}
.school_pages .detail .detail_w1100 p i{font-style: normal;color: #fd4100;font-weight: bold;}
.school_pages .detail .detail_w1100 p a{display: block;float: left;text-align: center;width: 180px;background-color: #e44242;font-size: 30px;color: white;font-weight: bold;border-radius: 5px;padding:5px 0;margin-top: 20px;}
.school_pages .detail .detail_w1100 p a:hover{background-color: #e33232;}


.join_person_list_wrap .join_footer{border-radius: 5px;background-color: #e44242;width: 180px;height: 50px;text-align: center;line-height: 50px;margin:0px auto; margin-bottom: 20px;}
.join_person_list_wrap .join_btn{color: #fff;font-size: 24px;}

.ny_banner_wrap{ width:100%; height: 350px; margin-top: 85px;}
.ny_banner_wrap .cbanner{position:absolute;top:85px;width:100%;z-index: 2;height: 350px;}
.ny_banner_wrap .cbanner .bg_img{display:block; height:350px; text-align:center; overflow:hidden;position:relative; }
.ny_banner_wrap .cbanner .bg_img img{
        position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    top: 0;
    height: 100%;
    max-width: none;
 }

.ny_banner_wrap .cbanner.compre_banner .bg_img,.posi_.compre_posi_ { height:350px; }
.ny_banner_wrap .posi_.compre_posi_ { top:60px; color:#ffffff; text-align: center;}
.ny_banner_wrap .posi_.compre_posi_ ._tt { margin-bottom:6px; font-size:26px; }
.ny_banner_wrap .posi_.compre_posi_ ._desc { margin-bottom:10px; margin-top: 75px; font-size:40px; font-weight:bold; line-height:1.2; }


.ny_banner_wrap .posi_.compre_posi_ ._desc_en { font-size:18px;text-transform:uppercase; }
.ny_banner_wrap .posi_.compre_posi_ .mouse { margin-top:3.2%; }

.ny_banner_wrap .posi_{position: relative;left:0;top: 168px;height: 200px;z-index: 8;}
.ny_banner_wrap .posi_ .title{font-size: 41px;color:#fff;font-weight: normal;}
.ny_banner_wrap .posi_ .bread{position:relative;}
.ny_banner_wrap .posi_  .bread ul li{float:left;color:#fff;}
.ny_banner_wrap .posi_  .bread ul li a{padding:0 5px;}
.ny_banner_wrap .posi_ .mouse{ width: 31px; height: 50px; background: url("../ckjryy_img/mouse.png"); margin-left: 50%; margin-top: 2%; cursor:pointer;}

.ny_banner_wrap .posi_ .mouse .ball {  position: relative; width: 6px; height: 6px; left: 6%; margin-left: 11px; top: 10px; display: block; background: url("../ckjryy_img/mouse2.png"); -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; transition: 300ms; -webkit-transition: 300ms;}
@keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        top: 35px;
        opacity: 0;
    }
}
/*内页幻灯片 end*/

/*内页幻灯片 按钮链接 begin*/
.ny_banner_wrap .more_btn{text-align:center; margin:0px auto 0; margin-top: 40px;}
.ny_banner_wrap .more_btn a{font-size:16px; line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 25px; padding: 10px 50px;}
.ny_banner_wrap .more_btn a:hover{background:#e3931c; border:1px solid #e3931c;color:#fff; border-radius: 25px; padding: 10px 50px;}
/*内页幻灯片 按钮链接 end*/

/*产品01 讲师系统 功能亮点 begin*/
.products01_function_wrap{width:100%; height: 430px;}
.products01_function_wrap .ckjr-function-list { width: 1200px; margin: 0px auto;text-align:center;}
.products01_function_wrap .ckjr-function-list .sc-title{ margin-bottom:30px;}
.products01_function_wrap .ckjr-function-list ul{ float:left;}
.products01_function_wrap .ckjr-function-list li{ float:left; width:238px; height:180px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.products01_function_wrap .ckjr-function-list li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(../ckjryy_img/ckjr-section4-icon.png) no-repeat;}
.products01_function_wrap .ckjr-function-list li h3{ font-size:18px; color:#111; margin-top:20px;}
.products01_function_wrap .ckjr-function-list li span{ font-size:14px; color:#333; padding:0 20px; display:none; line-height:25px; text-align:center; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}
.products01_function_wrap .ckjr-function-list li:hover span{ display:block; }
.products01_function_wrap .ckjr-function-list li i.icon01{ background-position:0 0;}
.products01_function_wrap .ckjr-function-list li i.icon02{ background-position:0 -70px;}
.products01_function_wrap .ckjr-function-list li i.icon03{ background-position:0 -140px;}
.products01_function_wrap .ckjr-function-list li i.icon04{ background-position:0 -210px;}
.products01_function_wrap .ckjr-function-list li i.icon05{ background-position:0 -280px;}
.products01_function_wrap .ckjr-function-list li i.icon06{ background-position:-70px 0;}
.products01_function_wrap .ckjr-function-list li i.icon07{ background-position:-70px -70px;}
.products01_function_wrap .ckjr-function-list li i.icon08{ background-position:-70px -140px;}
.products01_function_wrap .ckjr-function-list li i.icon09{ background-position:-70px -210px;}
.products01_function_wrap .ckjr-function-list li i.icon10{ background-position:-70px -280px;}

.products01_function_wrap .ckjr-function-list li:hover .model_wrap{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:0px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.products01_function_wrap .ckjr-function-list li:hover .model_wrap span{ padding-left: 25px; height:80px;}

.products01_function_wrap .ckjr-function-list .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #07c38e; display:inline-block; text-align:center; font-size:14px; color:#07c38e; margin:50px auto 0;}
.products01_function_wrap .ckjr-function-list .s-btn:hover{ background-color:#07c38e; color:#fff;}
/*产品01 讲师系统 功能亮点 end*/


/*产品02 美业拓客系统 功能亮点 begin*/
.products02_function_wrap{width:100%; height: 750px;}
.products02_function_wrap .ckjr-function-list { width: 1200px; margin: 0px auto;text-align:center;}
.products02_function_wrap .ckjr-function-list .sc-title{ margin-bottom:50px;}
.products02_function_wrap .ckjr-function-list ul{ float:left;}
.products02_function_wrap .ckjr-function-list li{ float:left; width:238px; height:180px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.products02_function_wrap .ckjr-function-list li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(../ckjryy_img/products02_function_icon.png) no-repeat;}
.products02_function_wrap .ckjr-function-list li h3{ font-size:18px; color:#111; margin-top:20px;}
.products02_function_wrap .ckjr-function-list li span{ font-size:14px; color:#333; padding:0 25px; display:none; line-height:25px; text-align:center; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}
.products02_function_wrap .ckjr-function-list li:hover span{ display:block; }

.products02_function_wrap .ckjr-function-list li i.icon01{ background-position:0 0;}
.products02_function_wrap .ckjr-function-list li i.icon02{ background-position:0 -70px;}
.products02_function_wrap .ckjr-function-list li i.icon03{ background-position:0 -140px;}
.products02_function_wrap .ckjr-function-list li i.icon04{ background-position:0 -210px;}
.products02_function_wrap .ckjr-function-list li i.icon05{ background-position:0 -280px;}
.products02_function_wrap .ckjr-function-list li i.icon06{ background-position:-70px 0;}
.products02_function_wrap .ckjr-function-list li i.icon07{ background-position:-70px -70px;}
.products02_function_wrap .ckjr-function-list li i.icon08{ background-position:-70px -140px;}
.products02_function_wrap .ckjr-function-list li i.icon09{ background-position:-70px -210px;}
.products02_function_wrap .ckjr-function-list li i.icon10{ background-position:-70px -280px;}
.products02_function_wrap .ckjr-function-list li i.icon11{ background-position:-140px 0;}
.products02_function_wrap .ckjr-function-list li i.icon12{ background-position:-140px -70px;}
.products02_function_wrap .ckjr-function-list li i.icon13{ background-position:-140px -140px;}
.products02_function_wrap .ckjr-function-list li i.icon14{ background-position:-140px -210px;}
.products02_function_wrap .ckjr-function-list li i.icon15{ background-position:-140px -280px;}

.products02_function_wrap .ckjr-function-list li:hover .model_wrap{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px;background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.products02_function_wrap .ckjr-function-list li:hover .model_wrap span{height:80px;}

.products02_function_wrap .ckjr-function-list .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #07c38e; display:inline-block; text-align:center; font-size:14px; color:#07c38e; margin:50px auto 0;}
.products02_function_wrap .ckjr-function-list .s-btn:hover{ background-color:#07c38e; color:#fff;}

.products02_function_wrap .more_btn{text-align:center; margin:15px auto 0; padding-top: 30px;}
.products02_function_wrap .more_btn a{font-size:16px; line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 25px; padding: 15px 60px;}
.products02_function_wrap .more_btn a:hover{background:none; border:1px solid #df463a;color:#df463a; border-radius: 25px; padding: 15px 60px;}
/*产品02 美业拓客系统 功能亮点  end*/

/*产品01 讲师系统 我们的优势 begin*/
.products01_adv_wrap .spinIcon { position: relative; width: 38px; height: 38px;}
.products01_adv_wrap .spinIcon .topSpin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; animation: spinTopIcon 1s linear infinite; background-color: #fa555b;}
.products01_adv_wrap .spinIcon .middleSpin { position: absolute; margin-top: -5px; margin-left: -5px; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 10px; background-color: #f99698;}
.products01_adv_wrap .spinIcon .bottomSpin { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; animation: spinBottomIcon 1s linear infinite; background-color: #fa5359;}
@keyframes spinTopIcon {
  0% {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
  100% {
    opacity: 1;
    transform: scale(0, 0);
  }
}
@keyframes spinBottomIcon {
  0% {
    opacity: 1;
    transform: scale(0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
}

.products01_adv_wrap .secondBox { padding-top: 0px; padding-bottom: 0px; margin-top: 35px; width: 100%; min-height: 680px;text-align: center; background-color: #fafafa;}
.products01_adv_wrap .secondBox .middleSpin { display: none;}
.products01_adv_wrap .secondBox .title { margin-top: 0;margin-bottom: 20px;font-size: 24px; color: #414141;}
.products01_adv_wrap .secondBox .secondTitle { margin-bottom: 60px; font-size: 14px;color: #545454;}
@media (max-width: 520px) {
  .products01_adv_wrap .secondBox .secondTitle {
    padding: 0 30px;
  }
}
.products01_adv_wrap .secondBox .leftBox { text-align: right;}
.products01_adv_wrap .secondBox .leftBox .top { position: relative; cursor: pointer;}
.products01_adv_wrap .secondBox .leftBox .top p { margin-bottom: 20px; color: #e44242; font-weight: bold; font-size: 30px; text-align: right;}
.products01_adv_wrap .secondBox .leftBox .top span { line-height: 25px; color: #333;font-size: 16px; text-align: right;}
.products01_adv_wrap .secondBox .leftBox .top .spinIcon { z-index: 6; display: none; position: absolute;top: 4px; right: -30px;}
.products01_adv_wrap .secondBox .leftBox .top .spinIcon img { z-index: 6; position: absolute; top: 9px;left: 20px;}
.products01_adv_wrap .secondBox .leftBox .top .spinIcon .cover { z-index: 6; position: absolute; top: -10px;left: 20px; width: 120px; height: 50px;}
.products01_adv_wrap .secondBox .leftBox .middle { position: relative; margin-top: 90px; cursor: pointer;}
.products01_adv_wrap .secondBox .leftBox .middle p { margin-bottom: 20px; color: #e44242;font-weight: bold; font-size: 30px;text-align: right;}
.products01_adv_wrap .secondBox .leftBox .middle span {line-height: 25px; color: #333;font-size: 16px;text-align: right;}
.products01_adv_wrap .secondBox .leftBox .middle .spinIcon { z-index: 6; display: none; position: absolute; top: 4px; right: -30px;}
.products01_adv_wrap .secondBox .leftBox .middle .spinIcon img { position: absolute; top: 9px;left: 20px;}
.products01_adv_wrap .secondBox .leftBox .middle .spinIcon .cover {z-index: 6; position: absolute;top: -10px;left: 20px;width: 120px; height: 50px; }
@media (min-width: 1024px) and (max-width: 1250px) {
  .products01_adv_wrap .secondBox .leftBox .middle {
    margin-top: 40px;
  }
}
.products01_adv_wrap .secondBox .leftBox .bottom { position: relative; margin-top: 55px; cursor: pointer;}
.products01_adv_wrap .secondBox .leftBox .bottom p { margin-bottom: 20px; color: #e44242; font-weight: bold; font-size: 30px;text-align: right;}
.products01_adv_wrap .secondBox .leftBox .bottom span { line-height: 25px; color: #333;font-size: 16px; text-align: right;}
.products01_adv_wrap .secondBox .leftBox .bottom .spinIcon { z-index: 6; display: none; position: absolute; top: 4px; right: -30px;}
.products01_adv_wrap .secondBox .leftBox .bottom .spinIcon img { position: absolute; top: -9px; left: 20px;}
.products01_adv_wrap .secondBox .leftBox .bottom .spinIcon .cover { z-index: 6; position: absolute; top: -10px; left: 20px; width: 120px; height: 50px; }
@media (min-width: 1024px) and (max-width: 1250px) {
  .products01_adv_wrap .secondBox .leftBox .bottom {
    margin-top: 40px;
  }
}
@media (max-width: 520px) {
  .products01_adv_wrap .secondBox .leftBox {
    display: none;
  }
}
.products01_adv_wrap .secondBox .rightBox { text-align: left; cursor: pointer;}
.products01_adv_wrap .secondBox .rightBox .top { position: relative;}
.products01_adv_wrap .secondBox .rightBox .top p { margin-bottom: 20px; color: #e44242;font-weight: bold; font-size: 30px;text-align: left;}
.products01_adv_wrap .secondBox .rightBox .top span { line-height: 25px; color: #333; font-size: 16px; text-align: left;}
.products01_adv_wrap .secondBox .rightBox .top .spinIcon { z-index: 6; display: none; position: absolute; top: 4px; left: -30px;}
.products01_adv_wrap .secondBox .rightBox .top .spinIcon img { position: absolute; top: 9px; right: 20px;}
.products01_adv_wrap .secondBox .rightBox .top .spinIcon .cover { z-index: 6; position: absolute;top: -10px; right: 20px; width: 120px; height: 50px; }
.products01_adv_wrap .secondBox .rightBox .middle { position: relative; margin-top: 90px; cursor: pointer;}
.products01_adv_wrap .secondBox .rightBox .middle p { margin-bottom: 20px; color: #e44242; font-weight: bold; font-size: 30px;text-align: left;}
.products01_adv_wrap .secondBox .rightBox .middle span {line-height: 25px;color: #333; font-size: 16px; text-align: left;}
.products01_adv_wrap .secondBox .rightBox .middle .spinIcon { z-index: 6; display: none; position: absolute; top: 4px; left: -30px;}
.products01_adv_wrap .secondBox .rightBox .middle .spinIcon img { position: absolute; top: 9px; right: 20px;}
.products01_adv_wrap .secondBox .rightBox .middle .spinIcon .cover { z-index: 6; position: absolute; top: -10px; right: 20px; width: 120px; height: 50px; }
@media (min-width: 1024px) and (max-width: 1250px) {
  .products01_adv_wrap .secondBox .rightBox .middle {
    margin-top: 40px;
  }
}
.products01_adv_wrap .secondBox .rightBox .bottom {position: relative; margin-top: 90px; cursor: pointer;}
.products01_adv_wrap .secondBox .rightBox .bottom p { margin-bottom: 20px; color: #e44242; font-weight: bold; font-size: 30px;text-align: left;}
.products01_adv_wrap .secondBox .rightBox .bottom span { line-height: 25px; color: #333; font-size: 16px; text-align: left;}
.products01_adv_wrap .secondBox .rightBox .bottom .spinIcon { z-index: 6; display: none; position: absolute; top: 4px; left: -30px;}
.products01_adv_wrap .secondBox .rightBox .bottom .spinIcon img { position: absolute; top: -9px; right: 20px;}
.products01_adv_wrap .secondBox .rightBox .bottom .spinIcon .cover { z-index: 10; position: absolute;top: -10px;right: 20px;width: 120px; height: 50px; }
@media (min-width: 1024px) and (max-width: 1250px) {
  .products01_adv_wrap .secondBox .rightBox .bottom {
    margin-top: 40px;
  }
}
@media (max-width: 520px) {
  .products01_adv_wrap .secondBox .rightBox {
    display: none;
  }
}
.products01_adv_wrap .secondBox .middleBox {position: relative;}
.products01_adv_wrap .secondBox .middleBox .outterCircle { z-index: 6; position: absolute; margin-left: -236.5px; top: 0; left: 50%;width: 100%; max-width: 473px; border-radius: 50%; background-color: #fafafa; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: secondBoxOutterCircle 90s linear infinite; animation: secondBoxOutterCircle 90s linear infinite;}
@media (min-width: 1024px) and (max-width: 1250px) {
  .products01_adv_wrap .secondBox .middleBox .outterCircle {
    margin-left: -194px;
    width: 80%;
  }
}
.products01_adv_wrap .secondBox .middleBox .innerCircle {  z-index: 6;  position: absolute;margin-left: -201.5px; top: 35px; left: 50%; width: 100%; max-width: 403px; min-height: 403px; border-radius: 50%; background-color: #fafafa; -webkit-animation: secondBoxInnerCircle 90s linear infinite; animation: secondBoxInnerCircle 90s linear infinite;}
@media (min-width: 1024px) and (max-width: 1250px) {
  .products01_adv_wrap .secondBox .middleBox .innerCircle {
    margin-left: -165px;
    top: 27px;
    width: 68.1%;
  }
}
.products01_adv_wrap .secondBox .middleBox .imgList {
  z-index: 30;
}
.products01_adv_wrap .secondBox .middleBox .imgList li { z-index:6; position: absolute; margin-left: -168.5px; top: 68px; left: 50%; width: 337px; height: 337px;}
.products01_adv_wrap .secondBox .middleBox .imgList li img { z-index: 6; opacity: 0; transition: all 0.3s;}
@media (max-width: 520px) {
  .products01_adv_wrap .secondBox .middleBox {
    display: none;
  }
}
.products01_adv_wrap .secondBox .activeService { display: block !important; -webkit-animation: secondBoxLine 1s linear; animation: secondBoxLine 1s linear;}
.products01_adv_wrap .secondBox .activeServiceImg img { opacity: 1 !important;}
.products01_adv_wrap .secondBox .mobileBox { position: relative; display: none; min-height: 520px;}

/*产品01 讲师系统 我们的优势 end*/

/*产品01 讲师系统 视频介绍 begin*/
.products01_video_wrap{ margin-top: 35px; margin-bottom: 0px;}
.products01_video_wrap .section-1{ padding-bottom: 0; }
.products01_video_wrap .section-1 .intro{ width: 366px; height: 62px; margin: 0 auto; background: #16DCC8; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(5,230,207,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 10;}
.products01_video_wrap .section-1 .img{ position: relative; height: 430px; }
.products01_video_wrap .section-1 .img div{ position: absolute; text-align: center; font-size: 16px; line-height: 40px; }
.products01_video_wrap .section-1 .img-1{ width: 301px; padding-top: 184px; top: 117px; left: 0;}
.products01_video_wrap .section-1 .img-2{ width: 301px; padding-top: 184px; top: 117px; right: 0;}
.products01_video_wrap .section-1 .video{ background: url(../ckjryy_img/products01_video_img01.jpg) no-repeat; width: 763px; height: 422px; left: 50%; margin-left: -382px; top: 0; }
.products01_video_wrap .section-1 .slide{width: 780px; float: left;text-align: center; height: 530px; font-size: 16px; line-height: 40px;}

.products_nr_video_slide_right{ width: 350px; float: right;margin-top: 35px;}
.products_nr_video_other{ width: 300px; height: 150px;box-shadow: 0 0 70px rgba(229,79,40,.5); padding: 0px; margin-bottom: 10px;}
.products_nr_video_other_bg{float:right;}
.products_nr_video_other_bg p{width: 300px;text-align: center;padding-bottom: 10px;}

.products01_video_wrap .section-1 .slide li{ width: 450px; transition: all .2s; padding-top: 10px; margin: 0px auto;}
.products01_video_wrap .section-1 .slide li h3{ visibility: hidden; margin-top: 140px; transition: margin .5s;}
.products01_video_wrap .section-1 .slide li h3 em{ font-size: 12px; font-style: normal; }
.products01_video_wrap .section-1 .slide li p em{ font-style: normal; }
.products01_video_wrap .section-1 .slide li .img{ width: 300px; height: 166px; transition: all .5s; background-size: contain; margin: 0 auto;}
.products01_video_wrap .section-1 .slide li.item-1 .img{ background: url(../ckjryy_img/products01_video_img0.jpg) no-repeat; background-size: contain;}
.products01_video_wrap .section-1 .slide li.item-2 .img{ background-size: contain;}
.products01_video_wrap .section-1 .slide li.item-3 .img{ background-size: contain;}
.products01_video_wrap .section-1 .slide li.on .img{ cursor: pointer; width: 763px; height: 422px; position: relative; background-size: contain; margin-left: -148px; position: relative; z-index: 2; box-shadow: 0 0 70px rgba(229,79,40,.5);}
.products01_video_wrap .section-1 .slide li.on .img:before{ content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -50px; width: 101px; height: 101px; background: url(../ckjryy_img/products01_video_img02.png) no-repeat; }
.products01_video_wrap .section-1 .slide li.on .img:after{ content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #e54f28; opacity: 0; transition: opacity .5s; }
.products01_video_wrap .section-1 .slide li.on .img:hover:after{ opacity: .1; }
.products01_video_wrap .section-1 .slide li.on h3{ visibility: visible;width: 366px; height: 62px; margin: 0 auto -27px; background: #e54f28; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(229,79,40,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 5; }
.products01_video_wrap .section-1 .slide li.on p{ visibility: hidden; }
.products01_video_wrap .section-1 .slide .prev,
.products01_video_wrap .section-1 .slide .next{ cursor: pointer; opacity: 0; transition: opacity .2s; z-index: 30; width: 75px; height: 166px; position: absolute; top: 50%; margin-top: -83px;}
.products01_video_wrap .section-1 .slide:hover .prev,
.products01_video_wrap .section-1 .slide:hover .next{ opacity: 1; }
.products01_video_wrap .section-1 .slide .prev{ background-position: left top; left: 75px;}
.products01_video_wrap .section-1 .slide .next{ background-position: right top; right: 10px;}
.products01_video_wrap .section-1 .slide .prev:hover{ background-position: left bottom; }
.products01_video_wrap .section-1 .slide .next:hover{ background-position: right bottom; }
/*产品01 讲师系统 视频介绍 end*/
.products01_video_wrap_index{ /* margin-top: 50px; */margin-bottom: 0px;height: 630px;/* background: #f2f2f2; */}
.products01_video_wrap_index .section-1{ padding-bottom: 0; }
.products01_video_wrap_index .section-1 .intro{ width: 366px; height: 62px; margin: 0 auto; background: #16DCC8; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(5,230,207,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 10;}
.products01_video_wrap_index .section-1 .img{ position: relative; height: 430px; }
.products01_video_wrap_index .section-1 .img div{ position: absolute; text-align: center; font-size: 16px; line-height: 40px; }
.products01_video_wrap_index .section-1 .img-1{ width: 301px; padding-top: 184px; top: 117px; left: 0;}
.products01_video_wrap_index .section-1 .img-2{ width: 301px; padding-top: 184px; top: 117px; right: 0;}
.products01_video_wrap_index .section-1 .video{ background: url(../ckjryy_img/products01_video_img01.jpg) no-repeat; width: 763px; height: 422px; left: 50%; margin-left: -382px; top: 0; }
.products01_video_wrap_index .section-1 .slide{width: 780px; float: left;text-align: center; height: 530px; font-size: 16px; line-height: 40px; margin-top: 80px;}
.products01_video_wrap_index .section-1 .slide li{ width: 450px; transition: all .2s; padding-top: 10px; margin: 0px auto;}
.products01_video_wrap_index .section-1 .slide li h3{ visibility: hidden; margin-top: 140px; transition: margin .5s;}
.products01_video_wrap_index .section-1 .slide li h3 em{ font-size: 12px; font-style: normal; }
.products01_video_wrap_index .section-1 .slide li p em{ font-style: normal; }
.products01_video_wrap_index .section-1 .slide li .img{ width: 300px; height: 166px; transition: all .5s; background-size: contain; margin: 0 auto;}
.products01_video_wrap_index .section-1 .slide li.item-1 .img{ background: url(../ckjryy_img/products01_video_img0.jpg) no-repeat; background-size: contain;}
.products01_video_wrap_index .section-1 .slide li.item-2 .img{ background-size: contain;}
.products01_video_wrap_index .section-1 .slide li.item-3 .img{ background-size: contain;}
.products01_video_wrap_index .section-1 .slide li.on .img{ cursor: pointer; width: 763px; height: 422px; position: relative; background-size: contain; margin-left: -148px; position: relative; z-index: 2; box-shadow: 0 0 70px rgba(229,79,40,.5);}
.products01_video_wrap_index .section-1 .slide li.on .img:before{ content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -50px; width: 101px; height: 101px; background: url(../ckjryy_img/products01_video_img02.png) no-repeat; }
.products01_video_wrap_index .section-1 .slide li.on .img:after{ content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #e54f28; opacity: 0; transition: opacity .5s; }
.products01_video_wrap_index .section-1 .slide li.on .img:hover:after{ opacity: .1; }
.products01_video_wrap_index .section-1 .slide li.on h3{ visibility: visible;width: 366px; height: 62px; margin: 0 auto -27px; background: #e54f28; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(229,79,40,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 5; }
.products01_video_wrap_index .section-1 .slide li.on p{ visibility: hidden; }
.products01_video_wrap_index .section-1 .slide .prev,
.products01_video_wrap_index .section-1 .slide .next{ cursor: pointer; opacity: 0; transition: opacity .2s; z-index: 30; width: 75px; height: 166px; position: absolute; top: 50%; margin-top: -83px;}
.products01_video_wrap_index .section-1 .slide:hover .prev,
.products01_video_wrap_index .section-1 .slide:hover .next{ opacity: 1; }
.products01_video_wrap_index .section-1 .slide .prev{ background-position: left top; left: 75px;}
.products01_video_wrap_index .section-1 .slide .next{ background-position: right top; right: 10px;}
.products01_video_wrap_index .section-1 .slide .prev:hover{ background-position: left bottom; }
.products01_video_wrap_index .section-1 .slide .next:hover{ background-position: right bottom; }
/*产品02 微信小程序 视频介绍 begin*/
.products02_video_wrap{ height: 600px; margin-top: 35px; margin-bottom: 0px;}
.products02_video_wrap .section-1{ padding-bottom: 0; }
.products02_video_wrap .section-1 .intro{ width: 366px; height: 62px; margin: 0 auto; background: #16DCC8; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(5,230,207,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 10;}
.products02_video_wrap .section-1 .img{ position: relative; height: 430px; }
.products02_video_wrap .section-1 .img div{ position: absolute; text-align: center; font-size: 16px; line-height: 40px; }
.products02_video_wrap .section-1 .img-1{ width: 301px; padding-top: 184px; top: 117px; left: 0;}
.products02_video_wrap .section-1 .img-2{ width: 301px; padding-top: 184px; top: 117px; right: 0;}
.products02_video_wrap .section-1 .video{ background: url(../ckjryy_img/products02_video_img01.jpg) no-repeat; width: 763px; height: 422px; left: 50%; margin-left: -382px; top: 0; }
.products02_video_wrap .section-1 .slide{width: 780px; float: left;text-align: center; height: 530px; font-size: 16px; line-height: 40px; }
.products02_video_wrap .section-1 .slide li{ width: 450px; transition: all .2s; padding-top: 10px; margin: 0px auto;}
.products02_video_wrap .section-1 .slide li h3{ visibility: hidden; margin-top: 140px; transition: margin .5s;}
.products02_video_wrap .section-1 .slide li h3 em{ font-size: 12px; font-style: normal; }
.products02_video_wrap .section-1 .slide li p em{ font-style: normal; }
.products02_video_wrap .section-1 .slide li .img{ width: 300px; height: 166px; transition: all .5s; background-size: contain; margin: 0 auto;}
.products02_video_wrap .section-1 .slide li.item-1 .img{ background: url(../ckjryy_img/products02_video_img01.jpg) no-repeat; background-size: contain;}
.products02_video_wrap .section-1 .slide li.item-2 .img{ background-size: contain;}
.products02_video_wrap .section-1 .slide li.item-3 .img{ background-size: contain;}
.products02_video_wrap .section-1 .slide li.on .img{ cursor: pointer; width: 763px; height: 422px; position: relative; background-size: contain; margin-left: -148px; position: relative; z-index: 2; box-shadow: 0 0 70px rgba(229,79,40,.5);}
.products02_video_wrap .section-1 .slide li.on .img:before{ content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -50px; width: 101px; height: 101px; background: url(../ckjryy_img/products01_video_img02.png) no-repeat; }
.products02_video_wrap .section-1 .slide li.on .img:after{ content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #e54f28; opacity: 0; transition: opacity .5s; }
.products02_video_wrap .section-1 .slide li.on .img:hover:after{ opacity: .1; }
.products02_video_wrap .section-1 .slide li.on h2{ visibility: visible;width: 366px; height: 62px; margin: 0 auto -27px; background: #e54f28; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(229,79,40,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 5; }
.products02_video_wrap .section-1 .slide li.on p{ visibility: hidden; }
.products02_video_wrap .section-1 .slide .prev,
.products02_video_wrap .section-1 .slide .next{ cursor: pointer; opacity: 0; transition: opacity .2s; z-index: 30; width: 75px; height: 166px; position: absolute; top: 50%; margin-top: -83px;}
.products02_video_wrap .section-1 .slide:hover .prev,
.products02_video_wrap .section-1 .slide:hover .next{ opacity: 1; }
.products02_video_wrap .section-1 .slide .prev{ background-position: left top; left: 75px;}
.products02_video_wrap .section-1 .slide .next{ background-position: right top; right: 10px;}
.products02_video_wrap .section-1 .slide .prev:hover{ background-position: left bottom; }
.products02_video_wrap .section-1 .slide .next:hover{ background-position: right bottom; }
/*产品02 微信小程序 视频介绍 end*/

/*产品03 美拓系统 视频介绍 begin*/
.products03_video_wrap{ height: 600px;margin-top: 35px; margin-bottom: 0px;}
.products03_video_wrap .section-1{ padding-bottom: 0; }
.products03_video_wrap .section-1 .intro{ width: 366px; height: 62px; margin: 0 auto; background: #16DCC8; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(5,230,207,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 10;}
.products03_video_wrap .section-1 .img{ position: relative; height: 430px; }
.products03_video_wrap .section-1 .img div{ position: absolute; text-align: center; font-size: 16px; line-height: 40px; }
.products03_video_wrap .section-1 .img-1{ width: 301px; padding-top: 184px; top: 117px; left: 0;}
.products03_video_wrap .section-1 .img-2{ width: 301px; padding-top: 184px; top: 117px; right: 0;}
.products03_video_wrap .section-1 .video{ background: url(../ckjryy_img/products03_video_img01.jpg) no-repeat; width: 763px; height: 422px; left: 50%; margin-left: -382px; top: 0; }
.products03_video_wrap .section-1 .slide{ width: 780px; float: left;text-align: center; height: 530px; font-size: 16px; line-height: 40px;}
.products03_video_wrap .section-1 .slide li{ width: 450px; transition: all .2s; padding-top: 10px; margin: 0px auto;}
.products03_video_wrap .section-1 .slide li h3{ visibility: hidden; margin-top: 140px; transition: margin .5s;}
.products03_video_wrap .section-1 .slide li h3 em{ font-size: 12px; font-style: normal; }
.products03_video_wrap .section-1 .slide li p em{ font-style: normal; }
.products03_video_wrap .section-1 .slide li .img{ width: 300px; height: 166px; transition: all .5s; background-size: contain; margin: 0 auto;}
.products03_video_wrap .section-1 .slide li.item-1 .img{ background: url(../ckjryy_img/products03_video_img01.jpg) no-repeat; background-size: contain;}
.products03_video_wrap .section-1 .slide li.item-2 .img{ background-size: contain;}
.products03_video_wrap .section-1 .slide li.item-3 .img{ background-size: contain;}
.products03_video_wrap .section-1 .slide li.on .img{ cursor: pointer; width: 763px; height: 422px; position: relative; background-size: contain; margin-left: -148px; position: relative; z-index: 2; box-shadow: 0 0 70px rgba(229,79,40,.5);}
.products03_video_wrap .section-1 .slide li.on .img:before{ content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -50px; width: 101px; height: 101px; background: url(../ckjryy_img/products01_video_img02.png) no-repeat; }
.products03_video_wrap .section-1 .slide li.on .img:after{ content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #e54f28; opacity: 0; transition: opacity .5s; }
.products03_video_wrap .section-1 .slide li.on .img:hover:after{ opacity: .1; }
.products03_video_wrap .section-1 .slide li.on h3{ visibility: visible;width: 366px; height: 62px; margin: 0 auto -27px; background: #e54f28; border-radius: 37px; box-shadow: 0 0 0px 7px rgba(229,79,40,.2); text-align: center; line-height: 62px; font-size: 28px; color: #fff; position: relative; z-index: 5; }
.products03_video_wrap .section-1 .slide li.on p{ visibility: hidden; }
.products03_video_wrap .section-1 .slide .prev,
.products03_video_wrap .section-1 .slide .next{ cursor: pointer; opacity: 0; transition: opacity .2s; z-index: 30; width: 75px; height: 166px; position: absolute; top: 50%; margin-top: -83px;}
.products03_video_wrap .section-1 .slide:hover .prev,
.products03_video_wrap .section-1 .slide:hover .next{ opacity: 1; }
.products03_video_wrap .section-1 .slide .prev{ background-position: left top; left: 75px;}
.products03_video_wrap .section-1 .slide .next{ background-position: right top; right: 10px;}
.products03_video_wrap .section-1 .slide .prev:hover{ background-position: left bottom; }
.products03_video_wrap .section-1 .slide .next:hover{ background-position: right bottom; }
/*产品03 美拓系统 视频介绍 end*/

/*产品01 系统开通流程 begin*/
.products_process_wrap{ margin-bottom: 15px;}
.products_process_wrap .section-6 .list{ margin: 20px -10px; height: 290px;}
.products_process_wrap .section-6 .list li{ float: left; width: 210px; height: 275px; overflow: hidden; transition: all .2s; position: relative; margin: 0 10px; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.products_process_wrap .section-6 .list li:hover{ height: 290px; }
.products_process_wrap .section-6 .list li .img{ width: 210px; height: 168px; display: block; margin: 0 auto 30px; }
.products_process_wrap .section-6 .list li:nth-child(1) .img{ background: url(../ckjryy_img/prodcts01_process_img01.jpg) no-repeat; }
.products_process_wrap .section-6 .list li:nth-child(2) .img{ background: url(../ckjryy_img/prodcts01_process_img02.jpg) no-repeat; }
.products_process_wrap .section-6 .list li:nth-child(3) .img{ background: url(../ckjryy_img/prodcts01_process_img03.jpg) no-repeat; }
.products_process_wrap .section-6 .list li:nth-child(4) .img{ background: url(../ckjryy_img/prodcts01_process_img04.jpg) no-repeat; }
.products_process_wrap .section-6 .list li:nth-child(5) .img{ background: url(../ckjryy_img/prodcts01_process_img05.jpg) no-repeat; }
.products_process_wrap .section-6 .list li h3{ font-size: 16px; padding: 0px 30px; line-height: 26px; margin-bottom: 20px;}
.products_process_wrap .section-6 .list li p{ font-size: 14px; color: #888; padding: 0 10px;}
.products_process_wrap .section-6 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #f1f1f1; transition: all .2s;}
/*产品01 系统开通流程 end*/



/*产品03 系统开通流程 begin*/
.products03_process_wrap{ margin-bottom: 35px;}
.products03_process_wrap .section-6 .list{ margin: 20px -10px; height: 290px;}
.products03_process_wrap .section-6 .list li{ float: left; width: 210px; height: 275px; overflow: hidden; transition: all .2s; position: relative; margin: 0 15px; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.products03_process_wrap .section-6 .list li:hover{ height: 290px; }
.products03_process_wrap .section-6 .list li .img{ width: 210px; height: 168px; display: block; margin: 0 auto 30px; }
.products03_process_wrap .section-6 .list li:nth-child(1) .img{ background: url(../ckjryy_img/prodcts01_process_img01.jpg) no-repeat; }
.products03_process_wrap .section-6 .list li:nth-child(2) .img{ background: url(../ckjryy_img/prodcts01_process_img02.jpg) no-repeat; }
.products03_process_wrap .section-6 .list li:nth-child(3) .img{ background: url(../ckjryy_img/prodcts01_process_img03.jpg) no-repeat; }
.products03_process_wrap .section-6 .list li:nth-child(4) .img{ background: url(../ckjryy_img/prodcts01_process_img04.jpg) no-repeat; }
.products03_process_wrap .section-6 .list li:nth-child(5) .img{ background: url(../ckjryy_img/prodcts01_process_img05.jpg) no-repeat; }
.products03_process_wrap .section-6 .list li h3{ font-size: 16px; padding: 0px 30px; line-height: 26px; margin-bottom: 20px;}
.products03_process_wrap .section-6 .list li p{ font-size: 14px; color: #888; padding: 0 10px;}
.products03_process_wrap .section-6 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #f1f1f1; transition: all .2s;}
/*产品03 系统开通流程 end*/



/*产品03 股东及员工分红 分红执行流程 begin*/
.products03_fh_process_wrap{ margin-bottom: 0px;}
.products03_fh_process_wrap .section-6 .list{ margin: 20px -10px; height: 290px;}
.products03_fh_process_wrap .section-6 .list li{ float: left; width: 185px; height: 235px; overflow: hidden; transition: all .2s; position: relative; margin: 0 9px; text-align: center; box-shadow: 0 10px 30px #EEF3FE;}
.products03_fh_process_wrap .section-6 .list li:hover{ height: 260px; }
.products03_fh_process_wrap .section-6 .list li .img{ width: 185px; height: 148px; display: block; margin: 0 auto 30px; }
.products03_fh_process_wrap .section-6 .list li:nth-child(1) .img{ background: url(../ckjryy_img/products03_fh_process_img01.jpg) no-repeat; }
.products03_fh_process_wrap .section-6 .list li:nth-child(2) .img{ background: url(../ckjryy_img/products03_fh_process_img02.jpg) no-repeat; }
.products03_fh_process_wrap .section-6 .list li:nth-child(3) .img{ background: url(../ckjryy_img/products03_fh_process_img03.jpg) no-repeat; }
.products03_fh_process_wrap .section-6 .list li:nth-child(4) .img{ background: url(../ckjryy_img/products03_fh_process_img04.jpg) no-repeat; }
.products03_fh_process_wrap .section-6 .list li:nth-child(5) .img{ background: url(../ckjryy_img/products03_fh_process_img05.jpg) no-repeat; }
.products03_fh_process_wrap .section-6 .list li:nth-child(6) .img{ background: url(../ckjryy_img/products03_fh_process_img06.jpg) no-repeat; }
.products03_fh_process_wrap .section-6 .list li h3{ font-size: 16px; padding: 0px 30px; line-height: 26px; margin-bottom: 20px;}
.products03_fh_process_wrap .section-6 .list li p{ font-size: 14px; color: #888; padding: 0 10px;}
.products03_fh_process_wrap .section-6 .list li p:after{ content: ""; display: block; margin: 25px auto 21px; width: 60px; border-top: 2px solid #f1f1f1; transition: all .2s;}
/*产品03 股东及员工分红 分红执行流程 end*/


/*产品01 讲师系统资讯 begin*/
.products01_news_wrap{ margin-bottom:30px;}
.products01_news_wrap .special_column{width: 100%;padding:0px;}
.products01_news_wrap .special_column .container .row{margin-right: -30px;}
.products01_news_wrap .special_column .container .row .col-sm-4{ width: 33.333333%; float: left; padding-right: 15px;}
.products01_news_wrap .special_column_policy_title{ font-size: 20px;font-weight: bold;color: #333;margin-top: 0px;padding-top: 24px;background: white;padding-left: 8px;margin-bottom: 0px;padding-bottom: 8px;border-left: 1px solid #E0E0E0 ;border-right: 1px solid #E0E0E0 ;}

.products01_news_wrap .special_column_list{background: white;float: left;width: 100%;
padding-left: 8px;padding-top: 5px;margin-bottom: 0px;border-left: 1px solid #E0E0E0 ;border-right: 1px solid #E0E0E0 ;}
.products01_news_wrap .special_column_list li{margin-bottom: 8px;padding-right: 8px;position: relative;text-indent: 15px;}
.products01_news_wrap .special_column_list li img{float: left;margin-right: 5px;}
.products01_news_wrap .special_column_img{position: relative;}
.products01_news_wrap .special_column_img img{width: 100%;}
.products01_news_wrap .special_column_list li h5{color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;padding-right: 8px;}
.products01_news_wrap .special_column_list li a{color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;padding-right: 8px;}
.products01_news_wrap .special_column_list li a:hover{text-decoration: underline;}
.special_column_list li i{ width:3px; height:3px; position:absolute; left:3; top:8px; display:block; background:url(../ckjryy_img/news_icons.jpg) no-repeat;}
.special_column_list li span{float: right;padding: 0px;}	
.products01_news_wrap .special_column_policy_more{color: #999;background: white;padding-left: 8px;padding-bottom: 16px;font-size: 16px;margin-bottom: 0px;border: 1px solid #E0E0E0;}
/*产品01 讲师系统资讯 end*/


/*产品03 美业拓客系统资讯 begin*/
.products03_news_wrap{ margin-bottom:30px;}
.products03_news_wrap .special_column{width: 100%;padding:0px;}
.products03_news_wrap .special_column .container .row{}
.products03_news_wrap .special_column .container .row ul{ padding: 1px 5px;}
.products03_news_wrap .special_column .container .row ul li{margin-bottom: 8px;padding-right: 3px;position: relative;text-indent: 15px;}
.products03_news_wrap .special_column .container .row ul li h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;padding-right: 8px;}
.products03_news_wrap .special_column .container .row ul li a{color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;padding-right: 8px;}
.products03_news_wrap .special_column .container .row ul li a:hover{ text-decoration: underline;}
.row ul li i{ width:3px; height:3px; position:absolute; left:3; top:8px; display:block; background:url(../ckjryy_img/news_icons.jpg) no-repeat;}
.row ul li span{float: right;padding: 0px;}
.products03_news_wrap .special_column .container .row .col-sm-4{ width: 380px;border: 1px solid #E0E0E0 ;float: left; margin-right: 15px;}
.products03_news_wrap .special_column_policy_title{ font-size: 20px;font-weight: bold;color: #333;margin-top: 0px;padding-top: 24px;background: white;
padding-left: 8px;margin-bottom: 0px;padding-bottom: 8px;}

.products03_news_wrap .special_column_list{background: white;float: left;width: 100%;
padding-left: 8px;padding-top: 5px;margin-bottom: 0px;border: 1px solid #E0E0E0 ;}
.products03_news_wrap .special_column_list li{margin-bottom: 18px;padding-right: 8px;}
.products03_news_wrap .special_column_list li img{float: left;margin-right: 5px;}
.products03_news_wrap .special_column_img{position: relative;}
.products03_news_wrap .special_column_img img{width: 100%;}
.products03_news_wrap .special_column_list li h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;padding-right: 8px;}
.products03_news_wrap .special_column_list li a{color: #333333;}
.products03_news_wrap .special_column_list li a:hover{color: #e75d3a;}
.products03_news_wrap .special_column_policy_more{color: #999;background: white;padding-left: 8px;padding-bottom: 36px;font-size: 16px;margin-bottom: 0px;}
/*产品03 美业拓客系统资讯 end*/


/*产品02 微信小程序 优势 begin*/
.products02_adv_wrap .mod-floor{padding: 10px 0 70px 0; color: #333;}
.products02_adv_wrap .mod-container {width: 1200px; margin: 0 auto; }
.products02_adv_wrap .floor-2{ height: 430px; background: #f5f5f5;}
.products02_adv_wrap .floor-2 .list{ margin: 0 -15px; }
.products02_adv_wrap .floor-2 .list .item{ float: left; width: 220px; margin: 0 25px; background: #fff; padding: 15px; text-align: center; transition: all .2s;}
.products02_adv_wrap .floor-2 .list .item:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1); }
.products02_adv_wrap .floor-2 .list .item i{ width: 140px; height: 140px; display: block; margin: 0 auto 20px; background-repeat: no-repeat; background-image: url(../ckjryy_img/products02_adv_img.png);}
.products02_adv_wrap .floor-2 .list .item-1 i{ background-position: 0 0; }
.products02_adv_wrap .floor-2 .list .item-2 i{ background-position: -140px 0; }
.products02_adv_wrap .floor-2 .list .item-3 i{ background-position: -280px 0; }
.products02_adv_wrap .floor-2 .list .item-4 i{ background-position: -420px 0; }
.products02_adv_wrap .floor-2 .list .item h3{ font-size: 22px; margin-bottom: 15px; }
.products02_adv_wrap .floor-2 .list .item p{font-size: 14px; color: #666; margin-bottom: 20px;}
.products02_adv_wrap .floor-2 .list .item .line{ width: 80px; height: 2px; margin: 0 auto; background: #DEE2E4; transition: all .2s;}
.products02_adv_wrap .floor-2 .list .item:hover .line{ background: #db4c28; }
/*产品02 微信小程序 优势 end*/


/*案例 都在使用平台 begin*/
.cases_user_model_wrap .mod-floor{padding: 10px 0 70px 0; color: #333;}
.cases_user_model_wrap .mod-container {width: 1200px; margin: 0 auto; }
.cases_user_model_wrap .floor-2{ height: 230px; background: #f9f9f9;}
.cases_user_model_wrap .floor-2 .list{ margin: 0 -15px; }
.cases_user_model_wrap .floor-2 .list .item{ float: left; width: 220px; margin: 0 15px; background: #fff; padding: 25px; text-align: center; transition: all .2s;}
.cases_user_model_wrap .floor-2 .list .item:hover{ box-shadow: 0 0 15px rgba(0,0,0,.1); }
.cases_user_model_wrap .floor-2 .list .item i{ width: 140px; height: 140px; display: block; margin: 0 auto 20px; background-repeat: no-repeat; background-image: url(../ckjryy_img/cases_user_model_img.png);}
.cases_user_model_wrap .floor-2 .list .item-1 i{ background-position: 0 0; }
.cases_user_model_wrap .floor-2 .list .item-2 i{ background-position: -140px 0; }
.cases_user_model_wrap .floor-2 .list .item-3 i{ background-position: -280px 0; }
.cases_user_model_wrap .floor-2 .list .item-4 i{ background-position: -420px 0; }
.cases_user_model_wrap .floor-2 .list .item h3{ font-size: 18px; margin-bottom: 15px; }
.cases_user_model_wrap .floor-2 .list .item p{font-size: 14px; color: #666; margin-bottom: 20px;}
.cases_user_model_wrap .floor-2 .list .item .line{ width: 80px; height: 2px; margin: 0 auto; background: #DEE2E4; transition: all .2s;}
.cases_user_model_wrap .floor-2 .list .item:hover .line{ background: #db4c28; }
/*案例 都在使用平台 end*/

/*产品02 微信小程序 功能亮点 begin*/
.products_flower_wrap_function{width:100%; height: 500px;}
.products_flower_wrap_function .ckjr-function-list02 { width: 1200px; margin: 0px auto;text-align:center;}
.products_flower_wrap_function .ckjr-function-list02 .sc-title{ margin-bottom:30px;}
.products_flower_wrap_function .ckjr-function-list02 ul{ float:left;}
.products_flower_wrap_function .ckjr-function-list02 li{ float:left; width:198px; height:180px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.products_flower_wrap_function .ckjr-function-list02 li i{ width:80px; height:80px; display:block; margin:30px auto 0; background:url(../ckjryy_img/products_flower_function_img.png) no-repeat;}
.products_flower_wrap_function .ckjr-function-list02 li h3{ font-size:18px; color:#111; margin-top:20px;}
.products_flower_wrap_function .ckjr-function-list02 li span{ font-size:14px; color:#333; padding:0 25px; display:none; line-height:25px; text-align:center; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}
.products_flower_wrap_function .ckjr-function-list02 li:hover span{ display:block; }
.products_flower_wrap_function .ckjr-function-list02 li i.icon01{ background-position:0 0;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon02{ background-position:-90px 0; }
.products_flower_wrap_function .ckjr-function-list02 li i.icon03{ background-position:-180px 0;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon04{ background-position:-270px 0;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon05{ background-position:-360px 0;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon06{ background-position:0 -80px;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon07{ background-position:-90px -80px;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon08{ background-position:-180px -80px;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon09{ background-position:-270px -80px;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon10{ background-position:-360px -80px;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon11{ background-position:-0px -160px;}
.products_flower_wrap_function .ckjr-function-list02 li i.icon12{ background-position:-90px -160px;}

.products_flower_wrap_function .ckjr-function-list02 li:hover .model_wrap{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.products_flower_wrap_function .ckjr-function-list02 li:hover .model_wrap span{ padding-left: 25px; height:80px;}

.products_flower_wrap_function .ckjr-function-list02 .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #07c38e; display:inline-block; text-align:center; font-size:14px; color:#07c38e; margin:50px auto 0;}
.products_flower_wrap_function .ckjr-function-list02 .s-btn:hover{ background-color:#07c38e; color:#fff;}


/*产品02 微信小程序 流量入口 begin*/
.products_flower_wrap .mod-floor{padding: 0px 0 70px 0; color: #333;}
.products_flower_wrap .mod-container {width: 1200px; margin: 0 auto; }
.products_flower_wrap .floor-4{height: 600px;background: #fff; }
.products_flower_wrap .floor-4 .list .item{ float: left; width: 238px; height: 218px; background: #fff; border: 1px solid #E6E6E6; margin: -1px 0 0 -1px; text-align: center;}
.products_flower_wrap .floor-4 .list .item i{ display: block; width: 80px; height: 80px; margin: 25px auto 15px; background-repeat: no-repeat; background-image: url(../ckjryy_img/products_flower_img.png); }
.products_flower_wrap .floor-4 .list .item-1 i{ background-position: 0 0; }
.products_flower_wrap .floor-4 .list .item-2 i{ background-position: -90px 0; }
.products_flower_wrap .floor-4 .list .item-3 i{ background-position: -180px 0; }
.products_flower_wrap .floor-4 .list .item-4 i{ background-position: -270px 0; }
.products_flower_wrap .floor-4 .list .item-5 i{ background-position: -360px 0; }
.products_flower_wrap .floor-4 .list .item-6 i{ background-position: 0 -80px; }
.products_flower_wrap .floor-4 .list .item-7 i{ background-position: -90px -80px; }
.products_flower_wrap .floor-4 .list .item-8 i{ background-position: -180px -80px; }
.products_flower_wrap .floor-4 .list .item-9 i{ background-position: -270px -80px; }
.products_flower_wrap .floor-4 .list .item-10 i{ background-position: -360px -80px; }
.products_flower_wrap .floor-4 .list .item h3{ font-size: 20px; margin-bottom: 10px;}
.products_flower_wrap .floor-4 .list .item p{ font-size: 14px; color: #888; width: 130px; margin: 0 auto;}



/*产品02 微信小程序 流量入口 样式02*/
.products_flower_wrap{width:100%; height: 520px;}
.products_flower_wrap .ckjr-function-list02 { width: 1200px; margin: 0px auto;text-align:center;}
.products_flower_wrap .ckjr-function-list02 .sc-title{ margin-bottom:30px;}
.products_flower_wrap .ckjr-function-list02 ul{ float:left;}
.products_flower_wrap .ckjr-function-list02 li{ float:left; width:238px; height:180px; border:1px solid #d7dee3; margin:0 -1px -1px 0; text-align:center; position:relative; cursor:pointer;}
.products_flower_wrap .ckjr-function-list02 li i{ width:80px; height:80px; display:block; margin:30px auto 0; background:url(../ckjryy_img/products_flower_img.png) no-repeat;}
.products_flower_wrap .ckjr-function-list02 li h3{ font-size:18px; color:#111; margin-top:20px;}
.products_flower_wrap .ckjr-function-list02 li span{ font-size:14px; color:#333; padding:0 25px; display:none; line-height:25px; text-align:center; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}
.products_flower_wrap .ckjr-function-list02 li:hover span{ display:block; }
.products_flower_wrap .ckjr-function-list02 li i.icon01{ background-position:0 0;}
.products_flower_wrap .ckjr-function-list02 li i.icon02{ background-position:-90px 0; }
.products_flower_wrap .ckjr-function-list02 li i.icon03{ background-position:-180px 0;}
.products_flower_wrap .ckjr-function-list02 li i.icon04{ background-position:-270px 0;}
.products_flower_wrap .ckjr-function-list02 li i.icon05{ background-position:-360px 0;}
.products_flower_wrap .ckjr-function-list02 li i.icon06{ background-position:0 -80px;}
.products_flower_wrap .ckjr-function-list02 li i.icon07{ background-position:-90px -80px;}
.products_flower_wrap .ckjr-function-list02 li i.icon08{ background-position:-180px -80px;}
.products_flower_wrap .ckjr-function-list02 li i.icon09{ background-position:-270px -80px;}
.products_flower_wrap .ckjr-function-list02 li i.icon10{ background-position:-360px -80px;}

.products_flower_wrap .ckjr-function-list02 li:hover .model_wrap{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.products_flower_wrap .ckjr-function-list02 li:hover .model_wrap span{ padding-left: 25px; height:80px;}

.products_flower_wrap .ckjr-function-list02 .s-btn{ width:118px; height:34px; line-height:34px; border:1px solid #07c38e; display:inline-block; text-align:center; font-size:14px; color:#07c38e; margin:50px auto 0;}
.products_flower_wrap .ckjr-function-list02 .s-btn:hover{ background-color:#07c38e; color:#fff;}


/*产品02 微信小程序 流量入口 end*/

/*产品02 微信小程序 门店与支付 begin*/
.products02_pay_wrap .mod-floor{padding: 0px 0 10px 0; color: #333;}
.products02_pay_wrap .mod-container {width: 1200px; margin: 0 auto; }
.products02_pay_wrap .floor-5{height:700px;}
.products02_pay_wrap .floor-5 .list .item{ float: left; width: 300px; font-size: 16px; text-align: center; margin-right: 0px; position: relative;}
.products02_pay_wrap .floor-5 .list .item:nth-child(3n){ margin-right: 0; }
.products02_pay_wrap .floor-5 .list .item .number{ width: 35px; height: 35px; margin: 0 auto 10px; background: url(../images/05-icon.png) no-repeat; line-height: 35px; color: #fff;}
.products02_pay_wrap .floor-5 .list .item .text{ color: #333; }
.products02_pay_wrap .floor-5 .list .item .img{ display: block; position: relative; width: 300px; height: 498px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 15px; }
.products02_pay_wrap .floor-5 .list .item-1 .img{ background-image: url(../ckjryy_img/products_pay_img01.png); }
.products02_pay_wrap .floor-5 .list .item-2 .img{ background-image: url(../ckjryy_img/products_pay_img02.png); }
.products02_pay_wrap .floor-5 .list .item-3 .img{ background-image: url(../ckjryy_img/products_pay_img03.png); }
.products02_pay_wrap .floor-5 .list .item-4 .img{ background-image: url(../ckjryy_img/products_pay_img04.png); }
/* .products02_pay_wrap .floor-5 .list .item .img:after{ content:''; position: absolute; width: 53px; height: 10px; background: url(../images/05-arrow.png) no-repeat; top: 300px; right: -69px;} */
.products02_pay_wrap .floor-5 .list .item:nth-child(3n) .img:after{ display: none; }
/*产品02 微信小程序 门店与支付 end*/

/*产品02 微信小程序 适用行业 begin*/
.products01_industry_wrap{ }
.products01_industry_wrap .gnty-content {width: 1200px; height: 400px; overflow:hidden;margin:0 auto;padding-top:0px;}
.products01_industry_wrap .gnty-content h3{text-align: center; padding-top: 15px; padding-bottom: 25px; font-weight: 300; font-size: 18px; color: #333333;}
.products01_industry_wrap .gnty-content li {float:left;width:20%;margin:0 auto;padding-bottom:20px;padding:0 15px 0 15px;box-sizing:border-box}
.products01_industry_wrap .gnty-img-box { width: 140px; width: 140px\9; margin: 0 auto}
.products01_industry_wrap .gnty-img-box img { width: 100%}
.products01_industry_wrap .gnty-img-box.active { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s}
.products01_industry_wrap .gnty-cont {text-align:center;display:block;font-size:16px;color:#4d4d4d;padding-top:10px}
/*产品02 微信小程序 适用行业 end*/

/*产品02 微信小程序 四大标准 begin*/
.products02_standard_wrap{ }
.products02_standard_wrap .public-content{  width: 1200px;height:680px;margin: 0px auto;position: relative;}
.products02_standard_wrap .shang-wrap{  margin: 0px auto;background: #fafbfe;}
.products02_standard_wrap .shang-title{top:50px;left:385px;opacity:0;}
.products02_standard_wrap .shang1{opacity:0;top:275px;left:20px;display:block}
.products02_standard_wrap .shang2{opacity:0;top:-70px;left:235px;}
.products02_standard_wrap .shang3{opacity:0;top:-218px;left:760px;}
.products02_standard_wrap .shang4{opacity:0;top:-135px;left:980px;}
.products02_standard_wrap .shang-img{opacity:0;top:00px;left:385px;}
.products02_standard_wrap .shang-box{position:relative;max-width:217px;}
.products02_standard_wrap .shang-box p{font-size:24px;color:#fff;min-width:211px;text-align:center;position:absolute;top:0px;left:0px;display:block;padding-top:10px;}
.products02_standard_wrap .shang-box span{font-size:13px;color:#fff;position:absolute;top:53px;left:0;text-align:center;padding:0 9px;max-width:211px;line-height:16px;}
.products02_standard_wrap .tc-xian{top:270px;left:260px;}
.products02_standard_wrap .position-a{position:absolute;}
/*产品02 微信小程序 四大标准 end*/

/*产品03 股东及员工分红 股东招募 begin*/
.products03_fh_zm_wrap{width: 1200px;margin: 0px auto;text-align: center; padding-bottom: 45px;}
/*产品03 股东及员工分红 股东招募 end*/

/*产品03 股东及员工分红 6大优势 begin*/
.products03_fh_adv_wrap{ height: 580px;}
.products03_fh_adv_wrap .advantage-list{ width: 1200px; margin: 0px auto;}
.products03_fh_adv_wrap .advantage-list li{ float: left; width: 400px; height: 200px;}
.products03_fh_adv_wrap .advantage-list li .img{ float: left; width: 100px; }
.products03_fh_adv_wrap .advantage-list li .text{ margin-left: 100px; margin-right: 60px; }
.products03_fh_adv_wrap .advantage-list li .title{ font-size: 24px; margin-bottom: 15px; }
.products03_fh_adv_wrap .advantage-list li p{ color: #82939e; line-height: 2; font-size: 14px;}
/*产品03 股东及员工分红 6大优势 end*/

/*产品03 股东及员工分红 如何获取 begin*/
.products03_fh_gain_wrap .center-image{ position: relative;}
.products03_fh_gain_wrap .center-image img{ position: relative; left: 50%; left:0\0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); vertical-align: middle;}
/*产品03 股东及员工分红 如何获取 end*/

/*产品03 股东及员工分红 分红方案 begin*/
.products03_fh_project_wrap{ min-height: 500px; background: #f6f6f6;}
.products03_fh_project_wrap .cases_con{ margin-top:60px; overflow:hidden; text-align:center;}
.products03_fh_project_wrap .wf-tabs{ overflow:hidden; text-align:center;}
.products03_fh_project_wrap .wf-tabs li{ display:inline-block; width:200px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#333; background-color:#fff; border-radius:25px; margin-right:20px; cursor:pointer;}
.products03_fh_project_wrap .wf-tabs li:last-child{ margin-right:0;}
.products03_fh_project_wrap .wf-tabs li.active{ background-color:#df463a; color:#fff;}
.products03_fh_project_wrap .wf-tabs li.active a{color:#fff;}
.products03_fh_project_wrap .wf-list{ margin-top:60px; overflow:hidden; text-align:center;}
/*产品03 股东及员工分红 分红方案 end*/

/*案例首页 讲师系统 案例列表 begin*/
.cases_jsxt_list_wrap{ background: #f1f1f1; padding-top: 20px;padding-bottom: 20px; min-height: 1130px;}
.cases_jsxt_list_wrap .column_tit04{ font-size: 40px; font-weight: bold;}
.cases_jsxt_list_wrap .case_list { width: 1200px; margin: 0px auto;zoom: 1; overflow: hidden; padding-top: 0px; clear: both;}
.cases_jsxt_list_wrap .case_list li { width: 350px; height: 400px; float: left; margin-right: 30px; margin-bottom: 40px; padding: 10px; background: #ffffff; box-shadow: 0 10px 30px #eee;color: #b8b8b8; display: inline;}
.cases_jsxt_list_wrap .case_list a { color: #111; text-decoration: none;}
.cases_jsxt_list_wrap .case_list a:hover { }
.cases_jsxt_list_wrap .case_list li a.pic { display: block; width: 350px; height: 263px; position: relative; cursor: pointer;}
.cases_jsxt_list_wrap .case_list img { width: 350px; height: 263px;}
.cases_jsxt_list_wrap .case_list h4 { font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; margin: 0px;}
.cases_jsxt_list_wrap .case_list h4 a:hover{ text-decoration: underline;}
.cases_jsxt_list_wrap .case_list h5 { font-size: 18px; font-weight: normal; padding-left: 10px; margin: 0px; }
.cases_jsxt_list_wrap .case_list h5 a{ /* color: #797979; */ color: #333;line-height: 22px;font-size: 16px; }
.cases_jsxt_list_wrap .case_list h6 { font-size: 12px; font-weight: normal; padding: 5px; margin: 0px;}
.cases_jsxt_list_wrap .case_list h6 span { float: right; padding-left: 28px;  background: url(../images/case_icon3.jpg) no-repeat left;}
.cases_jsxt_list_wrap .case_list p { cursor: pointer; text-align: center; line-height: 50px; color: #fff;  position: absolute;  width: 350px;  height: 263px; padding: 0px;  margin: 0px; background: url(../ckjryy_img/cases_jsxt_list_hover_bg.png) no-repeat; display: none; top: 0px; left: 0px;}
.cases_jsxt_list_wrap .case_list .cases_erweima_pic{ padding: 10px 0px;}
.cases_jsxt_list_wrap .case_list .cases_erweima_pic img{ width: 170px; height: 158px; padding-top: 5px;}
.cases_jsxt_list_wrap .case_list h6 b { font-weight: normal;}
.cases_jsxt_list_wrap .case_list li.liEnd { margin-right: 30px;}

.cases_jsxt_list_wrap .more_btn{text-align:center; margin:15px auto 0;}
.cases_jsxt_list_wrap .more_btn a{font-size:24px; font-weight: bold;line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 30px; padding: 7px 30px;}
.cases_jsxt_list_wrap .more_btn a:hover{background:#f3755c; border:1px solid #df463a;color:#fff; border-radius: 30px; padding: 7px 30px;}
/*案例首页 讲师系统 案例列表 end*/

/*案例首页 美业拓客系统 案例列表 begin*/
.cases_mytkxt_list_wrap{ background: #f1f1f1; padding-top: 20px; min-height: 670px; max-height: 1180px;}
.cases_mytkxt_list_wrap .column_tit04{ font-size: 40px; font-weight: bold;}
.cases_mytkxt_list_wrap .case_list { width: 1200px; margin: 0px auto;zoom: 1; overflow: hidden; padding-top: 0px; clear: both;}
.cases_mytkxt_list_wrap .case_list li { width: 350px; height: 400px; float: left; margin-right: 30px; margin-bottom: 40px; padding: 10px; background: #fff; box-shadow: 0 10px 30px #eee;color: #b8b8b8; display: inline;}
.cases_mytkxt_list_wrap .case_list a { color: #333; text-decoration: none;}
.cases_mytkxt_list_wrap .case_list a:hover { }
.cases_mytkxt_list_wrap .case_list li a.pic { display: block; width: 350px; height: 260px; position: relative; cursor: pointer;}
.cases_mytkxt_list_wrap .case_list img { width: 350px; height: 260px;}
.cases_mytkxt_list_wrap .case_list h4 {  font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; margin: 0px;}
.cases_mytkxt_list_wrap .case_list h4 a:hover{ text-decoration: underline;}
.cases_mytkxt_list_wrap .case_list h5 { font-size: 18px; font-weight: normal; padding-left: 10px; margin: 0px; }
.cases_mytkxt_list_wrap .case_list h5 a{ color: #797979; }
.cases_mytkxt_list_wrap .case_list h6 { font-size: 12px; font-weight: normal; padding: 5px; margin: 0px;}
.cases_mytkxt_list_wrap .case_list h6 span { float: right; padding-left: 28px;  background: url(../images/case_icon3.jpg) no-repeat left;}
.cases_mytkxt_list_wrap .case_list p { cursor: pointer; text-align: center; line-height: 50px; color: #fff;  position: absolute;  width: 350px;  height: 260px; padding: 0px;  margin: 0px; background: url(../ckjryy_img/cases_jsxt_list_hover_bg.png) no-repeat; display: none; top: 0px; left: 0px;}
.cases_mytkxt_list_wrap .case_list .cases_erweima_pic{ padding: 10px 0px;}
.cases_mytkxt_list_wrap .case_list .cases_erweima_pic img{ width: 130px; height: 130px; padding-top: 15px;}
.cases_mytkxt_list_wrap .case_list h6 b { font-weight: normal;}
.cases_mytkxt_list_wrap .case_list li.liEnd { margin-right: 30px;}

.cases_mytkxt_list_wrap .more_btn{text-align:center; margin:15px auto 0;}
.cases_mytkxt_list_wrap .more_btn a{font-size:24px; font-weight: bold;line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 30px; padding: 7px 30px;}
.cases_mytkxt_list_wrap .more_btn a:hover{background:#f3755c; border:1px solid #df463a;color:#fff; border-radius: 30px; padding: 7px 30px;}
/*案例首页 美业拓客系统 案例列表 end*/

/*案例首页 微信小程序 案例列表 begin*/
.cases_wxxcx_list_wrap{ background: #fff; padding-top: 20px; min-height: 1130px;}
.cases_wxxcx_list_wrap .column_tit04{ font-size: 40px; font-weight: bold;}
.cases_wxxcx_list_wrap .case_list { width: 1200px; margin: 0px auto;zoom: 1; overflow: hidden; padding-top: 0px; clear: both;}
.cases_wxxcx_list_wrap .case_list li { width: 350px; height: 400px; float: left; margin-right: 30px; margin-bottom: 40px; padding: 10px; background: #ffffff; box-shadow: 0 10px 30px #eee;color: #b8b8b8; display: inline;}
.cases_wxxcx_list_wrap .case_list a { color: #333; text-decoration: none;}
.cases_wxxcx_list_wrap .case_list a:hover { }
.cases_wxxcx_list_wrap .case_list li a.pic { display: block; width: 350px; height: 260px; position: relative; cursor: pointer;}
.cases_wxxcx_list_wrap .case_list img { width: 350px; height: 260px;}
.cases_wxxcx_list_wrap .case_list h4 {  font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; margin: 0px;}
.cases_wxxcx_list_wrap .case_list h4 a:hover{ text-decoration: underline;}
.cases_wxxcx_list_wrap .case_list h5 { font-size: 18px; font-weight: normal; padding-left: 10px; margin: 0px; }
.cases_wxxcx_list_wrap .case_list h5 a{ color: #797979; }
.cases_wxxcx_list_wrap .case_list h6 { font-size: 12px; font-weight: normal; padding: 5px; margin: 0px;}
.cases_wxxcx_list_wrap .case_list h6 span { float: right; padding-left: 28px;  background: url(../images/case_icon3.jpg) no-repeat left;}
.cases_wxxcx_list_wrap .case_list p { cursor: pointer; text-align: center; line-height: 50px; color: #fff;  position: absolute;  width: 350px;  height: 260px; padding: 0px;  margin: 0px; background: url(../ckjryy_img/cases_jsxt_list_hover_bg.png) no-repeat; display: none; top: 0px; left: 0px;}
.cases_wxxcx_list_wrap .case_list .cases_erweima_pic{ padding: 10px 0px;}
.cases_wxxcx_list_wrap .case_list .cases_erweima_pic img{ width: 130px; height: 130px; padding-top: 15px;}
.cases_wxxcx_list_wrap .case_list h6 b { font-weight: normal;}
.cases_wxxcx_list_wrap .case_list li.liEnd { margin-right: 30px;}

.cases_wxxcx_list_wrap .more_btn{text-align:center; margin:15px auto 0;}
.cases_wxxcx_list_wrap .more_btn a{font-size:24px; font-weight: bold;line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 30px; padding: 7px 30px;}
.cases_wxxcx_list_wrap .more_btn a:hover{background:#f3755c; border:1px solid #df463a;color:#fff; border-radius: 30px; padding: 7px 30px;}
/*案例首页 微信小程序 案例列表 end*/


/*案例列表 样式 begin*/
.cases_list_wrap{ background: #fff; padding-top: 20px; min-height: 1180px;}
.cases_list_wrap .column_tit04{ font-size: 40px; font-weight: bold;}
.cases_list_wrap .case_list { width: 1200px; margin: 0px auto;zoom: 1; overflow: hidden; padding-top: 0px; clear: both;}
.cases_list_wrap .case_list li { width: 350px; height: 390px; float: left; margin-right: 30px; margin-bottom: 40px; padding: 10px; background: #fff; box-shadow: 0 10px 30px #eee;color: #666; display: inline;}
.cases_list_wrap .case_list a {font-size: 18px;color: #333; text-decoration: none;}
.cases_list_wrap .case_list a:hover { }
.cases_list_wrap .case_list li a.pic { display: block; width: 350px; height: 260px; position: relative; cursor: pointer;}
.cases_list_wrap .case_list img { width: 350px; height: 260px;}
.cases_list_wrap .case_list h4 { font-size: 18px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; margin: 0px;}
.cases_list_wrap .case_list h4 a:hover{ text-decoration: underline;}
.cases_list_wrap .case_list h5 { font-size: 16px; font-weight: normal; padding-left: 10px; margin: 0px; }
.cases_list_wrap .case_list h5 a{ color: #333; line-height: 22px; font-size: 16px;}
.cases_list_wrap .case_list h6 { font-size: 12px; font-weight: normal; padding: 5px; margin: 0px;}
.cases_list_wrap .case_list h6 span { float: right; padding-left: 28px;  background: url(../images/case_icon3.jpg) no-repeat left;}
.cases_list_wrap .case_list p { cursor: pointer; text-align: center; line-height: 50px; color: #fff;  position: absolute;  width: 350px;  height: 260px; padding: 0px;  margin: 0px; background: url(../ckjryy_img/cases_jsxt_list_hover_bg.png) no-repeat; display: none; top: 0px; left: 0px;}
.cases_list_wrap .case_list .cases_erweima_pic{ padding: 10px 0px;}
.cases_list_wrap .case_list .cases_erweima_pic img{ width: 130px; height: 130px; padding-top: 15px;}
.cases_list_wrap .case_list h6 b { font-weight: normal;}
.cases_list_wrap .case_list li.liEnd { margin-right: 30px;}

.cases_list_wrap .more_btn{text-align:center; margin:15px auto 0;}
.cases_list_wrap .more_btn a{font-size:16px; line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 25px; padding: 15px 60px;}
.cases_list_wrap .more_btn a:hover{background:none; border:1px solid #df463a;color:#df463a; border-radius: 25px; padding: 15px 60px;}
/*案例列表 样式 end*/

/*创客匠人课堂 课堂体系 课程列表 begin*/
.school_course_list_wrap{ background: #f6f9fc; padding-top: 20px; min-height: 1220px;}
.school_course_list_detail{ width: 1200px; margin: 0px auto;}
.school_course_list_wrap .column_tit04{ font-size: 30px; font-weight: bold;}
.school_course_list_wrap .case_list { width: 1200px; margin: 0px auto;zoom: 1; overflow: hidden; padding-top: 0px; clear: both;}
.school_course_list_wrap .case_list li { width: 350px; height: 420px; float: left; margin-right: 30px; margin-bottom: 40px; padding: 10px; background: #fff; box-shadow: 0 10px 30px #eee;color: #b8b8b8; display: inline;}
.school_course_list_wrap .case_list a { color: #333; text-decoration: none;}
.school_course_list_wrap .case_list a:hover { }
.school_course_list_wrap .case_list li a.pic { display: block; width: 350px; height: 263px; position: relative; cursor: pointer;}
.school_course_list_wrap .case_list img { width: 350px; height: 263px;}
.school_course_list_wrap .case_list h4 { font-size: 22px; font-weight: normal; max-height: 60px; overflow: hidden; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; margin: 0px;}
.school_course_list_wrap .case_list h4 a:hover{ text-decoration: underline;}
.school_course_list_wrap .case_list h5 { font-size: 20px; font-weight: normal; text-align: center; padding-top: 10px; padding-bottom: 15px; margin: 0px; }
.school_course_list_wrap .case_list h5 a{ color: #111; }
.school_course_list_wrap .case_list h6 { font-size: 12px; font-weight: normal; padding: 5px; margin: 0px;}
.school_course_list_wrap .case_list h6 span { float: right; padding-left: 28px;  background: url(../images/case_icon3.jpg) no-repeat left;}
.school_course_list_wrap .case_list p { cursor: pointer; text-align: center; line-height: 50px; color: #fff;  position: absolute;  width: 350px;  height: 260px; padding: 0px;  margin: 0px; background: url(../ckjryy_img/cases_jsxt_list_hover_bg.png) no-repeat; display: none; top: 0px; left: 0px;}
.school_course_list_wrap .case_list .cases_erweima_pic{ padding: 10px 0px;}
.school_course_list_wrap .case_list .cases_erweima_pic img{ width: 130px; height: 130px; padding-top: 45px;}
.school_course_list_wrap .case_list h6 b { font-weight: normal;}
.school_course_list_wrap .case_list li.liEnd { margin-right: 30px;}

.school_course_list_wrap .more_btn{text-align:center; margin:15px auto 0;}
.school_course_list_wrap .more_btn a{font-size:24px; font-weight: bold;line-height:35px;background-color:#df463a; color:#fff;border:1px solid #df463a; border-radius: 25px; padding: 7px 30px;}
.school_course_list_wrap .more_btn a:hover{background:#d88d47; border:1px solid #d88d47;color:#fff; border-radius: 25px; padding: 7px 30px;}

.school_course_list_wrap .case_list .line{ width: 80px; height: 2px; margin: 0 auto; background: #DEE2E4; transition: all .2s;}
.school_course_list_wrap .case_list li:hover .line{width: 80px; height: 2px; background: #db4c28; }
/*创客匠人课堂 课堂体系 课程列表 end*/

/*创客匠人课堂 讲师阵容 begin*/
.school_teacher_list_wrap{ padding-bottom: 45px;}
.school_teacher_list_wrap .case-content{max-width: 1200px;margin:0 auto;}
.school_teacher_list_wrap .case-content h3{padding-bottom:50px;}
.school_teacher_list_wrap .box{width:100%;height:450px;position: relative;}
.school_teacher_list_wrap .case-wrap .left{cursor:pointer;width:42px;height:84px;position: absolute;top:147px;left:27px;background: url(../ckjryy_img/but-left.png);}
.school_teacher_list_wrap .case-wrap .left:hover{background: url(../ckjryy_img/but-left-now.png);z-index:9999;}
.school_teacher_list_wrap .case-wrap .right{cursor:pointer;width:42px;height:84px;position: absolute;top:147px;right:27px;background: url(../ckjryy_img/but-right.png);}
.school_teacher_list_wrap .case-wrap .right:hover{background: url(../ckjryy_img/but-right-now.png);z-index:9999;}
.school_teacher_list_wrap .box-content{width:1030px;height:100%;margin:0 auto;overflow: hidden;position: relative;}
.school_teacher_list_wrap .content-kuang{height:100%;position: absolute;top:0;left: 0}
.school_teacher_list_wrap .position2{position: absolute;}
.school_teacher_list_wrap .bottom-0{bottom:0px;}
.school_teacher_list_wrap .left-0{left:0px;}
.school_teacher_list_wrap .left-280{left:280px;}
.school_teacher_list_wrap .left-560{left:560px;}
.school_teacher_list_wrap .right-10{right:0px;}
.school_teacher_list_wrap .box-content ul{width:25%; height:100%;float: left;}
.school_teacher_list_wrap .box-content ul li{cursor:pointer;padding-top:8px;position:relative;float:left;margin-right:17px;/*box-shadow:0 10px 20px -16px #999;*/}
.school_teacher_list_wrap .box-content ul li.last{margin:0;}
.school_teacher_list_wrap .box-content img{display:inline-block;overflow: hidden;}
.school_teacher_list_wrap .item li>a{display:block;}
.school_teacher_list_wrap .case-content  .pric{margin-top:5px;}
.school_teacher_list_wrap .miao{padding-top:22px;padding-left:10px;position: relative;}
.school_teacher_list_wrap .miao p{text-align: left;font-size: 24px;color:#444;padding:0 ;padding-bottom:8px;}
.school_teacher_list_wrap .miao span{font-size: 14px;color:#888;}
.school_teacher_list_wrap .miao img{position: absolute;right:22px; bottom:22px;}
.school_teacher_list_wrap .miao.ewm img{bottom:12px;}
/*创客匠人课堂 讲师阵容 end*/


/*产品03 美业拓客系统 案例 单个左右切换 begin*/
.products03_nr_cases_wrap{ padding-bottom: 25px; padding-top: 10px; background: #f1f1f5;}
.products03_nr_cases_wrap .case-content{max-width: 1200px;margin:0 auto;}
.products03_nr_cases_wrap .case-content h3{padding-bottom:50px;}
.products03_nr_cases_wrap .box{width:100%;height:600px;position: relative;}
.products03_nr_cases_wrap .case-wrap .left{cursor:pointer;width:42px;height:84px;position: absolute;top:187px;left:27px;background: url(../ckjryy_img/but-left.png);}
.products03_nr_cases_wrap .case-wrap .left:hover{background: url(../ckjryy_img/but-left-now.png);z-index:9999;}
.products03_nr_cases_wrap .case-wrap .right{cursor:pointer;width:42px;height:84px;position: absolute;top:187px;right:27px;background: url(../ckjryy_img/but-right.png);}
.products03_nr_cases_wrap .case-wrap .right:hover{background: url(../ckjryy_img/but-right-now.png);z-index:9999;}
.products03_nr_cases_wrap .box-content{width:960px;height:100%;margin:0 auto;overflow: hidden;position: relative;}
.products03_nr_cases_wrap .content-kuang{height:100%;position: absolute;top:0;left: 0}
.products03_nr_cases_wrap .position2{position: absolute;}
.products03_nr_cases_wrap .bottom-0{bottom:0px;}
.products03_nr_cases_wrap .left-0{left:0px;}
.products03_nr_cases_wrap .left-280{left:280px;}
.products03_nr_cases_wrap .left-560{left:560px;}
.products03_nr_cases_wrap .right-10{right:0px;}
.products03_nr_cases_wrap .box-content ul{width:100%; height:100%;float: left;}
.products03_nr_cases_wrap .box-content ul li{cursor:pointer;padding-top:8px;position:relative;float:left;margin-right:0px;/*box-shadow:0 10px 20px -16px #999;*/}
.products03_nr_cases_wrap .box-content ul li.last{margin:0;}
.products03_nr_cases_wrap .box-content img{ width: 960px; height: 533px; display:inline-block;overflow: hidden;}
.products03_nr_cases_wrap .item li>a{display:block;}
.products03_nr_cases_wrap .case-content  .pric{margin-top:5px;}
.products03_nr_cases_wrap .miao{padding-top:22px;padding-left:0px;position: relative;}
.products03_nr_cases_wrap .miao p{text-align: center;font-size: 24px;color:#444;padding:0 ;padding-bottom:8px;}
.products03_nr_cases_wrap a:hover{ text-decoration: none;}
.products03_nr_cases_wrap .miao span{font-size: 14px;color:#888;}
.products03_nr_cases_wrap .miao img{position: absolute;right:22px; bottom:22px;}
.products03_nr_cases_wrap .miao.ewm img{bottom:12px;}
/*产品03 美业拓客系统 案例 单个左右切换 end*/

/*创客匠人课堂 立即加入 二维码 begin*/
.school_join_erweima_wrap{ height: 300px;}
.school_join_erweima_wrap .more_btn{text-align:center; margin:15px auto 0;}
.school_join_erweima_wrap .more_btn a{font-size:24px; font-weight: bold;line-height:35px;background:#e73324; border:1px solid #fff;color:#fff;border-radius: 35px; padding: 15px 60px;}
.school_join_erweima_wrap .join_erweima{text-align:center; margin:30px auto 0;}
/*创客匠人课堂 立即加入 二维码 end*/

/*合作加盟 渠道负责人列表 begin*/
.join_person_list_wrap .join_text{ width: 1200px; min-height: 600px; padding-top: 5px; color: #000; margin: 0px auto;}
.join_person_list_wrap .join_text ul li{ width: 560px; height: 260px; margin: 15px; float:left; box-shadow: 0 10px 30px #eee;border: 5px solid #fff;}
.join_person_list_wrap .join_text ul li:hover{border: 5px solid #e54f28;}
.join_person_list_wrap .text_content .pic{ width: 200px; height:260px; float:left;}
.join_person_list_wrap .text_content .pic img{ padding-top: 45px; padding-left: 20px;}
.join_person_list_wrap .text_content .right{ float: right; padding-top: 35px;}
.join_person_list_wrap .text_content .name{ width: 170px; float: left; font-size: 22px; padding-top: 5px; padding-bottom: 15px;}
.join_person_list_wrap .text_content .name p{ color: #111; font-size: 24px;}
.join_person_list_wrap .text_content .name .task{ font-size: 18px;color: #666;}
.join_person_list_wrap .text_content .erweima{ width: 110px; float: right;}
.join_person_list_wrap .text_content .top{ height: 115px;}
.join_person_list_wrap .text_content .down{ height: 100px;}
.join_person_list_wrap .text_content .down p{ font-size: 18px; color: #666; line-height: 30px;}
/*合作加盟 渠道负责人列表 end*/

/*合作加盟 渠道优势 begin*/
.join_channel_adv_wrap{ padding-bottom: 0px;}
.join_channel_adv_wrap .list li{  width: 1022px; height: 185px; margin: 0 auto; overflow: hidden; background: url(../ckjryy_img/wrg-08-bg.png) no-repeat left top;  }
.join_channel_adv_wrap .list li .num{ width: 94px; height: 55px; font-family: "impact"; float: left; color: #999; font-size: 60px; font-weight: 300; background-repeat: no-repeat; margin: 60px 0 0 70px;}
.join_channel_adv_wrap .list li .info{ padding:  50px 50px 0 170px; }
.join_channel_adv_wrap .list li .info h3{ font-size: 24px; margin-bottom: 10px;}
.join_channel_adv_wrap .list li .info p{ font-size: 16px; color: #666; }

/*合作加盟 渠道优势 样式02*/
.join_channel_adv_wrap .joinlayout { width: 1200px; margin: 0px auto; overflow: hidden;}
.join_channel_adv_wrap .joinimg{margin-top: -130px;height:700px;padding-bottom: 0px;text-align: center;background: url("../ckjryy_img/join_overpage.png") no-repeat;background-position: center;}
.join_channel_adv_wrap .joinimg .joinimgtxt{text-align: left;}
.join_channel_adv_wrap .joinimgtxt p.p-1{font-size: 36px;line-height: 36px;color: #eeb100;font-weight: bold}
.join_channel_adv_wrap .joinimgtxt p.p-2{font-size: 30px;line-height: 30px;font-weight: bold;color: #e44242;}
.join_channel_adv_wrap .joinimgtxt p.p-3{margin-top: 10px;font-size: 16px;color: #202020;line-height: 24px;}
.join_channel_adv_wrap .joinimgtxt.righttxt_1{position: relative;top: 245px;left: 165px;}
.join_channel_adv_wrap .joinimgtxt.righttxt_2{position: relative;top: 285px;left: 165px;}
.join_channel_adv_wrap .joinimgtxt.righttxt_1 .p-3, .joinimgtxt.righttxt_2 .p-3{text-align: left;position: relative;display: inline-block;width: 300px;height: 96px;}
.join_channel_adv_wrap .joinimgtxt.txt_3{position: relative;display: inline-block;top: -215px;left: 35px;}
.join_channel_adv_wrap .joinimgtxt.txt_3 p.p-1,.joinimgtxt.txt_3 p.p-2{display: inline-block;}
.join_channel_adv_wrap .joinimgtxt.lefttxt_1{text-align: right;position: relative;top: -195px;right: 170px;}
.join_channel_adv_wrap .joinimgtxt.lefttxt_2{text-align: right;position: relative;top: -158px;right: 170px;}
.join_channel_adv_wrap .joinimgtxt.lefttxt_1 .p-3, .joinimgtxt.lefttxt_2 .p-3{text-align: right;position: relative;display: inline-block;width: 300px;height: 96px;}
.join_channel_adv_wrap .joinimgtxt.txt_4{position: relative;display: inline-block;top: -439px;left: 5px;}
.join_channel_adv_wrap .joinimgtxt.txt_4 p.p-1{font-size: 80px;line-height: 80px;font-weight: bold;margin-left: 30px;}
.join_channel_adv_wrap .joinimgtxt.txt_4 p.p-2{font-size: 40px;line-height: 40px;color: #fff;}




/*合作加盟 渠道优势 end*/


/*合作加盟 分公司分布 begin*/
.join_company_list_wrap{ background: #f6f9fc; padding-top: 20px; min-height: 890px;}
.join_company_list_wrap .column_tit04{ font-size: 30px; font-weight: bold;}
.join_company_list_wrap .case_list { width: 1200px; margin: 0px auto;zoom: 1; overflow: hidden; padding-top: 0px; clear: both;}
.join_company_list_wrap .case_list li { width: 350px; height: 330px; float: left; margin-right: 30px; margin-bottom: 40px; padding: 10px; background: #fff; box-shadow: 0 10px 30px #eee;color: #b8b8b8; display: inline;}
.join_company_list_wrap .case_list a { color: #333; text-decoration: none;}
.join_company_list_wrap .case_list a:hover { }
.join_company_list_wrap .case_list li a.pic { display: block; width: 350px; height: 263px; position: relative; cursor: pointer;}
.join_company_list_wrap .case_list img { width: 350px; height: 263px;}
.join_company_list_wrap .case_list h4 { font-size: 18px; font-weight: normal; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; margin: 0px;}
.join_company_list_wrap .case_list h4 a:hover{ text-decoration: underline;}
.join_company_list_wrap .case_list h5 { font-size: 18px; font-weight: normal; text-align: center; padding-top: 25px; padding-bottom: 15px; margin: 0px; }
.join_company_list_wrap .case_list h5 a{ font-size: 22px;color: #1e1e1e; }
.join_company_list_wrap .case_list h6 { font-size: 12px; font-weight: normal; padding: 5px; margin: 0px;}
.join_company_list_wrap .case_list h6 span { float: right; padding-left: 28px;  background: url(../images/case_icon3.jpg) no-repeat left;}
.join_company_list_wrap .case_list p { cursor: pointer; text-align: center; line-height: 50px; color: #fff;  position: absolute;  width: 350px;  height: 260px; padding: 0px;  margin: 0px; background: url(../ckjryy_img/cases_jsxt_list_hover_bg.png) no-repeat; display: none; top: 0px; left: 0px;}
.join_company_list_wrap .case_list .cases_erweima_pic{ padding: 10px 0px;}
.join_company_list_wrap .case_list .cases_erweima_pic img{ width: 130px; height: 130px; padding-top: 45px;}
.join_company_list_wrap .case_list h6 b { font-weight: normal;}
.join_company_list_wrap .case_list li.liEnd { margin-right: 30px;}

.join_company_list_wrap .case_list .line{ width: 80px; height: 2px; margin: 0 auto; background: #DEE2E4; transition: all .2s;}
.join_company_list_wrap .case_list li:hover .line{width: 80px; height: 2px; background: #db4c28; }
/*合作加盟 分公司分布 end*/

/*资讯 新闻列表 begin*/
.news_list_wrap .category{ padding-top: 15px; padding-bottom: 3px;}
.news_list_wrap .category a{ width:220px; height:50px; line-height:50px; background: #eeeeee; overflow:hidden; text-align:center; border:1px solid #eeeeee; display:inline-block; font-size:18px; color:#000; margin:0 0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
.news_list_wrap .category a:hover{ background: #e54f28; color:#fff; border:1px solid #e54f28; text-decoration:none;}
.news_list_wrap .category a.active{ background: #e54f28; color:#fff; border:1px solid #e54f28; text-decoration:none;}

.news_list_wrap .detail_content{width: 1200px;margin:0 auto;}
.news_list_wrap .content_left{margin:10px 20px 50px 0px;float: left;width: 775px;}

.detail_content .content_left{margin:5px 20px 50px 0px;float: left;width: 820px;}
.detail_content .content_right{margin:50px 0px 0 0;float: right;width: 320px;}

.news_list_wrap .cl_desc{line-height: 27px;height: 27px;}
.news_list_wrap .cl_desc a{ padding: 0px 3px;}
.news_list_wrap .cl_desc>span{margin-right: 12px;display: block;float: left;font-size: 14px;color: #2d2d2d;}
.news_list_wrap .cl_main>table{width: 100%;border-collapse:collapse;}
.news_list_wrap .cl_main td{height: 213px;vertical-align: top;padding-top: 25px;border-bottom: 1px solid #d8d8d8;}
.news_list_wrap .cl_main td:first-child{width: 300px;height: 200px;}
.news_list_wrap .cl_main td:first-child img{display: block;vertical-align: middle;width: 100%;height: auto;}
.news_list_wrap .cl_main td:last-child{width: 526px;padding-left: 26px;}
.news_list_wrap .cl_main td p.time{ padding-top: 10px; line-height: 35px; color: #999;}
.news_list_wrap .cl_main td p span{ padding-right: 15px;}
.news_list_wrap .cl_main h4{font-weight: normal;font-size: 20px;color: #000;margin-bottom: 15px;}
.news_list_wrap .cl_main h4:hover{ text-decoration: underline;}
.news_list_wrap .cl_main .desc{ padding: 7px 12px; background: #f5f5f5; max-height: 80px; overflow: hidden;line-height: 27px;font-size: 16px;color: #333;}
.news_list_wrap .content_right{margin:50px 35px 0 0;float: right;width: 320px;}
.news_list_wrap .content_right .cr_text{border: 1px solid #d8d8d8;margin-bottom: 20px;}
.news_list_wrap .content_right .cr_text .crt_title{background-color: #e44242;padding-left: 26px;height: 57px;}
.news_list_wrap .content_right .cr_text .crt_title>span{margin:19px 12px 0 0;display: block;float: left;color: #fff;font-size: 18px;height: 19px;line-height: 19px;}
.news_list_wrap .content_right .cr_text .crt_title02{background-color: #e44242;padding-left: 20px;height: 57px;}
.news_list_wrap .content_right .cr_text .crt_title02>span{margin:19px 12px 0 0;display: block;float: left;color: #fff;font-size: 18px;height: 19px;line-height: 19px;}
.news_list_wrap .content_right .cr_text .discount_news{ padding: 10px;}
.news_list_wrap .content_right .cr_text .crt_main{margin: 15px 16px;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_top{border-bottom: 1px solid #d8d8d8;padding-bottom: 21px;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_top .left{height: 90px;width: 103px;text-align: center;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_top .right{width: 189px;margin-left: 14px;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_top .right>h4{font-weight: normal;font-size: 14px;color: #e44242;margin-bottom: 8px;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_top .right>p{font-size: 14px;color: #000;line-height: 22px;height: 68px;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_down{margin-top: 30px;}
.news_list_wrap .content_right .cr_text .crt_main .crtm_down>li{margin-bottom: 18px;list-style-type: square;margin-left: 16px;}
.news_list_wrap .content_right .cr_text .hot_news_list{ padding: 10px 15px;}
.news_list_wrap .content_right .cr_text .hot_news_list ul li{ width: 300px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 35px; border-bottom: 1px dashed #d8d8d8;}
.news_list_wrap .content_right .cr_text .hot_news_list ul li a:hover{ text-decoration: underline;}

/*资讯 新闻列表 end*/


/*关于创客匠人 公司概述 begin*/
.about_intro_wrap{height: 500px; padding: 10px 0px;}
.about_intro_main{ width: 1200px;font-size: 16px;margin: 0px auto; padding: 10px 0px; line-height: 30px;}
.about_intro_main .fl_txt{ float: left;width: 750px;}
.about_intro_main .fr_pic{ float: right;width: 400px;}
.about_intro_main p{ font-size: 16px; text-indent: 2em; line-height: 30px; padding-bottom: 15px;}
/*关于创客匠人 公司概述 end*/

/*关于创客匠人 企业文化 begin*/
.about_culture_wrap{ background: #fafafa;}
.about_culture_main{ width:1200px; margin: 0px auto;min-height: 480px;}
.about_culture_main .pic{ width: 510px; float: left; padding-top: 50px;}
.about_culture_main .txt{ width: 650px;font-size: 20px;float: right; line-height: 45px;padding-top: 50px;}
.about_culture_main .txt p{font-size: 20px;line-height: 35px; padding: 7px 0px;}
/*关于创客匠人 企业文化 end*/

/*关于创客匠人 资质荣誉 begin*/
.about_honor_wrap{ padding-top:10px;}
.about_honor_wrap .honer_slider { width: 1200px; height: 350px; margin: 30px auto; position: relative; padding-top: 125px}
.about_honor_wrap .honer_slider .imagelist ul, .about_honor_wrap  .honer_slider .imagenav ul { list-style: none}
.about_honor_wrap .honer_slider .imagelist ul li { position: absolute; -moz-box-shadow: 0 8px 30px #ddd;  -webkit-box-shadow: 0 8px 30px #ddd; box-shadow: 0 8px 30px #ddd; background: #fff}
.about_honor_wrap .honer_slider .imagelist ul li p {background: #fff; -moz-box-shadow: 0 8px 30px #ddd;  -webkit-box-shadow: 0 8px 30px #ddd; box-shadow: 0 8px 30px #ddd; text-align: center; color: #636363; font-size: 1.1em; line-height: 73px}
.about_honor_wrap .honer_slider .imagelist ul li img { width: 100%}
.about_honor_wrap .honer_slider .imagelist ul li.no0 { width: 314px; height: 236px; left: 40px; top: 50px;z-index: 6}
.about_honor_wrap .honer_slider .imagelist ul li.no1 { width: 425px; height: 319px; left: 103px; top: 37px; z-index: 7}
.about_honor_wrap .honer_slider .imagelist ul li.no2 {  width: 520px; height: 390px; left: 340px; top: 0; z-index: 8}
.about_honor_wrap .honer_slider .imagelist ul li.no3 {  width: 425px; height: 319px; left: 667px; top: 37px; z-index: 7}
.about_honor_wrap .honer_slider .imagelist ul li.no4 { width: 314px; height: 236px; left: 845px; top: 50px; z-index: 6}
.about_honor_wrap .honer_slider .imagelist ul li.waiting { display: none}
.about_honor_wrap .honer_slider .imagelist ul li.no0 p,.about_honor_wrap .honer_slider .imagelist ul li.no4 p { line-height: 58px}
.about_honor_wrap .honer_slider .imagelist ul li.no1 p,.about_honor_wrap .honer_slider .imagelist ul li.no3 p { line-height: 78px}
.about_honor_wrap .honer_slider .buttons .leftbut, .about_honor_wrap .honer_slider .buttons .rightbut { position: absolute; width: 45px; height: 45px; background: url(../ckjryy_img/about_honor_button_icon.png) no-repeat; background-size: 100%; top: 150px; z-index: 999; cursor: pointer}
.about_honor_wrap .honer_slider .buttons .leftbut { left: -20px; background-position: 0 0}
.about_honor_wrap .honer_slider .buttons .leftbut:hover { background-position: 0 -46px; background-size: 100%}
.about_honor_wrap .honer_slider .buttons .rightbut { background-position: 0 -93px; right: -20px}
.about_honor_wrap .honer_slider .buttons .rightbut:hover { background-position: 0 -139px; background-size: 100%}
.about_honor_wrap .honer_slider .imagenav { width: 350px; height: 24px;  margin: 0 auto; padding-top: 50px;}
.about_honor_wrap .honer_slider .imagenav ul li { float: left; width: 10px; height: 10px; background-color: #d5d5d5; margin-right: 17px; margin-top: 10px; border-radius: 10px}
.about_honor_wrap .honer_slider .imagenav ul li.active { margin-top: 7px; border: 3px solid #e54f28; background-color: #fff}
/*关于创客匠人 资质荣誉 end*/

/*关于创客匠人 发展历程 样式02 begin*/
.about_history_wrap .history{ width: 1200px; margin: 0px auto;padding:30px 0 10px;}
.about_history_wrap .history_main_con{ width: 1000px; margin: 0px auto;text-align: center; }
.about_history_wrap .history_main_con .tit{ font-size: 30px; text-align: center; line-height: 45px;}
.about_history_wrap .history_main_con .pic img{ max-width: 600px; text-align: center; margin: 10px 0px;}
.about_history_wrap .historyBox{ position:relative;}
.about_history_wrap .historyBg{ height:55px; background:url(../ckjryy_img/history_line2.jpg) left 36px repeat-x;}
.about_history_wrap .historyList{ height:55px; background:url(../ckjryy_img/history_bg2.png) left 29px repeat-x; padding:0 70px;}
.about_history_wrap .historyList .slick-slide{ text-align:center; height:55px; font-size:16px; font-weight:bold; background:url(../ckjryy_img/nimg28_1.png) center 22px no-repeat; cursor:pointer;}
.about_history_wrap .historyList .slick-current{ color:#f84101; background:url(../ckjryy_img/nimg28_1on.png) center 22px no-repeat;}
.about_history_wrap .historyBox .slick-prev{position:absolute; z-index:10; left:0px; top:50%; margin-top:-8px; display:block; background:#fff url(../ckjryy_img/nimg26_left.png) left top no-repeat; width:55px; height:26px;}
.about_history_wrap .historyBox .slick-next{position:absolute; z-index:10; right:0px; top:50%; margin-top:-8px; display:block; background:#fff url(../ckjryy_img/nimg26_right.png) right top no-repeat; width:55px; height:26px;}
.about_history_wrap .historyBox .slick-prev:hover{ background:#fff url(../ckjryy_img/nimg26_lefton.png) left top no-repeat;}
.about_history_wrap .historyBox .slick-next:hover{ background:#fff url(../ckjryy_img/nimg26_righton.png) right top no-repeat;}
.about_history_wrap .historyBox .contentBox{ padding-top:30px;}

.about_history_wrap .history .box{ padding:0 90px;}
.about_history_wrap .history .name{ font-size:18px; color:#444; font-weight:bold;}
.about_history_wrap .history .content{ font-size:14px; line-height:30px; padding-bottom:40px;}
/*关于创客匠人 发展历程 样式02 end*/

/*关于创客匠人 发展历程 begin*/
/*.about_history_wrap .about-course{ min-height: 610px; padding: 0px 0 30px; background:#fff;}
.about_history_wrap .courseCont-tab{width: 68%; margin:50px auto 0; position: relative;}
.about_history_wrap .courseCont-tab .swiper-button-prev,.courseCont-tab .swiper-button-next{top: -2px; margin-top: 0; width: 30px; height: 30px; background: #000; color:#fff; font-size: 18px; line-height: 30px; text-align: center; border-radius:50%;}
.about_history_wrap .courseCont-tab .swiper-button-prev{ background: url(../ckjryy_img/about_history_prev.png) #333 no-repeat;
	left:-10px;}
.about_history_wrap .courseCont-tab .swiper-button-next{background: url(../ckjryy_img/about_history_next.png) #333 no-repeat;right:-10px;}
.about_history_wrap .course-tab{position: relative; overflow: hidden;}
.about_history_wrap .course-tab .line{width:83.3%; position: absolute; top: 12px;  left:8.3%; border-top: 1px solid #20283B; }
.about_history_wrap .courseCont-tab li{width:16.66%; float: left; position: relative; cursor: pointer;}
.about_history_wrap .courseCont-tab li i{display: block; width: 26px; height: 26px; background: url(../ckjryy_img/about_history_radio.png) no-repeat; margin:0 auto;}
.about_history_wrap .courseCont-tab li span{display: block; line-height: 24px; padding:12px 4px; font-size: 15px; color:#111; text-align: center;}
.about_history_wrap .courseCont-tab li.on i{background-image: url(../ckjryy_img/about_history_radio-h.png);}

.about_history_wrap .courseCont-main{min-height: 300px; overflow: hidden; width: 68%; margin:10px auto 0;}
.about_history_wrap .courseCont-main li{text-align: center; font-size: 28px; color:#595959;}
.about_history_wrap .courseCont-main li i{position: absolute; display: block; width: 100%; padding-top: 25px; border-bottom: 1px solid #20283B;}
.about_history_wrap .courseCont-main li span{position: relative; display: block; padding:0 7%; padding-bottom: 10px; width:80%; background-color: #fff; line-height: 50px; margin:0 auto;}
.about_history_wrap .courseCont-main li img{ max-width: 550px;}
.about_history_wrap .courseCont-main p.txt{ text-align: center; font-size: 20px; margin-bottom: 20px;}*/
/*关于创客匠人 发展历程 end*/

/*关于创客匠人 联系我们 begin*/
.about_contact_wrap{ min-height: 540px; padding-top: 30px; background: #f6f6f6;}
.about_contact_wrap .column_en_tit{color:#eee;}
.about_contact_wrap .sc-content{ padding-top: 30px;}
.about_contact_wrap .cases_con{ margin-top:40px; overflow:hidden; text-align:center;}
.about_contact_wrap .wf-tabs{ overflow:hidden; text-align:center;}
.about_contact_wrap .wf-tabs li{ display:inline-block; width:130px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#333; border: 1px solid #ccc; border-radius:20px; margin-right:10px; cursor:pointer;}
.about_contact_wrap .wf-tabs li:last-child{ margin-right:0;}
.about_contact_wrap .wf-tabs li.active{ background-color:#df463a; border: 1px solid #df463a;color:#fff;}
.about_contact_wrap .wf-tabs li.active a{color:#fff;}
.about_contact_wrap .wf-list{ margin-top:60px; overflow:hidden; text-align:center;}
.about_contact_wrap .contact_main{ width: 950px; margin: 0px auto;}
.about_contact_wrap .contact_main .map{ width: 550px; float: left;}
.about_contact_wrap .contact_main .txt{ width: 350px;line-height: 30px;text-align: left;float: right;}
.about_contact_wrap .contact_main .txt .name{ font-size: 20px; padding: 30px 0px; color: #e54f28;}
.about_contact_wrap .contact_main .txt p{ line-height: 30px;}
.about_contact_wrap .contact_main .txt strong{ font-size: 24px; }
/*关于创客匠人 联系我们 end*/

/* 右侧在线客服 begin */
.fixed-service{ position: fixed; z-index: 100; right: 30px; bottom: 10px; }
.fixed-service .service-item{ display: block; width: 60px; height: 60px; margin-bottom: 0px; position: relative; }
.fixed-service .service-item .s-icon{ display: block; width: 60px; height: 60px; border-radius: 50%; position: relative; z-index: 10; }
.fixed-service .service-msg .s-icon{ background: #e53a2c url(../ckjryy_img/right_fixed_message.png) no-repeat center center; }
.fixed-service .service-phone .s-icon{ background: #f3755c url(../ckjryy_img/right_fixed_tel.png) no-repeat center center; }
.fixed-service .service-top .s-icon{ background: #797979 url(../ckjryy_img/right_fixed_top.png) no-repeat center center; }
.fixed-service .service-item .s-text{ position: absolute; z-index: 1; right: 0; top: 0; display: none; height: 70px; line-height: 70px; border-radius: 35px; color: #fff; padding: 0 35px; font-size: 24px; overflow: hidden; white-space: nowrap; }
.fixed-service .service-msg .s-text{ background: #e53a2c; }
.fixed-service .service-phone .s-text{ background: #f3755c; }
.fixed-service .service-top .s-text{ background: #797979; }
.fixed-service .service-msg .animated-circles{ position: absolute; left: 0; top: 0; width: 70px; height: 70px; z-index: 1;  }
.animated-circles .circle {background: rgba(231, 51, 36, 0.25); width: 70px; height: 70px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1);}
.animated-circles.animated .c-1 {animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.animated-circles.animated .c-2 {animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.animated-circles.animated .c-3 {animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards }
.animation-stopped .circle {opacity: 0 !important }
@keyframes scaleToggleOne {
    from {transform:scale(1);}
    50% {transform:scale(1.6);}
    100% {transform:scale(1);}
}
@keyframes scaleToggleTwo {
    0% {transform:scale(1);}
    20% {transform:scale(1);}
    60% {transform:scale(1.6);}
    100% {transform:scale(1);}
}
@keyframes scaleToggleThree {
    0% {transform:scale(1);}
    33% {transform:scale(1);}
    66% {transform:scale(1.6);}
    100% {transform:scale(1);}
}
/* 右侧在线客服 end */

/**右侧在线客服 样式02 客服微信**/
.customService{width: 145px;height: 296px;background:url(../ckjryy_img/index_customservice_bg.png) bottom center no-repeat;text-align: center;position: fixed;right: 20px;bottom: 65px;z-index: 99;}
.customService h4{font-weight: normal;font-size: 30px;color: #111;margin-top: 16px;}
.customService .customService_img{width: 120px;height: 120px;margin:0 auto;margin-top: 8px;}
.customService .customService_img>img{width: 120px;height: 120px;}


/* 资讯 右侧 优惠折扣 begin */
.discount_news .slideBox{ width:300px; height:338px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.discount_news .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.discount_news .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.discount_news .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.discount_news .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.discount_news .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.discount_news .slideBox .bd li{ zoom:1; vertical-align:middle; }
.discount_news .slideBox .bd img{ width:300px; height:338px; display:block;  }
/* 资讯 右侧 优惠折扣 end */



/* 产品详细内容页 */
.probox { padding-left:450px; position:relative; height:360px; margin-top:15px;}
.pro_img { width:400px; display:inline-table; text-align:center; position:absolute; left:0; top:0; }
.pro_txt { padding-right:30px; }
.probox .pro_txt p { height:45px; font-size:16px; line-height:45px; text-indent:0; }
.pro_txt h1 { font-weight:bold; font-size: 26px; line-height:30px; padding-bottom:15px; }
.pro_txt .details { line-height:25px; padding-top:5px;font-size:16px;height:137px; overflow:hidden;}
.main1box { margin-bottom:10px; }
#main1 ul { display:none; }
#main1 ul li { display:inline-block; _display:inline; position:relative; margin:0 auto; }
#main1 ul.block { display:block; }
.menu1box { }
#menu1 li { display:inline-block;cursor:pointer; margin-right:10px; }
#menu1 li img { border:1px solid #ccc; width:50px; height:50px; padding:0;}
#menu1 li.hover img { border:1px solid #669900; }
.jqzoom { border:1px solid black; float:left; position:relative; padding:0px; cursor:pointer; }
.jqzoom img { float:left; }
div.zoomdiv { z-index:100; position:absolute; top:0px; left:355px; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.jqZoomPup { z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:50px; height:50px; border:1px solid #aaa; background:#ffffff url(<?php echo $tag['path.skin'];?>res/images/zoom.gif) 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }
/*分页*/
.endPageNum { clear:both; font-size:12px; text-align:center; font-family:"宋体"; }
.endPageNum table { margin:auto; }
.endPageNum .s1 { width:52px; }
.endPageNum .s2 { background:#1f3a87; border:1px solid #ccc; color:#fff; font-weight:bold; }
.endPageNum a.s2:visited { color:#fff; }
.endPageNum a { padding:2px 5px; margin:5px 4px 0 0; color:#1F3A87; background:#fff; display:inline-table; border:1px solid #ccc; float:left; }
.endPageNum a:visited { color:#1f3a87; }
.endPageNum a:hover { color:#fff; background:#1f3a87; border:1px solid #1f3a87; float:left; text-decoration:underline; }
.endPageNum .s3 { cursor:default; padding:2px 5px; margin:5px 4px 0 0; color:#ccc; background:#fff; display:inline-table; border:1px solid #ccc; float:left; }

#con {	font-size: 14px; margin: 0px auto; width:100%;}
#tags { background:#f0f0f0; 	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 10px 0px;padding-top: 0px; height: 55px}
#tags li{	background: url(<?php echo $tag['path.skin'];?>res/images/tagleft.gif) no-repeat left bottom; float: left; margin-right: 1px; list-style-type: none; height:55px}
#tags li a{ font-size:14px; font-weight:bold;padding-right: 10px; padding-left: 10px; background: url(<?php echo $tag['path.skin'];?>res/images/tagright.gif) no-repeat right bottom; float: left; padding-bottom: 0px; color: #333; line-height: 45px; padding-top: 0px; height: 45px; text-decoration: none;}
#tags li.emptyTag {	background: none transparent scroll repeat 0% 0%; width: 4px}
#tags li.selectTag,#tags li.selectTag0 { background:#e53a2c; padding: 0px 20px; background-position: left top; margin-bottom: -2px; position: relative; height: 45px}
#tags li.selectTag a,#tags li.selectTag0 a{ font-size: 30px; background-position: right top; color: #fff; line-height: 45px; height: 45px}
#tagContent {border-right: #aecbd4 1px solid; padding-right: 1px; border-top: #aecbd4 1px solid; padding-left: 1px; padding-bottom: 1px; border-left: #aecbd4 1px solid; padding-top: 1px; border-bottom: #aecbd4 1px solid; background-color: #fff}
.tagContent {padding:10px; display: none; background: url(<?php echo $tag['path.skin'];?>res/images/bg.gif) repeat-x; color: #474747;}
.tagContent img{ max-width:100%;}
#tagContent div.selectTag0 {	display: block}
#tagContent0{ display:block; line-height:27px; font-size:14px;}
.details h2{ font-size:14px; font-weight:normal;}
.xgprlist{ width:100%;height:280px; float:left; padding-top:15px; margin-bottom: 35px;}
.xgprlist h3{ font-size:16px; font-weight:normal; padding:10px 0 0 15px; height:30px; background:#f0f0f0; margin-bottom:10px;}
.xgprlist ul li{ width:220px; height:180px; float:left; margin:0 12px; display:inline;}
.xgprlist ul li a{ display:block; width:200px; height:180px; z-index:10;}
.xgprlist ul li img{ width:200px; height:150px; float:left; padding:2px; border:1px solid #ccc;}
.xgprlist ul li span{ width:200px; text-align:center; line-height: 25px; float:left; padding-top:10px; font-size:14px;}

/* 留言 */
.message {    padding-top:10px;}
.message table{ font-size:14px; margin:0px auto;}
.message table tr{ margin:3px 0px;}
.message table input{ width:300px; height:30px; line-height:30px; border:1px solid #eeeeee; margin-bottom:5px;}
.message textarea{ border:1px solid #eeeeee; margin-bottom:5px;}
.dotted {    border-bottom:1px dotted #000;margin:10px 0;padding-bottom:5px;}
.reply {    background:#f7f6f6;border:1px solid #ccc;margin:0 10px 10px;padding:10px;}
.reply p{ line-height:30px; color:#000; }
.padding10 { padding:20px;}
.message .message_btn{ width:100px; margin:10px;}


/* 分页 */
#articeBottom {width: 100%;}
#articeBottom { width: 1200px; font-size: 18px; margin: 0px auto; padding-top: 10px; text-align: center; }
#articeBottom a{ padding: 0px 3px;}


/* 友情链接 */
#lkslist{ width:98%; margin:0 10px;}
#lkslist h1{ font-family:"微软雅黑"; font-size:20px; padding:20px 0; font-weight:normal;}
#lkslist ul{ width:100%; float:left; list-style:none;}
#lkslist ul li{ float:left; padding:10px 18px; word-break:keep-all;white-space: nowrap;}
#lkslist ul li p{ line-height:35px; text-align:center; font-size:15px;}
#lkslist ul li img{ border:1px solid #f2f2f2; padding:2px;}
#lkslist ul li a{ color:#666; font-size:15px;}
#lkslist ul a:hover{ color:#03c}

#articlebox p{ padding:5px 0px;}


/* 图片详细页面 */
.pic_detail .pic_tit h1{ font-size:18px; color:#000; font-weight:normal;text-align:center; padding-top:15px; padding-bottom:20px; border-bottom:1px dashed #999;}
.pic_detail .pic_tit p{ text-align:center; line-height:25px; padding:10px 0;}
.pic_detail .pic_tit span{ padding:0px 20px;}
.pic_detail .pic_tit span a{ color:#5a5a5a;}
.pic_content{ padding:15px 20px;}
.pic_content p{ line-height:27px; color:#000; font-size:15px;letter-spacing:1px;}
.pic_content img{ max-width:700px;padding:10px 15px;text-align:center; }

/* 新闻详细页面 */
.news_detail{min-height: 300px; margin: 5px auto;border: 1px solid #d8d8d8; padding: 10px 20px; border-top: 3px solid #e44242;}
.news_detail .news_tit h1{ font-size:28px; font-weight: bold; color: #333; text-align:center; padding-top:15px; padding-bottom:20px; border-bottom:1px dashed #999;}
.news_detail .news_tit p{ text-align:center; line-height:25px; padding:10px 0;}
.news_detail .news_tit span{ padding:0px 20px;}
.news_detail .news_tit span a{ color:#5a5a5a;}
.news_content{font-size: 16px;padding:15px 0;}
.news_content p{ font-size: 16px; line-height:27px;letter-spacing:1px;}
.news_content img{ max-width:700px;padding:10px 15px;text-align:center;}
.pre_pages{border-top: 1px dashed #ccc; }
.pre_pages h4{ font-size:14px;padding:0px; margin:5px 0px;line-height:25px;}
.pre_pages h4 a:hover{ text-decoration:underline;}

/* 新闻详细页面 关联文章*/
.relation_news_wrap{ width:100%;height:230px; float:left; clear: both;padding-top:15px; margin-bottom: 30px;}
.relation_news_wrap h3{ font-size:16px; font-weight:normal; padding:10px 0 0 15px; height:30px; background:#f0f0f0; margin-bottom:10px;}
.relation_news_wrap ul li{ width:160px; height:120px; float:left; margin:0 12px; display:inline;}
.relation_news_wrap ul li a{ display:block; width:170px; height:150px; z-index:10;}
.relation_news_wrap ul li img{ width:150px; height:100px; float:left; padding:2px; border:1px solid #ccc;}
.relation_news_wrap ul li span{ width:150px; text-align:center; line-height: 25px; float:left; padding-top:10px; font-size:14px;}