.news{ padding:70px 0 200px 0;}
.news .top{ width:24px; margin:0 auto;}
.news .list{ overflow:hidden; clear:both; margin-top:60px;}
.news .list .pic{ width:580px; float:left; overflow:hidden;}
.news .list .pic img{ transition:all 0.4s;}
.news .list:hover .pic img{ transform:scale(1.1);}
.news .list ul{ width:560px; float:right; color:#918881; line-height:28px;}
.news .list ul h3{ font-size:28px; line-height:32px; color:#73675d; margin-bottom:25px;}
.news .list ul em{ color:#e77a22;}
.news .list:hover ul em{ text-decoration:underline;}
.news .list ul li.line{ border-bottom:1px solid #e7e7e7; padding-bottom:25px;}
.news .list ul li{ margin-top:25px;}
.news .list.fan .pic{ float:right;}
.news .list.fan ul{ float:left;}
.news_xq{ width:100%; position:relative;padding-top: 80px;}
.news_xq:after{ content:"";background:url(/uploads/image/pimages/lineb.png) no-repeat center bottom; background-size:100% auto; width:100%; position:absolute; left:0; bottom:0; height:397px; display:block; z-index:-1;}
.news_xq.bigimg{ background:url(/uploads/image/pimages/newsbg-2x.png) no-repeat center top; background-size:100% auto;}
/*.news_xq p strong{margin-top: 60px;display: inline-block;}*/
.news dl{ width:280px; float:left; font-size:16px; color:#746960; margin:50px 180px 0 0;}
.news dl:nth-child(3n){ margin:50px 0 0 0;}
.news dl dt{ width:100%; margin:0 auto; padding:12px; box-sizing:border-box; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.1); }
.news dl dt .img{width: 100%;overflow: hidden;}
.news dl dd{ color:#746960; margin-top:20px;}
.news .lie{ width:560px; float:left; overflow:hidden; position:relative; margin:70px 80px 0 0;}
.news .lie:nth-child(2n){ margin:70px 0 0 0;}
.news .lie:after{ content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); opacity:0.6; z-index:10;}
.news .lie h3{ font-size:24px; z-index:22; position:absolute; width:100%; padding:0 30px; position:absolute; left:0; bottom:20px; color:#fff; box-sizing:border-box;}
.news .lie .bg{ width:100%; height:100%; position:absolute; background:rgba(217,127,58,0.6); position:absolute; left:0; top:0; z-index:20; display:none;}
.news .lie .bg i{ background:url(/uploads/image/pimages/play-2x.png) no-repeat; display:block; width:84px; height:84px; background-size:contain; position:absolute; top:50%; left:50%; margin:-42px 0 0 -42px;}
.news_xq .top{ text-align:center; margin-top:200px; color:#918881; font-size:18px;margin-bottom: 80px}
.news_xq .top h1{ font-size:46px; line-height:60px; margin-bottom:35px; font-weight:300;}
.news_xq .top em{ display:inline-block; width:1px; height:10px; background:#918881; margin:0 10px;}

 
.recent .itembox.big{ width:1784px; margin:0 auto;}
.recent .grid-item{ width:570px; margin:50px 12px 0 12px; box-sizing:border-box;  float:left; text-align:left;position: relative; } 
.recent .grid-item a{display: block;width: 100%;height: 100%;z-index: 11;position: relative;}
.recent .grid-item:after{ content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); opacity:0.4; z-index:10;}
.recent .grid-item dd{ position:absolute; left:0; bottom:30px; z-index:20; color:#fff; padding:0 40px; font-size:14px; line-height:28px;}
.recent .grid-item dd h4{ font-size:24px; margin-bottom:10px;}
 

.tansuo{ padding:50px 0 150px 0;}
.tansuo .top{ width:24px; margin:0 auto; text-align:center; }
.tansuo .grid{ width:1784px; margin:0 auto;}
.tansuo .grid-item{ width:570px; margin:25px 12px 0 12px; box-sizing:border-box;  position: relative;float:left; text-align:left; } 
.tansuo .grid-item a{display: block;width: 100%;height: 100%;position: relative;z-index: 11}
.tansuo .grid-item:after{ content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); opacity:0.4; z-index:10;}
.tansuo .grid-item dt{ width:100%; height:100%; position:relative;}
.tansuo .grid-item dt:before{ content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); opacity:0.5; }
.tansuo .grid-item dd{ position:absolute; left:0; bottom:30px; z-index:20; color:#fff; padding:0 40px; font-size:14px; line-height:28px;}
.tansuo .grid-item dd h4{ font-size:24px; margin-bottom:10px;}
.tansuo .more{width: 100%;overflow: hidden; text-align:center;}
.tansuo .more a{display:inline-block;width: 120px;height: 40px;line-height: 40px;color: #fff; background: #e77a22;font-size: 16px;margin: 59px auto 0; transition:0.3s; }
.tansuo .more a:hover{ background:#eb7312;}

 
.tansuo .gridalicious{ width:1784px; margin:0 auto;}
.tansuo .item{ margin:25px 12px 0 12px; box-sizing:border-box;  position: relative;float:left; text-align:left; } 
.tansuo .item a{display: block;width: 100%;height: 100%;position: relative;z-index: 11}
.tansuo .item:after{ content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); opacity:0.4; z-index:10;}
.tansuo .item dt{ width:100%; height:100%; position:relative;}
.tansuo .item dt:before{ content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); opacity:0.5; }
.tansuo .item dd{ position:absolute; left:0; bottom:30px; z-index:20; color:#fff; padding:0 40px; font-size:14px; line-height:28px;}
.tansuo .item dd h4{ font-size:24px; margin-bottom:10px;}


.coursebox1{ background:url(/uploads/image/pimages/lcbg-2x.png) no-repeat center top; max-width:1920px; margin:0 auto; background-size:100% auto; padding-top:80px; position:relative; overflow:hidden; padding-bottom:150px;}
.coursebox1:after{ content:"";background:url(/uploads/image/pimages/lineb.png) no-repeat center bottom; background-size:100% auto; width:100%; position:absolute; left:0; bottom:0; height:397px; display:block; z-index:0;}
.coursebox1 .top{ width:100%; text-align:center;}
.coursebox1 .top h2{ color:#73675d; font-weight:300;}
.coursebox1 .top h2:after {content: '';width: 64px;height: 12px;background: url(/uploads/image/pimages/tit_icon.png) no-repeat; display:block; margin:0 auto; margin-top:20px;}
.coursebox1 .con{ width:900px; margin:0 auto; position:relative; z-index:1;}
.coursebox1 .ctop h3{ font-size:32px; line-height:35px; color:#73675d; font-weight:300; text-align:center; margin-top:75px; position:relative; z-index:1;}
.coursebox1 dl{ width:400px; float:left; color:#918881; font-size:16px; margin-top:40px;}
.coursebox1 dl dt{ box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);}
.coursebox1 dl strong{ font-size:18px; font-weight:bold; display:block; margin:10px 0 5px 0;}
.coursebox1 dl:nth-child(2){ float:right;}

#templatemo_menu{ width:100px; height:220px; text-align:right; position: fixed;left:50%;top: 0;bottom: 0; margin:auto; margin-left:-570px; z-index: 10;}
#templatemo_menu a{ font-size: 14px;line-height: 50px; color: #746960; display:inline-block; position:relative;}
#templatemo_menu a span{ width:100%; height: 1px; background-color: #c1bdba;position: absolute;right: 0;bottom: 9px;transition: all 0.4s;}
#templatemo_menu a.current{ color:#eb791e;}
#templatemo_menu a.current span{ width:110%; background-color:#eb791e;}
#templatemo_menu a:hover{ color:#eb791e;}
#templatemo_menu a:hover span{ width:110%; background-color:#eb791e;}

.coursebox2{ max-width:1920px; margin:0 auto; position:relative; padding-bottom:150px;}
.coursebox2:after{ content:"";background:url(/uploads/image/pimages/lineb.png) no-repeat center bottom; background-size:100% auto; width:100%; position:absolute; left:0; bottom:0; height:397px; display:block; z-index:0;}
.coursebox2_con{ width:900px; margin:0 auto; margin-top:40px; position:relative; z-index:1;}
.coursebox2 .top{ text-align:center;}
.coursebox2 .top h3{ font-size:32px; line-height:35px; color:#73675d; font-weight:300; position:relative; z-index:1;}
.coursebox2 .top p{ font-size:20px; line-height:28px; color:#918881; margin-top:30px;}
.coursebox2 .con{ width:100%; position:relative; margin-top:40px;}
.coursebox2 .con:after{ content:""; display:block; position:absolute; left:50%; top:0; margin-left:-1px; background:#dbd7d3; width:2px; height:100%;}
.coursebox2 .con:before{ content:""; display:block; position:absolute; left:50%; top:0; margin-left:-1px; background:linear-gradient(0deg,#dbd7d3,#fff);  width:2px; height:80px; z-index:2;}
.coursebox2 .con .jian{ position:absolute; left:50%; bottom:0; margin-left:-1px; background:linear-gradient(180deg,#dbd7d3,#fff);  width:2px; height:80px; z-index:2;}
.coursebox2 .row{ width:100%; clear:both; position:relative; }
.coursebox2 .row:nth-child(2n){ margin-top:-50px;}
.coursebox2 .row:after{ content:''; display:block;background:#dbd7d3; border-radius:50%; overflow:hidden; width:10px; height:10px; position:absolute; left:50%; margin-left:-5px; top:50%;}
.coursebox2 .row .pic{ width:400px; float:right; overflow:hidden; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);}
.coursebox2 .row .pic img{ display:block;}
.coursebox2 .row .txt{ width:400px; min-height:240px; overflow:hidden; float:left; text-align:right; display:flex; align-items:center; color:#918881; font-size:16px; justify-content:flex-end; line-height:32px;}
.coursebox2 .row .txt h4{ font-size:18px; font-weight:bold; display:block; margin:10px 0 5px 0;}

.coursebox2 .row.fan .pic{ float:left;}
.coursebox2 .row.fan .txt{ float:right; text-align:left; justify-content:flex-start;}
.coursebox2.last:after{ display:none;}

/*关于我们*/
.aboutbox{ position:relative; padding-bottom:150px;}
.aboutbox:after{ content:"";background:url(/uploads/image/pimages/lineb.png) no-repeat center bottom; background-size:100% auto; width:100%; position:absolute; left:0; bottom:0; height:397px; display:block; z-index:0;}
.about1{ width:1620px; margin:0 auto; margin-top:80px; position:relative; z-index:1;}
.about1 .top{ width:100%; text-align:center;}
.about1 .top h2{ color:#73675d; font-weight:300; font-size:36px; line-height:36px;}
.about1 .top h2:after {content: '';width: 64px;height: 12px;background: url(/uploads/image/pimages/tit_icon.png) no-repeat; display:block; margin:0 auto; margin-top:20px;}
.about1 .wen1{ margin-top:50px;}
.about1 .wen1 .txt{ width:500px; float:left; color:#9e9086; font-size:16px; line-height:34px; margin-top:60px;}
.about1 .wen1 .txt h3{ font-size:26px; color:#73675d; line-height:40px; margin-bottom:25px;}
.about1 .wen1 .pic{ width:810px; float:right;}
.about1 .icon{ width:1218px; text-align:center; padding-top:80px; margin:0 auto;}
.about1 .icon dl{ width:380px; float:left; overflow:hidden; position:relative; margin:0 13px;}
.about1 .icon dl dt{ width:100%; margin:0 auto; }
.about1 .icon dl dd{ position:absolute; left:0; bottom:20px; text-align:center; color:#fff; font-size:26px; line-height:30px; width:100%; z-index:1;}
.about1 .sm{ width:996px; margin:0 auto; color:#9e9086; font-size:16px; line-height:34px;}
.about1 .sm h3{ font-size:32px; text-align:center; line-height:35px; margin:60px 0 30px 0;}
.about1 .num{ width:100%; text-align:center; margin-top:60px;}
.about1 .num dl{ display:inline-block; font-size:14px; color:#9e9086; margin:0 40px;}
.about1 .num dl dt{ color:#f19037; font-size:24px; margin-bottom:10px;}
.about1 .num dl dt span{ font-size:20px; margin-left:10px;}
.about1 .num dl dt span i{ vertical-align:super;}

.about2{ width:1620px; margin:0 auto; margin-top:30px;}
.about2 .ti{ width:24px; margin:0 auto;}
.about2 .row{ clear:both; margin-top:80px;}
.about2 .row .pic{ width:810px; float:left;}
.about2 .row ul{ width:500px; float:right; color:#9e9086; font-size:16px; line-height:34px; margin-top:60px;}
.about2 .row ul h3{ font-size:26px; color:#73675d; line-height:40px; margin-bottom:25px;}
 
.about2 .row.fan .pic{ float:right;}
.about2 .row.fan ul{ float:left;}
.about2 .bottom{ padding:100px 0;}
.about2 .bottom .list{ width:520px; position:relative; text-align:center; float:left; margin-right:30px;}
.about2 .bottom .list:last-child{ margin-right:0;}
.about2 .bottom .list ul{ font-size:18px; color:#fff;}
.about2 .bottom .list:last-child ul{ color:#a79b92;}
.about2 .bottom .list ul h3{font-size:36px; line-height:40px; margin-bottom:40px;}
.about2 .bottom .list .w{  width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center;}

.about3{  width:1620px; margin:0 auto; margin-top:80px; padding-bottom:100px;}
.about3 .top{ width:100%; text-align:center;}
.about3 .top h2{ color:#73675d; font-weight:300; font-size:36px; line-height:36px;}
.about3 .top h2:after {content: '';width: 64px;height: 12px;background: url(/uploads/image/pimages/tit_icon.png) no-repeat; display:block; margin:0 auto; margin-top:20px;}

.about3 .row{ clear:both; margin-top:120px;}
.about3 .row .pic{ width:810px; float:right;}
.about3 .row ul{ width:640px; float:left; color:#9e9086; font-size:16px; line-height:34px; margin-top:60px;}
.about3 .row ul h3{ font-size:26px; color:#73675d; line-height:40px;}
.about3 .row ul li{ margin-bottom:25px;}
.about3 .row.fan .pic{ float:left;}
.about3 .row.fan ul{ float:right;}
.about_jg{ width:939px; margin:0 auto; margin-top:70px;}
.about_jg .pic1{ display:none;}

.about4{ width:1200px; margin:0 auto;}
.about4{ padding:80px 0 150px 0;}
.about4 .top{ width:100%; text-align:center;}
.about4 .top h2{ color:#73675d; font-weight:300; font-size:36px; line-height:36px;}
.about4 .top h2:after {content: '';width: 64px;height: 12px;background: url(/uploads/image/pimages/tit_icon.png) no-repeat; display:block; margin:0 auto; margin-top:20px;}
.about4 .tab{ width:100%; text-align:center; margin-top:50px;}
.about4 .tab a{ display:inline-block; height:40px; color:#746960; font-size:14px; position:relative; margin:0 23px;}
.about4 .tab a:hover{ color:#e77a22;}
.about4 .tab a.active{ color:#e77a22; font-weight:bold;}
.about4 .tab a.active:after{ content:""; display:block; margin:0 auto; width:36px; height:2px; background:#e77a22; margin-top:8px;}
.about4 .con{ box-sizing:border-box; padding:60px 100px; background:#fff; box-shadow:0px 5px 20px 0px rgba(41,34,26,0.1); margin-top:30px;} 
.about4 .con h3{ font-size:24px; color:#746960; text-align:center;}
.about4 .dnow{ margin-top:30px;}
.about4 .dnow li{ border-bottom:1px solid #eaeaea; overflow:hidden; clear:both; line-height:28px; color:#746960; padding:18px 0;}
.about4 .dnow li span{display: inline-block;max-width: 70%;}
.about4 .dnow li .btnbox{float: right;}
.about4 .dnow li a{ width:80px; line-height:28px; float:left; color:#e77a22; text-align:center; line-height:28px; display:block; transition:0.3s; margin-top:0px;}
.about4 .dnow li a i{ display:inline-block; background:url(/uploads/image/pimages/down-2x.png) no-repeat; width:14px; height:13px; margin-right:7px; vertical-align:-1px; background-size:contain; }
.about4 .dnow li a:hover{ background:#e77a22; color:#fff;}
.about4 .dnow li a:hover i{ background:url(/uploads/image/pimages/dnow1-2x.png) no-repeat; background-size:contain; }
.about4 table{ width:100%; text-align:center; margin-top:40px; line-height:20px;}
.about4 table td{ padding:13px 5px; color:#666; background:#fff; word-break:break-all;}
.about4 table tr:nth-child(odd) td{ background:#f8f3ee;}
.about4 table tr.title td{ background:#89796d; color:#fff;}
.about4 .zgu dl{ width:200px; float:left; margin:35px 66px 0 0;}
.about4 .zgu dl:nth-child(4n){ margin:35px 0 0 0;}
.about4 .zgu dl dt{ background:#fff; box-sizing:border-box; border:10px solid #fff; box-shadow:0px 4px 14px 2px rgba(87,48,43,0.12); transition:0.3s; margin-bottom:15px;}
.about4 .zgu dl a{ color:#746960; transition:0.3s;}
.about4 .zgu dl a:hover{ color:#e77a22;}
.about4 .zgu dl a:hover dt{ box-shadow:0px 4px 14px 2px rgba(231,122,34,0.3);}
.about4 .guanzhi dl{ width:100%; overflow:hidden; clear:both; margin-top:50px;}
.about4 .guanzhi dl dt{ width:72px; float:left; margin-top:10px;}
.about4 .guanzhi dl dd{ width:895px; float:right; line-height:32px; color:#999;}
.about4 .guanzhi dl dd h4{ font-size:18px; color:#9d9086; margin-bottom:10px;}

.about4 .gsziliao .lefts,.about4 .gsziliao .rights{ width:430px; color:#999; float:left;}
.about4 .gsziliao .rights{ float:right;}
.about4 .gsziliao h4{ font-size:18px; color:#9d9086;}
.about4 .gsziliao strong{ font-weight:bold; display:block; margin-bottom:5px;}
.about4 .gsziliao ul{ margin:20px 0 40px 0;}
.about4 .gsziliao li{ margin-bottom:20px; line-height:28px;}

.about4 .chaxun{ width:100%;  position:relative; margin-top:60px;}
.about4 .chaxun .pic{ width:480px; float:left; box-shadow:0 3px 20px 0 rgba(0,0,0,0.1); position:relative; z-index:1;}
.about4 .chaxun ul{ width:430px; float:right; color:#9e9086; line-height:20px; margin-top:60px; position:relative; z-index:1; margin-right:20px;}
.about4 .chaxun ul li{ padding:10px 0 10px 22px; position:relative;}
.about4 .chaxun ul li:first-child{ padding:10px 0;}
.about4 .chaxun ul h4{ font-size:18px; font-weight:500; margin-bottom:10px;}
.about4 .chaxun ul i{display:block;width:16px; height:16px; position:absolute; top:12px; left:0;}
.about4 .chaxun ul i.b1{ background:url(/uploads/image/pimages/c1-2x.png) no-repeat;  background-size:contain; }
.about4 .chaxun ul i.b2{ background:url(/uploads/image/pimages/c2-2x.png) no-repeat;  background-size:contain; }
.about4 .chaxun ul i.b3{ background:url(/uploads/image/pimages/c3-2x.png) no-repeat;  background-size:contain; height:18px; }
.about4 .chaxun ul i.b4{ background:url(/uploads/image/pimages/c4-2x.png) no-repeat;  background-size:contain; top:14px;}
.about4 .chaxun:after{ content:""; background:url(/uploads/image/pimages/cxbg2-2x.png) no-repeat; width:404px; height:175px; display:block; position:absolute; right:120px; bottom:0; background-size:contain;}
.about4 .chaxun.fan .pic{ float:right;}
.about4 .chaxun.fan ul{ width:340px; float:left; margin-left:100px;}
.about4 .chaxun.fan:after{ content:""; background:url(/uploads/image/pimages/cxbg1-2x.png) no-repeat; width:404px; height:175px; display:block; position:absolute; left:100px; bottom:0; background-size:contain;}

.about4 .bdbox{ width:480px; margin:0 auto;}
.about4 .bdbox ul span{ width:60px; text-align:right; color:#9d9086; line-height:38px; display:block; float:left; margin-right:20px;}
.about4 .bdbox ul span i{ display:inline-block; width:5px; color:#e77d26; margin-left:2px;}
.about4 .bdbox ul li{ clear:both; margin-top:20px; overflow:hidden;}
.about4 .bdbox ul li .txt{ box-sizing:border-box; border:1px solid #e5e5e5;border-radius:2px; padding:10px 10px; line-height:22px; font-size:14px; color:#746960;}
.about4 .bdbox ul li .txt.w1{ width:400px; height:42px; }
.about4 .bdbox ul li .txt.w3{ width:82px; height:42px; }
.about4 .bdbox ul li .txt.w2{ width:400px; height:100px; }
.about4 .bdbox ul li select{ width:32%; background:url(/uploads/image/pimages/xiala-2x.png) no-repeat 95% center; background-size:12px 7px; box-sizing:border-box; border:1px solid #e5e5e5;border-radius:2px; padding:5px 20px 5px 10px; float:left; margin-right:2%; color:#746960; height:42px; font-size:12px;}
.about4 .bdbox ul li select.last{ margin-right:0;}
.about4 .bdbox ul li select.big{ width:400px;}
.about4 .bdbox ul li .sq{ width:400px; display:inline-block;}
.about4 .bdbox ul li .sq.big select{ width:100%; background-position:97% center;}
.about4 .bdbox .btn{ width:400px; height:44px; float:right; margin-top:50px; transition:all 0.4s; color:#fff; cursor:pointer; text-align:center; background:#e77a22;}
.about4 .bdbox .btn:hover{ background:#cf6e1f;}
.about4 .bdbox ul li em{ display:inline-block; width:auto; margin-left:12px;}
.about4 .bdbox label{ color:#9d9086; float:left; margin:8px 24px 0 0; }
.about4 .bdbox label i{  background:url(/uploads/image/pimages/r1-2x.png) no-repeat; width:14px; height:14px; background-size:contain; display:inline-block; margin-right:8px; vertical-align:-2px;}
.about4 .bdbox label input:checked i{  background:url(/uploads/image/pimages/r-2x.png) no-repeat; width:14px; height:14px; background-size:contain;}

.dzgwbox{ padding-bottom:100px;}
.dzgwbox .top{ width:24px; margin:0 auto; text-align:center; margin-top:70px;}
.dzgwbox dl{ width:280px; float:left; margin:50px 179px 0 0; font-size:16px;}
.dzgwbox dl:nth-child(3n){ margin:50px 0 0 0;}
.dzgwbox dl dt{ background:#fff; box-sizing:border-box; border:10px solid #fff; box-shadow:0px 4px 14px 2px rgba(87,48,43,0.12); transition:0.3s; margin-bottom:15px;}
.dzgwbox dl a{ color:#746960; transition:0.3s;}
.dzgwbox dl a:hover{ color:#e77a22;}
.dzgwbox dl a:hover dt{ box-shadow:0px 4px 14px 2px rgba(231,122,34,0.3);}

@media screen and (max-width: 1800px){
.recent .itembox.big,.tansuo .gridalicious{width: 1200px}
/*.recent .grid-item{ width:32%; margin:25px 0.666666666666667% 0 0.666666666666667%;} 
.tansuo .grid-item{ width:32%; margin:25px 0.666666666666667% 0 0.666666666666667%;} */
}

@media screen and (max-width: 1650px){
.about1,.about2,.about3{ width:90%;}
.about1 .wen1 .pic{ width:50%;}	
.about1 .wen1 .txt{ width:40%; margin-top:10px;}
.about2 .row .pic{ width:50%;}	
.about2 .row ul{ width:40%; margin-top:10px;}

.about2 .bottom .list{ width:32%; margin-right:2%;}
.about2 .bottom .list ul{ font-size:16px; color:#fff;}
.about2 .bottom .list ul h3{font-size:30px; line-height:34px; margin-bottom:30px;}

.about3 .row .pic{ width:50%;}	
.about3 .row ul{ width:40%; margin-top:10px;}
}

@media screen and (max-width: 1230px) {
.news .list .pic{ width:48%;}
.news .list ul{ width:46%;}
.news .list ul h3{ font-size:20px; line-height:28px; margin-bottom:10px;}
.news .list ul li.line{ padding-bottom:10px;} 
.news .list ul li{ margin-top:0px; margin-bottom:10px;}
.news .list{ margin-top:30px;}
.news dl{ width:30%;  margin:50px 5% 0 0;}
.news .lie{ width:48%; margin:50px 4% 0 0;}
.news .lie:nth-child(2n){ margin:50px 0 0 0;}

.news .lie h3{ font-size:20px; padding:0 20px;}
.news .lie .bg i{ width:50px; height:50px; margin:-25px 0 0 -25px;}
.news_xq .top{ font-size:16px; margin-top:100px;}
.news_xq .top h1{ font-size:36px; line-height:37px; margin-bottom:25px; }
.news_xq .top em{ margin:0 5px;}

.recent .itembox.big,.tansuo .gridalicious{width:90%}
.recent .grid-item dd{ padding:0 20px; bottom:20px;font-size:12px; line-height:24px;}
.recent .grid-item dd h4{ font-size:18px;}
.tansuo .item dd{ padding:0 20px; bottom:20px;font-size:12px; line-height:24px;}
.tansuo .item dd h4{ font-size:18px;}
 
.about1 .top h2,.about2 .top h2,.about3 .top h2,.about4 .top h2{ font-size:30px;}
.about1 .wen1 .txt{ font-size:14px; line-height:28px; }
.about1 .wen1 .txt h3{ font-size:20px; line-height:30px; margin-bottom:15px;}


.about1 .icon{ width:100%; }
.about1 .icon dl{ width:30%; margin:0 1.666666666666667%; }
.about1 .icon dl dd{ font-size:20px; line-height:22px;}
 
.about2 .row ul{ font-size:14px; line-height:28px; }
.about2 .row ul h3{ font-size:20px; line-height:30px; margin-bottom:15px;}
.about3 .row ul{ font-size:14px; line-height:28px; }
.about3 .row ul h3{ font-size:20px; line-height:30px; }
.about3 .row ul li{ margin-bottom:15px;}
.about4{ width:90%;}
.about4 .con{ padding:50px 30px;}
.about4 .tab a{ margin:0 10px;}
.about4 .con h3{ font-size:20px;}

.about4 .zgu dl{ width:23%; margin:35px 2.666666666666667% 0 0;}
.about4 .zgu dl dt{  border:5px solid #fff;}
.about4 .guanzhi dl dt{ width:15%;}
.about4 .guanzhi dl dd{ width:80%;}

.about4 .gsziliao .lefts,.about4 .gsziliao .rights{ width:45%;}


.about4 .chaxun .pic{ width:48%;}
.about4 .chaxun ul{ width:43%; margin-right:0.2%; margin-top:0;}
.about4 .chaxun:after{right:12%; }
.about4 .chaxun.fan ul{ width:34%; margin-left:10%;}
.about4 .chaxun.fan:after{ left:10%; }

.dzgwbox dl{ width:30%; margin:35px 5% 0 0; font-size:14px;}
.dzgwbox dl:nth-child(3n){ margin:35px 0 0 0;}
}
@media screen and (max-width:1150px) {#templatemo_menu{ display:none;}}
@media screen and (max-width:1060px) {
.news_xq .top h1{ font-size:26px; line-height:27px; margin-bottom:20px; } 
.recent .grid-item{ width:48%; margin:30px 1% 0 1%;}
.tansuo .grid-item{ width:48%; margin:30px 1% 0 1%;} 
 
.about1 .sm{ width:90%; font-size:14px; line-height:28px;}
.about1 .sm h3{ font-size:28px; line-height:30px; margin:50px 0 20px 0;}

.about1 .num dl{ display:block; width:20%; float:left; margin:0px;}
.about1 .num dl dt{ color:#f19037; font-size:20px; margin-bottom:10px;}
.about1 .num dl dt span{ font-size:16px; margin-left:5px;}


.about2 .bottom .list ul{ font-size:14px; color:#fff;}
.about2 .bottom .list ul h3{font-size:24px;  margin-bottom:20px;}
}
 
@media screen and (max-width:960px){
.coursebox1 .con{ width:90%; }
.coursebox1 dl{ width:48%; font-size:14px;margin-top:30px; }
.coursebox1 dl strong{ font-size:16px;}
.coursebox2_con{ width:90%;}

.coursebox2 .row .txt{ font-size:14px; line-height:24px; }
.coursebox2 .row .txt h4{ font-size:16px;}
.coursebox2_con{ width:90%;}
.coursebox2 .row .pic{ width:48%; }
.coursebox2 .row .txt{ width:48%;}

.about_jg{ width:90%; margin:0 auto; margin-top:40px;}
.about_jg .pic1{ display:block;}
.about_jg .pic{ display:none;}

.about4 .zgu dl{ width:30.333333%; margin:35px 3% 0 0;}
.about4 .zgu dl:nth-child(3n){ margin:35px 0 0 0;}
.about4 .zgu dl:nth-child(4n){ margin:35px 3% 0 0;}

.about4 .chaxun ul{ width:43%; margin-right:0%; }
.about4 .chaxun.fan ul{ width:43%; margin-left:0%;}
}

@media screen and (max-width: 768px) {
.news{ padding:50px 0 100px 0;}	
.news .list ul h3{ font-size:16px; }
.news .list .pic{ width:100%;}
.news .list ul{ width:100%; margin-top:15px;} 
.news dl{ width:48%;  margin:30px 4% 0 0;}
.news dl dt{ padding:8px;}
.news dl:nth-child(2n){ margin:30px 0 0 0;}
.news dl:nth-child(3n){ margin:30px 4% 0 0;}
.news dl:nth-child(6n){ margin:30px 0 0 0;}
.news .lie h3{ font-size:16px; padding:0 20px;}
.news .lie .bg i{ width:40px; height:40px; margin:-20px 0 0 -20px;}
.news_xq .top h1{ font-size:22px; line-height:32px; margin-bottom:15px; } 
.recent .grid-item{ width:100%; margin:25px 0% 0 0%;} 
.tansuo .grid-item{ width:100%; margin:25px 0% 0 0%;} 
.coursebox1 .ctop h3{ font-size:20px; line-height:25px;  margin-top:50px; }
.coursebox2 .top h3{ font-size:20px; line-height:25px;}
.coursebox2 .top p{ font-size:16px;}
.coursebox2 .row .txt{ min-height:200px;}

.about1{ margin-top:50px;}
.about1 .top h2,.about2 .top h2,.about3 .top h2,.about4 .top h2{ font-size:26px;}
.about1 .wen1{ margin-top:40px;}
.about1 .wen1 .txt h3{ font-size:18px; margin-bottom:0px;}
.about1 .wen1 .txt{ width:100%; margin-top:20px;}
.about1 .wen1 .pic{ width:100%;}
.about1 .sm h3{ font-size:22px; line-height:28px; }
.about1 .num{ margin-top:30px;}
.about1 .num dl{ display:block; width:33.3333%; float:left; margin:20px 0 0 0;}
.about2 .row{ margin-top:30px;}
.about2 .row ul{ width:100%; margin-top:20px;}
.about2 .row ul h3{ font-size:18px; margin-bottom:0px;}
.about2 .row .pic{ width:100%;}
.about2 .bottom{ padding:50px 0;} 
.about2 .bottom .list{ width:100%;  margin-right:0%; margin-top:20px;}
.about2 .top{ margin-top:50px;}
.about3{ margin-top:50px; padding-bottom:50px;}
.about3 .row{ margin-top:30px;}
.about3 .row ul{ width:100%; margin-top:20px;}
.about3 .row ul h3{ font-size:18px; margin-bottom:0px;}
.about3 .row .pic{ width:100%;}
.about4{ padding:50px 0;}
.about4 .dnow li span{max-width: 100%;}
.about4 .dnow li .btnbox{float: none;width: 100%;margin-top: 10px}
.about4 .tab{ overflow:hidden;}
.about4 .tab a{ margin:10px 0 0 0; width:25%; display:block; float:left; }

.about4 .zgu dl{ width:46%; margin:35px 8% 0 0;}
.about4 .zgu dl:nth-child(2n){ margin:35px 0 0 0;}
.about4 .zgu dl:nth-child(3n){ margin:35px 8% 0 0;}
.about4 .zgu dl:nth-child(4n){ margin:35px 0% 0 0;}
.about4 .zgu dl:nth-child(6n){ margin:35px 0% 0 0;}
.about4 .gsziliao .lefts,.about4 .gsziliao .rights{ width:100%; float:none;}

.about4 .chaxun .pic{ width:100%;}
.about4 .chaxun ul{ width:100%;  margin-top:20px;}
.about4 .chaxun:after{right:12%; }
.about4 .chaxun.fan ul{ width:100%;}
.about4 .chaxun.fan:after{ left:10%; }

.dzgwbox dl{ width:46%; margin:35px 8% 0 0;}
.dzgwbox dl:nth-child(2n){ margin:35px 0 0 0;}
.dzgwbox dl:nth-child(3n){ margin:35px 8% 0 0;}
.dzgwbox dl:nth-child(6n){ margin:35px 0 0 0;}
.news_xq .top{margin-top: 0}
}

@media screen and (max-width:500px) {
.news .lie{ width:100%; margin:30px 0% 0 0;}
.news .lie:nth-child(2n){ margin:30px 0 0 0;} 
.coursebox1 dl{ width:100%; }
.coursebox1{ padding-bottom:50px;}
.coursebox2{ padding-bottom:50px;}
.coursebox2 .row .pic{ width:100%; }
.coursebox2 .row .txt{ width:100%;}
.coursebox2 .con:after{ display:none;}
.coursebox2 .row:after{ display:none;}
.coursebox2 .row .txt{ min-height:inherit;  text-align:left; display:inherit; justify-content:flex-start; margin-bottom:30px;}
.coursebox2 .con:before{ display:none;}
.coursebox2 .con .jian{ display:none;}
.about1 .icon{ padding-top:40px;}
.about1 .icon dl{ margin:0; float:none; width:100%; margin-top:10px; }

.about4 .zgu dl{ width:100%; margin:35px 0% 0 0;}
.about4 .zgu dl:nth-child(2n){ margin:35px 0 0 0;}
.about4 .zgu dl:nth-child(3n){ margin:35px 0% 0 0;}
.about4 .zgu dl:nth-child(4n){ margin:35px 0% 0 0;}
.about4 .zgu dl:nth-child(6n){ margin:35px 0% 0 0;}

.about4 .guanzhi dl{ margin-top:30px;}
.about4 .guanzhi dl dt{ width:25%; float:none; margin:0 auto;}
.about4 .guanzhi dl dd{ width:100%; float:none;}
.about4 .bdbox{ width:100%;}
.about4 .bdbox ul span{ text-align:left; float:none; }
.about4 .bdbox ul li.xiao span{ display:none;}
.about4 .bdbox ul li{  margin-top:10px;}
.about4 .bdbox ul li .txt.w1{ width:100%;}
.about4 .bdbox ul li .txt.w2{ width:100%;}
.about4 .bdbox ul li .sq{ width:100%;}

.about4 .bdbox .btn{ width:100%; float:none; margin-top:30px; }

.dzgwbox dl{ width:100%; margin:30px 0% 0 0;}
.dzgwbox dl:nth-child(2n){ margin:30px 0 0 0;}
.dzgwbox dl:nth-child(3n){ margin:30px 0 0 0;}
.dzgwbox dl:nth-child(6n){ margin:30px 0 0 0;}
.tansuo .item{ margin:25px 0 0 0;}

}

@media screen and (max-width:400px) {
.about4 .tab a{ font-size:13px;} 
}