

/*nianhui*/

.nianhui{text-align: center;padding: 30px 0}

.nianhui .nianhui_1{position: relative; height: 370px;padding: 40px 0}

.nianhui .nianhui_1:after{content: '';background: url(/template/default/images/ico5.gif);height: 30px; width: 1200px;position: absolute;bottom: 0;left: 0}

.nianhui .nianhui_1 img{width: 592px;height: 340px;float: right;}

.nianhui .nianhui_1 dl{width: 600px;box-sizing: border-box;padding: 20px 30px;float: left;text-align: left;position: relative;height: 340px;}

.nianhui .nianhui_1 dl dt{font-size: 26px;color: #1a6bf1;font-weight: bold;}

.nianhui .nianhui_1 dl dt span{display: block;font-size: 16px;color: #333;padding: 20px 0 ;position: relative;}

.nianhui .nianhui_1 dl dt span:after{content: '';width: 50px; height: 3px;background: #1a6bf1;position: absolute;left: 0;top: 10px}

.nianhui .nianhui_1 dl dd{font-size: 16px;line-height: 180%;color: #333}

.nianhui .nianhui_1 dl a{position: absolute;right: 0;padding: 10px 30px;background: #1a6bf1;color: #fff;border-radius: 30px;right:30px;bottom: 0}

.nianhui .nianhui_1:nth-child(2n+0) img{float: left}

.nianhui .nianhui_1:nth-child(2n+0) dl{float: right}



.nianhui_01{text-align: center;padding: 0 0}

.nianhui_01 ul{display: flex;flex-wrap: wrap; justify-content: space-between;padding: 30px 0}

.nianhui_01 ul li{width:390px;margin-bottom: 20px}

.nianhui_01 ul li img{width: 100%;height: 250px; overflow: hidden;}

.nianhui_01 ul li h4{line-height: 300%;font-size: 16px;font-weight: bold;text-align: center;}

.nianhui_01 .list{display: flex;flex-wrap: wrap; justify-content: space-between;padding: 30px 0 0}

.nianhui_01 .list li{width:400px;margin-bottom: 20px;}

.nianhui_01 .list li img{width:400px; height: 500px}





/*nhjm_list*/

.nhjm_list{padding: 30px 0 0}

.nhjm_list ul{display: flex;flex-wrap: wrap; justify-content: space-between;}

.nhjm_list ul li{width: 590px;border: 3px solid #1a6bf1; height: 210px; box-sizing: border-box;margin-bottom: 20px;border-radius: 123px 5px 5px 123px;position: relative;}

.nhjm_list ul li img{border-radius: 50%;border: 8px solid #1a6bf1;box-sizing: border-box;width: 206px;position: absolute;left: -5px; z-index: 1}

.nhjm_list ul li .t{color: #fff;width: 206px;position: absolute;z-index: 2;text-align: center;background: url(/template/default/images/ico4.png); height: 50px;left: -5px;bottom: 3px;line-height: 50px}

.nhjm_list ul li p{height: 205px;width: 63%;position: absolute;right: 10px;padding: 10px;font-size: 15px; line-height: 180%;text-align: left;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}

.nhjm_list ul li:nth-child(2n+0){border-radius: 5px 123px 123px 5px;}

.nhjm_list ul li:nth-child(2n+0) img{position: absolute;left:65%;}

.nhjm_list ul li:nth-child(2n+0) p{position: absolute;left: 0;} 

.nhjm_list ul li:nth-child(2n+0) .t{left: 65%;bottom: 3px;}

/*年会套餐*/

/*nhtc_list*/

.nhtc_list{padding: 30px 0}

.nhtc_list ul{display: flex;flex-wrap: wrap; justify-content: space-between;}

.nhtc_list ul li{background: #1a6bf1;color: #fff;text-align: center;width: 18%;padding:5px 0;font-size: 18px;border-radius: 15px}

.nhtc_list ul li span{display: block;}

/*nhtc_list_01*/

.nhtc_list_01{width: 100%;background: #fff}

.nhtc_list_01 dl{width: 100%;margin: 0 auto;text-align: left;padding: 30px 0}

.nhtc_list_01 dl dt{font-size: 32px;color: #1a6bf1;width: 1200px;margin: 0 auto;padding-bottom: 30px}

.nhtc_list_01 dl dd{width: 1200px;margin: 0 auto;font-size: 16px;font-weight: bold;line-height: 200%;box-sizing: border-box;padding-left: 120px;position: relative;margin: 15px auto}

.nhtc_list_01 dl dd span{padding: 0 15px;background:#1a6bf1;color: #fff;border-radius: 15px;position: absolute;left: 0;box-sizing: border-box;width: 110px;text-align: center;}

.nhtc_list_01 dl:nth-child(2n+0){background: #f2f2f2}



/*年会主题*/

.nhzt_list{padding: 30px 0 0}

.nhzt_list ul{display: flex;flex-wrap: wrap; justify-content: space-between;}

.nhzt_list ul li{width: 391px;border: 1px solid #f5f5f5;margin-bottom: 20px;border-radius: 10px}

.nhzt_list ul li img{width: 100%; height: 220px;line-height: 0}

.nhzt_list ul li h4{background: #ff3138;color: #fff;line-height: 200%;text-align: center;font-size: 18px}

.nhzt_list ul li p{line-height: 180%;font-size: 14px;text-align: left;box-sizing: border-box;padding: 10px}



.nhzt_list_01{padding: 30px 0 ;text-align: center;}

.nhzt_list_01 ul{display: flex;flex-wrap: wrap; justify-content: space-between;padding-top: 30px}

.nhzt_list_01 ul li{width: 206px; height: 210px; box-sizing: border-box;margin-bottom: 20px;position: relative;margin: 0 30px 30px}

.nhzt_list_01 ul li img{border-radius: 50%;border: 8px solid #1a6bf1;box-sizing: border-box;width: 206px;position: absolute;left: -5px; z-index: 1}

.nhzt_list_01 ul li .t{color: #fff;width: 206px;position: absolute;z-index: 2;text-align: center;background: url(/template/default/images/ico4.png); height: 50px;left: -5px;bottom: 10px;line-height: 50px}

.nhzt_list_01 ul li p{height: 205px;width: 63%;position: absolute;right: 10px;padding: 10px;font-size: 15px; line-height: 180%;text-align: left;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}



.nhzt_list_02{background: url(/template/default/images/nhxs1bg.jpg); height: 216px;text-align: center;}

.nhzt_list_02 ul{display: flex;flex-wrap: wrap; justify-content: space-between;padding-top: 30px;width: 1100px; margin: 0 auto}

.nhzt_list_02 ul li{color: #fff;text-align: center;}

.nhzt_list_02 ul li span{color: #fff;display: block;line-height: 180%}

.nhzt_list_02 ul li img{border: 2px solid #fff;border-radius: 50%}

.nhzt_list_02 a{padding: 3px 20px; background: #fff;color: #333;border-radius: 30px;margin: 0 auto}



/*nianhuicases*/



.business{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;margin-top: 50px;margin-bottom: 50px;

}





.business .title  p{color:#222222;font-size: 40px;text-align: center;letter-spacing: 2px;

}





.business .title  b{color:#1a6bf1;

}



.business .title span{display: block;text-align: center;font-size: 18px;text-transform: uppercase;color:#555555;letter-spacing: 5px;

}

.business  .bd{width: 1200px;margin: 0 auto;margin-top: 30px;



}

.business  .bd ul li{float: left;margin-right: 4px;

}

 



.business  .bd ul li .icon{width: 130px;height: 130px;border-radius: 50%;margin: 0 auto;overflow: hidden;position: relative;background: #e8e8e8;transition: .3s;

}

.business  .bd ul li .icon img{display: block;position: absolute;transition: .3s;left: 0;top: 0;

}

.business  .bd ul li:hover .icon img{top: -130px;

}



.business  .bd ul li p{width: 110px;margin: 0 auto;margin-top: 20px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color:#202020;border-bottom: 2px solid #fc0203;

}



.business  .bd ul li span{display: block;text-align: center;line-height: 30px;color:#202020;margin-top: 5px;font-size: 13px;

}

.business  .hd {display: table;margin: 0 auto;margin-top: 34px;

}

.business  .hd ul li{float: left;width: 50px;height: 10px;background: #e8e8e8;margin: 0 10px;line-height: 30px;overflow: hidden;line-height: 40px;

}

.business  .hd ul .on{background: #1a6bf1;

}





.cases{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;margin-top: 60px;

}



.cases .title  p{color:#222222;font-size: 40px;text-align: center;letter-spacing: 2px;

}





.cases .title  b{color:#1a6bf1;

}



.cases .title span{display: block;text-align: center;font-size: 18px;text-transform: uppercase;color:#555555;letter-spacing: 5px;

}

.cases ul{margin-top: 20px;margin-left: -14px;height: auto;overflow: hidden;display: inline-block;

}

.cases ul li{float: left;width: 380px;height: auto;overflow: hidden;margin-left: 14px;margin-bottom: 5px;border: none;padding: 0;background: none

}

.cases ul li div{width: 380px;overflow: hidden;height: 282px;

}

.cases ul li:hover img{transform: scale(1.05);

}

.cases ul li img{display: block;transition: .3s;width: 380px;height: 282px;

}





.cases ul li  p{width: 100%;line-height: 40px;text-align: center;font-size: 16px;color:#333333;

}





.cases  .more{display: block;width: 170px;height: 55px;background: #cccccc;text-align: center;color:#fff;font-size: 16px;line-height: 55px;border-radius: 30px;margin: 0 auto;margin-top: 65px;

}

.cases  .more:hover{background: #1a6bf1;

}



/*cehua*/



.solution{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;

}





.solution .title p{color:#222222;font-size: 40px;text-align: center;

}



.solution .title  b{color:#1a6bf1;font-weight: normal;

}

.solution ul{margin-left: -15px;margin-top: 20px;

}

.solution ul li{float: left;width: 390px;height: auto;overflow: hidden;margin-bottom: 35px;margin-left: 15px;position: relative;

}

.solution ul li img{display: block;width: 390px;height: 270px;transition: .5s;

}

.solution ul li div{width: 100%;height: 65px;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.6);display: flex;justify-content: center;flex-wrap: wrap;transition: .5s;flex-direction: column;align-items: center;

}



.solution ul li div p{text-align: center;color:#fff;font-size: 16px;

}

.solution ul li div span{display: block;text-align: center;color:#fff;font-size: 16px;width: 100%;text-transform: uppercase;margin-top: 3px;

}

.solution ul li:hover div{height: 345px;

}



.solution ul li:hover img{transform: scale(1.05);

}



/*partner*/

.partners{padding: 30px 0 ;text-align: center;}

.partners ul{display: flex;justify-content: space-between;padding: 30px 0 0;flex-wrap: wrap;}

.partners ul li img{border: 1px solid #c5c5c5;box-sizing: border-box;width: 165px; height: 85px}

.partners ul li {margin: 0 0 5px 0}





/*tuanjian*/

.tuanjian{text-align: center;padding: 30px 0}

.tuanjian ul{display: flex;justify-content: space-between;padding: 30px 0 0;flex-wrap: wrap;}

.tuanjian ul li img{border: 5px solid #e5e5e5}

.tuanjian ul li {position: relative;}

.tuanjian ul li .t{position: absolute;z-index: 2;background: #c2be14;padding: 8px 30px;color: #fff;font-size: 22px;border-radius: 0 10px 10px 0;bottom: 40px;left: 5px}



.tuanjian01{background: #e5e5e5;height: 580px}

.tuanjian01 .right{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 580px}

.tuanjian01 .left{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 580px}



.tuanjian_list{padding: 40px 0;position: relative;text-align: left;}

.tuanjian_list .hd{position: absolute;right: 0;top: 50px}

.tuanjian_list .hd a{padding: 5px 20px;position: relative;}

.tuanjian_list .hd a:hover{background: #fc1711;color: #fff}



.tuanjian_list .hd .on{background: #fc1711;color: #fff}



.tuanjian_list ul{display: flex;justify-content: space-between;padding: 30px 0 0;flex-wrap: wrap;}

.tuanjian_list ul li{padding: 5px;border: 1px solid #dfdfdf;box-sizing: border-box;width: 32.333333%;margin-bottom: 20px}

.tuanjian_list ul li img{width: 100%;}

.tuanjian_list ul li h4{text-align: center;line-height: 240%}

.tuanjian_list ul li .rs{background: url(/template/default/images/ico06.png) 0 0 no-repeat;display: inline-block;padding-left: 28px;font-size: 14px;height: 25px;margin-right: 5px;font-weight: bold;margin-left: 5px}

.tuanjian_list ul li .ts{background: url(/template/default/images/ico07.png) 0 0 no-repeat;display: inline-block;padding-left: 28px;font-size: 14px;height: 25px;margin-right: 5px;font-weight: bold;}

.tuanjian_list ul li .cc{background: url(/template/default/images/ico08.png) 0 0 no-repeat;display: inline-block;padding-left: 28px;font-size: 14px;height: 25px;font-weight: bold;}

.tuanjian_list .tuanjian_list_more{padding: 8px 40px;background: #fc1711;border-radius: 30px;color: #fff;margin: 0 auto}





/*年会首页表单*/



.one-stop{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;margin-top: 40px;

}

.one-stop .fl{width: 930px;}

.one-stop .fr{width: 250px;}



.one-stop .form{width: 930px;height: 426px;background: url(/template/default/images/one-stop01.gif) no-repeat;float: left;margin-top: 20px;background-position: left bottom;

}

.one-stop .form .tit{width: 100%;height: auto;overflow: hidden;margin-top: 23px;text-align: center;

}

.one-stop .form .tit p{color:#222222;font-size: 24px;font-weight: bold;



}



.one-stop .form ul{

	height: auto;

	overflow: hidden;

	width: 100%;

}



.one-stop .form form{width: 610px;height: auto;overflow: hidden;float: left;margin-right: 15px;margin-top: 140px;margin-left: 70px;

}

.one-stop .form form ul li{width: 330px;height: auto;float: left;margin-bottom: 15px;overflow: hidden;

 

}

.one-stop .form form ul li:nth-child(2n){float: right;width: 270px

}



.one-stop .form form ul li p{font-size: 16px;color:#222222;float: left;line-height: 35px;font-weight: bold;

}



.one-stop .form form ul li select{width: 182px;height: 32px;border: 1px solid #c9c9c9;outline: none;font-size: 14px;color:#777;

}

.one-stop .form form ul li:first-child select{width: 60px;



}

.one-stop .form form ul li:first-child select:last-child{float:right;width:115px;

}



.one-stop .form form ul li .input-parent{float: left;height: 35px;

}

.one-stop .form form ul li .input-parent input{height: 33px;width: 180px;outline: none;border: 1px solid #c9c9c9;text-indent: 5px;background: none;background-image:none !important;

}

.one-stop .form form ul li input{width: 180px;height: 32px;border: 1px solid #c9c9c9;text-indent: 5px;color:#999999;outline: none;

}

.one-stop .form form ul li:last-child{width: 100%;

}

.one-stop .form form ul li:last-child input{width: 15px;height: 15px;

}

.one-stop .form form ul li:last-child div{float: left;

}



.one-stop .form form ul .req{width: 100%;height: auto;overflow: hidden;

}



.one-stop .form form ul .req label{display: table;float: left;line-height: 25px;font-size: 13px;margin-right:20px;color:#555555;

}

.one-stop .form form ul .req  input[type='checkbox']{width: 15px;height: 15px;appearance: none;

    -webkit-appearance: none;

      outline: none;

   	background: #fff;

   	margin-top:5px;

   	float: left;

   	border: 1px solid  #c9c9c9;

   	margin-right: 3px;

}



.one-stop .form form ul .req  input[type=checkbox]:checked{background: #1a6bf1 ; 

}

.one-stop .form form ul .req  div{width: 480px;height: auto;overflow: hidden;margin-top: 6px;float: left;margin-left:0px;

}





.one-stop .form form .btn{width: 120px;height: 35px;background: #1a6bf1;color:#fff;font-size: 18px;text-align: center;line-height: 35px;outline: none;border-radius: 5px;border: none;margin-top: 8px

}





.one-stop .s-ad{float: right;width: 250px;background: #1a6bf1;border: 1px solid #1a6bf1;box-sizing: border-box;



}



.one-stop .s-ad  ul {margin: 0 auto;height: auto;overflow: hidden;background: #ffffff;box-sizing: border-box;padding: 20px;height: 425px;

}



.one-stop .s-ad  ul li {color:#333;overflow: hidden;margin-bottom: 12px;line-height: 24px;font-size: 16px;border-bottom: 1px solid #efefef;	padding-bottom:20px;



}

.one-stop .s-ad  ul li p{font-size: 18px;font-weight: bold;color: #1a6bf1;text-indent: 20px;position: relative;line-height: 180%



}

.one-stop .s-ad  ul li p:before{content: '';background: #1a6bf1;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 5px;top: 15px}



.one-stop .s-ad  ul li span{display: block;font-size: 14px;color: #777

}

.one-stop .s-ad  ul li:nth-child(1){background: url(/template/default/images/s02.png) left top no-repeat;

}



.one-stop .s-ad  ul li:nth-child(2){background: url(/template/default/images/s02.png) left -68px no-repeat;

}



.one-stop .s-ad  ul li:nth-child(3){background: url(/template/default/images/s02.png) left -135px no-repeat;

}



.one-stop .s-ad  ul li:nth-child(4){background: url(/template/default/images/s02.png) left -203px no-repeat;

}





/*策划表单*/





.two-stop{width: 1200px;margin: 0 auto;height: auto;overflow: hidden;margin-top: 40px;

}

.two-stop .fl{width: 762px;}

.two-stop .fr{width: 400px;}



.two-stop .form{width: 762px;height: 449px;background: url(../image/two-stop01.jpg) no-repeat;float: left;background-position: left bottom;

}

.two-stop .form .tit{width: 100%;height: auto;overflow: hidden;margin-top: 23px;text-align: center;

}

.two-stop .form .tit p{color:#222222;font-size: 24px;font-weight: bold;



}



.two-stop .form form{width: 705px;height: auto;overflow: hidden;float: left;margin-top: 90px;margin-left: 30px;

}

.two-stop .form form ul li{width: 330px;height: auto;float: left;margin-bottom: 15px;overflow: hidden;

 

}

.two-stop .form form ul li:nth-child(2n){float: right;width: 270px

}



.two-stop .form form ul li p{font-size: 14px;color:#222222;float: left;line-height: 35px;font-weight: bold;

}



.two-stop .form form ul li select{width: 182px;height: 32px;border: 1px solid #c9c9c9;outline: none;font-size: 14px;color:#777;

}

.two-stop .form form ul li:first-child select{width: 80px;



}

.two-stop .form form ul li:first-child select:last-child{

}



.two-stop .form form ul li .input-parent{float: left;height: 35px;

}

.two-stop .form form ul li .input-parent input{height: 33px;width: 180px;outline: none;border: 1px solid #c9c9c9;text-indent: 5px;background: none;background-image:none !important;

}

.two-stop .form form ul li input{width: 180px;height: 32px;border: 1px solid #c9c9c9;text-indent: 5px;color:#999999;outline: none;

}

.two-stop .form form ul li:last-child{width: 100%;

}

.two-stop .form form ul li:last-child input{width: 15px;height: 15px;

}

.two-stop .form form ul li:last-child div{float: left;

}



.two-stop .form form ul .req{width: 100%;height: auto;overflow: hidden;

}



.two-stop .form form ul .req label{display: table;float: left;line-height: 25px;font-size: 13px;margin-right:15px;color:#555555;

}

.two-stop .form form ul .req  input[type='checkbox']{width: 15px;height: 15px;appearance: none;

    -webkit-appearance: none;

      outline: none;

   	background: #fff;

   	margin-top:5px;

   	float: left;

   	border: 1px solid  #c9c9c9;

   	margin-right: 3px;

}



.two-stop .form form ul .req  input[type=checkbox]:checked{background: #1a6bf1 ; 

}

.two-stop .form form ul .req  div{width: 600px;height: auto;overflow: hidden;margin-top: 6px;float: left;margin-left:0px;

}





.two-stop .form form .btn{width: 200px;height: 35px;background: #1a6bf1;color:#fff;font-size: 18px;text-align: center;line-height: 35px;outline: none;border-radius: 5px;border: none;margin:0 auto;margin-top: 8px; display: block;

}





.two-stop .form form ul{

	height: auto;

	overflow: hidden;

}



.two-stop .s-ad{float: right;width: 400px;background: #fff;box-sizing: border-box;border-top: 10px solid #1a6bf1



}

.two-stop .s-ad .info{border: 1px solid #dfdfdf;border-top: none;height: 440px;padding-top: 20px;box-sizing: border-box;}

.two-stop .s-ad .info  ul {margin: 0 auto;height: auto;overflow: hidden;background: #ffffff;box-sizing: border-box;padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;

}



.two-stop .s-ad .info  ul li {width: 50%;text-align: center;}

.two-stop .s-ad .info  ul li span{display: block;line-height: 300%;font-weight: bold;font-size: 16px}

.two-stop .s-ad .info  ul li img{border: 2px solid #1a6bf1;border-radius: 50%;padding: 5px}

.two-stop .s-ad .bottom ul {display: flex;flex-wrap: wrap;justify-content: space-between;background: #1a6bf1;padding:18px 10px;box-sizing: border-box;}

.two-stop .s-ad .bottom ul li{background: #fec600; padding:5px 10px;border-radius: 15px;font-weight: bold;}



.s-ad .bottom {

	display: none;

}

/*zhuying*/

.zhuying{/*background:#f7f7f7;*/ background:#1a6bf1; height: 780px;margin: 70px auto 0;position: relative;}

.zhuying:before{content: '';background: url(/template/default/images/ico09.png); width: 69px; height: 69px; position: absolute;top:-34.5px;left: 50%;margin-left: -34.5px}

.zhuying .t{text-align: center;padding-top: 100px;font-size: 40px;color: #fff}

.zhuying .t span{display: block;font-size: 32px;color: #fff;font-weight: bold;line-height: 240%}

.zhuying .t b{display: block;font-size: 24px;color: #fff}

.zhuying .t em{width: 50px;height: 3px;background: #fff;display: inline-block;margin: 25px auto}



.zhuying ul{display: flex;width: 1200px;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;padding: 40px 0 0}

.zhuying ul li{width: 200px;text-align: center;margin-bottom: 40px}

.zhuying ul li img{width:35%; padding: 5px;/*border: 3px solid #1a6bf1;*/ border: 3px solid #ffffff; border-radius: 50%; cursor:pointer;}
.zhuying ul li span{display: block;line-height:70px;font-weight: bold;font-size: 18px; color: #fff}

.zhuying ul li img:hover{
	animation:fadenum 1.5s;
}
@keyframes fadenum{
   100%{transform:rotate(360deg);}
}


/*coop*/

.coop{    margin-top: 50px;background: url(../image/cehua.jpg); height: 370px;padding: 40px 0;box-sizing: border-box;position: relative;}

.coop:after{content: '';width: 100%;height: 1px;background: #fff;bottom: 152px;}

.coop ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;padding: 40px 0}

.coop ul li{width: 20%;text-align: center;}

.coop ul li dl{color: #fff;text-align: center;width: 100%;margin-top: 60px;padding: 0 55px;position: relative;box-sizing: border-box;}

.coop ul li dl:before{content: '';width: 8px; height: 8px;border-radius: 50%;background: #fff;position: absolute;top: -30px;left: 50%;margin-left: -4px}

.coop ul li dl dt{float: left;line-height: 60px;font-size: 32px;}

.coop ul li dl dd{float: left;line-height: 30px;padding-left: 10px}



/*tuanjian*/



.training-intro{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 35px;

}



.training-intro ul {

	padding-top: 5px;

	height: auto;

	overflow: hidden;

}



.training-intro ul li{

 	width: 1156px;

 	margin-left: 4px;

 	transition: .3s;

	height: 290px;

	border: 2px solid #1a6bf1;

	padding: 18px;

	margin-bottom: 30px;

}

.training-intro ul li:hover{

	box-shadow: -3px  2px  3px  3px #c9c9c9;

}



.training-intro ul li .pic img{

	display: block;

	float: left;

	width: 380px;

	height: 280px;

	border: 5px solid #c9c9c9;

}



.training-intro ul li  .intro{

	width: 740px;

	height: auto;

	overflow: hidden;

	float: right;

}



.training-intro ul li  .intro .tit h4{

	color:#000000;

	font-size: 22px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	font-weight: normal;

}



.training-intro ul li  .intro .tit span{

	display: block;

	color:#ff820c;

	font-size: 14px;

	margin-top: 10px;

}



.training-intro ul li  .intro .tit  p{

	color:#555555;

	font-size: 14px;

	line-height: 20px;

	margin-top: 10px;

}



.training-intro ul li  .intro .reason{

	width: 700px;

	padding:10px 20px;

	padding-bottom: 5px;

	background: #cccccc;

	border-radius: 10px;

	margin-top: 20px;

}

.training-intro ul li  .intro .reason div{

	width: 100%;

	height: auto;

	margin-bottom: 10px;

	overflow: hidden;

}

.training-intro ul li  .intro .reason p{

	color:#000000;

	font-size: 14px;

	float: left;

	line-height: 25px;

 

}

.training-intro ul li  .intro .reason i{

	display: block;

	float: left;

	margin-right: 5px;

	background: url(/template/default/images/icon05.png)no-repeat;width:23px; height:23px

}

.training-intro ul li  .intro .reason strong {

	display: block;

	float: left;

	margin-right: 5px; font-weight:normal; line-height:24px;

}

.training-intro ul li  .intro .reason i img{

	display: block;

}



.training-intro ul li  .intro .reason  span{

	display: block;

	width: 520px;

	background: #1a6bf1;

	height: 25px;

	float: left;

	border-radius: 5px;

	line-height: 25px;

	text-indent: 10px;

	color:#fff;

}



.training-intro ul li  .intro .db{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.training-intro ul li  .intro .db .price{

	float: left;

	font-size: 14px;

	margin-top: 5px;

	color:#333333;

}



.training-intro ul li  .intro .db .price b{

	color:#ff820c;

	font-size: 24px;

	font-weight: normal;

}



.training-intro ul li  .intro .db .to{

	height: 50px;

	float: left;

}

.training-intro ul li  .intro .db .to a{

	color:#fff;

	display: block;

	width: 130px;

	height:40px;

	background: #ff820c;

	float: left;

	margin-left: 20px;

	text-align: center;

	border-radius: 5px;

	font-size: 18px;

	line-height: 40px;

	box-shadow: 2px 2px 0 0  #e87100;

}



.training-intro ul li  .intro .db .data{

	float: left;

	margin-left: 20px;

	margin-top: 15px;

}



.training-intro ul li  .intro .db .data p{

	color:#555555;

	font-size: 13px;

}



/*join*/

.join{

	width: 100%;

	height: 300px;

	background: #f2f2f2;

	padding-top: 15px;

	margin-top: 15px;

	padding-bottom: 20px

}

.join .left{

	float: left;

	width: 710px;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.join .left .title{

	width: 100%;

	position: relative;

}

 

.join .left .title p{

	color:#333333;

	font-size: 30px;

	text-align: center;

}

.join .left .title:after{

	content: "";

	width: 200px;

	height: 1px;

	position: absolute;

	background: #bfbfbf;

	left: 0;

	top: 50%;

}

.join .left .title:before{

	content: "";

	width: 200px;

	height: 1px;

	position: absolute;

	background: #bfbfbf;

	right: 0;

	top: 50%;

}





.join .left  .bd{

	margin-top: 40px;

}



.join .left  .bd img{

	display: block;

}





.join .right{

	float: right;

	width: 280px;

	height: 210px;

	background: #fff;

	margin-top: 45px;

	box-shadow: 0px 0px 4px 1px #d5d5d5;

}

.join .right .tit {

	height: 40px;

	margin-top: 20px;

	background: url(/template/default/images/s-tit02.png) no-repeat center bottom;

}

.join .right .tit p{

	color:#333333;

	font-size: 18px;

	text-align: center;

}



.join .right .bd{

	width: 265px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.join .right .bd p {

	color:#333333;

	font-size: 16px;

	line-height: 30px;

}



.join-btn{

	width: 100%;

	margin: 0 auto;

	padding: 50px 0;

	background: #f2f2f2;

	text-align: center;

}

.join-btn p{

	color:#333333;

	font-size: 18px;

	text-align: center;line-height: 240%

}



.join-btn a{

	display: inline-block;

	width: 400px;

	height: 60px;

	background: #1a6bf1;

	border-radius:50px;

	text-align: center;

	color:#fff;

	font-size: 20px;

	font-weight: bold;

	line-height: 60px;

	margin-top: 10px;

	margin: 0 auto;

}





.sign{

	width: 100%;

	margin: 0 auto;

 	height: 568px;

 	overflow: hidden;

}

.sign .title{

	width: 550px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

	position: relative;

}

 

.sign .title p{

	color:#333333;

	font-size: 30px;

	text-align: center;

}

.sign .title:after{

	content: "";

	width: 130px;

	height: 1px;

	position: absolute;

	background: #bfbfbf;

	left: 0;

	top: 50%;

}

.sign .title:before{

	content: "";

	width: 130px;

	height: 1px;

	position: absolute;

	background: #bfbfbf;

	right: 0;

	top: 50%;

}



.sign .list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.sign .list ul li{

	float: left;

	width: 200px;

	height: auto;

	overflow: hidden;

}

.sign .list ul li img{

	display: block;

	width: 200px;

	transition: .5s;

	height: 200px;

	-webkit-filter: grayscale(100%);

	  -moz-filter: grayscale(100%);

	  -ms-filter: grayscale(100%);

	  -o-filter: grayscale(100%);

	  filter: grayscale(100%);

	  filter: gray;

}



.sign .list ul li:hover img{

	-webkit-filter: grayscale(0%);

	  -moz-filter: grayscale(0%);

	  -ms-filter: grayscale(0%);

	  -o-filter: grayscale(0%);

	  

	  filter: grayscale(0%);

	 

}





.inside-content{

	width: 1200px;

	margin:  0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}



.inside-content .left{

	float: left;

	width: 890px;

}



.inside-content  .right{

	float: right;

	width: 285px;

	height: auto;

	overflow: hidden;

}

.inside-content  .right .services{

	margin-bottom: 30px;

}

.inside-content .right .news{

	float: inherit;

	margin-bottom: 30px;

}

/*news*/

.news-list ul{

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	box-sizing: border-box;

}

.news-list ul li{

	padding: 10px;

	margin-left: 3px;

	transition: .3s;

 

	margin-bottom: 18px;

	margin-top: 5px;



}


 

.news-list ul li:hover .intro h4{

	color:#ff820c;

}

.news-list ul li img{

	display: block;

	width: 240px;

	height: 180px;

	float: left;

}



.news-list ul li .intro{

	width: 920px;

	float: left;

	margin-top: 10px;

	padding-left: 25px;

	box-sizing:border-box;

}

.news-list ul li .intro h4{

	font-size: 18px;

	font-weight: normal;

	color:#1a6bf1;

	float: left;

}



.news-list ul li .intro  span{

	display: block;

	float: right;

	color:#999999;

	font-size: 13px;

}





.news-list ul li .intro p{

	font-size: 13px;

	color:#999999;

	line-height: 22px;

	float: left;

	margin-top: 10px;

}





.article-detailed {

	width: 1200px;

	height: auto;

	overflow: hidden;

}



.article-detailed .tit{

	width: 100%;

	height: 59px;

	border-bottom: 1px solid #d2d2d2;



}





.article-detailed .tit h4{

	font-size: 24px;

	color:#333333;

	text-align: center;

	line-height: 59px;

}





.article-detailed .intro{

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin: 15px;

	min-height: 1200px;

	line-height: 180%

}



.article-detailed .intro p{

	color:#333333;

	font-size: 14px;

	line-height: 180%

}



.article-detailed .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.window{

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0,0,0,.5);

	z-index: 100;

	display: none;



}



.window  .bg{

	width: 400px;

	height: auto;

	overflow: hidden;

	position: absolute;

	left: 50%;

	margin-left: -200px;

	top: 50%;

	margin-top: -102px;



}





.window   i{

	display: block;

	width: 60px;

	height: 60px;

	margin:0 auto;

	position: relative;

	z-index: 100;

	border-radius: 50%;

	background:#fff url(/template/default/images/icon03.png) no-repeat center;

}



.window   .bd{

	width: 100%;

	height: 175px;

	overflow: hidden;

	background: #fff;

	position: relative;

	margin-top: -30px;

	

}



.window    .bd p{

	color:#47DC66;

	font-size: 16px;

	text-align: center;

	margin-top: 45px;

}



.window    .bd  span{

	display: block;

	color:#333;

	font-size: 12px;

	text-align: center;

	margin-top: 10px;

}

.window   .bd a{

	display: block;

	width: 120px;

	height: 30px;

	background: #C2C2C2;

	color:#fff;

	line-height: 30px;

	text-align: center;

	margin:0 auto;

	margin-top:30px;

	font-size: 14px;

}





