@charset "utf-8";
/*HOME*/
.hid { overflow:hidden}
.w-container {width: 1200px; margin:0 auto; position: relative;}

.i-head {position: relative;width: 100%;}
.i-slide {width: 100%;min-width: 1200px;height:900px;}
.i-slide .swiper-slide {width: 100%;height:100%;overflow: hidden;}
.i-slide .swiper-slide .slide-inner {position: absolute; width: 100%;height: 100%;left: 0;top: 0;background-position: center;background-size: cover;}
.i-slide .swiper-slide .slide-inner a {display: block;width: 100%;height: 100%;}
.i-slide .isl-pag {bottom:22px;}
.i-slide .isl-pag .swiper-pagination-bullet {background: #fff;opacity: 1;border-radius:8px;-webkit-border-radius:8px;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;margin: 0 8px;}
.i-slide .isl-pag .swiper-pagination-bullet-active {width: 30px;}

.top-head {position: fixed;top:0;padding: 10px 0 0; left:0;width: 100%;min-width: 1200px; z-index: 999;background: none; -webkit-transition:background ease-out .4s;transition:background ease-out .4s;}
.list-head::after{position: absolute;left: 0;bottom: 0; width: 100%;height: 1px;background-color: #fff;content: "";opacity: 0.2;}
.top-head-cen {width: 1200px;min-width: 1200px;margin: 0 auto;}
.top-head-cen .logo {width: 330px;overflow: hidden;}
.top-head-cen .logo img {width:auto; height:84px;}
.top-head-cen .head-r {width:850px;}
.top-head-cen .head-r .t-nav {margin-top:15px;}
.nav {height:80px;float: right;}
.nav > li { position:relative;float:left;padding-left: 36px;}
.nav > li > a {color:#fff;position: relative;display:inline-block;height:80px; line-height:80px;font-size:20px;text-align: center;-webkit-transition:all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.nav > li .wee {height:4px;width: 100%;background-color: #fff;border-radius:4px;-webkit-border-radius:4px;position: absolute; left: 0;bottom: 0;transition: 0.6s;-webkit-transition: 0.6s;}
.w-tcnav {position: absolute;top:100%;width:120px;height: auto;margin-top: 0;list-style: none;left:50%;margin-left: -42px; z-index: 999;opacity: 0;-webkit-transition: all 0.3s, -webkit-transform 0.3s;-moz-transition: all 0.3s, -moz-transform 0.3s;transition: all 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);visibility: hidden;padding: 0 8px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background:rgba(25,100,206,0.80);}
.nav > li > ul.w-tcnav li { padding:6px 0;border-bottom:1px rgba(255,255,255,0.2) solid;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.nav > li > ul.w-tcnav li a {padding:10px;display: block;color: #fff;font-size: 14px; text-align:center;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.nav > li > ul.w-tcnav li:last-child { border:none;}
.nav > li:hover > ul.w-tcnav {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.nav > li:hover > ul.w-tcnav li a:hover {color: #18e9dd}

.nav > li > ul.w-tcnav.wt-rnav {margin-left: -72px;width:180px;padding: 10px 0 10px 8px;}
.nav > li > ul.w-tcnav.wt-rnav li a {text-align: left;}
.wt-rnav dl{position: absolute;left: 100%;top: 0;width:260px;min-height: 100%;background:rgba(25,100,206,0.80);opacity: 0;visibility: hidden;-webkit-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition:all  0.3s;transition:all  0.3s;padding:20px 20px 10px 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav > li > ul.w-tcnav.wt-rnav dl::after {position: absolute;left: 20px;top: 10%;width: 1px;height: 80%;background:rgba(255,255,255,0.2);content: "";}
.nav > li > ul.w-tcnav.wt-rnav dl a{padding:5px 5px;}
.nav > li:hover > ul.w-tcnav.wt-rnav li:hover dl {opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);visibility: visible;}
.nav > li:hover > ul.w-tcnav.wt-rnav li:hover > a {color: #18e9dd}

.site-main {width: 100%; min-width: 1200px;}
.stit{width: 100%;text-align: center;position: relative;padding-bottom:26px;margin:70px 0;}
.stit h3{font-size: 34px;color: #333333;font-weight: normal;}
.stit p{font-size: 18px;color: #999999;}
.stit::after {content: ""; position: absolute;left: 50%;bottom: 0;width: 60px;height:10px;margin-left: -30px; background: linear-gradient(to right,#97f716,#1bc1f7);background: -webkit-linear-gradient(to right,#97f716,#1bc1f7);border-radius: 10px;-webkit-border-radius:10px;}
.stit2{width: 100%;text-align: center;position: relative;padding-bottom:26px;margin:70px 0;}
.stit2 h3{font-size: 34px;color: #fff;font-weight: normal;}
.stit2 p{font-size: 18px;color: #fff;}
.stit2::after {content: ""; position: absolute;left: 50%;bottom: 0;width: 60px;height:10px;margin-left: -30px;background: #fff; border-radius: 10px;-webkit-border-radius:10px;}

.site2 {width: 100%;padding-bottom: 110px;}
.site2-s {position: relative;overflow: hidden;padding: 0 72px;}
.swiper-site2 {width: 100%;}
.swiper-site2 .swiper-slide {position: relative;}
.swiper-site2 .swiper-slide .fpro {position: absolute;bottom: 0;left: 0;width: 100%;height: 88px; background-color: rgba(0,0,0,0.60);text-align: center;color: #fff;-webkit-transition:all  0.8s;transition:all  0.8s;}
.swiper-site2 .swiper-slide .fpro h3 {font-size: 22px;font-weight: normal;height: 35px;overflow: hidden;padding: 0 5px;margin-top: 12px;}
.swiper-site2 .swiper-slide .fpro p {font-size: 14px;height: 22px;overflow: hidden;padding: 0 5px;margin: 5px 0;-webkit-transition:all ease-out 0.6s .1s;transition:all ease-out 0.6s .1s;}
.swiper-site2 .swiper-slide .fpro a {font-size: 14px;color: #fff;border: 1px #fff solid;padding: 6px 20px;opacity: 0;visibility: hidden;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.swiper-site2 .swiper-slide:hover .fpro{height: 100%;background: url(../images/probg.png) no-repeat center center;}
.swiper-site2 .swiper-slide:hover .fpro h3 {margin-top:120px;height: 70px;padding: 0 50px;}
.swiper-site2 .swiper-slide:hover .fpro p {margin: 20px 0 30px;height:auto;}
.swiper-site2 .swiper-slide:hover .fpro a {opacity: 1;visibility: visible;}
.swiper-site2 .swiper-slide .fpro a:hover {background-color: #fff;color: #1dc2f3;}
.site2-s .site2-prev,.site2-s .site2-next{width:22px;height:40px;background:url(../images/prolr.png) no-repeat;background-size:100%;-webkit-tap-highlight-color: transparent;opacity: 0.8;-webkit-transition:opacity ease-out 0.3s;transition:opacity ease-out 0.3s;display: none;}
.site2-s .site2-prev{left:0;background-position:0 0;}
.site2-s .site2-next{right:0;background-position:0 -40px;}
.site2-s .site2-prev:hover,.site2-s .site2-next:hover {opacity: 1;}
.site2-s .site2-prev.swiper-button-disabled,.site2-s .site2-next.swiper-button-disabled {opacity: 0.3}

.site3 {width: 100%;min-width: 1200px; background: url(../images/site2bg.jpg) no-repeat center center;height: 508px;padding-top: 160px;background-position: center;background-size: cover;overflow: hidden;}
.site3 .fl {width: 635px;}
.site3 .fr {width: 462px;}
.site3 span {color: #333333;font-size: 14px;font-weight: bold;display: block;}
.site3 h3 {color: #333333;font-size:24px;position: relative;padding-bottom: 30px;margin-bottom: 30px;}
.site3 h3::after {content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 1px;background-color: #0394da;}
.site3 p {color: #999;font-size:14px;line-height: 30px;}

.site3-nav {margin-top:40px;}
.site3-nav .site3-li{float: left;text-align: center;margin-right: 50px;}
.site3-nav .site3-li a {display: block;}
.site3-nav .site3-li h4{font-size: 14px;color: #333333;font-weight: normal;margin-top: 5px;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.site3-nav .site3-li h5{font-size: 10px;color: #999999;text-transform: uppercase;font-weight: normal;}
.site3-nav .site3-li a:hover h4 {color: #0394da;}
.site3-r {background-color: #0394da;border-radius: 20px;-webkit-border-radius:20px;overflow: hidden;-webkit-transition:all 0.8s 1s;transition:all 0.8s 1s;}
.site3-r img {opacity: 0;-webkit-transition:all 1s;transition:all 1s;}
.aos-animate .site3-r {-webkit-box-shadow:0 0 32px rgba(3, 148, 218, .57);box-shadow:0 0 32px rgba(3, 148, 218, .57);}
.aos-animate .site3-r img {opacity: 1;}

.site4 {width: 100%;min-width: 1200px;height:824px;background: url(../images/site3bg.jpg) no-repeat center center;background-position: center;background-size: cover;overflow: hidden;}
.swiper-site4{position:relative;margin:0 auto;width:100%;padding-bottom:70px;}
.swiper-site4 .swiper-slide a {display: block;background: #fff;padding: 12px;text-align: center;}
.swiper-site4 .swiper-slide img{display:block;width: 100%;height: auto;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;}
.swiper-site4 .swiper-slide h3 {font-size: 20px;color:#333;font-weight: normal;margin-top: 16px;height: 32px;overflow: hidden;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.swiper-site4 .swiper-slide p {font-size:14px;color:#666;height: 22px;overflow: hidden;margin-bottom: 6px;}
.swiper-site4 .swiper-slide a:hover img {transform:scale(1.02); -webkit-transform:scale(1.02);}
.swiper-site4 .swiper-slide a:hover h3 {color: #0394da;}
.swiper-site4 .pag-site4 {bottom:0;}
.swiper-site4 .pag-site4 span{width: 10px;height: 10px;background: #fff;opacity: 0.6;outline: none;}
.swiper-site4 .pag-site4 span.swiper-pagination-bullet-active{opacity: 1}

.site5 {width: 100%;overflow: hidden;padding-bottom: 110px;}
.site5 .tit{text-align: center;margin: 80px 0 50px;}
.site5 .tit span{font-size: 24px;color: #0394da;text-transform: uppercase;display: block;}
.site5 .tit h3{font-size: 30px;line-height:36px; color: #333;font-weight: normal;}
.site5 .fl {width: 535px;}
.tabs{width:100%;height:38px;overflow:hidden}
.tabs a{text-align:center;font-size: 14px; float:left;width:64px;height:38px;line-height:38px;color:#333;text-decoration:none;padding: 0 20px;position: relative;-webkit-transition:color ease-out 0.2s;transition:color ease-out 0.2s;}
.tabs a::after {content: "";position: absolute;left: 0;top:50%;width:1px;height: 10px;background-color: #d9d9d9;margin-top: -5px;}
.tabs a:first-child {padding-left: 0;}
.tabs a:first-child::after {display: none;}
.tabs a.active{color:#4f85b7;font-weight:bold;}
.tabs a:hover {color:#4f85b7;}
#tabs-container{margin-top: 30px;}
#tabs-container .swiper-slide a.tt {font-size: 18px;color: #333333;line-height: 36px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
#tabs-container .swiper-slide a.mo {margin-top:20px; display: inline-block;font-size: 12px;color: #666;border: 1px #d9d9d9 solid;padding:10px 20px;-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;}
#tabs-container .swiper-slide span {font-size: 12px;color: #999;display: block;margin-top: 10px;}
#tabs-container .swiper-slide p {margin: 30px 0; font-size: 12px;color: #666;display: block;line-height: 24px;height: 72px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
#tabs-container .swiper-slide a.tt:hover {color: #4f85b7;}
#tabs-container .swiper-slide a.mo:hover {color: #fff;background-color: #4f85b7;border-color: #4f85b7;}
#tabs-container .swiper-slide > *:not(:last-child) {opacity: 0;filter:alpha(opacity=0);transform: translateY(25px);-webkit-transform: translateY(25px);transition: all .4s;-webkit-transition: all .4s;}
#tabs-container .swiper-slide.swiper-slide-active > * {opacity: 1;filter:alpha(opacity=100);transform: none;-webkit-transform: none;}
#tabs-container .swiper-slide.swiper-slide-active > *:nth-child(1) {transition-delay: 0.3s;}
#tabs-container .swiper-slide.swiper-slide-active > *:nth-child(2) {transition-delay: 0.4s;}
#tabs-container .swiper-slide.swiper-slide-active > *:nth-child(3) {transition-delay: 0.5s;}

.site5 .fr {width: 600px;} 
.i-new {width: 100%;}
.i-new li{margin-top:8px;}
.i-new li .inew-img {width:160px;float: left;height:120px;overflow: hidden;}
.i-new li .inew-img img{width: 100%;height: auto; -webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.i-new .inewll {width:420px;}
.i-new .inewll h3{margin-bottom: 10px; font-size:18px;color: #333;font-weight: normal; word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}
.i-new .inewll p{color: #666;font-size: 12px; overflow: hidden;line-height: 24px;height:48px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}
.i-new .inewll span {font-size: 12px;color: #999;display: block;margin-top: 10px;}
.i-new li a:hover h3{color: #4f85b7;}
.i-new li a:hover img {transform:scale(1.04); -webkit-transform:scale(1.04);}

.foot-bot {width: 100%;min-width: 1200px;padding: 80px 0 40px; background-color: #142945;border-bottom: 1px #1e324d solid;overflow: hidden;}
.dlog {width: 502px;background: url(../images/mapbg.png) no-repeat 130px 10px;}
.dlog p {color: #6a88af;font-size: 14px;margin: 30px 0 40px;}
.dlog .bsfx a{display: inline-block;margin: 0 4px; width: 45px;height: 45px;line-height: 45px;background-color: #3e5879;text-align: center; border-radius:45px;-webkit-border-radius:45px;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}
.dlog .bsfx a:hover {background-color: #fff;}
.dcont {width: 480px;padding: 0 0 30px 55px; color: #6a88af;font-size: 14px;line-height: 18px;border-left: 1px #1e324d solid;}
.dcont span {vertical-align: middle;}
.dcont img {max-width: 100%;height: auto;}
.dnav li{margin-bottom:15px;}
.dnav a {color: #6a88af;font-size: 14px;padding-left: 26px;background: url(../images/dot1.png) no-repeat left center;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}
.dnav a:hover {color: #fff;text-decoration: underline;}	

.foot {background-color: #142945;min-width: 1200px; width: 100%; padding:26px 0;}
.foot p {color: #6a88af;font-size: 14px;text-align: left;}
.foot a { color: #fff;}
.foot a:hover{ text-decoration: underline;}

/*CENTER*/
.list-ban {width: 100%;min-width: 1200px;overflow: hidden;position: relative;background-position: center;background-size: cover;}
.list-ban img {width: 100%;height: auto;pointer-events: none;}
.banf {position: absolute;width: 1200px;left: 50%;top: 50%; margin:-15px 0 0 -600px;text-align: right;}
.banf span {font-size: 50px;color: #fff;display: block;position: relative;}
.banf span b {position: relative;z-index: 9;letter-spacing:2px;display: block;}
.banf span::after {content: "";position: absolute;right:36px;bottom: 10px;width:195px;height: 23px;background-color: #18e9dd;}
.banf h3 {font-size:26px;color: #fff;font-weight: 600;letter-spacing:1px;margin-top: 10px;}

.list-main {width: 100%;min-width: 1200px;overflow: hidden;}

.lis-tit{width: 100%;min-width: 1200px;text-align: center;position: relative;margin:80px 0 40px;}
.lis-tit h3{font-size:24px;color: #333333;font-weight: normal;position: relative;z-index: 12;}
.lis-tit p{font-size:50px;line-height:6px; color: #f1f1f1;position: relative;background: #fff;}
.lis-tit p::after {content: "";border-top: 1px #f1f1f1 solid;width:100%;position: absolute;left:0;top: 50%;}
.lis-tit p span {position: relative;z-index: 9;background-color: #fff;padding: 0 10px;font-weight: bold;display: inline-block;text-transform: uppercase;}

.lis-nav {width: 100%;text-align: center;margin-bottom:40px;}
.lis-nav a{display: inline-block;border: 1px #1964ce solid;padding: 6px 30px;margin:8px;color: #1964ce;font-size: 16px;-webkit-transition:  all ease-out .3s ;transition:  all ease-out .3s;}
.lis-nav a.act,.lis-nav a:hover {background-color: #1964ce;color: #fff;}

.list-abo {font-size: 16px;color: #666;line-height: 1.8;min-height: 250px;padding: 1rem 2em;margin-bottom:80px;}
.list-abo p{text-indent: 2em;}
.list-abo img {max-width: 100%;height: auto;}

.list-maxpic {width: 100%;overflow: hidden;padding-bottom: 40px;}
.list-maxpic h3{color: #333;font-size: 20px;font-weight: normal;margin-bottom: 30px;}
.list-maxpic ul {margin-left:-31px;margin-bottom:30px;}
.list-maxpic li {float: left;width: 215px;margin-left: 31px;margin-bottom: 20px;line-height: 295px;text-align: center;}
.list-maxpic li img {max-width: 100%;height: auto;max-height:295px; -webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-maxpic li a:hover img {transform:scale(1.04); -webkit-transform:scale(1.04);}

.list-pro {padding: 50px 0;}
.list-pro ul {margin-left: -52px;}
.list-pro li {float: left;width: 574px;height: 304px; margin-left:52px;margin-bottom: 40px;}
.list-pro li a {display: block;position: relative;overflow: hidden;}
.list-pro li a img {max-width: 100%;height: auto;-webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-pro li .plf {position: absolute;left: 0;top: 0;height: 100%;width: 202px;background: rgba(66,135,226,0.91);text-align: center;-webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-pro li .plf h3 {font-size: 22px;color: #fff;font-weight: normal;padding: 0 23px;margin-top:80px;height:70px;overflow: hidden;}
.list-pro li .plf p {font-size: 14px;color: #fff;margin-top: 30px;padding: 0 16px;text-align: left;}
.list-pro li a:hover img {transform:scale(1.04); -webkit-transform:scale(1.04);}
.list-pro li a:hover .plf{background:#1dc6b0;}

.show-pnav {width: 100%;min-width: 1200px;overflow: hidden;background: #c4dbf6;}
.show-pnav ul{width: 1200px;margin: 0 auto;}
.show-pnav li {float: left;width:20%;height: 90px;text-align: center;overflow: hidden;}
.show-pnav li a{color: #333;-webkit-transition:all ease-out 0.4s;transition:all ease-out 0.4s;display:table;overflow:hidden;height: 90px;width: 100%;}
.show-pnav li h3 {font-size: 20px;font-weight:500; overflow: hidden; margin: 0 auto;vertical-align:middle;display:table-cell;}
.show-pnav li a.act,.show-pnav li a:hover {background: #eff5fc;color: #1964ce;}


.spro-nav {width: 100%;margin:30px 0 100px;overflow: hidden;}
.spro-navul {margin-left: -12px;font-size: 0;}
.spro-nav a{display: inline-block;vertical-align: middle; text-align: center; border: 1px #d3d3d3 solid;width: 188px; padding: 6px 0;margin: 6px 0 6px 12px;color: #666;font-size: 16px;-webkit-transition:  all ease-out .3s ;transition:  all ease-out .3s;border-radius: 36px;-webkit-border-radius: 36px;}
.spro-nav a.act,.spro-nav a:hover {background-color: #5a90db;color: #fff;border-color: #5a90db;}

.show-pro {padding-bottom: 60px;}
.show-pro .tit{font-size: 30px;color: #333;text-align: center;}
.show-pro .spro-nr {font-size: 16px;line-height: 30px;color: #333;margin:40px 0;}
.show-pro .spro-nr p{text-indent: 2em;}
.show-pro .spro-nr img {max-width: 100%;height: auto;}
.show-pro .spro-t {position: relative;line-height:58px;}
.show-pro .spro-t span {width:172px;padding-right: 30px;padding-top:4px; height:60px;font-size: 20px;text-align: center; color: #fff; display: inline-block;background: url(../images/prott.jpg) no-repeat left bottom;position: relative;z-index: 9;}
.show-pro .spro-t::after {content: "";position: absolute;left:0;bottom:0; width:100%;height:6px;background-color: #8baddc;}

.list-case ul{margin-left: -41px;}
.list-case li{width: 268px;float: left;margin: 10px 0 10px 42px;}
.list-case li .caseimg {width: 266px;height: 266px;border: 1px #eee solid;overflow: hidden;}
.list-case li .caseimg img {max-width: 100%;height: auto;-webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-case li h3 {margin: 10px auto;text-align: center;font-size: 20px;color: #333;font-weight: normal;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
.list-case li a:hover h3{color: #1964ce;}
.list-case li a:hover img {transform:scale(1.04); -webkit-transform:scale(1.04);}

.pages {width: 100%;margin: 0 auto;text-align: center;padding:60px 0 80px;font-size: 14px;}
.pages a{display: inline-block;color: #333;padding:4px 14px;background-color: #efefef; margin:4px;vertical-align: middle; -webkit-transition:  all ease-out 0.2s;transition:  all ease-out 0.2s;}
.pages span{display: inline-block;color: #fff;padding:4px 14px;background-color: #1964ce; margin:4px;vertical-align: middle;}
.pages a.a1 {padding:4px 20px;overflow: hidden;}
.pages a:hover{background-color: #1964ce;color: #fff;}

.list-news {width: 100%;}
.list-news li{margin-top: 20px;width: 100%;}
.list-news li a{display: block;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}
.list-news li .news-img {width:306px;float: left;height:230px;}
.list-news .news-img img{width: 100%;height: auto; -webkit-transition:  all ease-out 0.5s;transition:  all ease-out 0.5s;}
.list-news .newll {width:894px;}
.list-news .newlb { padding:0 40px 0 50px;margin: 10px 0;height: 210px;}
.list-news .newll h3{font-size:24px;color: #333;padding-top: 15px; font-weight: normal; word-wrap: normal; /* for IE */text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}
.list-news .newll span{font-size: 14px;color: #333;display: block;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;background: url(../images/dot2.png) no-repeat left center;padding-left: 15px;}
.list-news .newll p{font-size: 16px;color: #666;margin:30px 0 35px; overflow: hidden;line-height: 28px;height:56px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:  all ease-out 0.3s;transition:  all ease-out 0.3s;}

.list-news li a:hover{background-color: #eef2f7;}
.list-news li a:hover h3{color: #1964ce;}
.list-news li a:hover img {transform:scale(1.08); -webkit-transform:scale(1.08);}

.show {padding:20px 0;}
.show .show-tit {text-align: center;font-size: 26px;color: #333;}
.show .show-ftit {margin: 10px auto;font-size: 14px;color: #787878;text-align: center;padding-bottom:20px;}
.show-nr {font-size: 16px;color: #666;line-height: 1.8;min-height: 250px;padding: 1rem 0;}
.show-nr p{text-indent: 2em;}
.show-nr img {max-width: 100%;height: auto;}
.show-page {margin: 20px auto 0;border-top: 1px #c9c9c9 solid;}
.show-pm {width: 1200px;margin: 0 auto;text-align: center;}
.show-page .fl {width:599px;border-right: 1px #c9c9c9 solid;}
.show-page .fr {width:600px;}
.show-page a {color: #333;font-size: 14px;display: block;padding:40px 0;}
.show-page a span {display: block;color: #999;padding-bottom:5px;}
.show-page a:hover {color: #1964ce;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}

.list-cont {margin-bottom: 30px;}
.c-tit span{font-size: 21px;color: #333;text-transform: uppercase;display: block;}
.c-tit h3{font-size: 26px;color: #333;}
.mess {width: 512px;}
.mess .mess-m table {border-collapse: separate; border-spacing: 0 20px;}
.mess .mess-m td{color: #333;font-size: 16px;}
.mess .mess-m .lyinpl {width:280px;border:none;background-color: #efefef; font-size: 16px;color: #333;padding:12px 10px;}
.mess .mess-m textarea {width: 100%;display: block;resize:none;border:none;background-color: #efefef;font-size: 16px;color: #333;padding:12px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ctel {width: 460px;}
.ctel .tel-m {line-height: 36px;position: relative;padding-top: 30px;margin-top:50px;}
.ctel .tel-m::after {content: "";position: absolute;top: 0;left: 0;background-color: #999;width: 30px;height: 2px;}
.ctel .tel-m b{color: #333;}

.mess .mess-m .lysub,.mess .mess-m .lyres {text-align: center;border: none;cursor: pointer;padding:5px 35px;background-color: #1964ce; color: #fff;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s; font-size: 14px;}
.mess .mess-m .lyres {background-color: #efefef;color: #666;margin-left: 20px;}
.mess .mess-m .lysub:hover{background-color: #2878e8;}
.mess .mess-m .lyres:hover {background-color: #d2d2d2;}

#map {width:100%;min-width:1200px;font-size:12px}
#map h4 {color: #1964ce;font-size: 16px;}

.top-head.headroom--not-top {background:#0d3d59}
.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
/*
.top-head.headroom--not-top .w-tcnav{background:#0d3d59}
.top-head.headroom--not-top .nav > li > ul.w-tcnav li {border-color: #085079;}
.top-head.headroom--not-top .nav > li > ul.w-tcnav li a {color: #fff;}
.top-head.headroom--not-top .nav > li:hover > ul.w-tcnav li a:hover {background-color:#0ea8e7;}
*/

@media screen and (max-width:1200px){
}