/* 页面通用样式 */
.box_In{width: 1200px;margin: 0 auto;}
.clear{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
 /*  小标题 */
 .box_hd{padding:45px 0 30px;position: relative;}
 .box_hd h2{font-size:38px;font-weight: bold;text-align: center;color: #323232;}
 .box_hd h2.white{color: #fff;} 
.box_hd p{font-size: 16px;color: #8d8d8d;text-align: center;padding-top: 15px;line-height: 26px;width: 1000px;margin: 0 auto;}
 .box_hd h2 span{color: #ff184a;}
 .box_hd .hd_icon{position: absolute;top: 0px;right: 130px;}
 .a_btn{width: 284px;height: 57px;text-align: center;line-height: 57px;background:#ff184a ;color: #fbfbff;margin:40px auto 40px;display: block;font-size:20px;border-radius: 50px;box-sizing: border-box;box-shadow: 0 2px 18px rgba(255,24,74,.27) ;}
 .a_btn:hover{box-shadow:none;position: relative;top: 3px;}
/* ban开始 */
.ban .li1{background: url(../images/banner1.jpg) no-repeat center;height: 550px;}
.ban .li1 .box_img{float: right;margin-top: 264px;margin-right: 597px;position: relative;}



.ban .slideBox{width:100%; height:550px; overflow:hidden; position:relative;}
.ban .slideBox .hd{width: 60px; height:15px; overflow:hidden; position:absolute;left:50%;margin-left: -30px; bottom:30px; z-index:1; }
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ban .slideBox .hd ul li{float:left; margin-right:8px;width:12px; height:12px;background:#fff;opacity: .5;border-radius: 50%;}
.ban .slideBox .hd ul li.on{opacity: 1;}
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.ban .slideBox .bd li{ zoom:1; vertical-align:middle; }


/* css by nana */
/*专题通用头部样式*/
.head_box{width:100%; height: 60px; background:#fff}
.head_box .inner{width:1200px; margin: 0 auto; overflow: hidden;}
.head_box h1{float: left; width:138px; margin-top: 11px;}
.head_box h1 img{width:138px;}
.head_box ul{float: right;}
.head_box ul li{float: left;}
.head_box ul li.first{font-size: 18px; display:inline-block; padding:0 10px; height: 60px; background: #b81d00; color: #fff; text-align: center; margin-right: 35px;}
.head_box ul li{line-height:60px;}
.head_box ul li a{ padding:0 10px; border-right:1px solid #E0E0E0; font-size:14px; color:#333;}
.head_box ul li a:hover{color: #D72403;}
.head_box ul li.last a{border-right:0;}

/* 开班通用样式 E*/
.kb_box .kb .ulbox{ width:895px; height:188px; float:left; overflow:hidden;margin: 10px 10px 0 0}
.kb_box .kb .ulbox ul{ width:1000px;}
.kb_box .kb .ulbox li{ width:415px; margin:0 60px 20px 0; height:31px; float:left; line-height:31px; border-bottom:1px solid #ccc; position:relative;}
.kb_box .kb .ulbox li h3{ background: #E01D09; width:48px; font-size:12px; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:6px;display: none;}
.kb_box .kb .ulbox li p{  width:80px; float:left; line-height:31px; font-size:14px;}
.kb_box .kb .ulbox li p a{ font-size:15px; color:#E01D09;}
.kb_box .kb .ulbox li p.p1{ width:195px;}
.kb_box .kb .ulbox li p.p2{width:75px; background:url(../images/school/hot1.gif) no-repeat 5px 4px; padding-left:16px; float:right;}
.kb_box .kb .ulbox li p a:hover{color: #D72502;}
/* 开班通用样式 E */
/* 专题页面开班补充 */
.citybox{width:286px; float: left; overflow: hidden; margin: 35px 25px 35px 35px;}
.citybox p{font-size: 22px; margin-bottom: 20px; text-align: center;}
.citybox p span{font-size:14px; line-height: 18px; color: #D72502; display: inline-block;}
.citybox p .span1{margin-right: 15px;}
.citybox p .span2{margin-left: 15px;}
.citybox .mytab{width:320px;}
.citybox .mytab a{float: left; width:67px; height: 23px; line-height: 23px; text-align: center; background: #1E364E; color: #fff; margin: 0 5px 10px 0; border-radius: 3px; font-size:14px;}
.citybox .mytab a.now{background: #D72502}
.citybox .mytab a.no{background: #d1d1d1; color: #333;}
.kb_box{float: right; width:854px; overflow:hidden;}
.kb_box .kb{display: none;}
.kb_box .mycur{display: block;}
.kb_subject{width:1200px; margin:0 auto; overflow:hidden;}
.kb_subject .kb_box{margin-top:35px; width:870px;}
.kb_subject .kb_box .kb .ulbox li{margin-right:40px;}
.kb_subject .citybox{width:286px; float: left;/* height: 280px; */ overflow: hidden; margin: 35px 10px 15px 15px;
/* background: url("/images/kbxx.png") no-repeat center;background-size: 92%; */
}

/* 学院页面开班补充 */
.kbbox .kb_box .kb .ulbox li{margin-right:20px; width:405px;}
.kbbox .kb_box{margin-top:30px;}
.kbbox .kb .ulbox{width:854px;}




/* box1开始 */
.box1{background: #fff url(../images/box1_bg.jpg) no-repeat bottom center;height: 1140px;}
.box1 .img1{display: block;margin: 0 auto;border-radius: 16px;}
.box1 .main{width: 1140px;margin: 44px auto 0;}
.box1 .fl{width: 480px;}
.box1 .fr{width: 530px;}
.box1 .main h3{font-size: 24px;color: #000000;text-align: right;}
.box1 .main h4{font-size: 18px;color: #000;text-align: right;margin-top: 22px;overflow: hidden;}
.box1 .main h4 span{display: block;float: right;height: 20px;line-height: 20px;margin-left: 10px;}
.box1 .main p{font-size: 15px;color: #888888;text-align: right;line-height: 28px;margin-top: 3px;}
.box1 .main p span{font-size: 15px;color: #2c2c2c;}
.box1 .main .fr h3,.box1 .main .fr h4,.box1 .main .fr p{text-align: left;}
.box1 .main .fr h4 span{float: left;margin-left: 0px;margin-right: 10px;}
/* box2开始 */
.box2 .top{background: #fcfbff;overflow: hidden;height: 670px;}
.box2 h4{width: 440px;margin:50px auto 30px;position: relative;padding-bottom: 2px;}
.box2 h4 span{width: 100%;height: 8px;background: #ffd3dd;border-radius: 8px;position: absolute;left: 0;bottom: 0;display: block;}
.box2 .top img,.box2 .btm img{display: block;margin: 0 auto;}
.box2 .btm{overflow: hidden;margin-top: -305px;}
.box2 .btm .box_In{position: relative;}
.box2 .btm h4{position: absolute;top: 0px;width: 482px;left:50%;margin-left: -241px;margin-top: 35px;}
.box2 h4 p{position: relative;z-index: 99;font-size: 24px;color: #242424;text-align: center;}
.box2 .btm img{border-radius: 20px;box-shadow: 0 0 20px rgba(156,155,176,.11);margin: 20px 0 ;}
.box2 .btm .span1{font-size: 18px;color: #323232;text-align: center;width: 100%;position: absolute;top: 80px;left: 0;}
/* box3开始 */
.box3{overflow: hidden;}
.box3  .box_hd{padding: 80px 0 20px;}
.box3 ul{width: 1200px;position: relative;height:565px;}
.box3 ul li{width: 275px;border: 1px solid #dcdcdc;box-shadow: 0 0 20px rgba(156,155,176,.11);margin:20px;height: 530px;float: left;border-radius: 30px;position: absolute;background: #fff;z-index: 1;
}
.box3 ul li{top: 5px;left: 0;}
.box3 ul .li2{left: 230px;}
.box3 ul .li3{left: 460px;}
.box3 ul .li4{left: 690px;}
.box3 ul .li5{left: 920px;}
.box3 ul li h3{font-size: 16px;color: #bcbcbc;width: 190px;height: 40px;text-align: center;line-height:40px;border-radius: 0 0 17px 17px;margin: 0 auto;background: #f1f1f1;}
.box3 .box_time{width: 160px;margin: 30px auto 20px;overflow: hidden;}
.box3 .box_time span{display: block;width: 80px;height: 60px;line-height: 60px;font-weight: bold;text-align: center;}
.box3 .box_time .span1{float: left;font-size: 68px;color: #ff184a;}
.box3 .box_time .span2{float: left;font-size: 30px;color: #efefef;}
.box3 ul li p{font-size: 16px;color: #8d8d8d;line-height: 30px;padding:0 28px ;height: 215px;}
.box3 ul li img{display: block;margin: 0 auto;}
.box3 ul li:hover{z-index: 99;top: 0;transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */}

/* box4开始 */
.box4{background: linear-gradient(to bottom right, #5310ec, #ff2459);height: 1385px;overflow: hidden;}
.box4 ul{width: 1215px;height: 565px;margin-left: -7px;}
.box4 ul li{float: left;position: relative;}
.box4 ul .li1{margin-top: 108px;}
.box4 ul .li2{margin-top: 58px;}
.box4 ul .li3{margin-top: 26px;}
.box4 ul li .con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.box4 .con .p1{width: 220px;height: 50px;font-size: 16px;color: #fff;margin-top: 6px;margin-left: 65px;}
.box4 .con h3{font-size: 24px;color: #fff;margin-top: 56px;text-align: center;font-weight: bold;color: #7513ce;margin-right: 23px;}
.box4 .con span{width: 66px;height: 3px;background: #7513ce;display: block;margin: 10px 0 10px 102px;}
.box4 .con .p2{font-size: 16px;color: #848484;padding: 0 45px 0 30px;text-align: center;line-height: 26px;}
.box4 .a_btn{background: #ff7869;box-shadow: 0 2px 18px rgba(220,26,22,.46);margin:30px auto 20px;}
.box4 .a_btn:hover{box-shadow:none;position: relative;top: 3px;}

/* box5开始 */
.box5{margin-top: -510px;}
.box5 .main {width: 1000px;margin: 0 auto;}
.box5 ol {overflow: hidden;width: 920px;margin: 0 auto 30px;}
.box5 ol li{width: 150px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #fff;float: left;margin: 0 16px;border-radius: 50px;font-size: 18px;color: #fff;}
.box5 ol li.on{background: #fff;color: #f53442;}
.box5 ul{background: #fff;height: 460px;border-radius: 20px;box-shadow: 0 11px 27px rgba(53,34,114,.09);box-sizing: border-box;padding: 30px 40px;}
.box5 ul li{overflow: hidden;display: none;}
.box5 ul li.show{display: block}
.box5 ul li .fl{width: 387px;}
.box5 ul li .fr{width: 490px;}
.box5 .fr h3{font-size: 28px;color: #272727;font-weight: bold;margin-top: 24px;}
.box5 .fr .rd{padding:20px 0;border-bottom: 1px solid #e5e8ee;overflow: hidden;}
.box5 .fr .rd span{font-size: 16px;color: #ec4263;display: block;float: left;margin-right: 5px;}
.box5 .fr .rd img{float: left;}
.box5 .fr h4{font-size: 18px;color: #f30231;margin: 30px 0 7px;}
.box5 .fr p{font-size:16px ;color: #797979;margin-bottom: 8px;line-height: 24px;}
.box5 .fr p span{color: #ff1d6c;}
.box5 .a_btn{margin-top: -25px;}

/*box6开始*/
.box6{background:#f3f7ff;padding-bottom: 100px;overflow: hidden;}
.box6 .main{border: 1px solid #ff184a;width: 1198px;height:670px;border-radius: 30px 0 30px 0;margin-top: 26px;position: relative;}
.box6 ol {overflow: hidden;width:1020px;margin: -20px auto 30px;}
.box6 ol li{width: 136px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #e0e3e8;float: left;margin: 0 16px;border-radius: 50px;font-size: 18px;color: #8b8b8b;background: #fff;}
.box6 ol li.on{background: #ff184a;color: #fff;border: 1px solid #ff184a;}
.box6 ul{margin-top:50px;}
.box6 ul li{display: none;position: relative;}
.box6 ul li.show{display: block}
.box6 .con{height: 550px;width: 1240px;background: #fff;margin-left: 320px;border-radius:30px 0 0 0 ;padding-left: 320px;box-sizing: border-box;}
.box6 ul li .img{position: absolute;top: 70px;left: 45px;box-shadow: 10px 10px 0 rgba(215,228,255,.5);}
.box6 .con h3{font-size: 28px;font-weight: bold;color: #272727;padding-top: 40px;}
.box6 .con .span_box{width: 560px;overflow: hidden;margin-top: 20px;}
.box6 .con .span_box span{font-size:16px;color: #696969;display: block;float: left;margin-bottom:10px; margin-right: 40px;}
.box6 .con .span_box span i{color: #ff2e5b;}
.box6 .con img{margin: 10px 0 5px;display: block;}
.box6 .con .ck_box{font-size: 16px;color: #696969;line-height: 30px;margin: 15px 0 20px;}
.box6 .con .ck_box span{font-size: 18px;color: #000;display: block;margin-bottom: 5px;}
.box6 .con .gj_box span{font-size: 18px;color: #000;display: block;margin-bottom: 15px;}
.box6 .con .p_box{overflow: hidden;}
.box6 .con .p_box p{float: left;margin-right: 35px;line-height: 45px;font-size: 16px;color: #696969;font-style: normal;}
.box6 .con .p_box p img{float: left;margin:0 11px 0 0;}
.box6 .con .p3_box p{margin-right: 20px;}
.box6 .a_ck{font-size: 14px;color: #ff2e5b;position: absolute;top: 130px;right:10px;z-index: 99;}
.box6 .a_ck:hover{text-decoration: underline;}
.box6 .a_btn{margin-top: 17px;}

/*box7开始*/
.box7 .main{width: 1200px;position: relative;}
.box7 .main .gallery-top{width: 1000px;margin: 0 auto;border-radius: 20px;}
.box7 .main .gallery-top img{border-radius: 20px;width: 80%;display: block;margin: 0 auto;}
.box7 .main .gallery-thumbs{margin-top: 10px;}
.box7 .main .gallery-thumbs .swiper-slide span{font-size:38px;color: #e8e8e8;display: block;text-align: center;font-weight: bold;}
.box7 .main .gallery-thumbs .swiper-slide p{font-size: 18px;color: #404040;text-align: center;}
.box7 .main .gallery-thumbs .swiper-slide .img_box{width: 7px;height: 30px;background: url(../images/box7_img1.jpg) no-repeat center; margin: 10px auto 0;}
.box7 .main .gallery-thumbs .swiper-slide-thumb-active span{color: #ff184a;}
.box7 .main .gallery-thumbs .swiper-slide-thumb-active  .img_box{background: url(../images/box7_img2.jpg) no-repeat center;}

.box7 .main  .btm{height: 170px;width:550px;border-radius: 20px;position: relative;z-index: 99px;left: 50%;margin-left: -275px;top: -60px; box-sizing: border-box;padding:15px 25px;background:#fff;box-shadow: 0 0 30px rgba(233,233,233,.4);}
.box7 .main .btm h3{font-size: 28px;color: #f53442;font-weight: bold;}
.box7 .main .btm  img{width: 100%;height: 1px;margin:10px 0 15px;display: block;}
.box7 .main .btm .con span{background: url(../images/box7_img3.gif) no-repeat right center;padding-right: 21px;font-size: 16px;color: #8f8f8f;background-size: 18px 14px;display: block;float:left;margin-right: 18px;margin-bottom: 5px;}
.box7 .main .line{border-bottom: 1px solid #f1f0f0;position: absolute;left: 0;bottom: 0;width: 100%;}
.box7 .swiper-button-next{background: url(../images/box7_right1.png) no-repeat;width: 45px !important;height: 83px !important;top: 36%!important;	}
.box7 .swiper-button-prev{background: url(../images/box7_left1.png) no-repeat;width: 45px !important;height: 83px !important;top: 36%!important;	}
.box7 .swiper-button-next:after,.box7 .swiper-button-prev:after{font-size: 0 !important;}
.box7 .swiper-button-next:hover{background: url(../images/box7_right.png) no-repeat;}
.box7 .swiper-button-prev:hover{background: url(../images/box7_left.png) no-repeat;}



/*box8开始*/
.box8{background:#ffffff url(../images/box8_bg.jpg) no-repeat bottom center ;padding-bottom: 40px;}
.box8 .main{width: 941px;margin: 0 auto;position: relative;}
.box8 .slideBox .hd{width: 80px; height:15px; overflow:hidden; position:absolute;left:50%;margin-left: -40px; bottom:10px; z-index:1; }
.box8 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box8 .slideBox .hd ul li{float:left; margin-right:8px;width:12px; height:12px;background:#fff;opacity: .5;border-radius: 50%;}
.box8 .slideBox .hd ul li.on{opacity: 1;}
.box8 .btm ul{width: 1150px;margin-top:30px;overflow: hidden;margin-left: 50px;border-bottom: 1px dashed #dfe4ee;padding-bottom: 25px;}
.box8 .btm ul li{width: 310px;float: left;}
.box8 .btm ul .li2{margin: 0 88px 0 130px;}
.box8 .btm ul h3{font-size: 20px;color: #4a4a4a;font-weight: bold;height: 55px;background: url(../images/box8_icon1.jpg) no-repeat left center;line-height: 55px;padding-left: 65px;}
.box8 .btm ul p{font-size: 15px;color: #5c5c5c;line-height: 28px;margin-top:8px;margin-left: 65px;}
.box8 .btm ul .li2 h3{background-image: url(../images/box8_icon2.jpg);}
.box8 .btm ul .li3 h3{background-image: url(../images/box8_icon3.jpg);}
.box8 .btm ol{overflow: hidden;width: 1100px;margin-left: 100px;margin-top: 17px;}
.box8 .btm ol li{width: 182px;overflow: hidden;float: left;padding: 0 10px;box-sizing: border-box;margin-right: 38px;transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;}
.box8 .btm ol li img{display: block;float: left;}
.box8 .btm ol li p{float: right;width: 110px;font-size: 16px;color: #4a4a4a;height: 43px;line-height: 43px;}
.box8 .btm ol li:hover{padding:0 13px;}

/*box9开始*/
.box9 .box_hd{padding-bottom: 20px;}
.box9 ul {overflow: hidden;height: 425px;}
.box9 ul li{width: 312px;float: left;margin: 20px 40px;padding: 20px 0;border: 1px solid #fff;}
.box9 ul li img{display: block;margin: 0 auto;}
.box9 ul li h3{font-size: 20px;font-weight: bold;color: #4a4a4a;text-align: center;margin: 10px 0 15px;}

.box9 ul li p{font-size:16px;color: #919191;text-align: center;line-height: 30px;}
.box9 ul li:hover{border: 1px solid #e3e8f3;box-shadow:0px 0 22px rgba(151,158,170,.29) ;border-radius: 20px;border-bottom: 10px solid #e5eaf3;}
.box9 .a_btn{width: 250px;background-position-x: 195px;margin-top: 25px;}
.renbao{height: 85px;line-height: 85px;font-size: 42px;color: #fff;background: #6040de;text-align: center;font-weight: bold;}
.box5 .a_btn{width: 270px;background-position-x: 220px;margin-top: -25px;}
/*box10开始*/
.box10 {background: #f3f7ff;padding: 60px 0;}
.box10 ul{overflow: hidden;}
.box10 ul li{width: 240px;float: left;}
.box10 ul li img{display: block;margin: 0 auto;transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;}
.box10 ul li h3{font-size: 20px;color: #242424;text-align: center;font-weight: bold;margin: 10px 0 8px;}
.box10 ul li p{font-size: 16px;color: #333333;text-align: center;}
.box10 ul li:hover img{transform:rotateY(180deg);
-ms-transform:rotateY(180deg); 	/* IE 9 */
-moz-transform:rotateY(180deg); 	/* Firefox */
-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
-o-transform:rotateY(180deg);}
.box11 img{display: block;margin: -20px auto 50px;}



.pinzhi_box{background: #f3f7ff;padding-bottom: 5px;}
.pinzhi_box .box_hd{padding-bottom: 30px;}
.pinzhi_box ul{width: 1200px;margin:  0 auto;height: 425px;}
.pinzhi_box ul li{width: 280px;margin: 0 10px;float: left;position: relative;height: 425px;}
.pinzhi_box ul li .top{height: 365px;background: #6d62ec;width: 100%;border-radius: 10px;margin-top: 15px;}
.pinzhi_box ul li img{position: absolute;bottom: 0;left: 50%;margin-left: -120px;}
.pinzhi_box ul li h3{font-size: 22px;color: #fff;font-weight: bold;text-align: center;padding: 45px 0 25px;line-height: 30px;}
.pinzhi_box ul li p{width: 230px;font-size: 16px;color: #fff;line-height: 28px;position: absolute;z-index: 99;left: 25px;text-align: center;display: none;}
.pinzhi_box ul li.on .top{box-shadow: 0 2px 15px rgba(109,98,236);}
.pinzhi_box ul li.on img{opacity: .2;}
.pinzhi_box ul li.on p{display: block;}
/*作品开始*/
.works{background: url(../images/works_bg.jpg) no-repeat top center; height: 970px;}
.works .top{width: 930px;margin: 0 auto;overflow: hidden;}
.works .top .con{float: left;width: 150px;height: 45px;border: 1px solid #ae7cff;margin: 0 17px;border-radius: 50px;text-align: center;line-height: 45px;font-size: 22px;color: #c6a0ff;}
.works .top .con.on{background: #ffae1f;border: 1px solid #ffae1f;color: #fff;font-weight: bold;cursor: pointer;}
.works .btm {margin-top: 35px;}
.works .btm .con{display: none;}
.works .btm .con.show{display: block;}
.works .btm .con h3{font-size: 16px;color: #c6a0ff;text-align: center;line-height: 30px;}
.works .btm .con h3 span{color: #ffffff;}
.works .main1_con{
	width: 1128px;
	height: 587px;
	background: url("../images/workspic1.png") no-repeat center top;
	margin: 30px auto 0;
	overflow: hidden;
}
.works .main1_con .video_box {
    width: 914px;
    margin-top: 22px;
    margin-left: 120px;}
.works .slideworks{
	width: 1102px;
	height: 558px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
}
.works .slideworks .hd{
	width: 1102px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 6px;
	z-index: 1;
	text-align: center;
}
.works .slideworks .hd ul{
    overflow: hidden;
    zoom: 1;
    display: inline-block;
}
.works .slideworks .hd ul li{
	float: left;
	margin: 1px 4px 0 4px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
}
.works .slideworks .hd ul li.on{
	width: 8px;
	height: 8px;
	border: 2px #fff solid;
	background: none;
	margin-top: 0;
}
.works .slideworks .bd{height:472px;width: 1102px;margin-top: 65px;}
.works .slideworks .bd ul li{height:472px;width: 1102px;}
.works .slideworks .bd img{height: 472px;width: 1102px;}
.works .slideworks .bb{
	width: 200px;
	left: 50%;
	margin-left: -100px;
	bottom: 24px;
	height: 0;
	overflow: visible;
}
.works .slideworks .prev,.works .slideworks .next{
	float: left;
	width: 24px;
	height: 24px;
}
.works .slideworks .prev{
	background: url("../images/pageleft.png") no-repeat;
}
.works .slideworks .next{
	background: url("../images/pageright.png") no-repeat;
	float: right;
}
.works .works_btn{
	position: absolute;
	width: 200px;
	height: 49px;
	background: #ff8a00 url("../images/worksbtn.jpg") no-repeat 160px center;
	border-radius: 25px;
	left: 50%;
	margin-left: -107.5px;
	bottom: -24px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 49px;
	padding-right: 15px;

}




.box_tea{padding-bottom:50px ;}
.box_tea .box_hd{padding-bottom: 80px;}
.box_tea .boxteacon{
	background: url("../images/boxteabg2.jpg") no-repeat 200px 258px;
}
.box_tea .boxtea_con{
	height: 556px;
	background: url("../images/boxteabg.png") no-repeat 133px 0;
	position: relative;
}
.box_tea .boxtea_con .boxteapic1{
	position: absolute;
	left: 0;
	top: 370px;
}
.box_tea .boxtea_con .owl-nav {
	position: absolute;
	width: 145px;
	height: 50px;
	display: flex;
	top: auto;
	transform: translateY(-100%);
	top: 464px;
	left:350px;
	z-index: 100;
	border-radius: 8px;
	background: #ff3f52;
}
.box_tea .boxtea_con .owl-nav .owl-prev,.box_tea .boxtea_con .owl-nav .owl-next{
	width: 50%;
	height: 100%;
	
	position: static;
	transform: translateY(0);
	cursor: pointer;
}
.box_tea .boxtea_con .owl-nav .owl-prev i,.box_tea .boxtea_con .owl-nav .owl-next i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 51px;
	height: 51px;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	opacity: .5;
	transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;
}
.box_tea .boxtea_con .owl-nav .owls i:hover{
	opacity: 1;
}
.box_tea .boxtea_con .owl-nav::after {
	content: "";
	width: 1px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 29%;
	background: #e1e1e1;
}
.box_tea .boxtea_con .boxteacon .teacon{
	background: #fff;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.box_tea .boxtea_con .boxteacon .teacon img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.box_tea .boxtea_con .boxteacon .teacon img:nth-child(1),.box_tea .boxtea_con .boxteacon .teacon_tit li:nth-child(1){ opacity: 1;}
.box_tea .boxtea_con .boxteacon .teacon_tit{
	position: absolute;
	width: 330px;
	right: 16px;
	top: 360px;
}
.box_tea .boxtea_con .boxteacon .teacon_tit li{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}
.box_tea .boxtea_con .boxteacon .teacon_tit h2{
	font-size: 16px;
	color: #ff2e50;
}
.box_tea .boxtea_con .boxteacon .teacon_tit h2 span{
	font-size: 26px;
	color: #000;
	font-weight: bold;
}
.box_tea .boxtea_con .boxteacon .teacon_tit p{
	font-size: 14px;
	color: #838383;
	line-height: 24px;
	padding-top: 14px;
}
.box_tea .boxtea_con .boxteacon .teanav{
	position: absolute;
	width: 100px;
	left: 95px;
	top: 232px;
	background: url("../images/teanav.jpg") no-repeat 45px center;
}
.box_tea .boxtea_con .boxteacon .teanav span{
	font-size: 24px;
	color: #afafaf;
}
.box_tea .boxtea_con .boxteacon .teanav span.teaL{
	font-size: 42px;
	color: #ff184a;
	margin-right: 12px;
}
























