@charset "utf-8";
body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,span{ margin:0; padding:0; list-style:none}
html{ overflow-x:hidden}
body{font-family:"微软雅黑"; color:#222;overflow-x:hidden; font-size: 14px}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#222; text-decoration:none;_cursor:pointer}
a:hover{ color:#a0dc62; text-decoration:none;_cursor:pointer;transition:all 0.3s}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
.bg_white{ background:#fcfcfc}
.color_cc{ color:#cc0000}
.right{ text-align:right}
.float_l{ float:left}
.float_r{ float:right}
.text-center{text-align: center;}
.line{ height:1px; border-bottom:solid 1px #ccc}
.padding_left_10{ padding-left:10px}
hr{ color:#ddd; background:#ddd}
a:link,a:visited,a:hover{ cursor:pointer}
.content,.content_full{width:96%; margin:0 auto; max-width:1150px; min-width:320px;font-size:0.9285em; clear:both}
.content img{ max-width:100%}
.overflow-hidden{overflow: hidden;}
.menu_power{ cursor:pointer; height:60px; line-height:56px;display:none; background:#fff;position:fixed;width:100%; z-index:12345689; font-size: 1.25em;}
.menu_power ul.content{position:relative;}
.menu_power a.home{ position:absolute; left:10px; top:0px;  color:#555; font-weight:bold}
.menu_power a.home i{font-size: 1.75em; font-weight: normal;}
.menu_power img{max-height: 24px; display: inline-block; margin-left: 20px; vertical-align: middle; margin-right: .5em; margin-top: -5px}
.menu_power dl{ display: inline-block; margin: 0; font-size: 1em; font-weight: bold;}
.power{cursor:pointer; position:absolute; top:16px; right:10px; width:26px; height:26px; line-height:1.5;overflow:hidden; z-index:5;}
.power span.line{ height:2px; margin:5px 0; display:block;background:#555; border:none}
.power.is-active .line:nth-child(2){opacity: 0;}
.power.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.power.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
.main{position:relative; padding:0;}
.sub_main{min-height:700px; background:#fff}

.header{ height:40px; background: url(../images/header.png) top center repeat-y; color: #fff; position: relative; z-index: 12345}
.header a{color: #fff}
.header a:hover{ color:#fff}
.header dl.a{ width:30%; float:left; line-height:40px}
.header dl.b{ width:69%; float:left; text-align:right; line-height:38px}
.header dl.b span{ margin-right:1.5em}
.header dl.b a.tel{ font-size:1.5em;overflow:hidden; font-family:Arial, Helvetica, sans-serif; display: inline-block; vertical-align: middle;}
.header dl.b a{position: relative;}
.header dl.b a div{display: none; position: absolute; top: 30px; left: -100%; z-index: 1245; background: #fff; box-shadow: 0 0 5px #ddd}
.header dl.b a div img{max-width: 120%; border: solid 6px #fff;}
.header dl.b a:hover div{display:block;}
.header dl.b i{margin-left: 1em; display: inline-block; vertical-align: middle; font-size: 1.5em; margin-right: .25em}

.top_box{width:100%;color:#ddd;}
.top_ul1{ width:20%; float:left; line-height:100px}
.top_ul1 img{ vertical-align:middle; max-height:70px}
.top_ul2{ width:79%;float:right;text-align:right;}
.top_ul2 .a{ font-size:.875em}
.menu{ position:relative; margin-top: 2em}
.menu ul{ width:100%; text-align:right;}
.menu ul li{  position:relative; display:inline-block; vertical-align: middle; padding: 1.25em 1.25em; z-index:123}
.menu ul li a{color:#333; display:block;font-size:1.25em;}
.menu ul li:hover a{color: #5fb4e5}
.menu ul li:hover dl a{color: #fff}
li.menu_current a{color:#5fb4e5 !important;}
.menu ul li.menu_current dd a:link,.menu ul li.menu_current dd a:visited{ color:#fff !important;}
.menu ul li dl{ position:absolute; top:50px; left:0; z-index:123;width:130%; font-size:.875em;  display:none; background: #5fb4e5; text-align: left; border-radius: 3px; overflow: hidden;}
.menu ul li:hover dl{display: block;}
.menu ul li dd{ height:40px; line-height:40px; border-bottom: solid 1px #81c4eb;}
.menu ul li dd a{color: #fff; margin: 0 1em}
.menu ul li dd i{display: inline-block; margin-right: .5em; font-size: 1.25em; vertical-align: middle;}
.menu ul li dd:hover{ background:#46a0d4;transition: all .5s}
.menu ul li a:hover dl{ display:block}
.menu ul li dd:last-child{border: none}

.banner{ position:relative; background:url(../images/loading2.gif) no-repeat center center; height: 680px}
.banner .swiper-slide{ clear:both; height:680px;}
.banner .content{position: relative; height: 100%;color: #fff}
.banner .content .img{position: absolute; right: 0; bottom: 0; max-height: 100%}
.banner dl.text{position: absolute; top: 40%; left: 0;}
.banner dt{font-size: 4em; font-weight: bold;}
.banner dt strong{display: inline-block;}
.banner dt span{color: #98ca65; display: inline-block;}
.banner dd{padding: 2em 0}
.banner dd h5{font-size: 1.5em; font-weight: normal; color: #ccc}
.banner dd a{display: inline-block; padding: 1em 2em; border-radius: 5px; background: #ffaa00; color: #fff; font-weight: bold;}
.sub_banner ul{height: 345px; display: block;}

.course{position: relative; margin-top: -70px; z-index: 999999}
.course li{ width:33.3333%; height:140px; float:left; overflow:hidden; position: relative;}
.course li dt,.course li dd{ position:absolute; left:0; top:0}
.course li dt img{ max-height:140px}
.course li dd{ left:120px; background:#5fb4e5; height:140px; width:100%;}
.course li a{ color:#fff; font-size:1.15em}
.course li a h5{ font-size:1.25em; font-weight:normal; line-height: 1; font-family:Arial, Helvetica, sans-serif}
.course li a p{font-size: 1.5em; padding-top: .25em; font-weight: bold;}
.course li a dd div{ position:relative; padding:3em 0 0 3em}
.course li dl.b dd{ background:#ffaa00}
.course li dl.c dd{ background:#a0dc62}
.arrow-left{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent; border-right:10px solid #5fb4e5; z-index:1; position:absolute; left:-9px; top:65px;}
.course li dl.b .arrow-left{border-right:10px solid #ffaa00}
.course li dl.c .arrow-left{border-right:10px solid #a0dc62}

div.title{font-size:1em; position:relative; text-align:center; overflow:hidden; clear:both}
div.title dt{ font-size:2.25em;display:block; padding-bottom: .25em}
div.title dt span{ width:36px; height:36px; line-height: 32px; border-radius:50%; background:#98ca65; display:inline-block; vertical-align:middle; text-align: center; margin:0 5px; overflow:hidden}
div.title dt span i{ font-size: .875em; color: #fff}
div.title dd{ font-size:1em; position:relative; display:inline-block;}
div.title dd span{ position:absolute; height:1px; top:-5px; width:600px; border-bottom:solid 1px #ddd; display:block;}
div.title dd span.l{ left:-650px;}
div.title dd span.r{ right:-650px}
div.title2 .b{ background: #fa0}

.start_content{ max-width:1150px; overflow:hidden; margin:0 auto; padding-bottom:1em; text-align:center}
.start_content div.swiper-slide dl{ width:76%; margin:0 auto; box-shadow:4px 4px 3px #ccc; cursor:pointer}
.start_content div.swiper-slide dl img{ max-width:100%}
.start_content div.swiper-slide dd{ height:40px; text-align:center; font-size:1.05em; line-height:40px; background:#fff}
.start_content div.swiper-slide dt{ position:relative;overflow:hidden}
.start_content div.swiper-slide dt div.a{ font-size:.875em; text-align:left; position:absolute; left:0; bottom:0; width:100%; background:url(http://g.wxkj.net/images/mask_white_80.png); display:none}
.start_content div.swiper-slide dt div.a ul{ padding:.5em}

.video{ background:url(../images/bg1.png)  top center fixed; padding:1em 0}
.video_content .l{ width:49%; float:left}
.video_content .r{ width:48%; float:right; color:#222}
.video_content .r dt{ font-size:2.25em; padding-bottom:.7em; font-weight: bold;}
.video_content .r dd{ line-height:2; font-size: 1.25em}
.video_content .r dd p a{ display:inline-block; padding:.3em 1.5em; font-size: .875em; background:#111; color:#fff; margin-top:1.8em}
.video_content .r dd p a:hover{ opacity: .7}
.video_case ul.a strong{ font-size:1.6em; color:#222; padding-left: .5em; border-left: solid 5px #111;}
.video_case_content{ overflow:hidden}
.video_case_content a{width: 25%; padding-top: 2em}
.video_case_content a dl{ width:84%; margin:0 auto}
.video_case_content a dl dt{overflow: hidden;border:solid 5px #fff; background: #fff}
.video_case_content a dl img{ transition: all .5s}
.video_case_content a:hover dl img{transform: scale(1.3,1.3);}
.video_case_content a dd{ height:40px; line-height:40px; overflow:hidden; text-align:center; font-size: 1.25em; font-weight: bold;}
.video_case_content a{ color:#222}
.video_case_content a:hover{ color:#fff}
.video_case_content a:hover img{ box-shadow:0 0 15px #222}
.video .more{text-align:center;}
.video .more a{ width:60px; height:60px; border-radius:50%; background:#fff; color:#111;  display:inline-block; margin:0 auto}
.video .more a span{ line-height:16px; padding-top:15px; display:block}
.video .more a:hover{ box-shadow: 0 0 15px #fff}
.zbgq{text-align: center;}
.zbgq li{width: 24.5%; display: inline-block; vertical-align: top; margin: 0; text-align: left;}
.zbgq li dl{width: 94%; margin: 0 auto 1em auto; border-radius: 3px; border: solid 1px #ddd;}
.zbgq li dl dt,.zbgq li dl dd{padding: .5em}
.zbgq li dl dt{position:relative; overflow: hidden;}
.zbgq li a dl dt img{transition: all .5s}
.zbgq li a:hover dl dt img{transform: scale(1.2,1.2);}
.zbgq li a dl dt i{display: block; color: #fff; position: absolute; font-size: .00025em; width:70px; height: 70px; text-align: center; line-height: 70px; opacity: .5; top: 50%; left: 50%; margin: -35px 0 0 -35px; transition: all .5s}
.zbgq li a:hover dl dt i{font-size: 4.5em; opacity: 1}
.zbgq li dl dd{padding-left: 1em}
.zbgq li h5{font-size: 1.25em; padding: .5em 0}
.zbgq li h6{height: 2px; width: 30px; display: block; background: #666; margin: .5em 0}
.zbgq li div.info{padding: 1em 0 0; color: #888; line-height: 1.8; font-size: .9285em}
.zbgq li div.info p{padding: 0;}
.msgt{background: url(../images/bg2.png) center right fixed; padding: 4em 0;}
.msgt .content{position: relative;}
.msgt li{display: inline-block; vertical-align: top; color: #fff; font-size: 1.5em; font-weight: bold;}
.msgt li i{font-size: 3em; margin-right: .25em}
.msgt li h5{font-size: 1.75em; margin-bottom: .05em}
.msgt li h5 span{display: inline-block;}
.msgt i.big{position: absolute; left: -70px; bottom: -50px; font-size: 10em; color: #fff; opacity: .2}
.msgc .a1{width: 34%; float: left;}
.msgc .a1 .info{background: #f8f8f8}
.stitle dt{display: inline-block; padding: .75em 2em; color: #fff; background: #a0dc62; border-radius: 3px 3px 0 0; font-size: 1.25em; font-weight: bold;}
.stitle2 dt{background: none; color: #a0dc62; padding-left: 0}
.stitle dd{height: 4px; background: #a0dc62; display: block; border-radius: 0 2px 0 0}
.msgc .info dl{padding: .5em 0}
.msgc .info dt{width: 25%; display: inline-block; vertical-align: top; text-align: right;}
.msgc .info dd{width: 66%; display: inline-block; vertical-align: top; margin-left: 2%}
.msgc .info dd input,.msgc .info dd textarea{width: 98%; border:solid 1px #ddd; padding: .55em 0; text-indent: 1em}
.msgc a.submit{display: inline-block; padding: .5em 1em; font-size: 1.1333em; font-weight: bold; color: #fff; background: #a0dc62}
.msgc .a2{width: 27%; float: left; margin-left: 3%}
.msgc .a2 a{margin-top: 1em; display: block;}
.msgc .a3{width: 33%; float: right}
.msgc .a3 div.info p{width: 32%; display: inline-block; vertical-align: top; padding-top: 2em}
.msgc .a3 div.info p img{max-width: 70%}

.index_news{ font-size:.9285em}
.index_news .a{ width:42%; float:left;}
.index_news .a h5{ font-size:1.333em; padding:1em 0 .5em 0}
.index_news .a dt{overflow: hidden;}
.index_news .a dt img{ transition: all .5s}
.index_news .a a:hover dt img{transform: scale(1.2,1.2);}
.index_news .a dd.info{color: #888; padding-top: 1em}
.index_news  a{ color:#222}
.index_news  a:hover h5{ color:#a0dc62}
.index_news .b{ width:53%; float:right; border-left: solid 1px #ddd;}
.index_news .b dt{ width:26%; float:left; position: relative; text-align: right;}
.index_news .b dt p.cil{display: inline-block; padding: 4px; border:solid 3px #888; border-radius: 50%; position: absolute; top: 50%; left: -7px; margin-top: -7px; background: #fff}
.index_news .b a:hover dl{opacity: .8}
.index_news .b a:hover dt p.cil{border-color: #a0dc62}
.index_news .b dt img{max-width: 80%;}
.index_news .b dd{ width:72%; float:right}
.index_news .b .line{ clear:both; height:15px; border-bottom:solid 1px #ccc; margin-bottom:15px}
.index_news .b dd h5{ font-size:1.15em;}
.index_news .b dd div.a{ width:100%}
.index_news .b dd span.time{ display:block; padding:.6em 0; color:#888}
.fshd{overflow: hidden;}
.fshd li{width: 33%; display: inline-block;}
.fshd li dl{width: 92%; margin: 0 auto}
.fshd li dt .info{background: #f5f5f5; border-radius: 5px}
.fshd li dt .info .box{padding: 1.5em;line-height: 1.5; color: #888}
.fshd li dt .info h5{font-size: 1.1333em; margin-bottom: .5em; color: #333}
.fshd li dt .jm{text-align: right;}
.fshd li dt .jm p{background: url(../images/jm.png); width: 38px; height: 28px; display: block; float: right; margin-right: 2em}
.fshd li dd{padding-top: 2em; color: #888; font-size: .875em; line-height: 2}
.fshd li dd h5{font-size: 1.25em; color: #333; font-weight: normal;}
.fshd li dd i{font-size: 6em; line-height: 1; float: left; color: #ddd}
.fshd li:hover dt .info{background: #98ca65; color: #fff}
.fshd li:hover dt .info h5,.fshd li:hover dt .info .box{color: #fff}
.fshd li:hover dt .jm p{background-position: -36px 0}
.index_news .more,.fshd-msg .more{ clear:both; text-align:center; padding:2em 0}
.index_news .more a,.fshd-msg .more a{ padding:.8em 2em; background:#333; display:inline-block; margin:0 auto; color:#fff; font-size:1.05em; border-radius: 3px}
.index_news .more a:hover,.fshd-msg .more a:hover{ opacity: .7}
.fshd-msg .more{font-size: .875em}
.fshd-msg .more a.btn-a{background:#80c26a}
#fshd-form{display: none}
#fshd-form .ts{color: #888; font-size: .875em; background: #f5f5f5; padding: 1em 0; text-align: center; border-radius: 3px; margin: 1em auto}
#fshd-form .ts h5{font-size: 1.75em; color: #444; }
#fshd-form dl.a{width: 49%; float: left;}
#fshd-form dl.b{width: 49%; float:right;}
#fshd-form dl.c{clear: both; padding-top: 1em}
#fshd-form dl dt{padding: .5em 0; font-size: 1.25em; font-weight: bold;}
#fshd-form dl dd{border:solid 1px #ddd; border-radius: 3px; overflow: hidden;}
#fshd-form dl dd input{width: 100%; text-indent: 1em; padding: .75em 0; border:none;}
#fshd-form dl dd textarea{width: 100%; text-indent: 1em; padding: .5em 0; border:none;}
#fshd-form a.btn{display: inline-block;border-radius: 3px; background: #80c26a; color: #fff; font-size: 1.13333em; font-weight: bold;  padding: .5em 1.5em}
#fshd-form a:hover.btn{opacity: .8}
#fshd-form a.btn-b{margin-left: .6em; background: #888}
#itemContainer li{padding-bottom: 2em}
#itemContainer dt{font-size: 1.75em;color: #a0dc62}
#itemContainer dd div.info{color: #999; padding: .5em 0; font-size: 1.25em; font-style: italic; line-height: 1}
#itemContainer dd div.info i{font-size: 2em; display: inline-block; vertical-align: middle;}
#itemContainer dd .auther{color: #999; text-align: right;}
#itemContainer li:hover div.info,#itemContainer li:hover dt,#itemContainer li:hover .auther{color: #a0dc62; font-weight: bold;}
#itemContainer .reply{ background: #f8f8f8; border-radius: 15px; width: 100%; margin:1em auto;}
#itemContainer .reply .box{padding: 1.5em; color: #888; line-height: 1.5}
#itemContainer .reply .box h6{font-size: 1em; color: #555}

.sub_title{text-align: center; margin-bottom: 2em}
.sub_title dt{font-size: 2em; font-weight: bold;}
.sub_title dt h5{height: 4px; width: 40px; display: block; margin: 0 auto; background: #5fb4e5}
.sub_title dd{max-width: 600px;margin: 0 auto; padding-top: .75em; line-height: 1.5; color: #888; font-size: .875em}
.sub_title2{text-align: center;}
.sub_title2 img{display: inline-block; vertical-align:bottom;}
.sub_title2 h5{display: inline-block; vertical-align:bottom; font-size: 2em; font-weight: normal;}
.white *{color: #fff  !important}
.white h5{background: #fff !important;}
.row3{text-align: center;}
.row3 li{display: inline-block; vertical-align: top; width: 32%; margin: 0 auto;}
.row3 li dl{width: 80%; margin: 0 auto}
.row3 li dt img{border-radius: 50%; max-width: 80%}
.row3 li dd h5{padding: 1.25em 0; font-size: 1.25em}
.row3 li dd h6{height: 1px; width: 30px; display: block; margin: 0 auto; background: #888; margin-bottom: 1em}
.row3 li dd .info{text-align: left; line-height: 1.6; color: #666; padding-top: 0.5em}
.sub_line{height: 1px; background: #ddd; display: block; clear: both; margin: 2.5em auto}
.row-square3{text-align: center;}
.row-square3 li{display: inline-block; vertical-align: top; width: 32%; margin: 0 auto;}
.row-square3 li dl{width: 80%; margin: 0 auto; border-radius: 5px; border:solid 1px #ddd; overflow: hidden;}
.row-square3 li dl:hover{box-shadow: 0 0 22px #ddd}
.row-square3 li dd h5{padding: 1.25em 0; font-size: 1.25em}
.row-square3 li dd .info{text-align: left; color: #666; line-height: 1.6; padding: 0 1em 1em 1em}
.row-square3 li dt{position: relative;}
.row-square3 li dt p{width: 55px; height: 55px; background: url(../images/star.png); position: absolute; left: -5px; top: -5px;}
.bg3{background: url(../images/bg3.jpg) top center fixed}
.bg3 .box{text-align: center;}
.bg3 .box li{width: 24%; display: inline-block; vertical-align: top;}
.bg3 .box li:hover{opacity: .8}
.row5{text-align: center;}
.row5 li{display: inline-block; width: 19%; vertical-align: top;}
.row5 li dl{background: #a0dc62; color: #fff; width: 86%; margin: 0 auto; border-radius: 5px}
.row5 li.li1 dl{background:#f4664e }
.row5 li.li2 dl{background:#fcbf08 }
.row5 li.li3 dl{background:#5bb1e2 }
.row5 li.li4 dl{background:#9979ed }
.row5 dt{padding: 1em 0 0}
.row5 dt h5{background: url(../images/title-line.png) center center no-repeat; font-size: 3em; font-weight: normal; font-family: arial}
.row5 li dd{text-align: left;padding: 1.5em; line-height: 1.6; font-size: .9285em}
.kmy .a1{width: 56%; display: inline-block;}
.kmy .a1 h5{font-size: 2.5em}
.kmy .a2{width: 42%; display: inline-block; text-align: right;}
.list11 dt{text-align: center;}
.list11 dt img{border:solid 1px #ddd; padding: 5px; border-radius: 3px; max-width: 90%; margin: 0 auto}
.list11 dl:hover{opacity: .8}
.top_img{overflow: hidden;}
.top_img ul{ height:330px; position:relative}
.top_img dl{ background:#f3f3f3; height:260px; position:absolute; top:45px; left:0; width:100%}
.top_img dl dt{ width:46%;}
.top_img dl dt div{width:80%; margin:0 auto;}
.top_img dl dt ul{ max-height:170px; overflow:hidden}
.top_img dl dt a{ color:#a0dc62; font-weight:bold; margin-top:1em; display:inline-block}
.top_img div.img{position:absolute; right:30px; height:350px; top:-30px; width:50%; min-height:260px; line-height:1; z-index:123;}
.top_img div.img a{ position:relative; display:block;}
.top_img div.img a dl{ position:relative; display:block; height: auto; padding-top: 58%; overflow: hidden;}
.top_img div.img a dl img{position: absolute; top: 0; left: 0; width: 100%}
.top_img div.img a p{ width:88px; height:88px; border-radius:50%; text-align:center; background:#a0dc62; color:#fff; position:absolute; top:63%; margin-top:-44px; left:-44px;}
.top_img div.img a p i{display: block; font-size: 3em; color: #fff; text-align: center; margin-top: 12px; transition: all .5s}
.top_img dl dt a h5{ font-size:1.5em; padding:1em 0 .3em 0; margin:.5em 0; color:#333; text-decoration:none}
.top_img img{ transition: all .5s;}
.top_img:hover img{ transform: scale(1.05,1.05); }
.top_img dl dt a:hover h5{ text-decoration:none; color:#a0dc62}
.top_img div.img img{position: absolute;}
.top_img div.img a:hover p{box-shadow: 0 0 50px #fff}
.top_img div.img a:hover p i{font-size:5em}
.top_img div.img a p span{transition: all .5s; font-size: 1em}
.top_img div.img a:hover p span{display: none; font-size: .0.0001em }
.video-box{ text-align: center; }
.video-box li{width: 32%; display: inline-block; vertical-align: top; padding-bottom: 3em}
.video-box li dl{width: 80%; margin: 0 auto; box-shadow: 10px 10px 1px #e5e5e5; position: relative;}
.video-box li dt{overflow: hidden;}
.video-box li dd{position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em 0; background: #000; color: #fff; z-index: 12; background: url(http://g.wxkj.net/images/mask_black_50.png)}
.video-box li dd a{color: #fff; font-size: 1.25em}
.video-box li dd h6{display: none; padding: .5em 2em; margin: .5em auto auto; background: #a0dc62; transition: all .5s;}
.video-box li:hover dd h6{display: inline-block;}
.video-box  img{transition: all .5s}
.video-box li:hover img{transform: scale(1.2,1.2);}
.video-view .play_video{width: 50%; display: inline-block; vertical-align: top;}
.video-view .play_video h5{font-size: 2em}
.video-view .play_video .tt{padding:1em 0; color: #888; font-size: .875em}
.video-view .play_video .tt p{display: inline-block;}
.video-view .play_box{width: 40%; display: inline-block; vertical-align: top; margin-left: 8%; padding-top: 3em}
.video-view .play_box h5{font-size: 1.5em}
.video-view .play_box .box{max-height: 325px; overflow-y: scroll; margin-top: 15px; padding: 0}
.video-view .play_other{width: 38%; display: inline-block; vertical-align: top; margin-left: 10%; padding-top: 2em}
.video-view .play_other .a{font-size: 1.25em; font-weight: bold;}
.video-view .play_other a{width: 49%; display: inline-block; vertical-align: top;}
.video-view .play_other a dl{width: 90%; line-height: 2.5; text-align: center; font-size: 1.13333em}
.video-view .play_other a img{border: 1px #ddd solid; padding:3px;}
.play_content{padding-top: 2em; border-top: solid 1px #ddd;}
.play_content h5{font-size: 1.5em;}
.play_content p.ts{font-weight: normal; padding: 0; font-style: italic; line-height: 1; font-size: 1.05em; color: #888}
.video-other .a{padding: .5em 0; border-bottom: solid 1px #ddd; font-size: 1.5em}
.video-other .b a{width: 25%; display: inline-block; vertical-align: top; margin-right: -4px}
.video-other .b a dl{width: 90%; text-align: center; line-height: 2.5; font-size: 1.25em;}
.share-tool{float: right;}
.share-tool dt{display:inline-block; vertical-align: middle;}
.share-tool dd{display:inline-block; vertical-align: middle;}
.row4{width: 25%; float: left;}
.row4 dd{border:solid 1px #ddd; width: 96%; border-radius: 2px; box-shadow: 0 0 2px #ddd}
.row4 dd input{width: 100%; border: none; padding: 1em 0; text-indent: 1em}
.row1{clear: both; padding-top: 1em; width: 99%;}
.row1 dd{border:solid 1px #ddd; width: 100%; border-radius: 2px; box-shadow: 0 0 2px #ddd}
.row1 dd textarea{width: 100%; border: none; padding: 1em 0; text-indent: 1em}
.row4 dd.focus,.row1 dd.focus{border-color:#5fb4e5; box-shadow: 0 0 2px #5fb4e5}
.play_content a.submit{display: inline-block; padding: .75em 3em; vertical-align: middle; background: #5fb4e5; font-size: 1.05em; color: #fff; border-radius: 3px; font-weight: bold;}
.list5  div.a{width: 100%; display: inline-block; vertical-align: top;}
.list5  div.a .about{overflow: hidden; background: #eee}
.list5  div.a .about ul{display: none; transition: none}
.list5  div.a .about ul:first-child{display: block;}
.list5  div.a .about ul dl{width: 50%; float: left}
.list5  div.a .about ul dd h5{font-size: 1.5em; font-weight: bold;}
.list5  div.a .about ul dd h6{height: 1px; width: 40px; display: block; background: #999; margin: 1em 0 2em 0}
.list5  div.a .about ul dd{line-height: 2; color: #666; padding: 3em}
.list5  div.a .small{text-align: center;}
.list5  div.a .small li.a{width: 5%; text-align: center; display: inline-block; vertical-align: middle;}
.list5  div.a .small li.b{width: 85%; display: inline-block; vertical-align: middle;}
.list5  div.a .small li.b img{max-width: 100%}
.list5  div.a .small dl{text-align: center; cursor:pointer;}
.list5  div.a .small dl:hover img{opacity: .6;}
.list5  div.a .small dd{padding: 1em 0}
.list5  div.a .small i{font-size: 4em;cursor: pointer;opacity: .6}
.list5  div.a .small i:hover{opacity: 1}
.show5 .a1{width: 62%; display: inline-block; vertical-align: top;}
.show5 .a2{width: 33%; display: inline-block; vertical-align: top; margin-left: 4%}
.sub_menu{text-align: center; padding-bottom: 1em}
.sub_menu dl{display: inline-block; vertical-align: middle; padding: .5em 2.5em; border-radius: 20px; background: #e5e5e5; margin: 0 3px .5em 3px}
#left_current{background: #a0dc62}
#left_current a{color:#fff;display:block}
.row-li4{text-align: center;}
.row-li4 li{width: 24%; display: inline-block; vertical-align: top;}
.row-li4 dl{width: 90%; margin: 0 auto}
.row-li4 dl dt{position: relative; overflow: hidden;}
.row-li4 dl dt img{transition: all .5s}
.row-li4 dl:hover dt img{transform: scale(1.2,1.2); }
.row-li4 dl dt p{display: block; width: 36px; height: 42px; line-height: 42px; text-align: center; background: #a0a0a0; color: #fff; font-size: 1.5em; font-family: arial; position: absolute; left: -12px; bottom: 12px}
.row-li4 dl dd{ font-size: 1.75em ;text-align: left; padding: .5em 0}
.row-li4 dl dd div.border{ position: relative; height: 30px; line-height: 22px; }
.row-li4 dl dd div.border p{height: 1px; background: #ddd; width: 70%; transition: all .5s; position: absolute; top:50%; right: 0 }
.row-li4 dl dd div.border span{width: 10px; height: 10px; border-radius: 50%; background: #ffab00; margin-right: 8px; display: inline-block;}
.row-li4 dl dd div.border span.a2{background: #5fb4e5;}
.row-li4 dl dd div.border span.a3{background: #a0dc62;}
.bg4{background: url(../images/bg4.jpg) center center fixed; padding: 3em 0}
.bg4 .box{background: #fff; width: 86%; margin: 0 auto}
.bg4 .box .a1{width: 33%; vertical-align:top; display: inline-block;}
.bg4 .box .a1 div.info{padding: 2.5em; line-height: 1.5; font-size: .9285em}
.bg4 .box .a1 div.info h5{font-size: 1.5em}
.bg4 .box .a1 div.info .h6{height: 1px; clear: both; display: block; width: 40px; background: #ddd; margin: 1em 0}
.bg4 .box .a2{width: 65%; float: right;vertical-align:top; display: inline-block;}
.list_nav{ border-bottom:solid 1px #ddd; padding:1em 0 0 2em; position:relative; z-index:99999; text-align: center; background: #fff}
.list_nav li{ display:inline-block; padding:1em 2.5em; font-size:1.5em}
.list_nav li.active{ border-bottom:solid 2px #5ab5e6}
.list_nav li.active a{ color:#5ab5e6}
.list_nav li span{height: 53px; background: url(../images/itline.jpg) bottom right no-repeat; padding-right: .75em; padding-bottom: .5em; font-size: 1.5em ;font-family: arial; display: inline-block; vertical-align: bottom;}
.list_nav li a:hover{color: #5ab5e6}
.blue{color: #5ab5e6 !important}
.zbyw1 .a1{width: 36%; display: inline-block; vertical-align:top; text-align: center;}
.zbyw1 .a1 img{max-width: 90%}
.zbyw1 .a2{width: 58%; margin-left: 4%; display: inline-block; vertical-align: top;}
.zbyw1 .a2 h5{font-size:2em; max-width: 400px; line-height: 1.5}
.bg5{background: #f8f8f8; padding: 1em 0}
.bg5 .a1{width: 70%;display: inline-block; vertical-align: middle;}
.bg5 .a1 h5{font-size: 2em; margin-bottom: .5em}
.bg5 .a2{width: 28%; display: inline-block; vertical-align: middle; text-align:center;}
.bg5 .a2 i{font-size: 12em; color: #a0a0a0}
.zbyw2 .block{max-width: 70%; margin: 0 auto}
.zbyw3{background: #f8f8f8; padding: 2em 0; text-align: center;}
.zbyw3 li{width: 24%; display: inline-block; vertical-align: top;}
.zbyw3 li dl{width: 90%;  margin: 0 auto; background: #fff;}
.zbyw3 li dl:hover{background: #ffaa00; color: #fff; box-shadow: 0 0 30px #ccc}
.zbyw3 li dt{font-size: 1.5em}
.zbyw3 li dt p{width: 46px; height: 46px; text-align: center; line-height: 46px; color: #fff; font-family: arial; background: #ffbe3b; margin: 0 auto 1em auto; font-size: 1.5em}
.zbyw3 li dd{padding:1em 2em 2em; font-size: .875em; text-align: left;}
.news18 dl{line-height: 1.6}
.news18 .tag{width: 55px; height: 38px; line-height: 38px;display: inline-block; vertical-align: middle; background: url(../images/faq_ico.png); text-align: center; color: #fff; font-weight: bold; margin-right: .5em; float: left; margin-bottom: 2em}
.news18 dt h5{font-size: 1.25em; display: inline-block; padding-top: .25em}
.news18 dd{clear: both;}
.news18 .tag2{background-position:  0 -38px;}
.video_list a{ width: 24%; display: inline-block; }
.video_list a dl{width: 96%; margin: 0 auto 1em auto}
.video_list a dd{text-align: center; padding: .5em 0; font-size: 1.25em}

.feedback{ padding:2em;}
.feedback_t{ padding:3em 0; border-bottom:solid 1px #ddd}
.feedback_t h2{ text-align:center; font-size:2em; font-weight:normal}
.feedback_t h4{ text-align:center;font-weight:normal}
.feedback dl{ clear:clear; margin-bottom:2em}
.feedback dt,.feedback dd{ float:left; width:33.333%; text-align:center}
.feedback dt{ text-align:right; font-size:1.1333em}
.feedback dt span{ color:#f00; font-weight:bold}
.feedback dd input{ width:88%; margin:0 auto; padding:0 5px; height:34px; line-height:34px; border:solid 1px #999}
.feedback dd p{ text-align:left; color:#888}
.feedback a.submit{ background:#FF6633; padding:.6em 4em; color:#fff; display:inline-block}
.feedback a:hover.submit{ background:#FF4400}
.feedback img{ vertical-align:top}
a.bt_feedback{ height:30px; line-height:30px; width:120px; text-align:center; color:#fff; background:#1d9c50; cursor:pointer; display:inline-block;*display:inline;*zoom:1; margin-left:70px}
.error_feedback{color:#1d9c50; text-indent:40px}
#show_code,#show_code2{ cursor:pointer}
.message_tip{ width:400px; height:200px; position:fixed; left:50%; top:50%; margin-top:-100px; margin-left:-200px; background:#fff; border:solid 1px #ddd; display:none; z-index:9999; line-height:3; font-size:.875em; }
.message_tip ul{ padding:1em; text-align:center;}
.message_tip h4{font-weight:normal}
.message_tip p{ font-size:1em}
.message_tip a{ display:inline-block;*display:inline;*zoom:1; padding:.5em 2em; background:#FF6633; line-height:1; color:#fff; border-radius:2px}
.message_tip a:hover{background:#FF4400}
#post_text{ text-align:left; color:#fa0; padding-left: 5px}
input::placeholder,textarea::placeholder{color: #888}

div.news_l{ width:63%; border-right:solid 1px #ddd;float:left;}
.news_l .l{ width:40%; float:left; color:#555; margin:15px 0 0 0}
.news_l .l h3{ padding:10px 0;color:#222; font-size:1.166em}
.news_l .l dt img{border:solid 1px #ddd; background:#fff; padding:5px}
.news_l .l dt a:hover img{ border:solid 1px #888}
.news_l .r{width:53%; float:right;}
.news_l .r dl{ width:86%; margin:1em 0 1em 0; border-bottom:solid 1px #ddd; padding-bottom:1em}
.news_l .r h3{font-size:1.166em}
.news_l .r span{ color:#999}
.news_l .r dd{ color:#666; padding:3px 0 0 0}
.news_l img,.news_r img{ width:100%}
div.news_r{ width:32%; float:right;position:relative;}

.dqwz{padding: 1em; background: #f8f8f8; position: relative; margin-top: -30px; border-radius: 5px}
.dqwz .a1{font-size: 1.5em;width: 35%; display: inline-block; font-weight: bold; color: #444}
.dqwz .a1 i{font-size: 1.5em; display: inline-block; vertical-align: middle; margin-right: .25em; color: #ffaa00; font-weight: bold;}
.dqwz .a2{width: 63%; display: inline-block; text-align: right; color: #888}
.dqwz .a2 a{color: #888}

.main .r .box{ width:65%; float:left}
.left_other{ width:32%; float:right}
.left_other .a{ border-bottom:solid 1px #ddd; margin-bottom:1em; padding-bottom:1em; font-size:1.1333em; font-weight:bold}
.left_other .b dl{ width:96%; margin:0 auto 2em auto; clear:both}
.left_other .b dd{ padding:.5em 0}
.sub_content{line-height:1.8;}

/*新闻页*/
.sub_newslist dt{width: 30%; display: inline-block; vertical-align: top; overflow: hidden;}
.sub_newslist dt img{transition: all .5s}
.sub_newslist dl:hover img{transform: scale(1.2,1.2);}
.sub_newslist dd{width: 65%; display: inline-block; margin-left: 4%; vertical-align: top;}
.sub_newslist dd h5{font-size: 1.5em; padding: .5em 0; transition: all .5s}
.sub_newslist dl:hover h5{text-indent: 1em}
.sub_newslist dd a.more{display: inline-block; padding: .5em 1.5em; background: #a0dc62; border-radius: 5px; color: #fff}
.sub_newslist dd a:hover.more{opacity: .8}
.sub_newslist dd div.ts{color: #666}
.sub_newslist dd div.ts i{display: inline-block; margin-right: .25em; vertical-align: middle;}
.sub_newslist dd div.info{color: #888; padding: 1em 0}
.news_li{ width:80%; float:left; display:block; background:url(../images/gif-0336.gif) no-repeat 0 10px; padding:0 0 0 18px;}
.news_time{ float:right; color:#ccc; font-size:12px}
.news_img{ text-align:center}
.sub_newslist li div{color:#666; clear:both}
.clas{ height:40px; line-height:40px;color:#fff; text-indent:2em; margin-top:-40px;background:url(http://g.wxkj.net/images/mask_black_70.png); display:block; z-index:1; position:relative; font-size:.875em}
.list_show h3{ font-size:1.3em; text-align:center}


.news_ts{ text-align:center; padding:.5em 0; margin:2em 0; color:#888}
.news_view h3{ text-align:center; font-size:1.6em; font-weight:normal;}
.page_news{ padding:1em 0; line-height:2; border-top:solid 1px #ddd; margin:2em 0}
.news_tool a{ width:100px; height:30px; line-height:30px; border:solid 1px #ddd; background:#fff; display:block; text-align:center; float:left; margin:1em 1em 0 0; font-family:0.875em}

.news_list dl{ clear:both; margin-bottom:2em; padding:1em 0}
.news_list dl dt{ width:10%; float:left; height:100px; overflow:hidden; background:#f6f6f6; text-align:center; line-height:1.3; font-family:novecento; font-weight:bold}
.news_list dl dt strong{ font-size:3.3em;color:#009b4c; margin:.3em 0 0; display:block}
.news_list a dl dd{ width:86%; float:left; padding-left:2%; height:100px; overflow:hidden; font-size:0.875em; line-height:1.5em; color:#888}
.news_list dl h3{ font-size:1.2223em; color:#222}
.news_tt{ color:#999; height:30px; line-height:30px}
.news_list a:hover dl{ background:#f6f6f6}
.btn-box{text-align: center; padding: 1em 0}
.btn-box a{background: #a0dc62; border-radius: 5px; padding: .5em 2em; display: inline-block; color: #fff; font-weight: bold;}
.btn-box a.black{background: #444}
.btn-box a:hover{opacity: .8}


.footer_line{height: 8px; background: url(../images/header.png) top center repeat-y}
.bottom{padding:2em 0;line-height:2em; color:#fff; background: url(../images/footer.jpg) top center fixed; background-size: auto 100%}
.bottom .mtitle dt{font-size: 1.25em; font-weight: bold;}
.bottom .mtitle dd{height: 2px; width: 30px; background: #999; display: block; margin: .5em 0 1em 0}
.bottom .a{ width:30%; float:left;line-height:2.5; font-size:1em}
.bottom .a .ts{color: #ddd; line-height: 1.6; padding: 1em 0; font-size: .875em}
.bottom .a .info{color: #a0dc62;}
.bottom .a i{font-size: 1.25em; margin-right: .5em; display:inline-block; vertical-align: middle;}
.bottom .a .btns{background: #fa0; color: #fff; display: inline-block; padding: .5em 3em; font-weight: bold; border-radius: 5px}
.bottom .a .btns:hover{opacity: .8}
.bottom .b{ width:28%; float:left; margin-left: 15%;}
.bottom .b div.info dt{padding: .5em 0}
.bottom .b a{color: #ddd; font-weight: bold;}
.bottom .b a:hover{color: #a0dc62}
.bottom .b a span{padding: 3px; border-radius: 50%; border:solid 2px #ffaa00; display: inline-block; margin-right: .75em}
.bottom .b a:hover span{background: #a0dc62; border-color: #a0dc62}
.bottom .c{width: 25%; float: right;}
.bottom .c .w img{border: solid 5px #fff; margin-top: 1em}
.copyright{ font-size:0.9285em; color: #ddd; padding:2em 0; line-height:1.6; text-align:left; border-top:solid 1px #999}
.copyright a{color: #ddd}
.copyright a:hover{color: #fff}
.gotop_box{ position:fixed; right:10px; bottom:10px; background:url(http://g.wxkj.net/images/mask_black_70.png); height:40px; width:40px; line-height:50px; text-align:center; overflow:hidden; border-radius:3px; color:#fff; z-index:999999; cursor:pointer; font-family:"novecento"; font-size:2em; display:none}
a:hover.gotop_box{background:url(http://g.wxkj.net/images/mask_black_50.png); color:#fff}
.footer{height:50px;background:url(http://g.wxkj.net/images/mask_white_90.png);position:fixed;width:100%; z-index:123456; left:0; bottom:0 }
.footer a{ width:33.3333%; float:left; text-align:center; color:#a0dc62}
.footer a dt span{ width:18px; height:18px; margin:8px auto 2px auto; display:block; background:url(../images/toolbar.png) top center no-repeat; background-size:100% auto}
.footer a dt span.tel{ background-position:0 -72px}
.footer a dt span.home{ background-position:0 -18px}
.footer a dt span.qq{ background-position:0 -36px}
.footer_tool{display: none; position: fixed; width: 100%; left: 0; bottom: 0; background: #f2f2f2; box-shadow: 0 0 2px rgba(0,0,0,0.2); z-index: 999999}
.footer_tool a{width: 25%; float: left; text-align: center; padding: .5em 0; font-size: .875em}
.footer_tool a:hover{background: #a0dc62; color: #fff}
.footer_tool a i{font-size: 1.75em;}
/*工具栏*/
.wx_tool{ position:fixed; right:5px; bottom:60px; width:60px; z-index:99999}
.wx_tool ul li{ padding-bottom:5px; position:relative}
.wx_tool ul li a dl{ width:58px; height:58px; border:solid 1px #888; background:#888; border-radius:4px; text-align:center; color:#fff}
.wx_tool ul li a dl:hover{ background:#fff;color:#666}
.wx_tool ul li dt{ padding-top:8px}
.wx_tool ul li dd{ font-size:12px;}
.wx_tool .iconfont{ font-size:24px}
.wx_tool ul li .code{ display:none; position:absolute; width:120px; height:120px; left:-124px; top:50%; margin-top:-60px}
.wx_tool ul li .code img{ max-width:120px}
.wx_tool ul li:hover .code{ display:block}
.wx_tool ul li:last-first{ display:none}
.wx_tool ul li:first-child dl{ background: #80c26a; border-color: #80c26a}
.wx_tool .qq_tool{position: relative;}
.wx_tool .qq_tool div{position: absolute;bottom: 0; right: 60px; background: #fff; padding: 15px; text-align: center; display: none}
.wx_tool .qq_tool div p{padding-top: .5em}
.wx_tool .qq_tool:hover div{display: block;}

input,textarea{ font-size:1em;font-family:"微软雅黑";}
input.met{ width:100%; padding:0 10px; height:27px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0; color:#999;}
textarea.mes{ width:100%; padding:5px 10px;height:52px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0;color:#999;}
input.m_in,textarea.m_in{ color:#222; width:100%}
.m_submit{ width:60px; text-align:center;color:#fff; height:26px; line-height:26px;border-radius:3px; background:#b31a1d; cursor:pointer; float:right}
.bottom_b dd span{ float:right; height:26px; line-height:26px; padding:0 10px 0 0; color:#d10;}
.bottom_js{display:none}
#bottom_nav,#bottom_nav a:link,#bottom_nav a:visited{ color:#222;padding:0 0 8px 0; font-weight:bold}
#bottom_nav a:hover{ color:#b31a1d}
.links{ clear:both;width:100%; padding:.8em 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc}
.links a:link,.links a:visited{margin:0 5px; font-size:0.875em; color:#666}
.links a:hover{ color:#a0dc62}

/*分页样式*/
.fy{padding:3em 0; clear:both; text-align:center}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#ff7d01; background:#888; margin:0 1px;border:solid 1px #ccc}
.fy2{color:#fff;}
.fy3,.fy4{color:#888; background:#fff}
.fy4{ padding:3px 7px}
a:link .fy4,a:visited .fy4{ background:#888; color:#fff}
a:link .fy1,a:visited .fy1{ color:#fff}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#ff7d01;}
.page_jum{ margin:0 0 0 3px}
#jumpMenu{height:19px; margin:0 2px}
.contact_img{ float: left; margin:0 20px 20px 0}
.mask_box{ width:100%; height:100%; background:none; position:fixed; _position:absolute;left:0; top:0; z-index:1; display:none}
.form_box,.form_box2{ width:100%; height:100%; background:url(http://g.wxkj.net/images/mask_black_80.png); position:fixed; _position:absolute;left:0; top:0; z-index:999999999; display: none}
.form_box form,.form_box2 form{ width: 600px; height: 400px; background: #ffaa00; position: absolute; top: 50%; left: 50%; margin: -200px auto  auto -300px; border-radius: 3px}
.form_box form .box,.form_box2 form .box{ position: relative; width: 100%; height: 100%; display: block; }
.form_box form .img1,.form_box2 form .img1{position: absolute; right: -75px; top: 0; z-index: 2}
.form_box form .img2,.form_box2 form .img2{position: absolute; right: -110px; top: -80px; z-index: 0}
.form_box form .box .form_content,.form_box2 form .box .form_content{background: #fff; position: absolute; right: 0; width: 94%; height: 100%; border-radius: 0 3px 3px 0}
.form_box form .box .form_content ul,.form_box2 form .box .form_content ul{width: 90%; margin: 0 auto;}
.form_box form .box .form_content h5,.form_box2 form .box .form_content h5{font-size: 1.75em; padding: 1.5em 0 0 0}
.form_box form .box .form_content h6,.form_box2 form .box .form_content h6{font-size: .875em;  padding: .5em 0; font-weight: normal; font-style: italic; color: #888}
.form_box form .box .form_content li,.form_box2 form .box .form_content li{padding: .5em 0}
.form_box form .box .form_content dl,.form_box2 form .box .form_content dl{ width: 49%; display: inline-block; vertical-align: top; }
.form_box form .box .form_content dd,.form_box2 form .box .form_content dd{border:solid 1px #ddd; width: 90%;border-radius: 3px; overflow: hidden;}
.form_box form .box .form_content input,.form_box2 form .box .form_content input{border:none; width: 100%; padding: .75em 0; text-indent: 1em; font-size: .9285em}
.form_box form .box .form_content textarea,.form_box2 form .box .form_content textarea{width: 94%; padding: .75em 0; text-indent: 1em; font-size: .9285em; border-radius: 3px; border:solid 1px #ddd;}
.form_box form .box .form_content a.btn,.form_box2 form .box .form_content a.btn{display: inline-block; padding: .65em 1.5em; background: #a0dc62; color: #fff; font-weight: bold; border-radius: 3px}
.form_box form .box .form_content a:hover.btn,.form_box2 form .box .form_content a:hover.btn{opacity: .7}
.form_box form .box .form_content a.btn-b,.form_box2 form .box .form_content a.btn-b{background: #888; margin-left: .5em}
.form_box form .box .form_content .post_msg,.form_box2 form .box .form_content .post_msg{color: #ffaa00; font-weight: bold; font-size: .9285em}
.search_form{text-align: center; width: 90%; margin: auto auto 2em auto; max-width: 400px; border: solid 1px #eee; border-radius: 3px; overflow: hidden;}
.search_form form{position: relative;}
.search_form input{vertical-align: middle; text-indent: 1em; border: none; outline: none; width: 100%; height: 32px; line-height: 32px}
.search_form span{display: inline-block; height: 36px; line-height: 36px; width: 80px; position: absolute; right: 0; top: 0; background: #a0dc62; color: #fff;cursor: pointer;}

.swiper-container-event{ position:relative; padding:2em 0}
.swiper-container-event .swiper-pagination,.swiper-container-other .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet,.swiper-container-other .swiper-pagination-bullet{ border:solid 1px #ddd; background:#fff;opacity:1}
.swiper-container-event .swiper-pagination-bullet-active,.swiper-container-other .swiper-pagination-bullet-active{ background:#444; border-color:#444}
.swiper-container-banner .swiper-pagination-banner{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10; text-align: center;}
.swiper-container-banner .swiper-pagination-bullets{ position: absolute; bottom:100px}
.swiper-container-banner .swiper-pagination-bullet{ border:solid 2px #fff; background:#fff;opacity:1;}
.swiper-container-banner .swiper-pagination-bullet:hover{border-color:#a0dc62; background: none }
.swiper-container-banner .swiper-pagination-bullet-active{ background:#a0dc62; border-color:#a0dc62}
.swiper-button-prev,.swiper-button-next{ opacity:.3;}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-container-other{ position:relative; overflow:hidden; padding-bottom: 40px}
.btn-hidden{ display:none}
img.swiper-next,img.swiper-prev{ opacity:.5; cursor:pointer}
img.swiper-next:hover,img.swiper-prev:hover{ opacity:1}
.swiper-btn-box-black{ text-align:center; padding-top:2em}
.swiper-next-black,.swiper-prev-black{ opacity:.8; cursor:pointer;display:inline-block; text-align:center; color:#fff; background:#222;  font-size:1.5em; margin:0 2px; padding: .5em; line-height: 1}
.swiper-next-black i,.swiper-prev-black i{font-size: 1em}
.swiper-next-black:hover,.swiper-prev-black:hover{ opacity:1}

@media screen and (max-width:1200px) and (min-width:1024px){
	.f_left{ width:40%;}
	.f_right{ width:55%;}
}
@media screen and (max-width:1024px){
	.left_nav dd div{ width:16.5%}
	.banner .swiper-slide,.banner{height: 500px}
	.swiper-container-banner .swiper-pagination-bullets{bottom: 20px}
	.course{margin-top: 2em}
	.menu ul li{padding: 1em}
}
@media screen and (max-width:1023px){
	.top_ul1,.header{ display:none}
	.menu_power{text-align:left; display:block;}
    .power{display:block;}
	.banner{ padding-top:60px}
    .banner .swiper-slide,.banner{ clear:both; height:320px;}
	.nav{position:fixed;right:0px; top:60px; width:100%; background:#f8f8f8; opacity: .95; z-index:9999999; display: none}
	.menu{ margin-top: 0; font-size: 1.25em}
	.menu ul li{margin:0 auto; padding: .6em 0; text-indent:0;width:100%; float:none; height:auto; line-height:auto}
	.menu ul li a{background:none;text-align:left;color:#333; width:100%; margin:0 auto;border-bottom:solid 1px #eee; display:block; font-size: 1.25em}
	.nav li a:link,.nav li a:visited{ display:block; padding:0 0 0 20px;font-size:1em}
	.menu ul li a:hover,.menu ul li.menu_current a:link,.menu ul li.menu_current a:visited{color:#333; background:none}
	.menu ul li a strong,.menu ul li a p{ display:inline-block; width:auto; position:relative; height:36px; line-height:36px; background:none}
	.menu ul li.menu_current a{ background:#f3f3f3}
	.menu ul li.menu_current a strong,.menu ul li.menu_current a p{display:inline-block; background:none; color:#a0dc62;}
	.menu ul li a p,.menu ul li.menu_current p{ font-size:.75em; font-family:Arial, Helvetica, sans-serif; color:#888; padding-left:5px}
	.menu ul li.menu_current{ background:none}
	.menu ul li dl{ position:absolute; left:-999999px}
	div.news_l,div.news_r{ width:100%; float:none}
	div.news_r{ padding:40px 0 0; clear:both}
	.news_l .r dl{ width:98%}
	.sub_banner ul{height: 280}
	.f_left{ width:35%;}
	.f_right{ width:62%;font-size:0.875em}
	.f_right .a{ padding:10px}
	.video_content .r dd{ line-height:1.5; font-size:.875em}
	.sub_musiclist dl{ width:33.333%}
	.sub_score dl{ width:50%;}
}
@media screen and (max-width:1024px) and (min-width:768px){
}
@media screen and (min-width:769px){
    .bottom_tool{ display:none}
}
@media(max-width:768px){
	.banner .content .img{max-height: 90%}
	.banner .content{width: 80%}
    .banner .swiper-slide,.banner{ clear:both; height:280px;}
	.banner dt{font-size: 2em}
	.banner dd h5{font-size: 1em}
	.swiper-button-prev,.swiper-button-next{ opacity:.3; top: 70%; transform: scale(0.7,0.7);}
	.sub_banner ul{height: 200px}
	.course li a{font-size: .875em}
	div.title dt{ font-size:1.5em}
	.zbgq li{width: 32%}
	.video_content .r dt{ font-size:1.5em; padding:.8em 0}
    .index_news .a,.index_news .b{ width:100%; float:none;}
	.index_news .b{ padding-top:3em}
	.index_news .b dd div.a{ display:none}
	.msgt li{font-size: 1em}
	.msgc .a1,.msgc .a2,.msgc .a3{width: 100%; float: none; margin: 0 0 1em 0}
	.msgc .a1{margin-bottom: 0}
	.msgc .a2{text-align: center;}
	.msgc .a2 a{width: 49%; display: inline-block}
	.margin_50{ height:25px}
	.fy2,.fy4,.fy_total,.page_jum{ display:none}
    .case_list a{width:50%;}
	.f_left{ display:none}
	.f_right .a{ background:none; padding:0}
	.f_right{ width:100%;float:none;font-size:1em}
	.news_content dt{width:22%}
    .news_content dd{width:74%;}
	.feedback dl{ width:80%; margin:0 auto 2em auto}
    .feedback dt,.feedback dd{ float:none; width:100%; text-align:left}
	.sub_video a{ width:50%}
	.main .r .box,.left_other{ width:100%; float:left}
    .sub_newslist dl dt{ text-align:center}
	.left_other .b dt{ width:20%;}
	.left_other .b dd{ width:76%;}
	.top_img{margin-top: 2em}
    .top_img dl dt div{width:100%;}
	.top_img ul{ height:auto;background:#f3f3f3;}
	.top_img dl{height:auto; position:relative; left:0; top:0; text-align:center;}
	.top_img dl dt{ width:100%;}
	.top_img dl dt a{ margin:.8em 0;}
	.top_img dl dt div{width:100%;}
	.top_img dl dt ul{ height:auto; padding:2em 0;}
	.top_img dl dt ul p{ width:90%; margin:0 auto}
	.top_img dl dt h5{ font-size:1.5em; padding:.3em 0; margin:.5em 0}
	.top_img dl dt a{ margin-top:1em;}
	.top_img div.img{position:relative;height:auto; top: 20px; left:0; width:90%; margin:0 auto; min-height:auto;clear:both; text-align:center}
	.top_img div.img a{ position:relative; width:100%; text-align:center;}
	.top_img div.img a p{top:50%; margin-top:-39px; left:50%; margin-left:-39px}
	.video-box li{width: 48%}
}
@media(max-width:767px){
	body{ font-size:.875em}
	.swiper-container-other{padding-bottom: 0}
    .banner .swiper-slide,.banner{height:220px;}
	.banner .content .img{max-height: 80%}
	.banner dt{font-size: 1.25em}
	.banner dd h5{font-size: .875em}
	.banner dl.text{top: 15%; width: 70%; left: 3%}
	.banner dd a{padding: .5em 1em; font-size: .875em}
	.zbgq li{width: 49%; font-size: .875em}
	.zbgq li h5{height: 26px; line-height: 26px; padding: 0; overflow: hidden;}
	.zbgq li div.info{height: 80px;overflow: hidden; padding-bottom: 0; line-height: 1.4; display: none}
	.msgt{padding: 2em 0}
	.index_news .a{padding-bottom: 2em}
	.bottom{padding-bottom: 5em}
	.bottom .a{width: 60%; display: inline-block; float: none; margin: 0; vertical-align: top;}
	.bottom .b{width: 30%; margin-left: 8%; display: inline-block; float: none;vertical-align: top;}
	.bottom .c{display: none}
	.video_content .r,.video_content .l{ float:none; width:100%}
	.links{ display:none}
    .sub_main .l{ width:100%; float:none; padding-bottom:0}
    .sub_main .r{ float:none; width:100%; padding-top:0}
    .sub_main .l .left{ width:100%}
	.left_nav dd{ padding:0; font-size:.875em}
    .sub_main .small .box{ width:100%}
	.left_nav dd div{ width:33.333%; height:30px; line-height:30px; display:block; margin:3px 0; float:left; border:none}
	.left_nav dd div a{ width:96%; text-align:center; background:#eee; display:block;}
	.left_nav dd{background:none}
	.left_nav dd.nav_3 div{ width:20%; text-align:center}
	.left_nav dd.nav_3 div a{ padding:0; margin:0;}
    .left_nav dd.b{ display:none}
	.clas{ text-indent:.5em; font-size:0.875em}
	.news_list dl dt{ width:30%;}
	.news_list a dl dd{ width:65%;}
	.fy{ font-size:0.875em}
	.error_feedback{ display:block; padding:1em 2em}
	.sub_musiclist dl{ width:50%; padding-bottom:1em}
	.footer_tool{display: block;}
	.dqwz .a1,.dqwz .a2{width: 100%; text-align: left;}
	.dqwz .a1{font-size: 1.25em}
	.sub_title dt{font-size: 1.5em; width: 90%; margin: 0 auto}
	.sub_title dd{width: 90%; margin: 0 auto}
	.row3 li{width: 100%; margin-bottom: 2em}
	.row3 li dt img{max-width: 70%}
	.row3 li dd div.info{text-align: center;}
	.row-square3 li{width: 100%; margin-bottom: 2em}
	.bg3 .box li{width: 49%}
	.kmy .a1{width: 66%; display: inline-block;}
	.kmy .a1 h5{font-size: 1.5em}
	.kmy .a2{width: 32%; display: inline-block; text-align: right;}
	.video-view .play_video,.video-view .play_box,.video-view .play_other{width: 100%; margin-left: 0}
	.video-view .play_video h5{font-size: 1.5em}
	.row4{width: 50%; padding-top: 1em}
	.show5 .a1,.show5 .a2{width: 100%; margin:0 0 2em 0}
	.list5  div.a .about ul dl{width: 100%;}
	.list5  div.a .small i{font-size: 1.5em}
	.sub_menu{text-align: center;}
	.sub_menu dl{padding: .5em 1em; margin:0 0 5px 0; font-size: .875em}
	.sub_newslist dt{width: 35%}
	.sub_newslist dd{padding-top: 0; width: 60%; margin-left: 2.5%}
	.sub_newslist dd h5{font-size: 1em; font-weight: bold; margin-top: 0; line-height: 1.1; margin-bottom: .5em}
	.sub_newslist dd div.info{height:auto; line-height: 1.5; overflow: hidden; font-size: .875em; padding-top: 0}
	.row-li4 li{width: 49%}
	.bg4 .box{width: 100%}
	.bg4 .box .a1,.bg4 .box .a2{width: 100%; margin: 0 0 1em 0}
	.zbyw1 .a1,.zbyw1 .a2{width: 100%; margin: 0 0 1em 0}
	.zbyw1 .a2 h5{font-size: 1.25em}
	.bg5{padding: 4em 0}
	.bg5 .a1 h5{font-size: 1.5em; line-height: 1.5}
	.bg5 .a2 i{font-size: 6em}
	.btn-box a{margin: 0 auto 1em auto; width: 90%; padding: 1em 0}
	.zbyw3 li{width: 49%; margin-bottom: 1em}
	.zbyw3 li dd{padding: 1.5em}
	.fix-top,.wx_tool{ display:none}
	.form_box form{ width: 300px; height: 430px; margin: -215px auto  auto -150px;}
	.form_box form .img1{transform: scale(0.5,0.5);}
	.form_box form .img2{transform: scale(0.5,0.5);}
	.form_box form{padding-bottom: .5em}
	.form_box form .box .form_content{width: 100%;border-radius: 3px;}
	.form_box form .box .form_content ul{width: 90%; margin: 0 auto;}
	.form_box form .box .form_content h5{font-size: 1.333em; padding: 20px 0 0 0; text-align: center;}
	.form_box form .box .form_content h6{font-size: .875em; text-align: center; padding: 5px 0}
	.form_box form .box .form_content li{padding: 0}
	.form_box form .box .form_content dl{padding: 10px 0 0; width: 94%; margin: 0 auto;display: block;}
	.form_box form .box .form_content dd{width: 100%; padding: 0}
	.form_box form .box .form_content input{padding: 2px 0; height: 30px; line-height: 30px; font-size: 12px}
	.form_box form .box .form_content textarea{margin: 8px auto auto; padding: 10px 0 0; display: block; font-size: 12px}
	.form_box form .box .form_content .btns{text-align: center; padding: 10px 0}
	.form_box form .box .form_content .btn{padding: 10px 6px;}
	.post_msg{display: block; text-align: center; padding: 8px 0}
	#itemContainer dt{font-size: 1.25em; font-weight: bold;}
	#itemContainer dd div.info{line-height: 1.5}
	#itemContainer dd div.info i{font-size: 1em}
	.sub_newslist dd a.more{padding: .25em 1em; border-radius: 3px; font-size: .75em}
	.sub_newslist .margin_20{display: none}
	.sub_title2 img{height: 30px; vertical-align: middle;}
	.sub_title2 h5{font-size: 1.5em; vertical-align: middle;}
}
@media(max-width:640px){
	.content{ width:90%;}	
	.sub_main .content{ width:86%}
	.news_ts{ font-size:0.875em}
	.news_view h3{ line-height:1.2}
	.left_other{ padding-top:2em}
	.left_other .b dl{ padding:1em 0 0}
	.left_other .b dt{ width:30%; float:left}
	.left_other .b dd{ width:66%; float:right}
}
@media(max-width:639px){
	.course li{ width:100%;height:100px; margin-bottom: 1em}
	.course li.b dt img{ max-height:100px;}
	.course li.b dd { height:100px}
	.course li.a dt{ padding:1em 0 0;}
	.course li.b a dd div{ padding:2em}
	.course .arrow-left{ top:40px}
	.score li{ width:100%;}
	div.title{ width:90%; margin: 0 auto}
	div.title dd h5{ font-size:1.5em}
	.sub_main .l,.sub_main .r{ padding:1em 0}
	.news_list dl dt{ width:30%;}
	.news_list dl dd{ width:30%; line-height:1.5em;}
	.news_list dl dd h3{ font-size:1.25em}
    .case_list a{width:100%;}
	.play_head dd{ width:100%; float:none}
    .play_head dt,.play_head dd p.num{ display:none}
	.feedback dl{ width:100%;}
	.sub_video a{ width:50%}
	.sub_score dl{ width:100%; font-size:1.25em}
}
@media(max-width:360px){
	.news_content dt{width:28%}
    .news_content dd{width:68%;}
	.te_list ul{ width:100%;}
}
@media(max-width:320px){
	.content{ width:90%;}
}