﻿@charset "utf-8";
/* CSS Document */
body{min-width: 300px;}



/*头部*/
.top{width: 80%;margin: 10px auto;overflow: hidden;}
.top img:nth-child(1){width: 600px;display: block;margin:  0;float: left;}
.top img:nth-child(2){width: 210px;display: block;margin:  0;float:right;}
@media(max-width:1200px){.top img:nth-child(1){width: 50%;}.top img:nth-child(2){width: 18%;}}
@media(max-width:760px){.top{width: 100%}.top img:nth-child(1){width: 80%;float: none; margin: 0 auto;}.top img:nth-child(2){display: none;}}


/*导航*/
.dh .dh li{padding:0;margin:0;list-style:none;}
.dh{width: 80%;margin: 0 auto;}
.dh li{width:calc(100% / 8);float: left;}
.dh li a{display: block;font-size: 16px;text-align: center;line-height: 50px;color: #fff}
.dh li a:hover{background-color:#3c3c3c}
@media(max-width:760px){.dh{width:100%;}.dh li a{line-height: 30px;}.dh li{width:calc(100%/4);}.dh li:nth-child(1),.dh li:nth-child(2),.dh li:nth-child(3),.dh li:nth-child(4){border-bottom: 1px solid #222;}.dh li:nth-child(1),.dh li:nth-child(2),.dh li:nth-child(3),.dh li:nth-child(5),.dh li:nth-child(6),.dh li:nth-child(7){border-right:1px solid #222; box-sizing: border-box;}}


/*更多*/
.gd{display: block;width: 180px;height: 50px; margin: 30px auto;background-image:url(../UploadFiles/bj/gd1.png);background-size: 100% 100%;}
.gd:hover{background-image:url(../UploadFiles/bj/gd2.png);}


/*底部*/
.db{width: 100%;background-color:#e8e8e8;}
.dbbox{width:1200px;;margin: 0 auto;overflow:hidden;}
.dbimg{display: block;width: 300px;margin:0 10px 0 40px; float: left}
.dbnr{width:825px;float: left;margin:20px 25px;margin-right: 0;}
.dbnr p{font-size: 16px;line-height: 30px;color:#313131;}
.dbnrsj{display: none;}
.dbnrsj p{font-size: 16px;color:#313131;line-height: 30px;text-align: center;}
.dbnrsj p:nth-child(1){font-size: 18px;font-weight: 600;}
.bqyl{width: 100%;background-color: #1b1b1b;}
.bqylnr{width:80%;margin: 0 auto;overflow: hidden;font-size: 14px;line-height: 25px;color:#e1e1e1;}
.bqylnr p:nth-child(1){width:calc(100% / 3);float: left;}
.bqylnr p:nth-child(2){width:calc(100% / 3 * 2);float: left;text-align: right}
.bqylnr p a{color: #e1e1e1;}
.bqylnr p a:hover{color:#D00A0D;}
@media(max-width:1200px){.dbbox{width: 100%;}.dbimg{float: none;margin: 0 auto;}.dbnr{width: 100%; float: none;text-align: center;margin: 0;}.dbnr p{font-size:14px;}.bqylnr{width: 100%;}}
@media(max-width:760px){.dbnr{display: none;}.dbnrsj{display:inline;}.bqylnr p:nth-child(1){width:100%;float:none;text-align: center;}.bqylnr p:nth-child(2){width:100%;float:none;text-align: center;}}
@media(max-width:580px){.dbimg{width: 60%}}






/*课程简介*/
.sykc{width: 100%;background-image: url(../UploadFiles/bj/kcjjbj.png); background-size: 100% 100%;overflow: hidden;}
.kcjjbox{width: 80%;margin: 0 auto;padding-bottom: 40px;overflow: hidden;}
.kcjjbox a{display: block;width: 25%;margin: 10px 4%; float: left;overflow: hidden;}
.kcjjbox a img{width: 80%;display: block;margin: 20px auto;	transition:all .8s;}
.kcjjbox a:hover img{transform:scale(1.2);}
.kcjjbox a p{font-size: 20px;text-align: center;line-height: 30px;font-weight: 600;margin: 20px 0;margin-top: 40px;}
@media(max-width:1200px){.kcjjbox a{width: 30%;margin: 10px 1%;}.kcjjbox a p{font-size: 18px;}}
@media(max-width:760px){.kcjjbox a{width: 80%;margin: 20px auto;float:none;}.kcjjbox a:nth-child(1){margin-top: 0;}.kcjjbox a:nth-child(1) img{margin-top: 0;}.kcjjbox a p{font-size: 20px;margin: 15px 0 0;}}
@media(max-width:580px){.kcjjbox{width: 80%;}}


/*公司简介*/
.sygysx{width: 100%;background-image:url(../UploadFiles/bj/gysxbjd.jpg);background-size: 100%  100%;overflow: hidden;}
.gysxboxw{width: 80%;margin: 0 auto;overflow: hidden;}
.gysxbox{width: 100%;margin-top: 20px; overflow: hidden;}
.gysxnr{width: 70%;float: left;padding: 0 20px;box-sizing:border-box;}
.gysxnr p:nth-child(1){display:inline-block;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: 2px solid #ca040e;}
.gysxnr p:nth-child(2){font-size: 16px;line-height: 30px;margin-top: 10px;}
.gysxbox img:nth-child(1){width: 30%;display: block;float:right;}
.byimg{display: none;}
.wlsbox{width: 100%;overflow: hidden;}
.wlsbox img{width: 30%;display: block;float: left;}
.wlsnr{width: 70%;float: left;padding: 0 20px;box-sizing:border-box;}
.wlsnr p:nth-child(1){display:inline-block;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: 2px solid #ca040e;}
.wlsnr p:nth-child(2){font-size: 16px;line-height: 30px;margin-top: 10px;}
@media(min-width:1440px){.gysxbox{width: 50%;float: left;margin-top: 0;}.wlsbox{width: 50%;float: left;}.gysxnr{width: 100%;float:none;}.gysxbox img:nth-child(1){display: none;}.byimg{width: 80%;float:none;display: block;margin: 0 auto;}.wlsnr{width: 100%;float:none;}.wlsbox img{width: 80%;float:none;margin: 0 auto;}}
@media(max-width:1200px){.gysxnr{width: 100%;float:none;}.gysxbox img:nth-child(1){width: 80%;float:none;margin: 0 auto;}.wlsnr{width: 100%;float:none;}.wlsbox img{width: 80%;float:none;margin: 0 auto;}}
@media(max-width:580px){.gysxboxw{width: 96%;}}


/*学员风采*/
.syxyfc{width: 100%;background-image:url(../UploadFiles/bj/fcbj.jpg);background-size: 100%  100%;overflow: hidden;}
.syfclb{width: 80%;margin: 0 auto;overflow: hidden;}
.syfclb .img{margin: 5px;}
.syfclb .t{font-size: 16px;line-height: 30px;}
@media(max-width:760px){.syfclb{width: 96%;}}


/*新闻动态*/
.syxwdt{width: 100%;background-image:url(../UploadFiles/bj/sxwbj.jpg);background-size: 100%  100%;overflow: hidden;}
.syxwlb{width: 80%;margin: 20px auto;overflow: hidden;}
.xwlbl{width: 50%;float: left;padding-right: 50px;box-sizing: border-box; overflow: hidden;}
.xwlbl img{width: 100%;height: 290px;margin-bottom: 10px;}
.xwlbr{width: 50%;float: left;overflow: hidden;}
.xwboxw{width: 100%;padding-bottom: 10px; border-bottom: 1px dashed #999;margin-bottom: 25px;overflow:hidden;}
.xwxh{width: 64px;height: 64px;background-color: #f1e2d0;font-size: 28px;font-weight: 600;line-height: 64px;text-align: center;color: #FFF;float: left;}
.xwjj{width: calc(100% - 74px);margin-left: 10px;float: left;}
.xwjj p:nth-child(1){font-size: 16px;line-height: 24px;color: #333;}
.xwjj p:nth-child(2){font-size: 14px;line-height: 20px;color: #333;}
@media(max-width:1200px){.syxwlb{width: 96%;}}
@media(max-width:1054px){.xwboxw{margin-bottom:18px;}}
@media(max-width:908px){.xwboxw{margin-bottom:10px;}}
@media(max-width:760px){.xwlbl{width: 90%;float: none;margin: 0 auto;padding-right: 0;}.xwlbr{width: 90%;float:none;margin: 0 auto;}.xwlbl img{width: 100%;height:auto;}}


/*维修案例*/
.syzpzs{width: 100%;background-image:url(../UploadFiles/bj/stubg.jpg);background-size: 100%  100%;overflow: hidden;}
.syzplb{width: 1200px;margin: 0 auto;overflow: hidden;}
.syzplb li{width: 280px;height: 280px;float: left;margin:20px 10px;transition: All 0.7s ease-in-out;position: relative;} 
.syzplb li a{width: 238px;height: 238px;border-radius: 50%;margin:20px auto 0;overflow: hidden;display: block;position: relative;}
.syzplb li a img{width: 238px;height: 238px;}
.syzplb li i{display: block;width: 280px;height: 280px;position: absolute;top:0;left: 0;background:url(../UploadFiles/bj/stuico1.png) bottom center no-repeat;background-size: 100% 100%; transition: All 0.7s ease-in-out;cursor: pointer;-webkit-transition: All 0.7s ease-in-out;-moz-transition: All 0.7s ease-in-out;-o-transition: All 0.7s ease-in-out;}
.syzplb li:hover i{background: url(../UploadFiles/bj/stuico2.png) bottom center no-repeat;background-size: 100% 100%;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
@media(max-width:1200px){.syzplb{width:1000px;}.syzplb li{width: 240px;height: 240px;margin:20px 5px;}.syzplb li a{width: 198px;height: 198px;}.syzplb li a img{width: 198px;height: 198px;}.syzplb li i{width: 240px;height: 240px;}}
@media(max-width:1000px){.syzplb{width:600px;}.syzplb li{width: 280px;height: 280px;margin:20px 10px;}.syzplb li a{width:238px;height: 238px;}.syzplb li a img{width: 238px;height: 238px;}.syzplb li i{width: 280px;height: 280px;}}
@media(max-width:600px){.syzplb{width:475px;}.syzplb li{width: 210px;height: 210px;margin:10px 13px;}.syzplb li a{width:168px;height: 168px;}.syzplb li a img{width: 168px;height: 168px;}.syzplb li i{width: 210px;height: 210px;}}
@media(max-width:475px){.syzplb{width:350px;}.syzplb li{width: 160px;height: 160px;margin:10px 7px;}.syzplb li a{width:138px;height: 138px;margin:11px auto 0;}.syzplb li a img{width: 138px;height: 138px;}.syzplb li i{width: 160px;height: 160px;}}




/*内容页通用*/
.nybj{width: 100%;background-image:url(../../UploadFiles/bj/nybj.png);background-size: 100% 100%;overflow: hidden;}
.wzdh{width: 80%;margin: 10px auto;font-size: 14px;line-height:40px;color: #333;}
.bt{width: 1200px;margin: 20px auto;overflow: hidden;}
.bt img:nth-child(1),.bt img:nth-child(3){width: 510px;display: block;float:left;}
.bt img:nth-child(2){width: 180px;display: block;float:left;}
@media(max-width:1200px){.bt{width: 80%;}.bt img:nth-child(1),.bt img:nth-child(3){width: calc(50% - 90px);height: 70px;}}
@media(max-width:760px){.nybj{background-image:none;}}
@media(max-width:760px){.bt{width: 100%;}}
@media(max-width:760px){.wzdh{width: 100%;padding-left: 10px;box-sizing: border-box;}}


/*分页*/
@media(max-width:580px){#fenye{margin: 10px auto 20px;}#pagelist{padding: 15px 0;}#pagelist a.curr{display:none;}#pagelist a.num{display:none;}}


/*作品展示*/
.zpzsw{width:1200px;margin: 0 auto;overflow: hidden;}
.zpzs{width: 25%;padding: 15px;box-sizing: border-box;float: left;}
.zpzs a{width: 100%;display: block;padding: 5px;overflow: hidden;box-sizing: border-box;}
.zpzs a img{width: 100%;display: block;border: 4px solid #e1e1e1;box-sizing: border-box;}
.zpzs a p{font-size: 18px;line-height: 30px;color: #666;text-align: center;margin-top: 5px;}
.zpzs a:hover p{color: #cb0914;}
@media(max-width:1200px){.zpzsw{width:80%;margin: 0 auto;overflow: hidden;}}
@media(max-width:760px){.zpzsw{width:100%;}.zpzs{width: 50%;}}
/*作品内*/
.picnr{width:1200px;margin: 0 auto;padding: 0;border: 0;}
.picnr .imglist img{width: auto;height: auto;margin: 0 auto;margin-top: 20px;}
.xgphoto{width: 1200px;margin: 10px auto;overflow: hidden;}
@media(max-width:1200px){.picnr{width:80%;}.picnr .imglist img{width: 80%;}.xgphoto{width: 80%;}}
@media(max-width:580px){.xgphoto{display: none;}.picnr{width:100%;}}




/*关于双馨*/
.gysx{width: 1200px;margin: 30px auto 0;padding-bottom: 40px; overflow: hidden;}
.xxjj{width:100%;margin: 30px auto;overflow: hidden;}
.xxjj img{width: 30%;margin: 0 1%;display: block;float: left;}
.jsjj{width:100%;margin: 10px auto;overflow: hidden;}
.jsjj img{width: 30%;display: block;float: left;}
.jj{width: 70%;padding-left: 60px;box-sizing: border-box;float: left;line-height: 3em; }
@media(max-width:1200px){.gysx{width: 80%;}.jsjj img{width: 20%;margin-top: 20px;}.jj{width: 80%;padding-left: 20px;}}
@media(max-width:760px){.xxjj img{width: 80%;float:none;margin: 0 auto;}.jsjj img{width:300px;float:none;margin: 0 auto;}.jj{width: 100%;padding-left: 0;}}


/*新闻动态*/
.xwdtw{width: 80%;margin: 0 auto;}
.xwlb{width: 100%;overflow: hidden;border-bottom: 1px dashed #d8d8d8;}
.xwlb img{width: 200px;height: 150px; display: block;margin: 10px;float: left}
.xwlb a{display: block;width: 100%;}
.xwlb a:hover .xwnr p:nth-child(1){color:#cb0914; }
.xwnr{width: calc(100% - 260px);float: left;margin: 5px 20px;overflow: hidden;}
.xwnr p:nth-child(1){font-size: 18px;font-weight: 600;color: #1b1b1b;line-height: 40px;}
.xwnr p:nth-child(2){font-size: 16px;color: #535353;line-height: 30px;}
.xwnr p:nth-child(3){width: 120px;font-size: 16px;line-height: 30px;color:#535353;border: 1px solid #535353;display: block;text-align: center;margin-top: 10px;}	
.xwlb a:hover .xwnr p:nth-child(3){color:#cb0914;border: 1px solid #cb0914;}
@media(max-width:760px){.xwlb img{display: none;}.xwnr{width: 100%;}.xwnr p:nth-child(3){margin: 10px auto 0;}}
@media(max-width:580px){.xwdtw{width: 96%;}}


/*新闻内*/
.xwnry{width: 80%;margin: 0 auto;margin-bottom: 20px;}
.nph_tj ul{overflow: hidden;font-size: 16px;line-height: 30px;}
.nph_tj ul li:nth-child(1){float: left;}
.nph_tj ul li:nth-child(2){float: right;}
@media(max-width:580px){.xwnry{width: 96%;}.nph_tj ul li:nth-child(1),.nph_tj ul li:nth-child(2){float:none;}}


/*联系我们*/
.lxnr{width: 1200px;margin: 30px auto;margin-bottom: 40px; overflow: hidden;}
.lxnrl{width: 600px;float: left;padding-left: 180px;box-sizing: border-box;}
.lxnr img{width: 600px;float: left;display: block;}
@media(max-width:1200px){.lxnr{width: 90%;}.lxnrl{width: 50%;padding-left: 20px;}.lxnr img{width: 50%;}}
@media(max-width:1000px){.lxnr img{margin-top: 10px;}}@media(max-width:800px){.lxnr img{margin-top: 40px;}}
@media(max-width:760px){.lxnr{width:100%;}.lxnrl{width: 80%;margin: 0 auto;float: none;}.lxnr img{width: 80%;float: none;margin: 0 auto;}}
@media(max-width:580px){.lxnrl{width: 100%;}}


/*课程简介*/
.sryb{width: 1200px;margin: 30px auto 0;padding-bottom:40px; overflow: hidden;}
.srybnr{width: 80%;float: left;padding-right: 40px;margin-top:40px;box-sizing:border-box;}
.srybnr p:nth-child(1){display:inline-block;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: 2px solid #ca040e;}
.srybnr p:nth-child(2){font-size: 16px;line-height: 30px;margin-top: 10px;}
.sryb img{width: 20%;display: block;float:right;}
.srrb{width: 1200px;margin: 0 auto;overflow: hidden;}
.srrb img{width: 20%;display: block;float: left;}
.srrbnr{width: 80%;float: left;padding-left: 40px;margin-top:30px;box-sizing:border-box;}
.srrbnr p:nth-child(1){display:inline-block;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: 2px solid #ca040e;}
.srrbnr p:nth-child(2){font-size: 16px;line-height: 30px;margin-top: 10px;}
@media(max-width:1200px){.sryb{width: 80%;}.srrb{width: 80%;}.srybnr{width: 70%;margin-top: 0;padding-right: 20px;}.srrbnr{width: 70%;margin-top: 0;padding-left: 20px;}.sryb img{width: 30%}.srrb img{width: 30%}
@media(max-width:760px){.sryb{width: 100%;}.sryb img{width: 50%;float: none;margin: 0 auto;}.srybnr{width: 90%; float: none;margin: 0 auto;padding: 0;}.srrb{width: 100%;}.srrb img{width: 50%;float: none;margin: 0 auto;}.srrbnr{width: 90%; float: none;margin: 0 auto;padding: 0;}}