@charset "utf-8";
/* CSS Document */
.ny_box{ width:100%;}

/****内页banner*****/
.nyban_box{ width:100%; background:url(/templets/ruimanini/images/bg01.png) no-repeat center; height:500px; z-index:99999999999999999999999999999999; }
.ny{ width:1200px; margin:50px auto;}
.nyban_box h1{color:#FFF; font-size:48px; font-weight:bold; margin:0 auto;padding-top:100px; margin-left:200px;}
.nyban_box p{color:#FFF; font-size:16px; margin-left:200px;}

/****居中风格
.nyban_box h1{ text-align:center; color:#FFF; font-size:48px; font-weight:bold; margin:0 auto;padding-top:100px;}
.nyban_box p{ text-align:center; color:#FFF; font-size:16px;}
*****/

.ny_left{ float:left; width:250px;}
.left_title{ background-color:#00AF95; padding:20px 0px; text-align:center;}
.left_title h2{ font-size:24px; color:#fff; font-weight:bold; line-height:30px;}
.left_title p{ font-size:14px; color:#fff; line-height:30px;}
.left-1-b{background: #f3f3f3;}
.left-1-b ul{ text-align:left;}
.left-1-b  ul li{font-size: 14px;line-height: 46px;text-indent:30px;border-top:1px solid #d0d0d0;position:relative;}
.left-1-b  ul li a{ display:block; color:#333; text-decoration:none;}
.left-1-b  ul li a:hover{ background:#fff; color:#F8B62D;}
.ny_right{ float:right; width:900px; min-height:880px;}
/****面包屑导航****/
.ny_nav{ border-bottom:1px solid #ddd; padding:10px 0px;}
.ny_nav p{ background:url(/templets/ruimanini/images/home.png) no-repeat left; padding-left:20px; color:#666; font-size:14px; margin-left:15px;}
.ny_nav p a{ color:#666;}
.ny_nav p a:hover{ color:#3BAE99}
.pro_list{ margin:20px auto;}
.pro_list ul li{ float:left;width:280px; margin:10px;}
.pro_list ul li .pro_img{ position:relative; display:block; width:280px; height:200px; overflow:hidden;}
.pro_list ul li img{ width:280px; height:200px;transition: 424ms linear; display:block;}
.pro_list ul li p{ text-align:center; line-height:40px;    display: block;
    color: #5d5d5d;
    font-size: 16px;
    transition: 350ms;}
.pro_list ul li:hover p{ color:#F8B62D;}
.pro_list ul li mark {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    background: #F8B62D\9;
    filter: alpha(opacity=20);
    z-index: 20;
    opacity: 0;
    transform: skewX(45deg);
    visibility: hidden;
    transition: 360ms;
}
.pro_list ul li mark:before {
    content: "";
    width: 100%;
    height: 0%;
    border-left: 3px solid #F8B62D;
    border-right: 3px solid #F8B62D;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    transition: 320ms;
}
.pro_list ul li mark b {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
    z-index: 30;
}
.pro_list ul li mark b:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #F8B62D;
    position: absolute;
    left: 0;
    top: 23px;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
}
.pro_list ul li mark b:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #F8B62D;
    position: absolute;
    left: 23px;
    top: 0;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
}
.pro_list ul li mark:after {
    content: "";
    width: 0%;
    height: 100%;
    border-top: 3px solid #F8B62D;
    border-bottom: 3px solid #F8B62D;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    transition: 320ms;
}
.pro_list ul li:hover mark {
    opacity: 1;
    transform: skewX(0);
    visibility: visible;
}
.pro_list ul li:hover mark:before {
    height: 100 % ;
    transition: 330ms 200ms;
}
.pro_list ul li:hover mark:after {
    width: 100 % ;
    transition: 330ms 200ms;
}
.pro_list ul li:hover img {
    transform: scale(1.05); - webkit - transform: scale(1.05); - moz - transform: scale(1.05);
}
.pro_list ul li:hover mark b:before {
    transition: 355ms 180ms;
    transform: translateX(0); - webkit - transform: translateX(0); - moz - transform: translateX(0);
}
.pro_list ul li:hover mark b:after {
    transition: 355ms 240ms;
    transform: translateY(0); - webkit - transform: translateY(0); - moz - transform: translateY(0);
}
/**********内页联系我们*******/
.contact{ width: 250px;height: auto; margin-top: 12px;}

.contact h2.lx_pro{font-weight:normal; background:#008CE7 url(/templets/ruimanini/images/pro.png) 35px center no-repeat;
padding-left:30px;height:50px; line-height:50px; color:#fff; text-align:center; font-size:20px;}

.contact h2 span{ padding:0 0 0 10px; font-size:12px; color:#555}

.contact .lx_pic{ padding-top: 15px;padding-bottom: 25px;overflow: hidden;border: 1px solid #eee;}
.contact .lx_pic img{ margin-bottom: 10px;}
.contact .lx_pic p{ font-size:12px; line-height:26px; padding: 0 15px; color:#666;}
/******列表页合作流程*****/
.lc{ margin:10px auto;}
.lc_title{ border-bottom:1px solid #ddd; padding:12px 0px; position:relative;}
.lc_title p{ color:#5ABCAA; font-size:16px; font-weight:bold; margin-left:9px;}
.lc_title .line {
    width: 80px;
    height: 4px;
    background:#5ABCAA;
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
}
.lc img{ width:100%;}
/*******列表页相关新闻*******/
.li_newsbox{ margin:10px 0px;}
.li_newsbox ul{ overflow: hidden; padding-bottom: 20px; width:440px; float:left; margin:0px 5px;}
.li_newsbox ul li{ float: left; margin-left: 20px; width: 410px; border-bottom: #dcd9d9 dashed 1px; padding:8px 0;}
.li_newsbox ul li i{ font-style: normal; background: url(/templets/ruimanini/images/news_little.png) no-repeat left; width:14px; height:14px; vertical-align: middle; display:inline-block; background-size:14px 14px ; margin-right: 5px;}
.li_newsbox ul li a{ font-size: 14px; color:#333;}
.li_newsbox ul li a:hover{ text-decoration: underline;color:#F8B62D;}
.li_newsbox ul li span{float:right; font-size:12px; color:#999;}


/**********新闻列表****************/
.news_nei_list{ margin:20px auto;}
.news_nei{ width:100%; margin:0 auto;}
.news_nei ul{ margin-top:20px;}
.news_nei ul li{border-bottom:1px solid #ccc; padding:20px 0px;}
.news_nei ul li .img_box{ width:170px;}
.news_nei ul li img{ width:170px; float:left; border:1px solid #ccc; padding:2px; height:131px;}
.news_nei ul li .new_right{ float:right; width:700px;}
.new_right a{ font-size:24px; font-weight:bold; float:left; display:block; color:#444;}
.new_right a:hover{ color:#F8B62D;}
.new_right .time{ float:right; color:#999; margin-top:0px; display:block;background:url(/templets/ruimanini/images/time.png) no-repeat left; padding-left: 27px;}
.new_right p{ font-size:14px; color:#666; line-height:26px; margin-top:15px; float:left;}
/**********课程列表****************/
.kecheng_nei_list{ margin:20px auto;}
.kecheng_nei{ width:100%; margin:0 auto;}
.kecheng_nei ul{ margin-top:20px;}
.kecheng_nei ul li{border-bottom:1px solid #ccc; padding:20px 0px;}
.kecheng_nei ul li .img_box{ width:315px;}
.kecheng_nei ul li img{ width:300px; float:left; border:1px solid #ccc; padding:2px; height:218px;}
.kecheng_nei ul li .kecheng_right{ float:right; width:555px;}
.kecheng_right a{ font-size:24px; font-weight:bold; float:left; display:block; color:#444;}
.kecheng_right a:hover{ color:#F8B62D;}
.kecheng_right .time{ float:right; color:#999; margin-top:0px; display:block;background:url(/templets/ruimanini/images/time.png) no-repeat left; padding-left: 27px;}
.kecheng_right .time a{ font-size:16px; color:#F8B62D; font-weight:normal; }
.kecheng_right p{ font-size:14px; color:#666; line-height:26px; margin-top:15px; float:left;}
.kecheng_right span{ font-weight:bold; }
/**********专家列表****************/
.zhuanjia_nei_list{ margin:20px auto;}
.zhuanjia_nei{ width:100%; margin:0 auto;}
.zhuanjia_nei ul{ margin-top:20px;}
.zhuanjia_nei ul li{border-bottom:1px solid #ccc; padding:20px 0px;}
.zhuanjia_nei ul li .img_box{ width:315px;}
.zhuanjia_nei ul li img{ width:250px; float:left; border:1px solid #ccc; padding:2px; height:270px;}
.zhuanjia_nei ul li .zhuanjia_right{ float:right; width:605px;}
.zhuanjia_right a{ font-size:24px; font-weight:bold; float:left; display:block; color:#444;}
.zhuanjia_right a:hover{ color:#F8B62D;}
.zhuanjia_right .time{ float:right; color:#999; margin-top:0px; display:block;background:url(/templets/ruimanini/images/time.png) no-repeat left; padding-left: 27px;}
.zhuanjia_right .time a{ font-size:16px; color:#F8B62D; font-weight:normal; }
.zhuanjia_right p{ font-size:14px; color:#666; line-height:26px; margin-top:10px;}
.zhuanjia_right span{ font-weight:bold; }
/**********教师列表****************/
.jiaoshi_nei_list{ margin:20px auto;}
.jiaoshi_nei{ width:100%; margin:0 auto;}
.jiaoshi_nei ul{ margin-top:20px;}
.jiaoshi_nei ul li{border-bottom:1px solid #ccc; padding:20px 0px;}
.jiaoshi_nei ul li .img_box{ width:315px;}
.jiaoshi_nei ul li img{ width:278px; float:left; border:1px solid #ccc; padding:2px; height:190px;}
.jiaoshi_nei ul li .jiaoshi_right{ float:right; width:577px;}
.jiaoshi_right a{ font-size:24px; font-weight:bold; float:left; display:block; color:#444;}
.jiaoshi_right a:hover{ color:#F8B62D;}
.jiaoshi_right .time{ float:right; color:#999; margin-top:0px; display:block;background:url(/templets/ruimanini/images/time.png) no-repeat left; padding-left: 27px;}
.jiaoshi_right .time a{ font-size:16px; color:#F8B62D; font-weight:normal; }
.jiaoshi_right p{ font-size:14px; color:#666; line-height:26px; margin-top:10px;}
.jiaoshi_right span{ font-weight:bold; }
/**********分校列表****************/
.fenxiao_nei_list{ margin:20px auto;}
.fenxiao_nei{ width:100%; margin:0 auto;}
.fenxiao_nei ul{ margin-top:20px;}
.fenxiao_nei ul li{border-bottom:1px solid #ccc; padding:20px 0px;}
.fenxiao_nei ul li .img_box{ width:315px;}
.fenxiao_nei ul li img{ width:300px; float:left; border:1px solid #ccc; padding:2px; height:218px;}
.fenxiao_nei ul li .fenxiao_right{ float:right; width:555px;}
.fenxiao_right a{ font-size:24px; font-weight:bold; float:left; display:block; color:#444;}
.fenxiao_right a:hover{ color:#F8B62D;}
.fenxiao_right .time{ float:right; color:#999; margin-top:0px; display:block;background:url(/templets/ruimanini/images/time.png) no-repeat left; padding-left: 27px;}
.fenxiao_right .time a{ font-size:16px; color:#F8B62D; font-weight:normal; }
.fenxiao_right p{ font-size:16px; color:#666; line-height:26px; margin-top:10px;}
/**********成功案例****************/
.anli_nei_list{ margin:20px auto;}
.anli_nei{ width:100%; margin:0 auto;}
.anli_nei ul{ margin-top:20px;}
.anli_nei ul li{border-bottom:1px solid #ccc; padding:20px 0px;}
.anli_nei ul li .img_box{ width:315px;}
.anli_nei ul li img{ width:300px; float:left; border:1px solid #ccc; padding:2px; height:218px;}
.anli_nei ul li .anli_right{ float:right; width:555px;}
.anli_right a{ font-size:24px; font-weight:bold; float:left; display:block; color:#444;}
.anli_right a:hover{ color:#F8B62D;}
.anli_right .time{ float:right; color:#999; margin-top:0px; display:block;background:url(/templets/ruimanini/images/time.png) no-repeat left; padding-left: 27px;}
.anli_right .time a{ font-size:16px; color:#F8B62D; font-weight:normal; }
.anli_right p{ font-size:14px; color:#666; line-height:26px; margin-top:15px;}
.anli_right span{ font-weight:bold; }


/*******服务对象滚动成功案例**********/
.hhl_main5_content{width:1200px; margin:30px auto;} 
.hhl_main5_content1{width:1120px; overflow:hidden; margin:0 auto;} 
.hhl_main5_content1 ul{width:1600px; overflow:hidden;} 
.hhl_main5_content1 ul li{ float:left; width:182px; display:inline; margin:0px 20px; position:relative; overflow:hidden;} 
.hhl_main5_content1 ul li img{ width:180px; border-radius:50%; overflow:hidden; border:1px solid #ccc;} 
.hhl_main5_content1 ul li p{ font-size:18px; color:#333; line-height:30px; text-align:center;}
.hhl_main5_content1 ul li:hover p{ color:#f8b62d;}
.hhl_scrool_leftbtn{width:0px; height:38px; float:left; margin-top:50px; cursor:pointer;} 
.hhl_scrool_rightbtn{width:0px; height:38px; float:right;margin-top:50px; cursor:pointer;} 
.hhl_main5_content1 ul li:hover .show {opacity: 1;filter:alpha(opacity=100);}

/*******滚动成功案例**********/
.hl_main5_content{width:900px; margin:30px auto; height:190px; overflow:hidden;} 
.hl_main5_content1{width:900px; overflow:hidden; margin:0 auto;} 
.hl_main5_content1 ul{width:1600px; overflow:hidden;} 
.hl_main5_content1 ul li{ float:left; width:200px; display:inline; margin:0px 12px; position:relative; overflow:hidden;} 
.hl_main5_content1 ul li img{ width:200px; overflow:hidden; height:159px; border-radius:unset;} 
.hl_main5_content1 ul li p{ font-size:16px; color:#333; line-height:30px; text-align:center;}
.hl_main5_content1 ul li:hover p{ color:#F8B62D;}
.hl_scrool_leftbtn{width:0px; height:38px; float:left; margin-top:50px; cursor:pointer;} 
.hl_scrool_rightbtn{width:0px; height:38px; float:right;margin-top:50px; cursor:pointer;} 
/**********新闻详情******/
/**********新闻详情*************/
.jie {
    width: 100%;
	margin: 0 auto;
	padding-bottom:30px;
}
.jie_top h3{
    font-size: 24px;
    line-height: 44px;
    color: #444;
    text-align: center;
    padding-top: 15px;
	font-weight:bold;
}
.jie-cont {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    padding: 25px 10px;
}
.jie-cont p{
	/* text-indent: 2em; */
    font-size: 16px;
    padding: 0 0px;
}
.jie-cont p span{
    font-size: 16px;

}
.jie-cont .photo video{
    position:static;
    width:100%;
    height:100%;
    display:block;
    object-fit:fill;
	margin:10px auto;
}
.jie-cont img{
	width:600px;
	text-align: center;
	margin-bottom: 10px;
}
.jie-cont table{
	margin-left: auto;
	margin-right: auto;
}

.news_top_ny {
    width: 100%;
    margin: auto;
    overflow: hidden;
    color: #999;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}
.w360 {
    width: 550px;
    margin: 0 auto;
	font-size: 14px;
}
.w360 span{
    color: #ee202a;	
}
.news_top_ny p {
    display: inline;
    margin-right: 15px;
}
 /*翻页*/
.ud{
	border-bottom: 1px dashed #ccc;
	line-height: 34px;
	overflow: hidden;
	color: #666;
	padding: 5px 20px;
	font-size: 14px;
}
.ud a{ color: #666; font-size:15px;}

.ud a:hover{
	color: #F8B62D;
	text-decoration: underline;
}
/**********关于我们***********/
.ny_about{ color:#666; margin:20px 0px;    font-size: 14px;line-height: 26px;}
.ny_about h2{ font-size:18px; font-weight:bold; text-align:center; line-height:40px;}
.ny_about p{ font-size:14px; line-height:26px; text-indent:2em;}
.ny_about img{ width:100%;}
/*********资质荣誉********/
.ry{ margin-bottom:30px; margin-top:15px;}
.ry ul li{ float:left; width:280px; margin:10px;transition: all ease-out .2s;}
.ry ul li img{ width:100%; height:216px; border:1px solid #ddd; padding:2px;transition: all ease-out .2s;}
.ry ul li p{ color:#666; font-size:14px; text-align:center; padding:5px 0px;transition: all ease-out .2s;}
.ry ul li:hover img{ border:1px solid #F8B62D;}
.ry ul li:hover p{ color:#F8B62D;}
/***********工程师***********/
.gcs{margin-bottom:30px; margin-top:15px;}
.gcs li{
   margin: 0px 10px;
    width: 280px;
    float: left;
}
.gcs h2{
   text-align: center;
    line-height: 48px;
    margin-bottom: 5px;
    color: #333;
    font-size: 28px;
    font-weight: bold;
}
.gcs h2 span{
   text-align: center;
    line-height: 48px;
    margin-bottom: 5px;
    color: #333;
    font-size: 28px;
    font-weight: bold;
}

.classify_link{
   position: relative;
   margin-bottom: 20px;
   height: 342px;
   overflow: hidden;
}
.classify_link img{
   width: 280px;
   height:300px;

}
.classify_link .zhezhao{
   position: absolute;
   filter: alpha(opacity=90);
   padding-bottom: 0px;
   background-color: #fff;
   padding-left: 20px;
   width: 240px;
   transition: all 0.5s ease 0s;
   /*top: 203px;*/
   padding-right: 20px;
   height: 240px;
   padding-top: 0px;
   left: 0px;
   -moz-opacity: 1;
   opacity: 1;
}
.classify_link .zhezhao P{
   text-align: left;
   margin-bottom: 0px;
   line-height: 26px;
   height: 46px;
   font-size: 14px;
   overflow: hidden;
}
.classify_link .zhezhao p a{
   line-height: normal;
    display: none;
    color: #fff;
    font-size: 14px;
}
.current.classify_link .zhezhao{
   filter: alpha(opacity=100);
       transition: all 0.5s ease 0s;
    background-color: #F8B62D;
    bottom: 0px;
    -moz-opacity: 1;
    opacity: 1;
	height:240px;
}
.current.classify_link .zhezhao h3 a{
   color: #fff;
   padding-top:30px;
   display:block;
}
.current.classify_link .zhezhao P{
   height: 120px !important;
    color: #fff;
}
.classify_link .zhezhao h3 {
    line-height: 42px;
    color: #333;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px !important;
    text-align:center;
}

/*******联系我们**************/
.contact{}
.temp_con1 {
    height: 195px;
    margin-top: 60px;
    overflow: hidden;}
.temp_con1 dt {
    width: 422px;
	background:url(/templets/ruimanini/images/contact.gif)  no-repeat right 10px;
    float: left;
    overflow: hidden;
}
.temp_con1 dt h3{ width:146px; height:140px; float:left; margin-right:20px; overflow:hidden;}
.temp_con1 dt h3 img{ width:146px; height:140px;}
.temp_con1 dt p{ font:48px "Microsoft Yahei"; font-weight:bold; color:#555;}
.temp_con1 dt p em{ display:block; font:14px "Microsoft Yahei";}
.temp_con1 dt p i{ display:block; font:26px "Times New Roman", Times, serif;}
.temp_con1 dd{ width:443px; float:right; margin-right:15px; margin-top:10px; display:inline; overflow:hidden;}
.temp_con1 dd h4{ display:block; font:22px "Microsoft Yahei"; background:url(/templets/ruimanini/images/contact01.gif) no-repeat right center; color:#555; height:36px; overflow:hidden;}
.temp_con1 dd p{ font:14px "Microsoft Yahei"; color:#777; line-height:24px; height:72px; overflow:hidden; margin-top:10px;}
.txt_lxwmpic {width: 100% ;overflow: hidden;}
.txt_lxwmpic ul li {text-align: center;width: 20% ;float: left}
.txt_lxwmpic ul li p {padding: 10px 0; text-align:center;}
.txt_lxwmpic ul li h4 { font-size:16px; line-height:36px; text-align:center;}
.txt_lxwmpic ul li h3 { font-size:16px; line-height:26px; text-align:center;}
.map{width:100%; margin:30px 0px; }
/**********产品详情**********/
.product{}
.pro_main { background-color: #fff; zoom: 1;padding: 30px 5px; overflow: hidden;}
.pleft { width: 405px; z-index: 5; float: left;overflow: hidden; margin-left: 5px;}
.pleft img{ padding:2px; border:1px solid #ddd; width:396px; height:auto;}

.pright{ width: 460px;float: left; margin-left: 15px; z-index: 1; overflow: hidden; font-size: 14px; padding-bottom:66px;background:url(/templets/ruimanini/images/linkphone.png) no-repeat left bottom;}

.pright h2{color: #333; line-height: 28px; padding: 0 8px 10px; border-bottom: 1px dashed #ccc;font-size: 20px; font-weight:bold; text-align:center;}
.pright p{    font-size: 14px; color: #444; line-height: 26px; padding:10px;}
.pright .pro_tel{width:0px; height:0px; overflow: hidden; line-height: 22px; color:#333; font-size:16px; font-weight:bold; text-align:center;}
.pright .pro_tel span{ font-size:24px; font-weight:bold; color:#004183;}
.pright .proparp{ padding-top:25px;line-height: 22px; text-align:center;}
.maincont {width: 730px;}


.v_out{width:405px;margin:20px auto;overflow:hidden;}
.v_show{width:405px;overflow:hidden;position:relative;height:280px;float:left}
.v_cont{ width:6650px;position:absolute;left:0px;top:0px;}
.v_cont ul{float:left;text-align:center;line-height:50px;}
.v_cont ul li{width:405px;height:250px;background:#f8f8f8;float:left;margin-top:3px;}

/*---圆圈---*/
.v_out_p{position:relative;overflow:visible}
.circle{position:absolute;left: 40px;top: 290px;}
.circle li{width:120px;/*height:60px;*/float:left;margin-right:10px;/*background:#ccc*/}
.circle .circle-cur{/*background:#f00*/}




/*---切换---*/
.prev{float:left;padding:50px 9px 0}
.next{float:right;padding:50px 9px 0}
.prev a{ background:#f00;}
.prev .ico_1{ background:url(input_a.gif) no-repeat 0 -3757px;}

.next a{background:#f00 }
.next .ico_2{background:url(input_a.gif) no-repeat right -3757px;}
.prev,.prev a,.next,.next a{width:21px;height:28px; display:block}


.box{width:405px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; width:100%;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{float:left;margin:0 6px 0 0;}
.tb-s310, .tb-s310 a{width:399px; min-height:350px;}
.tb-s310, .tb-s310 img{max-width:400px;min-height:350px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb li{ width:71px;padding:2px;}
.tb-thumb .tb-selected{ width:71px;padding:2px;}
.tb-thumb .tb-selected div{border:medium none;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.pro_intro{font-family: "宋体";}
#outer {width:900px;margin:30px auto;}
#tab {}
#tab li{float:left;color:#333;height:24px;cursor:pointer;line-height:24px;padding:10px 30px; background-color:#ddd; margin:0px 10px;}
#tab li:nth-child(1){ margin-left:0px;}
#tab li:hover{color:#fff;background:#F8B62D;}
#tab li.current {color:#fff;background-color:#F8B62D;}
#content { border:1px solid #ddd; width:900px; min-height:300px;font-family: "宋体";}
#content ul {line-height:26px;display:none;	margin:0 30px;padding:10px 0;font-size:14px; color:#666;font-family: "宋体";}
#content ul p{ font-size:14px; color:#666;font-family: "宋体";}
#content ul p span{font-family: "宋体";font-size:14px;}
.MsoNormal{ font-size: 14px; font-family: "宋体"; }

/*********在线留言***********/
.temp_on_inp {height:424px;background:url(/templets/ruimanini/images/on_bj.jpg) no-repeat center top;overflow:hidden;padding-top:90px; margin-top:30px;}
.temp_on_inp h3 { width:197px; height:78px; background:url(/templets/ruimanini/images/on_tx.gif) no-repeat left bottom; font:24px "Microsoft YaHei"; font-weight:bold; line-height:24px; float:right; }
.temp_on_inp h3 span { display:block; font:14px Arial;  line-height:36px; text-transform:uppercase; }
.temp_on_con { width:592px; }
.temp_on_con li { height:38px; width:270px; border:1px solid #d1d1d1; float:left; margin-right:22px; margin-bottom:16px; line-height:38px; overflow:hidden; color:#cf181f;}
.temp_on_con li span { font:14px "Microsoft YaHei"; color:#999; line-height:38px; float:left; padding-left:10px; display:inline-block;  font-weight:bold;}
.temp_on_con li input { width:208px; height:38px; border:0; ont:14px "Microsoft YaHei"; color:#999; line-height:38px; float:left; box-shadow: none;}
.temp_on_con .inp1 input { width:180px; outline:none; }
.temp_on_con .inp3 { width:562px; height:72px; padding-top:10px; }
.temp_on_con .inp3 span { line-height:14px; padding-bottom: 10px;}
.temp_on_con .inp3 textarea { width:546px; height:56px; resize:none; overflow:auto; outline:none; padding-left:10px; border:0; :14px "Microsoft YaHei"; color:#999; line-height:24px; }
.temp_on_con .inp4 { margin-bottom:0; }
.temp_on_con .inp4 input { width:115px; }
.temp_on_con .inp4 img { width:60px; height:38px; border-left:1px solid #d1d1d1; float:right; }
.temp_on_con .inp2 { width:562px; height:70px; border:0; }
.temp_on_con .inp2 span { display:block; }
.temp_on_con .inp2 em { font:12px "Microsoft YaHei"; color:#999; line-height:36px; float:left; }
.temp_on_con .minp5 { border:0; }
.temp_on_con .minp5 input { width:82px; height:24px; margin-right:16px; cursor:pointer; cursor:pointer; line-height:24px; font-size:14px;color:#fff; outline:none;}
.temp_on_con .minp5 .onb1 { border-radius:5px; background-color:#eea200; }
.temp_on_con .minp5 .onb2 {  background:#333;border-radius:5px;  }


/*分页*/
.bbbbb { text-align: center; font: normal 14px "微软雅黑"; padding: 20px 0; }
.bbbbb ul li a { display: inline-block; display: inline; text-transform: uppercase; color: #555;background: none;
    line-height: 0px;margin-top: 0px; }
.bbbbb li { display: inline-block; display: inline; margin: 0 3px; background: #e9e9e9; padding: 4px 10px; color: #555; text-transform: uppercase; }
.bbbbb li.c { background:#5ABCAA; color: #fff; }
.bbbbb li:hover { background:#5ABCAA; color: #fff; }
.bbbbb li:hover a { color: #fff; }


/*********产品详情在线留言*********/
 .liuy{
	width: 80%;
	margin: 30px 0;
	overflow: hidden;
}
.liuy li{
	line-height: 30px;
    font-size: 15px;
	color: #333;
	margin: 15px 0;
}
.liuy li label{
	float: left;
    text-align: right;
    width: 80px;
	line-height: 30px;
	padding-right: 10px;
}
.liuy li .w200{
    width: 50%;
    border: 1px solid #ddd;
    line-height: 32px;
	padding-left: 10px;
}
.liuy textarea{
	width: 60%;
	height: 140px;
	border: 1px solid #ddd;
	margin-top: 10px;
}
.liuy li font{ color: #c00;}

.liuy .li-cen{
	margin-left: 90px;
    margin-top: 20px;
}
.liuy .li-text input{
	display: block;
    width: 110px;
    float: left;
    margin-left: 12%;
    background: #055db6;
    color: #fff;
    font-size: 16px;
    border: none;
    line-height: 40px;
}
.liuy .li-text input:hover{
	background: #004183;
}





.subject-list{
	width:50%
}
.subject-list li{
    padding:20px 0;
    border-bottom:1px #E3E3E3 solid;
}
.subject-list li .items{

}
.subject-list li .photo{
    float:left;
    width:315px;
    height:200px;
    border-radius:6px;
    overflow:hidden;
}
.subject-list li .text{
	height:200px;
    width:880px;
    padding:0 80px 0 20px;
}
.subject-list li .text h3{
    font-size:22px;
    font-weight:700;
    padding:10px 0;
}
.subject-list li .text p{
    width:100%;
    height:30px;
    line-height:30px;
    color:#666;
}
.subject-list li .text-keshi{
    padding-top:10px;
    color:#888;
}
.subject-list li .text-keshi span,.subject-list li .text-keshi strong{
    font-weight:400;
    display:inline-block;
}
.subject-list li .text-keshi span{
    padding:0 4px;
}
.subject-list li .text-tags{
    padding-top:20px;
}
.subject-list li .text-tags span{
    padding:0 8px;
    line-height:24px;
    background-color:#fff;
    border:1px #ccc solid;
    color:#999;
    vertical-align:top;
    margin:0 8px 8px 0;
    display:inline-block;
}
.subject-details-banner{
    width:100%;
    height:400px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.subject-details-banner .text{
    text-align:center;
    color:#fff;
    padding-top:120px;
}
.subject-details-banner .text h1{
    font-size:48px;
    font-weight:700;
    padding:30px 0;
}
.subject-details-banner-photo{
    padding-top:80px;
    text-align:center;
    color:#fff;
}
.subject-details-banner-photo h1{
    font-size:20px;
    font-weight:500;
    padding:6px;
}
.subject-details-banner-photo .photo{
    margin:0 auto;
    width:200px;
    height:200px;
    border-radius:50%;
    overflow:hidden;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.6);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,0.6);
    box-shadow:0 2px 8px rgba(0,0,0,0.6);
}
.subject-details-keshi{
    padding:0 100px;
    line-height:1.8;
}
.subject-details-keshi p{
    font-size:18px;
}
.subject-details-text{
    line-height:1.8;
    padding:0 40px 10px 0;
    border-bottom:1px #E3E3E3 solid;
}
.subject-details-text p{
    font-size:16px;
    padding-bottom:10px;
    text-indent:24px;
}
.subject-details-item{

}
.subject-details-title{
    width:100%;
    height:80px;
    line-height:80px;
}
.subject-details-tags{
    padding:0 0 10px 0;
}
.subject-details-tags span{
    padding:0 8px;
    line-height:24px;
    background-color:#fff;
    border:1px #ccc solid;
    color:#999;
    vertical-align:top;
    margin:0 8px 8px 0;
    display:inline-block;
}
.subject-details-tags span:nth-child(1){
    border-color:#008bff;
    color:#008bff;
}
.subject-details-tags span:nth-child(2){
    border-color:#ff2715;
    color:#ff2715;
}
.subject-details-tags span:nth-child(3){
    border-color:#ff8900;
    color:#ff8900;
}
.subject-details-tags span:nth-child(4){
    border-color:#00de96;
    color:#00de96;
}
.subject-details-tags span:nth-child(5){
    border-color:#b108e8;
    color:#b108e8;
}
.subject-details-tags span:nth-child(6){
    border-color:#ffa726;
    color:#ffa726;
}
.subject-details-tags span:nth-child(7){
    border-color:#d81417;
    color:#d81417;
}
.subject-details-tags span:nth-child(8){
    border-color:#42b6ff;
    color:#42b6ff;
}
.subject-details-title h3{
    font-size:20px;
    color:#5abcaa;
    padding:0 20px;
    position:relative;
}
.subject-details-title h3:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    margin-top:-10px;
    width:8px;
    height:20px;
    background-color:#5abcaa;
}


/*---报名---*/
.message-text{
    line-height:1.8;
    padding:10px;
    border-bottom:1px #E3E3E3 solid;
}
.message-text h2{
    font-size:22px;
    font-weight:700;
    padding:10px 0;
}
.message-text p{
    color:#666;
    padding-bottom:6px;
}
.message-text strong{
    color:#f00;
    font-weight:700;
    font-size:16px;
    padding:0 4px;
}
.message-text a{
    color:#f43636;
}
.message-from{
    padding:20px 60px;
}
.message-from li{
    padding:10px 0;
}
.message-from li .items{
    line-height:40px;
	width:100%;
	height:40px;
}
.message-from li .name{
    float:left;
    width:100px;
}
.message-from li .name strong{
    color:#f00;
    padding-right:4px;
}
.message-from li .inputdiv{
    float:left;
    width:500px;
}
.message-from li .inputdiv input{
    width:100%;
    height:40px;
    line-height:40px;
    padding:0 10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
}
.message-from li .inputdiv.yzm{
    width:200px;
}
.message-from li .inputdiv textarea{
    width:100%;
    min-height:140px;
    padding:10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
}
.message-from li .radiodiv{
    float:left;
    width:400px;
}
.message-from li .radiodiv label{
    padding-right:10px;
}
.message-from li .radiodiv span{
    padding:0 4px;
}
.message-from li .yzmdiv{
    float:left;
    padding:7px 6px;
    vertical-align:middle;
}
.message-from li .yzmdiv img{
    width:auto;
    height:auto;
    vertical-align:middle;
}
.message-from li .yzmbtn{
    float:left;
    cursor:pointer;
}
.message-from li .yzmbtn:hover{
    text-decoration:underline;
}
.message-from-btn{
    padding:20px 40px 0px 80px;
}
.message-from-btn input{
    margin:0 auto;
    width:600px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    border-radius:4px;
    background-color:#FF2D55;
}
.message-from-btn input:hover{
    background-color:#f43636;
    box-shadow:0 2px 6px rgba(0,0,0,0.14);
}
.message-from-list{
    padding:10px 40px;
}
.message-from-list li{
    border-bottom:1px #ddd solid;
}
.message-from-list li label{
    display:block;
    padding:15px 0;
    position:relative;
}
.message-from-list li input{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-4px;
}
.message-from-list li span{
    padding-left:20px;
    display:inline-block;
}
.outer:after{
	content:'';
	clear:both;
	display:block;
	width:0;
	height:0;
	visibility:hidden;
	}
	
	
	
/*校区展示*/
.school{
    height:535px;
    padding:40px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.school-main{
    padding:20px;
    height:495px;
    background-color:#fff;
}
.school-main-left{
    float:left;
    width:690px;
}
.school-main-bigphoto{
    width:690px;
    height:390px;
    overflow:hidden;
}
.school-main-bigphoto .swiper-slide {
    background-size: cover;
    background-position: center;
}
.school-main-bigphoto .swiper-button-next,.school-main-bigphoto .swiper-button-prev{
    opacity:0;
    position:absolute;
    top:50%;
    width: 60px;
    height: 60px;
    border-radius:50%;
    z-index: 333;
    margin-top:-30px;
    text-align:center;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,.5);
}
.school-main-bigphoto .swiper-button-next{
    right:20px;
}
.school-main-bigphoto .swiper-button-prev{
    left:20px;
}
.school-main-bigphoto .swiper-button-next i,.school-main-bigphoto .swiper-button-prev i{
    font-size:48px;
    font-weight:600;
}
.school-main-bigphoto:hover .swiper-button-next{
    opacity:1;
}
.school-main-bigphoto:hover .swiper-button-prev{
    opacity:1;
}
.school-main-bigphoto .gallery-top {
    height:100%;
    width: 100%;
}
.school-main-smallphoto{
    width:100%;
    height:95px;
    position:relative;
}
.school-main-smallphoto .swiper-button-next,.school-main-smallphoto .swiper-button-prev{
    opacity:0;
    position: absolute;
    top:0;
    width: 40px;
    height: 95px;
    z-index: 20;
    margin-top:0;
    line-height:95px;
    text-align:center;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,.5);
}
.school-main-smallphoto .swiper-button-next{
    right:0;
}
.school-main-smallphoto .swiper-button-prev{
    left:0;
}
.school-main-smallphoto .swiper-button-next i,.school-main-smallphoto .swiper-button-prev i{
    font-size:24px;
    font-weight:600;
}
.school-main-smallphoto:hover .swiper-button-next{
    opacity:1;
}
.school-main-smallphoto:hover .swiper-button-prev{
    opacity:1;
}
.gallery-thumbs {
    margin-top:4px;
    height:95px;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    background-size:100% 100%;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.school-main-right{
    float:left;
	margin-left:20px;
    width:450px;
    height:490px;
    border:1px #E3E3E3 solid;
}
.school-main-right .texttitle{

    height:80px;
    padding:0 20px;
    color:#fff;
    background-color:#5ABCAA;
    background-image:url(/templets/ruimanini/images/school-title-bg.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:156px 80px;
    box-shadow:0 2px 4px rgba(36,175,150,.5);
}
.school-main-right .texttitle h1{
    line-height:80px;
    font-size:34px;
    font-weight:700;
}
.school-main-right .textags{
    padding:20px;
}
.school-main-right .textags ul{
    padding:0 0 20px 0;
    border-bottom:1px #E3E3E3 solid;
}
.school-main-right .textags li{
    float:left;
    width:33.33%;
    text-align:center;
}
.school-main-right .textags li .text01{
    font-size:66px;
    font-weight:700;
    color:#F8B62D;
}
.school-main-right .textags li .text02{
    color:#666;
}
.school-main-right .textlist{
    padding:0 20px;
}
.school-main-right .textlist ul{
    padding:0 0 10px 0;
    border-bottom:1px #E3E3E3 solid;
}
.school-main-right .textlist li{
    width:100%;
    line-height:28px;
    padding:4px 4px 0 4px;
    color:#666;
}
.school-main-right .textlist li strong{
    color:#333;
    font-weight:700;
}
.school-main-right .textphone{
    padding:20px 20px 0 90px;
    color:#F8B62D;
    position:relative;
}
.school-main-right .textphone .icocom{
    position:absolute;
    left:20px;
    top:10px;
	margin-top:15px;
}
.school-main-right .textphone .icocom i{
    font-size:60px;
}
.school-main-right .textphone .text{

    padding-top:10px;
    line-height:1.4;
}
.school-main-right .textphone .text h4{
    font-size:14px;
    font-weight:400;
}
.school-main-right .textphone .text p{
    font-size:28px;
    font-weight:700;
}
.school-text{
    padding:0 60px;
    line-height:1.8;
}
.school-text p{
    padding-top:10px;
}
.school-maps{
    width:100%;
    height:480px;
}

.column{
    padding:60px 0;
}
.columnbg{
    padding:30px 0;
    background-color:#F5F5F5;
}
.column-main{
    margin:0 auto;
    width:1200px;
}
.column-title{
    position:relative;
}
.column-title.activecenter{
    text-align:center;
}
.column-title h2{
    font-size:36px;
    font-weight:200;
    padding:10px 0;
}
.column-title h2 strong{
    padding-right:6px;
}
.column-title p{
    color:#888;
}
.column-title .textmore{
    position:absolute;
    right:30px;
    bottom:0;
}
.common-ad{
    width:100%;
    height:40px;
    position:relative;
}
.common-ad a{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    border-radius:2px;
    border:1px #f4cbcb solid;
    color:#f43636;
    display:block;
}
.common-ad a:hover{
    text-decoration:none;
}
.common-ad .text{
    position:absolute;
    right:4px;
    top:0;
    color:#d0d0d0;
}
.common-ad .text i{
    font-size:30px;
}
.combtn{
    margin:35 auto;
    width:160px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:16px;
    font-weight:500;
    color:#fff !important;;
    background-color:#F8B62D;
    border-radius:6px;
    display:block;
}
.combtn:hover{
    text-decoration:none !important;
    background-color:#f43636 !important;
}
.combutton{

}
.combutton button{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:500;
    color:#fff;
    background-color:#5abcaa;
    cursor:pointer;
}
.combutton button:hover{
    background-color:#28bba0;
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1);
    -moz-box-shadow:0 2px 6px rgba(0,0,0,0.1);
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
}
.combanner{
    width:100%;
    height:400px;
    padding-top:120px;
    color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.combanner-text{
    text-align:center;
}
.combanner-text h1{
    font-size:48px;
    font-weight:700;
    padding:20px 0;
}
.comhover{

}
.comhover li .items{
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.14);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,0.14);
    box-shadow:0 2px 8px rgba(0,0,0,0.14);
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.comhover li .photo img{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.comhover li:hover .items{
    -webkit-transform:translate(0,-6px);
    -moz-transform:translate(0,-6px);
    transform:translate(0,-6px);
}
.comhover li:hover .photo img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transform:scale(1.1);
}
.details-column{
    background-color:#fff;
    margin-bottom:20px;
}
.details-column-title{
    padding:0 20px;
    height:60px;
    line-height:60px;
    border-bottom:1px #E3E3E3 solid;
}
.details-column-title h2{
    font-size:22px;
    font-weight:500;
}
.details-column-main{
    padding:20px;
}
/*服务对象*/
.combg{
    width:100%;
    padding-top:60px;
    background-image:url(/templets/ruimanini/images/service-banner.jpg);
    background-repeat:no-repeat;
    background-position:center top;
}
.comtitle{
    text-align:center;
    color:#fff;
    line-height:1.8;
}
.comtitle h1{
    line-height:100px;
    font-size:48px;
    font-weight:700;
}
.comtitle p{
    font-size:16px;
    font-weight:500;
}
.comlocation{
    width:100%;
    height:60px;
    line-height:60px;
    color:#fff;
}
.comlocation span{
    padding:0 10px;
}
.comlocation strong{
    font-weight:400;
}
.combg-items{
    -webkit-box-shadow:0 11px 21px rgba(3,3,3,0.1);
    -moz-box-shadow:0 11px 21px rgba(3,3,3,0.1);
    box-shadow:0 11px 21px rgba(3,3,3,0.1);
}
.service-tags{
    background-color:#fff;
}
.service-tags ul{
    padding:0 20px;
}
.service-tags li{
    width:100%;
    height:60px;
    line-height:60px;
    border-bottom:1px #E3E3E3 dashed;
}
.service-tags li:last-child{
    border-bottom:0;
}
.service-tags li strong,.service-tags li span{
    display:inline-block;
}
.service-tags li span{
    padding:0 10px;
}
.service-list{
    padding:40px 0;
}
.service-list li{
    float:left;
    width:25%;
    padding:10px 0;
}
.service-list li .items{
    width:280px;
    background-color:#fff;
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);
    -moz-box-shadow:0 2px 10px rgba(0,0,0,0.1);
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.service-list li .photo{
    width:100%;
    height:170px;
    overflow:hidden;
}
.service-list li .text{
    min-height:240px;
    padding:10px;
    text-align:center;
}
.service-list li .text h3{
    font-size:18px;
    font-weight:500;
    height:40px;
    line-height:40px;
    border-bottom:1px #E3E3E3 solid;
}
.service-list li .text dl{
    line-height:30px;
}
.service-list li .text dt{
    font-size:18px;
    font-weight: bold;
    color:#F8B62D;
    margin:5px 0;
}
.service-list li .text dd{

}
.service-details-banner{
    width:100%;
    height:300px;
    background-image:url(/templets/ruimanini/images/service-details-banner.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.service-details-banner .text{
    text-align:center;
    color:#fff;
    padding-top:80px;
}
.service-details-banner .text h1{
    font-size:40px;
    font-weight:700;
    padding:20px 0;
}
.service-details-banner .text a{
    margin:20 auto;
    display:block;
    color:#fff;
}
.service-details-banner .text a:hover{
    text-decoration:none;
    background-color:#f43636;
}
.service-details{
    position:relative;
}
.service-details h2{
    font-size:24px;
    font-weight: bold;
    padding-bottom:30px;
}
.service-details-left{
    float:left;
    width:440px;
    min-height:300px;
    padding:30px 40px;
    background-color:#fff;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,0.1);
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
	color:#5A5A5A;
}
.service-details-left li{
    padding-left:30px;
    font-size:20px;
    line-height:46px;
    position:relative;
}
.service-details-left li:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    margin-top:-5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#f43636;
}
.service-details-left p{
    padding-left:30px;
    font-size:20px;
    line-height:46px;
    position:relative;
}
.service-details-left p:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    margin-top:-5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#f43636;
}
.service-details-right{
    float:right;
    width:500px;
    min-height:300px;
    background-color:#fff;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,0.1);
    box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.service-details-right h3{
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:20px;
    font-weight:700;
    color:#fff;
    background-color:#F8B62D;
}
.service-details-right-text{
    padding:20px;
    font-size:18px;
    color:#5A5A5A;
	font-weight:bold;
}
.service-details-right-text li{
    padding-left:20px;
    line-height:44px;
}
.service-details-arrow{
    position:absolute;
    left:570px;
    top:50%;
    margin-top:-40px;
    width:71px;
    height:118px;
    background-image:url(/templets/ruimanini/images/aside.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
}
.service-expert{
    width:100%;
    height:600px;
    padding-top:40px;
    background-image:url(/templets/ruimanini/images/service-expert-banner.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.service-expert-title{
    padding:40px 0;
    text-align:center;
}
.service-expert-title h3{
    font-size:36px;
    font-weight:500;
}
.service-expert-swipe{
    padding-top:20px;
    position:relative;
}
.service-expert-items{
    width:220px;
    position:relative;
}
.service-expert-items .photo{
    width:100%;
    height:320px;
    overflow:hidden;
}
.service-expert-items .text{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:5px 10px 10px 10px;
    color:#fff;
    text-align:center;
    background-color:#5abcaa;
}
.service-expert-items .text:before{
    content:'';
    position:absolute;
    left:5px;
    top:5px;
    width:210px;
    height:50px;
    border:1px #fff solid;
}
.service-expert-items .text h4{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:16px;
}
.service-expert-items .text p{
    margin-top:-5px;
    width:100%;
    height:20px;
    line-height:20px;
    font-size:12px;
}
.service-expert-swipe .swiper-container{
    padding-bottom:0;
}
.swiper-button-next, .swiper-button-prev{

    background-size:100% 100%;
}
.service-expert-swipe .swiper-button-next{
    width:14px;
    height:23px;
    right:-30px;
}
.service-expert-swipe .swiper-button-prev{
    width:14px;
    height:23px;
    left:-30px;
}
/*报名成功*/
.success{
    padding:20px;
    background-color:#fff;
}
.success-ico{
    padding-top:40px;
    text-align:center;
    color:#08de30
}
.success-ico i{
    font-size:90px;
}
.success-text{
    padding:20px 100px;
    line-height:1.8;
    text-align:center;
}
.success-text h3{
    font-size:18px;
    font-weight:500;
    padding:10px 0;
}
.success-text p{
    padding-bottom:6px;
}
.success-code{
    padding:10px 0 40px;
    text-align:center;
}
.success-code p{
    padding:10px 0;
}
.success-code-photo{
    margin:0 auto;
    width:150px;
    height:150px;
    overflow:hidden;
}
.success-tips{
    display:none;
    padding-top:20px;
    text-align:center;
}
.success-tips .icocom{

}
.success-tips .icocom i{
    font-size:60px;
}
.success-tips .text{

}
.success-tips .text h2{
    font-size:24px;
    font-weight:600;
}
.success-tips.active{
    display:block;
}
.success-tips.pctype01{
    color:#f00;
}
.success-tips.pctype02{
    color:#ffcc00;
}
.success-tips.pctype03{
    color:#08de30;
}