﻿/* Write your styles */

.sttiteli{text-align: center;}
.sttiteli h1{font-size: 30px;line-height: 24px;color: white;margin-bottom: 20px;}
.sttiteli p{font-size: 14px;line-height: 16px;color: #ff3334;}
.ys25 h1{color: #404040;}
.ys30 h1{color: #4d4d4d;}
.ys50 p{color: #808080;}
.ys60 p{color: #999999;}



/**/
.header{width: 100%;height: 90px;background: #000;margin-top: -25px;}
.header .logo{float: left;height: 80px;padding: 8px 0 0;}
.header .logo img{height: 80px;width: auto;}
.header .nav{float: right;width: auto;}
.header .nav li{float: left;margin-left: 9px;}
.header .nav li a {padding: 0 15px;font-size: 16px;color: white;height: 90px;line-height: 90px;display: block;}
.header .nav li a:hover{background: #ff3334;}
/*.header .nav li .cur {}
.cur {background: #ff3334;}*/
.hover{color: #ff0;background: #ff3334;}
/**/
.bannerlxwm{background: rgba(218, 207, 205, 0.8);height: 70px;position: absolute;left: 0;right: 0;bottom: 0;}
.bannerlxwm ul{width: 1080px;margin: 5px auto;}
.bannerlxwm ul li{float: left;width: 220px;margin: auto 25px;height: 60px;overflow: hidden;color: white;}
.bannerlxwm ul li img,.bannerlxwm ul li .bannerlxwmwz{float: left;}
.bannerlxwm ul li img{width: 60px;height: 60px;}
.bannerlxwm ul li .bannerlxwmwz{margin-left: 10px;}
.bannerlxwm ul li .bannerlxwmwz h6{font-size: 14px;line-height: 16px;margin: 8px auto;}
.bannerlxwm ul li .bannerlxwmwz p{font-size: 18px;line-height: 20px;font-weight: 600;}
.bannerlxwm ul li .bannerlxwmwz p a{width: 70px;height: 20px;border: 1px solid #Fff;text-align: center;display: block;font-size: 12px;line-height: 18px;color: white;margin: 0 0 0 80px;font-weight: normal}
.bannerlxwm ul li .bannerlxwmwz p a:hover{background: #ff3334;border: 1px solid #ff3334;border-radius: 9px;}

/*主推项目*/
.frame1{width: 100%;height: 450px;background: #333130;min-width: 1360px;}
.frame1 .ztxm{width: 1310px;margin: auto;min-width: 1300px;}
.frame1 .ztxm ul li{float: left;margin: auto 1px;position: relative;}
.frame1 .ztxm ul li .ztxmmc{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(6,6,6,0.6)}
.frame1 .ztxm ul li .ztxmmc:hover{background: transparent;color: transparent}
.frame1 .ztxm ul li .ztxmmc img{vertical-align:top;display:block;transition: all .5s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;}
.frame1 .ztxm ul li .ztxmmc:hover img{transform:scale(1.1,1);-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

/*熙蝶热门课程*/
section.parallax {position: relative;height: 668px;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;min-width: 1360px;}
section.parallax:after {position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0, 0, 0, 0.50);z-index: 0;}
section.parallax.parallax-1 {background-image: url("../imgs/rmkcbj.png");background-position: 100% 100%;}
.rmkc{padding: 60px 0 0;}
.rmkc1{margin-top: 60px;}
.rmkc1 li{float: left;width: 380px;height: 180px;margin: 10px;position: relative;}
.rmkc1 li img{width: 380px;height: 180px;}
.rmkc1 li div{position: absolute;left: 20px;top: 20px;}
.rmkc1 li div h5{font-size: 24px;line-height: 26px;color: #262626;margin-bottom: 10px;}
.rmkc1 li div p{font-size: 14px;line-height: 16px;color: #e5e5e5;}
.rmkc1 li div a{display: none;}
.rmkc1 li:hover div a{width: 70px;height: 24px;display: block;font-size: 12px;line-height: 24px;text-align: center;color: white;background: #ff3334;border-radius: 8px;margin-top: 20px;}
.rmkcgd{width: 150px;height: 34px;border: 1px solid #fff;background: rgba(255,255,255,0.2);margin: 20px auto 0;}
.rmkcgd a{text-align: center;color: #ff3334;line-height: 34px;font-size: 14px;display: block;}
.rmkcgd:hover{border-radius: 20px;background: #ff3334;border: #ff3334;}
.rmkcgd a:hover{color: white;}


/*首页作品*/
.frame2{background: url(../imgs/syzpbj.png) no-repeat center top;min-width: 1360px;}
.frame21{background: url(../imgs/syzpbj1.png) no-repeat center top;min-width: 1360px;}
.frame_zp{max-width: 1800px;min-width: 1350px;margin: auto;padding-top: 60px;padding-bottom: 35px;}
.sytjzplm{text-align: center;margin-top: 30px;}




.sytjzplm li{display: inline-table;width: 100px;margin: auto 15px;border: 2px solid #ff6000;height: 36px;border-radius: 8px;}
.sytjzplm li a{line-height: 32px;font-size: 16px;color: #2c2c2c;display: block;}
.sytjzplm li:hover{background: #ff6000;}
.sytjzplm li:hover a{color: white}
.sytjzplm li.on{background: #ff6000;}
.sytjzplm li.on a{color: white;}

/*.sytjzplm li{display: inline-table;width: 100px;margin: auto 15px;border: 2px solid #ff6000;height: 36px;border-radius: 8px;line-height: 36px;font-size: 16px;color: #2c2c2c;cursor:pointer;}
.sytjzplm li a{}
.sytjzplm li:hover{background: #ff6000;}
.sytjzplm li:hover a{color: white}
.sytjzplm li.on{background: #ff6000;color: white;cursor:pointer;}
.sytjzplm li.on a{}*/
.sytjzp{padding-top: 50px;}
.sytjzp li{position: relative;}
.sytjzp li img{width: 100%;height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.sytjzp li:hover img{transform:scale(1.1,1);-ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.sytjzp li div{display: none;}
@media only screen and (min-width: 1360px){
.sytjzp{width: 1800px;margin: auto;}
.sytjzp li{float: left;width: 340px;margin: 10px;overflow: hidden}
.sytjzp li span{width: 340px;height: 280px;display: block;}
.sytjzp li:hover div{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255,96,0,0.8);display: block;}
.sytjzp li div a{display: block;width: 340px;height: 280px;color: white}
.sytjzp li div h5{text-align: center;margin-top: 100px;font-size: 20px;}
.sytjzp li div em{display: block;width: 40px;height: 2px;background: #fff;margin: 10px auto;}
.sytjzp li div p{text-align: center;font-size: 16px;}
}
@media only screen and (max-width: 1360px){
.sytjzp{width: 1300px;margin: auto;}
.sytjzp li{float: left;width: 250px;margin: 5px;height: 205px}
.sytjzp li span{width: 250px;height: 205px;display: block;}
.sytjzp li:hover div{position: absolute;left: 0;right: 0;top: 0;bottom: -1px;background: rgba(255,96,0,0.8);display: block;}
.sytjzp li div a{display: block;width: 250px;height: 205px;color: white;}
.sytjzp li div h5{text-align: center;margin-top: 65px;font-size: 20px;}
.sytjzp li div em{display: block;width: 40px;height: 2px;background: #fff;margin: 10px auto;}
.sytjzp li div p{text-align: center;font-size: 16px;}
}
/*名师天团*/
.symstt{margin-top: 30px;}
.symstt li{float: left;width: 280px;margin: auto 10px;height: 330px;}
.symstt li div{overflow: hidden;width: 280px;height: 250px;overflow: hidden}
.symstt li div img{width: 100%;height: auto;max-width: 300px;min-height: 250px;}
.symstt li h4{width: 270px;margin: 5px auto;text-align: center;overflow: hidden;}
.symstt li h4 a{font-size: 16px;color: #333;line-height: 18px;}
.symstt li p{font-size: 14px;color: #808080;line-height: 18px;max-height: 36px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 260px;margin: auto;}
.symstt li:hover{background: #f2f2f2;}
/*四大特权*/
.frame3{background: #f2f2f2;width: 100%;}
.stdc{margin-top: 40px;}
.stdc li{float: left;width: 280px;margin: auto 10px;background: #fff;height: 220px;}
.stdc li img{display: block;margin: 15px auto 10px;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out; -ms-transition: -ms-transform 0.6s ease-out;}
.stdc li:hover img {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.stdc li h6{font-size: 14px;line-height: 16px;color: #333333;text-align: center;}
.stdc li p{font-size: 14px;line-height: 18px;color: #808080;width: 200px;margin: 15px auto 0;text-align: center;}
/*新闻*/
.syxw{margin-top: 20px;}
.syxw li{padding: 10px;float: left;overflow: hidden;width: 280px;background: #fafafa;height: 313px;margin: 10px;}
.syxw li div{width: 260px;height: 180px;overflow: hidden;}
.syxw li div img{width: 260px;height: 180px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.syxw li:hover div img{transform:scale(1.1,1);-ms-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);}
.syxw li h2{font-weight: 700;font-size: 16px;line-height: 20px;margin-top: 8px;}
.syxw li h2 a{font-size: 16px;line-height: 20px;color: #0c0c0c;text-align: justify;} 
.syxw li p{font-size: 14px;line-height: 18px;color: #595959;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 36px;}
.syxw li span{font-size: 12px;line-height: 16px;color: #595959}
.jrtj{padding-bottom: 30px;}
.jrtj h1{background: url(../imgs/jrtjbj.png) no-repeat left bottom;height: 30px;width: 100%;line-height: 30px;font-size: 14px;color: white;padding-left: 10px;}
.jrtj ol{margin-top: 10px;}
.jrtj ol li{float: left;width: 190px;height: 140px;margin: 5px;position: relative;}
.jrtj ol li img{width: 100%;height: 100%;}
.jrtj ol li h6{display: none;}
.jrtj ol li:hover h6{display: block;}
.jrtj ol li h6{position: absolute;bottom: 0;left: 0;right: 0;height: 40px;overflow: hidden;font-size: 12px;line-height: 14px;padding: 7px 10px;color: white;background: rgba(0,0,0,0.49)}
.jrtj ol li h6 span{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 28px;overflow: hidden}
/*免费课程预约*/
.yybm{padding: 60px 0 50px;}
.yybm h1{font-size: 26px;line-height: 28px;text-align: center;}
.yybm ul {margin-top: 30px;}
.yybm ul li{background: #f2f2f2;width: 600px;margin: 0 auto 20px;}
.yybm ul li span{display: inline-table;width: 100px;height: 46px;text-align: center;font-size: 14px;line-height: 46px;color: #595959;}
input[type="text"].yysrk{width: 500px;height: 46px;line-height: 46px;border: 0;background: transparent;padding-left: 10px;}
.yybm input::placeholder,.yybm textarea::placeholder{color: #595959;font-size: 14px;}
.lktj{width: 200px;margin: auto;height: 46px;display: block;border: 1px solid #ff6000;background: #fff;color: #ff6000;border-radius: 15px;letter-spacing: 3px;}
button.lktj{outline:none;}
button.lktj :focus{outline:0;} 
/*页脚*/
.footerbox{background: #535353;width: 100%;}
.footer{padding: 45px 0 40px;}
.footer li{float: left;width: 130px;border-right: 1px solid #999;height: 240px;}
.footer li dt{text-align: center;margin-top: 20px;font-size: 16px;color: white;margin-bottom: 15px;}
.footer li dt a{text-align: center;margin-top: 20px;font-size: 16px;color: white;}
.footer li dd{text-align: center;font-size: 14px;color: #e5e5e5;line-height: 22px;}
.footer li dd a{text-align: center;font-size: 14px;color: #e5e5e5;line-height: 30px;}
.footer li.footerlxwm{width: 400px;padding-left: 30px;border: 0;}
.footer li.footerlxwm dd,.footer li.footerlxwm dt{text-align: left;}
.footer li.footerlxwm dd img{float: left;width: 90px;height: 90px;}
.footer li.footerlxwm dd span{float: left;line-height: 18px;font-size: 14px;color: #e5e5e5;padding-left: 10px;margin-top: 30px;}
.footerbq{width: 100%;height: 80px;background: #2e2e2e;}
.footerbq p{width: 1000px;margin: auto;height: 40px;border-bottom: 1px solid #595959;font-size: 14px;color: #e5e5e5;text-align: center;line-height: 40px;}
.footerbq h6{font-size: 12px;text-align: center;color: #e5e5e5;line-height: 39px;height: 39px;}


/*内页---------------*/
/*介绍banner*/
.nybanner{width: 100%;height: 500px;margin: auto;}
.nybanner .nybannertp{min-width: 1200px;height: 500px;margin: auto;}

.kx_banner{width: 1200px;margin: auto;height: 500px;position: relative;}
.kx_banner div{position: absolute;left: 120px;top: 150px;}
.kx_banner .kx_banner_js h1{font-size: 38px;line-height: 40px;color: white;padding-bottom: 50px;}
.kx_banner .kx_banner_js h2{font-size: 44px;line-height: 44px;color: #ff3334;font-weight: 700;}
.kx_banner .kx_banner_js h2 em{font-size: 18px;line-height: 26px;color: white;display: inline-block;font-weight: normal;margin-left: 5px;}
.kx_banner .kx_banner_js h6 {margin-top: 30px;}
.kx_banner .kx_banner_js h6 a{float: left;width: 150px;height: 40px;}
.kx_banner .kx_banner_js h6 a{width: 150px;height: 40px;display: list-item;text-align: center;line-height: 40px;margin-right: 10px;color: white;}
.kx_banner .kx_banner_js h6 a:nth-child(1){background: #ff3334;}
.kx_banner .kx_banner_js h6 a:nth-child(2){border: 1px solid #ff3334;}
.kx_banner .kx_banner_js h6 a:nth-child(1):hover{background: #ff6000;}
.kx_banner .kx_banner_js h6 a:nth-child(2):hover{border: 1px solid #ff6000;}




.hsebj{background: #fafafa;}




/*标题*/
.js_titelt{}
.js_titelt h1{font-size: 30px;line-height: 32px;color: #f90000;margin-bottom: 10px;}
.js_titelt h6{font-size: 32px;line-height: 32px;font-weight: 700;color: #bfbfbf;text-transform: uppercase;}





/*介绍*/
.web_js{margin-top: 40px;}
.web_jstp{background: url(../imgs/js00.png) no-repeat center;width: 525px;height: 450px;float: left;}
.web_jstp div{margin: 10px 0 0 70px;width: 420px;height: 400px;overflow: hidden;}
.web_jscon{width: 640px;float: right;}
.web_jscon h2{font-size: 18px;line-height: 20px;font-weight: 700;margin-top: 10px;margin-bottom: 30px;}
.web_jscon div{height: 390px;overflow-x: hidden;padding-right: 10px;text-align: justify}
.web_jscon div::-webkit-scrollbar {width: 10px;}
.web_jscon div::-webkit-scrollbar-thumb {border-radius: 5px;background: #edbbbb;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.web_jscon div::-webkit-scrollbar-track {border-radius: 5px;background-color: #ededed;}
.web_jscon div{overflow-y: scroll;}
/*荣誉资质*/
.frame4{background: #f7f7f7;width: 100%;padding: 70px 0 50px;}
.ryzz{}
.am-gallery{padding: 0;}
.ryzz li{width: 280px;margin: 10px;}
.ryzz li .am-gallery-item div{background: #fff;border: 1px solid #e6e6e6;width: 280px;height: 220px;padding: 10px;}
.ryzz li .am-gallery-item div img{width: 100%;height: 100%;display: inline-block; vertical-align: middle;}
.ryzz li .am-gallery-item h3{font-size: 16px;line-height: 18px;margin-top: 10px;text-align: center;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #404040;}
.am-pureview-slider li {width: 90%;height: 90%;top: 5%;left: 5%;right: 5%;bottom: 5%;}
.am-pureview-actions a {color: #ff8400;font-size: 25px;}
.am-pureview-actions a:hover {color: #00fcff;font-size: 25px;}
.am-icon-chevron-left:before {content: "\f122";}
.am-pureview {background: rgba(0,0,0,.7);}
.am-pureview-bar {height: 80px;line-height: 20px;padding: 10px 10px;font-size: 14px;}
.am-pureview-bar .am-pureview-title{line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;max-height: 60px;white-space: normal;}
/*企业文化*/
.qywh{}
.qywh div{float: left;height: 240px;}
.qywh .qywh1{width: 630px;height: 240px;}
.qywh .qywh2{width: 570px;height: 240px;padding: 20px 30px;font-size: 16px;line-height: 30px;color: white;}
.qywhls{background: #00b3e6;}
.qywhfs{background: #e48fba;}


/*课程*/
.web_kc{margin-top: 60px;}
.web_kc li{float: left;margin-right: 45px;width: 368px;border: 1px solid #cccccc;margin-bottom: 40px;height: 400px;}
.web_kc li:nth-child(3n){margin-right: 0;}
.web_kc li .web_kctp{width: 366px;height: 250px;overflow: hidden;}
.web_kc li .web_kctp img{vertical-align:top;display:block;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;width: 100%;height: auto;min-height: 250px;}
.web_kc li:hover .web_kctp img{transform:scale(2.04,2.04);-ms-transform:scale(1.24,1.24); -webkit-transform:scale(1.24,1.24);}
.web_kc li .web_kccon{width: 340px;margin: 20px auto;}
.web_kc li .web_kccon h1{font-size: 18px;color: #333;line-height: 20px;}
.web_kc li .web_kccon h1 a{font-size: 18px;color: #333;line-height: 20px;}
.web_kc li .web_kccon h4{font-size: 14px;line-height: 16px;color: #808080;margin: 15px auto 20px;}
.web_kc li .web_kccon h4 span{margin-right: 10px;}
.web_kc li .web_kccon h5{width: 120px;height: 36px;border: 1px solid #ff6000;color: #ff6000;text-align: center;border-radius: 8px;}
.web_kc li .web_kccon h5:hover{border: 1px solid #ff6000;background: #ff6000;}
.web_kc li .web_kccon h5 a{color: #ff6000;line-height: 36px;font-size: 14px;display: block}
.web_kc li .web_kccon h5:hover a{color: white}

/*作品*/
.web_zplm{margin: 70px auto 50px;text-align: center;}
.web_zplm li{display: inline-table;margin: auto 10px;border: 1px solid #cccccc;text-align: center;line-height: 38px;}
.web_zplm li a{font-size: 14px;line-height: 38px;color: #323232;width: 120px;height: 40px;display: block;}
.web_zplm li:hover{background: #ff3334;border: 1px solid #ff3334;}
.web_zplm li:hover a{color: white;}
.web_zplm li .cur{background: #ff3334;border: 1px solid #ff3334;color: white;}
.web_zplm li .cur {}
.web_zp{padding-bottom: 30px;}
.web_zp li{float: left;width: 370px;margin: 0 45px 30px 0}
.web_zp li:nth-child(3n){margin-right: 0px;}
.web_zp li .web_zptp{width: 370px;height: 400px;overflow: hidden}
.web_zp li .web_zptp img{vertical-align:top;display:block;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;width: 100%;height: auto;min-height: 400px;max-height: 440px;}
.web_zp li:hover .web_zptp img{transform:scale(2.04,2.04);-ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.web_zp li .web_zpcon{width: 100%;height: 80px;padding: 12px 10px; }
.web_zp li .web_zpcon h1{font-size: 18px;line-height: 20px;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.web_zp li .web_zpcon h1 a{color: #323232;}
.web_zp li .web_zpcon p{font-size: 14px;line-height: 18px;color: #999999;margin-top: 5px;}
.web_zp li:hover .web_zpcon{background: #ff3334;}
.web_zp li:hover .web_zpcon h1{color: white;}
.web_zp li:hover .web_zpcon h1 a{color: white;}
.web_zp li:hover .web_zpcon p{color: #e5e5e5;}

/*新闻*/
.web_xw{width: 1000px;margin: auto auto 50px;}
.web_xw li{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #cccccc;}
.web_xw li .web_xwtp{width: 250px;height: 200px;float: left;overflow: hidden;background: #ccc;}
.web_xw li .web_xwtp img{vertical-align:top;display:block;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;    min-height: 200px;}
.web_xw li:hover .web_xwtp img{transform:scale(2.04,2.04);-ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.web_xw li .web_xwcon{width: 725px;height: 200px;float: right;padding-top: 20px;}
.web_xw li .web_xwcon h1{font-size: 18px;line-height: 20px;color: #323232;}
.web_xw li .web_xwcon h1 a{font-size: 18px;line-height: 20px;color: #323232;}
.web_xw li:hover .web_xwcon h1 a{font-size: 18px;line-height: 20px;color: #ff3334;font-weight: 700}
.web_xw li .web_xwcon h6{font-size: 12px;color: #b2b2b2;line-height: 14px;margin: 15px auto 20px;}
.web_xw li .web_xwcon h6 span{margin-right: 15px;}
.web_xw li .web_xwcon h6 em{background: url(../imgs/fwl.png) no-repeat center left;padding-left: 16px;}
.web_xw li .web_xwcon p{font-size: 14px;line-height: 22px;color: #595959;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;max-height: 88px;text-align: justify}

/*详细页*/
.frame5{background: #f5f5f5;width: 100%;}
.detailedbox{padding: 70px 0}
.detailed{float: left;width: 870px;background: #fff;padding: 30px;}
.detailed .detailedtitel{border-bottom: 1px solid #d8d8d8;padding-bottom: 30px;padding-top: 20px;margin-bottom: 30px;}
.detailed .detailedtitel h1{font-size: 22px;color: #404040;font-weight: 700;line-height: 30px;text-align: center;width: 100%;margin: auto;}
.detailed .detailedtitel h6{text-align: center;font-size: 12px;color: #b2b2b2;line-height: 14px;margin: 20px auto 0;}
.detailed .detailedtitel h6 span{margin-right: 15px;}
.detailed .detailedtitel h6 em{background: url(../imgs/fwl.png) no-repeat center left;padding-left: 16px;}
.detailed .detailedcon{width: 100%;}
.detailed .detailedcon p{color: #666666;margin-bottom: 5px;font-size: 14px;}
.detailed_tj{float: right;width: 300px;}

.detailed_tjtitel{background: url(../imgs/tb0.png) no-repeat center left;padding-left: 10px;font-weight: 700;color: #353535;font-size: 18px;line-height: 44px;margin-bottom: 15px;border-bottom: 1px solid #d8d8d8;}

.detailed_tj dl{margin-bottom: 40px;}
.detailed_tj dl dd{padding: 8px 0;border-bottom: 1px dashed #d8d8d8;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.detailed_tj dl dd a{font-size: 15px;color: #4c4c4c;line-height: 18px;}
.detailed_tj dl dt{border-bottom: 1px solid #d8d8d8;padding-bottom: 5px;}
.detailed_tj dl dt div{width: 100%;height: 200px;}
.detailed_tj dl dt div img{width: 100%;height: 200px;}
.detailed_tj dl dt>a{font-size: 16px;line-height: 18px;display: block;text-align: center;margin: 10px;color: #404040;}

.detailed_tj dl dd:hover{background: #fff;}
.detailed_tj dl dt:hover{background: #fff;}

.current{color: aqua}
.current a{color: #f00}

/*详细页*/
.xxytitel{padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
.xxytitel h1{font-size: 18px;background: url(../imgs/tb0.png) no-repeat center left;line-height: 22px;height: 22px;padding-left: 10px;}
.xxykcjy{margin: 30px auto 50px;}
.xxykcjytp{width: 420px;height: 450px;float: left;}
.xxykcjytp img{width: 420px;height: 450px;}
.xxykcjycon{float: right;width: 730px;height: 450px;overflow: hidden;}
.xxykcjycon div{margin-bottom: 20px;}
.xxykcjycon div h1{font-size: 18px;color: #f05253;line-height: 22px;margin-bottom: 15px;font-weight: 700;letter-spacing: 1px;margin-top: 20px;}
.xxykcjycon div h4{font-size: 14px;line-height: 16px;color: #808080;margin: 15px auto 20px;}
.xxykcjycon div h4 span{margin-right: 10px;}
.xxykcjycon div h6{font-size: 16px;background: url(../imgs/tb0.png) no-repeat center left;padding-left: 10px;color: #323232;margin-bottom: 5px;}
.xxykcjycon div p{font-size: 14px;color: #737373;line-height: 22px;max-height: 66px;overflow: hidden;}
.xxykcxxcon {padding-bottom: 20px;padding-top: 30px;}
.xxykcxxcon li{float: left;width: 218px;border: 1px solid #e7e7e7;height: 325px;margin-right: 27px;margin-bottom: 30px;}
.xxykcxxcon li:nth-child(5n){margin-right: 0;}
.xxykcxxcon li b{width: 100%;height: 150px;background: #ccc;}
.xxykcxxcon li b img{width: 100%;height: 150px;}
.xxykcxxcon li div{padding: 15px 10px 0;}
.xxykcxxcon li div p{line-height: 24px;font-size: 14px;color: #666666;}
.xxyxxcon{padding: 30px 10px 50px;overflow: hidden;}


/*页码*/
.yema{width: 90%;margin: 0 auto;margin-top: 20px;}
ul.pagination1 {overflow: hidden;text-align: center;}
ul.pagination1 li {background-color: #fff;width: 50px;text-align: center;display: inline-block;}
ul.pagination1 li a {color: black;display: block;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;font-size: 0.4rem;background-color: #fff;padding: 8px 8px;font-weight: normal;}
ul.pagination1 li a.active {background-color: #4292F1;color: white;border: 1px solid #4292F1;}
ul.pagination1 li a:hover:not(.active) {background-color: #ddd;}



/*9-9添加*/
.web_kclm{width: 100%;background: #f6f6f6;}
.web_kclm {padding: 60px 0 30px;;}
.web_kclm li{width: 1200px;margin: 0 auto 60px;;background: #fff;}
.web_kclm .hj1{width: 470px;height: 300px;float: left;}
.web_kclm .hj1 img{width: 470px;height: 300px;}
.web_kclm .hj2{width: 650px;height: 300px;float: right;position: relative;margin: auto 40px;}
.hjdbp{position: absolute;bottom: 50px;right: 0;}
.hjdbp dl{float: right;}
.hjdbp dd{float: left;}
.hjdbp dd{position: relative;}
.hjdbp dd:hover div{display: block}
.hjdbp dd div p{font-size: 14px;text-align: center;color: white;line-height: 26px;}
.hj2 h1{font-size: 26px;font-weight: 700;line-height: 26px;margin: 25px 0 15px 0px;}
.hj2 h1 span{font-weight: normal;font-size: 16px;margin-left: 10px;color: #569abd;}
.hj2 p{font-size: 16px;color: #333;line-height: 36px;text-align: justify;height: 108px;}
.hj2>a{font-size: 14px;width: 160px;height: 40px;background: #000;display: block;text-align: center;line-height: 40px;margin-top: 30px;color: white;}
.web_kclm li .hj2>a:hover{background: #f00;}
.hjdbp{}
.hjdbp dd{background: #f6f6f6;border-radius: 27.5px;padding-right: 15px;margin: auto 10px;}
.hjdbp dd a{display: block}
.hjdbp dd:hover{background: #569abd;border-radius: 27.5px;padding-right: 15px;margin: auto 10px;}
.hjdbp dd:hover>a{border-radius: 27.5px;padding-right: 15px;margin: auto 10px;}
.hjdbp dd b{float: left;width: 55px;height: 55px;overflow: hidden;border-radius: 50%;display: block}
.hjdbp dd b img{width: 55px;height: auto;min-height: 55px;max-height: 70px;}
.hjdbp dd div{float: left;margin-left: 10px;padding-right: 5px;}
.hjdbp dd div h5{font-size: 16px;color: #333;line-height: 20px;margin: 5px auto;}
.hjdbp dd div h6{font-size: 12px;line-height: 14px;color: #999;}
.hjdbp dd:hover div h5{color: white;}
.hjdbp dd:hover div h6{color: white;}





























