/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@charset "utf-8";
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
html, body{padding: 0; margin: 0; background: #fff; overflow-x:hidden;}
*{margin: 0; padding: 0; font-family: 'Microsoft YaHei', Arial, Helvetica, Verdana; border: 0; outline: medium; text-shadow: none; text-decoration: none;}
body{color: #333; font-size: 14px; line-height: 1.5; position: relative; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); min-width: 1200px; }
input{vertical-align: middle;}
textarea{resize: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 14px;}
hr{border-width: 1px; border-style: inset;}
ul{list-style: none;}
p{margin: 0;}
a, a:link, a:active, a:visited, a:hover{text-decoration: none;}
html{height: 100%;}
html, body{width: 100%; min-height: 100%;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom: 1;}
.inner{ width: 1200px; margin:0 auto; }
.fl{ float: left; }
.fr{ float: right; }
#playercontainer{margin: auto;}
/*input placeholder 样式 */
::-webkit-input-placeholder{color: #999999;}
:-moz-placeholder{color: #999999;}
::-moz-placeholder{color: #999999;}
:-ms-input-placeholder{color: #999999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_rodbkaapu6o.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_rodbkaapu6o.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_rodbkaapu6o.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_rodbkaapu6o.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_rodbkaapu6o.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_rodbkaapu6o.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
/*h_top*/
.h_top{ height: 126px; background: #007fff; position: relative; }
.h_top .logo{ width: 28%; height: 126px; float: left; background: #fff; display: flex; align-items: center; justify-content: center; }
.h_top .logo img{ max-width: 100%; }
.h_top .nav{ height: 100%; display: flex; align-items: center; justify-content: center; width: 46%; float: left; margin-left: 10%; }
.h_top .nav > li{ display: block; width: 12.5%; text-align: center; height: 100%; }
.h_top .nav > li > a{ display: flex; align-items: center; justify-content: center; font-size: 18px; color: #ffffff; height: 100%; position: relative; }
.h_top .nav > li > a::after{ background: #fff; transition: all .6s; content: ""; display: inline-block; width: 0; height: 2px; border:0; position: absolute; left:0; bottom:0; }

.h_top .search{ overflow: hidden; width: 10%; box-sizing: border-box; padding:40px 0 0; }
.h_top .search form{ width: 32px; height: 32px; position: relative; background: none; overflow: hidden; color: rgba(255,255,255,.0); transition: all .6s; }
.h_top .search form input{ height: 100%; border:0; background: none;  color: rgba(255,255,255,.0); transition: all .3s; }
.h_top .search form span{ color: #fff; font-size: 26px; position: absolute; top:0; right: 0; }
.h_top .search form:hover{ width: 100%; transition: all .6s; }
.h_top .search form input:hover{ color: #fff; color: rgba(255,255,255,1); }
.h_top .nav li .sub_nav{ transition: all .6s; width: 100%; z-index: 333; padding:0 0; position: absolute; left:0; top:100%; background: rgba(255,255,255,.9); height: 0; overflow: hidden; }
.h_top .nav > li:hover::after{ transition: all .6s; width: 100%; }
.h_top .nav > li:hover .sub_nav{ transition: all .6s; padding:20px 0; height: auto; }
.h_top .nav > li:hover > a::after{ transition: all .6s; width: 100%; }

.sub_nav .txt{ width: 400px; float: left; text-align: left; }
.sub_nav .txt strong{ display: block; font-size: 30px; color: #161616; font-weight: bold; margin:20px 0; }
.sub_nav .txt p{ font-size: 14px; line-height: 24px; color: #007fff; text-indent: -2em; }
.sub_nav .txt a{ font-size: 18px; color: #161616; display: inline-block; margin:10px 0 0; }
.sub_nav .txt a span{ display: inline-block; position: relative; top:3px; margin-left: 10px; font-size: 26px; color: #161616; }
.sub_nav ul{ float: left; padding:24px 256px 0 94px; width: 65px; height: 400px; }
.sub_nav li{ display: block; line-height: 36px; }
.sub_nav li a{ display: block; color: #161616; font-size: 16px;  }
.sub_nav .tel{ text-align: left; }
.sub_nav .tel strong{ font-size: 30px; color: #161616; font-weight: bold; margin-bottom: 20px; display: block; }
.sub_nav .tel span{ font-size: 20px; color: #007fff; margin-right: 10px; }
.sub_nav .tel small{ font-size: 16px; color: #007fff; line-height: 36px; }






/*banner*/
#banner img{ max-width: 100%; }
#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 50px; height: 48px; background:rgba(44,62,102,.7); text-align: center; line-height: 48px; margin-top: -24px; }
#banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 30px; color: #fff; }
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{ background: rgba(255,159,0,.7); }
.s_banner img{ max-width: 100%; }
/*m_gzdt*/
.m_gzdt{ margin-top: -5px; overflow: hidden; background: url(../images/gzdt_bg.jpg) no-repeat right center; height: 100px; box-sizing: border-box; padding:18px 0; }
.m_gzdt .fl{ width: 1016px; float: left; }
#gzdt{ width: 100%; }
#gzdt a{ display: block; padding:10px 36px; }
#gzdt .swiper-slide + .swiper-slide a{ border-left: 1px solid #999999; }
#gzdt a strong{ line-height: 1; margin-bottom: 12px; display: block; font-family: webfont; font-size: 18px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#gzdt a span{ display: block; line-height: 1; font-size: 12px; color: #000000; }
.m_gzdt .fr{ text-align: left;  }
.m_gzdt .fr a{ font-size: 18px; color: #ffffff; line-height: 62px; }
.m_gzdt .fr a span{ margin-left: 12px; font-size: 26px; color: #fff; position: relative; top:4px; }
/*m_about*/
.m_about{ box-sizing: border-box; padding:95px 0 48px; overflow: hidden; background: url(../images/about_bg.jpg) no-repeat right center; }
.m_about .fl{ width: 866px; float: left; }
.m_about .fl > strong{ font-size: 36px; color: #161616; font-weight: bold; display: inline-block; position: relative; padding-right: 40px; }
.m_about .fl > strong::after{ content: ""; display: inline-block; width: 30px; height: 6px; background: #161616; border:0; position: absolute; right:0; top:50%; margin-top: -3px;  }
.m_about .fl > span{ text-indent: -9999px; display: block; height: 22px; background: url(../images/school_profile.png) no-repeat left center; margin:20px 0 40px; }
.m_about .fl > p{ font-size: 18px; line-height: 36px; color: #999999; }
.m_about .fl > ul{ overflow: hidden; margin-top: 30px; }
.m_about .fl li{ display: inline-block; padding: 20px 68px; text-align: center; }
.m_about .fl li span{ font-size: 56px; color: #000000; line-height: 1; }
.m_about .fl li p{ font-size: 18px; color: #000000; line-height: 1; margin-top: 10px; }
.m_about .fl li:hover{ background: #ff9f00; }
.m_about .fl li:hover span{ color: #ffffff; }
.m_about .fl li:hover p{ color: #ffffff; }
/*m_xxdt*/
.m_xxdt{ overflow: hidden; box-sizing: border-box; padding:72px 0; background: url(../images/xxdt_bg.jpg) no-repeat center; background-size: cover; }
.m_xxdt .hd{ overflow: hidden; margin-bottom: 56px; }
.m_xxdt .hd .fl{ display: inline-block; float: left; width: 230px; }
.m_xxdt .hd .fl > strong{ font-size: 36px; color: #fff; font-weight: bold; display: inline-block; position: relative; padding-right: 40px;  }
.m_xxdt .hd .fl > strong::after{ content: ""; display: inline-block; width: 30px; height: 6px; background: #fff; border:0; position: absolute; right:0; top:50%; margin-top: -3px;  }
.m_xxdt .hd .fl > span{ text-indent: -9999px; display: block; height: 22px; background: url(../images/school_news.png) no-repeat left center; margin:20px 0 0; }
.m_xxdt .hd a{ font-size: 18px; color: #ffffff; padding-top: 38px; float: right; }
.m_xxdt .hd a span{ margin-left: 12px; font-size: 26px; color: #fff; position: relative; top:4px; }
.m_xxdt .bd{ overflow: hidden; }
.m_xxdt .bd .fl{ width: 368px; float: left; }
.m_xxdt .bd .fl a{ display: block; }
.m_xxdt .bd .fl .img{ height: 252px; overflow: hidden; }
.m_xxdt .bd .fl .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.m_xxdt .bd .fl .txt{ overflow: hidden; background: #fff; }
.m_xxdt .bd .fl .txt span{ text-align: center; display: inline-block; float: left; background: #ff9f00; padding:20px 26px; }
.m_xxdt .bd .fl .txt span strong{ display: block; font-weight: normal; font-size: 48px; color: #ffffff; line-height: 1; }
.m_xxdt .bd .fl .txt span small{ display: block; font-size: 18px; color: #fff; line-height: 1; margin-top: 14px; }
.m_xxdt .bd .fl .txt div{ box-sizing: border-box; padding:20px; overflow: hidden; }
.m_xxdt .bd .fl .txt div strong{ font-size: 18px; color: #000000; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_xxdt .bd .fr{ overflow: hidden; width: 810px; }
#xxdt{ width: 100%; overflow: hidden; }
#xxdt a{ display: block; background: #fff; box-sizing: border-box; padding:25px; transition: all .3s; }
#xxdt a span{ display: inline-block; overflow: hidden; margin-bottom: 30px; }
#xxdt a span strong{ display: block; font-weight: normal; font-size: 48px; color: #000000; line-height: 1; }
#xxdt a span small{ font-size: 18px; color: #000000; line-height: 1; margin-top: 14px; }
#xxdt a .txt{ overflow: hidden; }
#xxdt a .txt strong{ font-size: 18px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin:0 0 18px; transition: all .3s; }
#xxdt a .txt p{ font-size: 14px; line-height: 24px; color: #000000; transition: all .3s; min-height: 120px; }
#xxdt a .txt span{ float: right; display: inline-block; margin:15px 0 0; font-size: 26px; color: #000; transition: all .3s; }
#xxdt a:hover{ background: #ff9f00; transition: all .3s; }
#xxdt a:hover small, #xxdt a:hover strong, #xxdt a:hover p, #xxdt a:hover span{ transition: all .3s; color: #fff; }
#xxdt .swiper-slide + .swiper-slide a{ border-left: 1px solid #f1f1f1; }
/*m_zsxx*/
.m_zsxx{ overflow: hidden; box-sizing: border-box; padding:72px 0 0; }
.m_zsxx .hd strong{ font-size: 36px; color: #161616; font-weight: bold; display: inline-block; position: relative; padding-right: 40px; }
.m_zsxx .hd strong::after{ content: ""; display: inline-block; width: 30px; height: 6px; background: #161616; border:0; position: absolute; right:0; top:50%; margin-top: -3px;  }
.m_zsxx .hd span{ text-indent: -9999px; display: block; height: 22px; background: url(../images/zsxx_span.png) no-repeat left center; margin:20px 0 60px; }
.m_zsxx .bd{ overflow: hidden; padding-bottom: 80px; position: relative; }
#zsxx{ overflow: hidden; padding-bottom: 80px; }
#zsxx .swiper-slide{ background: #f6f6f6; }
#zsxx a{ display: block; box-sizing: border-box; padding:40px 60px; }
#zsxx a strong{ font-weight: normal; display: block; font-size: 24px; color: #000000; width: 80%; float: left; }
#zsxx a span{ display: block; height: 36px; float: right; font-size: 16px; color: #5b5b5b; line-height: 36px; }
#zsxx a p{ color: #000000;  font-size: 16px; line-height: 30px; margin:66px 0 30px; clear: both; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#zsxx a small{ float: right; font-size: 36px; color: #434343; line-height: 1; }
#zsxx a:hover strong{ color: #007fff; }
#zsxx a:hover small{ color: #007fff; }
#zsxx .swiper-pagination{ bottom:34px;  }
#zsxx .swiper-pagination-bullet{ opacity: 1; width: 13px; height: 13px; background: #161616; border-radius: 50%; margin:0 8px; }
#zsxx .swiper-pagination-bullet-active{ background: #007fff; }
/*m_jyaz*/
.m_jyaz{ overflow: hidden; box-sizing: border-box; padding:60px 0 0; background:#0983fe; background-size: cover; }
.m_jyaz .hd{ overflow: hidden; margin-bottom: 60px; }
.m_jyaz .hd .fl{ display: inline-block; float: left; width: 460px; }
.m_jyaz .hd .fl > strong{ font-size: 36px; color: #fff; font-weight: bold; display: inline-block; position: relative; padding-right: 40px;  }
.m_jyaz .hd .fl > strong::after{ content: ""; display: inline-block; width: 30px; height: 6px; background: #fff; border:0; position: absolute; right:0; top:50%; margin-top: -3px;  }
.m_jyaz .hd .fl > span{ text-indent: -9999px; display: block; height: 22px; background: url(../images/jyaz_span.png) no-repeat left center; margin:20px 0 0; }
.m_jyaz .hd a{ font-size: 18px; color: #ffffff; padding-top: 38px; float: right; }
.m_jyaz .hd a span{ margin-left: 12px; font-size: 26px; color: #fff; position: relative; top:4px; }
.m_jyaz .bd{ overflow: hidden; }
.m_jyaz .bd a{ display: block; width: 100%; height: 426px; overflow: hidden; position: relative; }
.m_jyaz .bd a .img{ width: 100%; height: 100%; overflow: hidden; }
.m_jyaz .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.m_jyaz .bd a .txt{ transition: all .3s; position: absolute; top:104%; left:4%; width: 92%; height: 92%; background: rgba(255,159,0,.5); }
.m_jyaz .bd a .txt div{ border:1px solid #fff; width: 94%; height: 94%; margin:3%; text-align: center; display: flex; align-items: center; flex-flow: column; justify-content: center; }
.m_jyaz .bd a .txt div strong{ width: 100%; font-size: 24px; color: #ffffff; display: block; text-align: center; font-weight: normal; }
.m_jyaz .bd a .txt div span{ display: block; text-align: center; font-size: 36px; color: #fff; }
.m_jyaz .bd a:hover .txt{ transition: all .3s; top:4%; }
/*footer*/
.footer{ background: #1c1d21; overflow: hidden; clear: both; }
.footer .hd{ padding:50px 0 60px; overflow: hidden; }
.footer .hd .fl{ width: 865px; float: left; }
.footer .f_nav{ overflow: hidden; }
.footer .f_nav li{ width: 110px; float: left; text-align: left; }
.footer .f_nav li strong{ padding-bottom: 18px; display: block; font-size: 18px; color: #ffffff; line-height: 1; position: relative; }
.footer .f_nav li strong a{ color: #fff; }
.footer .f_nav li strong::after{ content: ""; display: inline-block; width: 25px; height: 3px; background: #fff; border:0; position: absolute; left:0; bottom:0; }
.footer .f_nav li > a{ margin-top: 16px; font-size: 14px; color: #ffffff; display: block; }
.footer .fr ul{ overflow: hidden; padding:60px 0 0 36px; }
.footer .fr li{ overflow: hidden;  }
.footer .fr li small{ font-size: 16px; color: #ffffff; line-height: 1; position: relative; top:-5px; }
.footer .fr li span{ font-size: 30px; line-height: 1; color: #fff; margin-right: 20px; }
.footer .fr li + li{ margin-top: 22px; }
.footer .bd{ height: 60px; line-height: 60px; border-top:1px solid #8e8e90; text-align: center; }
.footer .bd p{ font-size: 14px; color: #ffffff; }
.footer .bd p a{ color: #ffffff; }
.footer .bd p a:hover{ color: #007fff; }


/*no-goods*/
.no-goods,.no-network{padding-top:100px; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #007fff; background: #007fff;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*dituContent*/
#dituContent{ width: 100%; height: 570px; margin:20px auto; box-sizing: border-box; border:1px solid #ccc; }

/*loctioan*/
.loctioan{ margin-top: -5px; margin-bottom: 50px; overflow: hidden; height: 95px; background: -webkit-linear-gradient(left, #007fff 50%, #ffffff 50%); background: -o-linear-gradient(right, #007fff 50%, #ffffff 50%); background: -moz-linear-gradient(right, #007fff 50%, #ffffff 50%); background: linear-gradient(to right, #007fff 50%, #ffffff 50%); }
.loctioan .inner{ background: #fff; overflow: hidden; }
.loctioan .tit{ margin-right: 23px; overflow: hidden; width: 215px; background: #007fff; box-sizing: border-box; padding:25px 0; height: 100%; float: left; }
.loctioan .tit > span{ float: left; font-size: 38px; color: #ffffff; line-height: 1; margin-right: 18px; }
.loctioan .tit > b{ display: block; float: left;font-size: 24px; color: #ffffff; font-weight: normal; font-family: webfont; line-height: 1; margin-bottom: 10px; }
.loctioan .tit > small{ float: left; display: block; font-size: 12px; color: #ffffff; text-transform: uppercase; font-family: webfont; line-height: 1; }
.loctioan .fl, .loctioan .fr{ width: 50%; }
.loctioan .fl p, .loctioan .fl p a{ font-size: 14px; color: #3e3e3e; margin:36px 0; }
.loctioan .fl p a:hover{ color: #007fff;  }
.loctioan .fl p span{ position: relative; top:2px; font-size: 20px; color: #0682ff; margin-right: 6px; display: inline-block; line-height: 1; }
.loctioan .l_nav{ text-align: right; }
.loctioan .l_nav a{ display: inline-block; padding:32px 30px; font-size: 18px; color: #282828; transition: all .3s; border-bottom: 2px solid #fff; }
.loctioan .l_nav a:hover{ background: #f7f4f4; border-color: #007fff; }
.article{ overflow: hidden; }
.article p{ font-size: 18px; color: #333; line-height: 44px; }
.intro p{ color: #007fff; }
.intro p img{ max-width: 100%; }

/*news_list*/
.news_list{ overflow: hidden; margin-bottom: 30px; }
.news_list li{ overflow: hidden; position: relative; border-bottom: 1px solid #929292;  }
.news_list li + li{ margin-top: 2px; }
.news_list li::after{ content: ""; display: block; width: 0; height: 100%; transition: all .6s; background: #007fff; position: absolute; left: 0; top:0; z-index: 2; }
.news_list a{ position: relative; z-index: 3; display: block; transition: all .3s; overflow:hidden; margin-bottom: 16px; box-sizing: border-box; padding:20px; position: relative; }
.news_list a .txt{ width: 80%; float: left; }
.news_list a .txt strong{ font-weight: normal; margin-bottom: 12px; font-size: 24px; color: #000000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list a .txt p{ font-size: 16px; color: #000000; line-height: 30px; }
.news_list a .time{ float: right; padding:10px 30px; border-left: 1px solid #929292;  }
.news_list a .time span{ font-weight: normal; font-size: 48px; color: #000000; display: block; }
.news_list a .time small{ font-size: 18px; color: #000000; display: block; }
.news_list li:hover::after{ width: 100%; transition: all .6s; }
.news_list li:hover strong, .news_list li:hover p, .news_list li:hover span, .news_list li:hover small{ color: #fff; }
.news_list li:hover .time{ border-color: #fff; }
.newsPage{ overflow: hidden; margin:20px 0; }
.newsPage .page-a a{ font-size: 14px; color: #333; }

.main p{ font-size: 16px; color: #000000; line-height: 30px; margin-bottom: 8px; }
.news-detail-title{ margin-bottom: 20px; text-align: center; }
.news-detail-title .h3{ font-size: 24px; margin:12px 0; }
.news-detail-title .b{ margin-top: 10px; }

.m_contact{height: 370px;background: url(../images/message_bg.jpg) no-repeat right bottom;background-size: cover; margin-bottom: 20px; }
.m_contact form{ width: 50%; float: left; padding:15px; }
.form-control{ display: block; width: 100%; height: 34px; padding: 0 12px; font-size: 14px;line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.message-form{margin-top: 20px;}
.message-form .form-group{margin-bottom: 10px; overflow: hidden;}
.message-form label{width: 14%;float: left;font-size: 14px;color: #666666;line-height: 34px;font-weight: normal;}
.message-form input,
.message-form textarea{width: 65%;float: left;}
.message-form .btn{margin:0 15px;}
.message-form .btn-primary{background: #021528;color: #fff;}
.btn_group{ width: 100%; text-align: center; }
.btn_group a, .btn_group button{ display: inline-block; padding:5px 20px; border:1px solid #8c8c8c; border-radius: 5px; font-size: 14px; color: #333; }
.btn_group button{padding:8px 20px;}

/*case_list*/
.case_list{ overflow: hidden; }
.case_list li{ width: 390px; float: left; margin-right: 15px; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list a{ overflow: hidden; display: block; margin-bottom: 20px; }
.case_list a .img{ width: 100%; height: 290px; overflow: hidden; position: relative; }
.case_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.case_list a strong{ display: block; background: #e7e7e7; line-height: 60px; text-align: center; box-sizing: border-box; padding:0 15px; font-size: 18px; color: #000000; margin:10px 0 0; font-weight: normal; }
.case_list a:hover strong{ background: #007fff; color: #fff; font-weight: bold; transition: all .3s; }
.case_list a .img svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#shape{stroke-width:6px;fill:transparent;stroke-dasharray:0 400;stroke-dashoffset:-220;transition:1s all ease}
.case_list a:hover #shape{stroke-dasharray:100% 0;stroke-width:3px;stroke-dashoffset:0;stroke:#fff}
.case_list a span{width:100%;display:block;line-height:56px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff url(../images/proline.png) no-repeat 346px center;-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-ms-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;font-size:14px;color:#343434;padding-left:26px;overflow:hidden;white-space:nowrap;margin-top:9px;text-overflow:ellipsis}
.case_list a:hover span{color:#fff;background:#9e8981 url(../images/prolines.png) no-repeat 346px center}
.case_list a p{font-size:14px;color:#fff;text-align:center;background:url(../images/menu.png) no-repeat center top;padding-top:48px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-ms-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;opacity:0}
.case_list a:hover p{opacity:1}
.case_list a:hover img{filter:blur(5px) brightness(.5)}

.type_nav{ overflow: hidden; text-align: left; margin-bottom: 25px; padding:15px 20px; background: #f1f1f1; }
.type_nav strong{ display: inline-block; float: left; font-size: 20px; font-weight: bold; color: #333; }
.type_nav a{ float: left; display: inline-block; padding:0 30px; line-height: 30px; font-size: 18px; color: #282828; transition: all .3s;  }
.type_nav a:hover{ color: #007fff; }

@media screen and (max-width: 1400px){
	.h_top .logo img{ max-width: 86%; }
	.h_top .nav{ margin-left: 4%; width: 58%; }
	.m_about .fl{ width: 40%; }
	.m_about .fl li{ padding:20px; }
}