@charset "utf-8";

.clear{clear: both;}

html, body {

    height: 100%;

}



body{

width: 100%;

margin: 0;

overflow-x: hidden;

font-family:"思源黑体 CN","SR","SM","SL","SB","MS";

}



*{box-sizing:border-box; margin:0px; padding:0px;   

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */}



* {

	margin: 0;

	padding: 0;

	outline: none;

}

html { height: 100%; }

body { min-height: 100% }

body { _height: 100% }

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }

li { list-style-type: none }

h1, h2, h3, h4, h5, h6 {line-height: 1.1;  font-size: 100% ;}



iframe, frame, fieldset, img { border: 0 none }

img { vertical-align: top }

input[type=button], input[type=submit], input[type=reset] { cursor: pointer }

button { cursor: pointer }

input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }

input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }

input[type=checkbox] { -webkit-appearance: checkbox }

input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }

table { border-collapse: collapse; border-spacing: 0 }

caption, th { text-align: left }

th { font-weight: normal }

em, cite, address,i { font-style: normal }

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

body, input, select, button, textarea {}

body { line-height: 1.5;

-webkit-user-select:none; 

    -moz-user-select:none; 

    -ms-user-select:none; 

    user-select:none;}

    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 

a:link,

a:visited,

a:active,

a { text-decoration: none;}

a:hover {}

a,a:hover,a:active,a:visited,a:link,a:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-tap-highlight-color: transparent;

outline:none;

background:auto;

text-decoration: none;

}

a { blr:expression(this.onFocus=this.blur()) }

a * { *cursor: pointer }

:focus { outline: none } 

img{display: block;width: 100%;height: auto;}





.w90{width: 90%;margin: 0 auto;max-width: 1680px;height: auto;}

.td-space{width: 100%;height: auto;padding: 100px 0;}

.t-space{width: 100%;height: auto;padding-top: 100px;}

.d-space{padding-bottom: 100px;}

.margin-t{margin-top: 65px;}





.title{width: 100%;height: auto;}

.title b{font-size: 48px;display: block; color: #000000;}

.title b span{color: #26CAD3;}

.txt-c{width: 100%;height: auto;}

.txt-c p{font-size: 16px;color: #000000;}

.view{color: #FFFFFF; font-size: 18px; background:#26CAD3;text-align: center;display: inline-block;line-height: 45px;padding: 0 35px;border-radius: 45px;}

.view em{display: inline-block;width: 10px;margin-left: 10px;vertical-align: middle; filter: grayscale(200%) brightness(400%);}

.view i{display: inline-block;width: 10px;margin-left: 10px;vertical-align: middle; filter: grayscale(200%) brightness(400%);}



@media only screen and (max-width:1680px) {

	.td-space{padding: 90px 0;}

	.t-space{padding-top: 90px;}

	.d-space{padding-bottom: 90px;}

	.margin-t{margin-top: 55px;}

	.title b{font-size: 45px;}

}

@media only screen and (max-width:1440px) {

	.td-space{padding: 80px 0;}

	.t-space{padding-top:80px;}

	.d-space{padding-bottom: 80px;}

	.margin-t{margin-top: 50px;}

	.title b{font-size: 40px;}

	.txt-c p{font-size: 15px;}

	.view{font-size: 16px;line-height: 40px;}

}

@media only screen and (max-width:1280px) {

	.td-space{padding: 70px 0;}

	.t-space{padding-top:70px;}

	.d-space{padding-bottom:70px;}

	.margin-t{margin-top:45px;}

	.title b{font-size: 35px;}

}

@media only screen and (max-width:1024px) {

	.td-space{padding: 60px 0;}

	.t-space{padding-top:60px;}

	.d-space{padding-bottom: 60px;}

	.margin-t{margin-top: 35px;}

	.title b{font-size: 30px;}

	.txt-c p{font-size: 14px;}

	.view{font-size: 15px;line-height: 36px;}

	.view{padding: 0 30px;}

}

@media only screen and (max-width:720px) {

	.td-space{padding: 55px 0;}

	.t-space{padding-top:55px;}

	.d-space{padding-bottom: 50px;}

	.title b{font-size: 24px;}

	.view{padding: 0 25px;}

}





















.header{transition: all 0.5s ease-in; width: 100%;height: auto;z-index: 999;position: relative;}

.header .page-top{display: block; width: 100%;height: 40px; line-height: 40px; background: #202e40;overflow: hidden;font-size: 16px;}

.header .page-top .hy{width: 35%;float:left;text-align: left;color: #FFFFFF;font-family: "SL";}

.header .page-top .tel{font-family: "MS"; color: #FFFFFF; width:65%;padding-left: 5%;float: right;text-align: right;}

.header .page-top .tel i{width: 22px;height: auto;vertical-align: middle;display: inline-block;margin-right: 10px;}

.header .page-top .tel .num1{display: inline-block; padding-right: 10px;margin-right: 10px;position: relative;}

.header .page-top .tel .num1:before{content: "";position: absolute;right: 0;width: 1px;height: 8px;top: calc(50% - 4px);background: rgba(255,255,255,0.5);}

.header .header-c{width: 100%;height: auto;background: #495771;}

.header .header-c .logo{margin-top: 15px; width: 180px;display: block;float: left;}

.header .header-c  .nav{text-align: right; width:calc(100% - 180px);height: auto;float: right; font-size: 0;padding-left: 5%;}

.header .header-c  .nav li{font-family: "SL";line-height: 90px;  position: relative; display: inline-block;vertical-align: top;margin: 0 2%;font-size: 20px;}

.header .header-c  .nav li>a{color: #FFFFFF;display: block;position: relative;}

.header .header-c  .nav li .downs{line-height: 30px; display: none; position: absolute;width: 120px;text-align: center;left: calc(50% - 60px);}

.header .header-c  .nav li .downs a{font-size: 18px; color: #FFFFFF;background: #495771;  display: block;width: 100%;padding: 10px 0;border-bottom: 1px solid rgba(0,0,0,0.1);}

.header .header-c  .nav li .downs a:hover{background: #26cad3;}

.header .header-c  .nav li:hover .downs{display: block;}

.header .header-c  .nav li:hover>a{color: #26CAD3;font-family: "SB";}

.header .header-c  .nav li:hover>a:before{content: "";position: absolute;left: 0;width: 100%;bottom:22px;height: 5px;background: url(../img/a001.png)center no-repeat;background-size:100% 4px;}

.header .header-c  .nav li.cut>a{color: #26CAD3;font-family: "SB";}

.header .header-c  .nav li.cut>a:before{content: "";position: absolute;left: 1%;width: 100%;bottom:22px;height: 5px;background: url(../img/a001.png)center no-repeat;background-size:98% 4px;}





.header2{position: fixed;top: 0;left: 0;width: 100%;transition: all 0.5s ease-in-out;}

.header2 .page-top{display: none;}



.header .toggle{display: none; z-index: 999; width: 30px;height: 30px;position: fixed;right: 5%;top:10px;}

 .toggle .icon,

 .toggle .icon::before,

 .toggle .icon::after {position: absolute;width: 26px;height:3px;transition-duration: 0.3s;background: #FFFFFF;}

 .toggle .icon {top: 14px;left: 0;}

 .toggle .icon{width: 26px;}

 .toggle .icon::after {width:13px;}



 .toggle .icon::before,

 .toggle .icon::after {left: 0; content: '';background: inherit;}

 .toggle .icon::before {top: -7px;}

 .toggle .icon::after {top: 7px;}



 .toggle:hover .icon{width: 26px;}

 .toggle:hover .icon::after{width: 26px;}

 .toggle.open .icon {width: 0;}

 .toggle.open .icon::before {transform: translateY(7px) rotate(45deg);}

 .toggle.open .icon::after {width: 26px;transform: translateY(-7px) rotate(-45deg);}











@media only screen and (max-width:1680px) {

	.header .header-c  .nav li{font-size: 18px;}

	.header .header-c  .nav li .downs a{font-size: 16px;}



}

@media only screen and (max-width:1440px) {

	.header .page-top{font-size: 15px;}

	.header .header-c  .nav li{font-size: 16px;margin: 0 1.5%;line-height: 85px;}

	.header .header-c .logo{width: 170px;}

	.header .header-c .nav{width: calc(100% - 170px);}

	.header .header-c  .nav li .downs a{font-size: 15px;}

	.header .header-c  .nav li .downs{line-height: 25px;}



}

@media only screen and (max-width:1280px) {

.header .page-top{font-size: 14px;}

.header .header-c  .nav li{font-size: 16px;margin: 0 1.1%;line-height: 80px;}

	.header .header-c .logo{width: 160px;}

	.header .header-c .nav{width: calc(100% - 160px);}

	.header .header-c  .nav li .downs{line-height: 20px;}

}

@media only screen and (max-width:1024px) {

	.header .toggle{display: block;}

	.header .page-top{font-size: 12px;}

	.header .header-c .logo{width: 130px;height: auto;margin-top: 5px;}

	.header .header-c  .nav li{font-size: 15px;}

	.header .header-c  .nav li .downs a{font-size: 14px;}

	.header{position: fixed;top: 0;left: 0;width: 100%;background: #495771; height: 55px;border-bottom: 1px solid rgba(255,255,255,0.1);}

	.header .header-c  .nav{display: none; background: #495771;left: 0;top: 55px; text-align: left; width: 100%;height: auto;padding: 5%;position: fixed;}

.header .header-c  .nav li{position: relative; display: block;margin: 0;padding: 10px 5%;}

.header .header-c  .nav li a{line-height: 20px;}

.header .header-c  .nav li:hover>a:before{display: none;}

.header .header-c  .nav li.cut>a:before{display: none;}

.header .header-c  .nav li .downs{position:relative;width: 100%;text-align: left;left: 0;padding: 20px 0;}

.header .header-c  .nav li .downs a{padding: 5px 5%;line-height: 30px;border-bottom: 1px solid rgba(255,255,255,0.1);}

.header .header-c  .nav li:hover .downs{display: none;}

.header .header-c  .nav li.twosub:after{transition: all 0.5s ease; content: "";position: absolute;right: 5%;top: 20px;border-top: 6px solid #FFFFFF;border-left: 6px solid rgba(0,0,0,0);border-right: 6px solid rgba(0,0,0,0);border-bottom: 6px solid rgba(0,0,0,0);}	

.header .header-c  .nav li.twosub.current .downs{display: block;}

.header .header-c  .nav li.twosub.current.current:after{transform: rotate(-180deg);top:12px;transition: all 0.5s ease;border-top: 6px solid #26CAD3;}

		.header .page-top{display: none;}





}

@media only screen and (max-width:720px) {





}









.banner{width: 100%;height: auto;z-index: 0;position: relative;}

.banner .banner-js .swiper-pagination{text-align: left;width: 90%;left: 5%;bottom: 5%;}

.banner .banner-js .swiper-pagination-bullet {margin: 0 3px;width: 1px;height:8px;display: inline-block;border-radius: 100%; background: #FFFFFF; opacity:1;}

.banner .banner-js .swiper-pagination-bullet-active { opacity: 1; height: 16px; background:#FFFFFF;position:relative;}

.banner .banner-js .pic{width: 100%;height: auto;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}

.banner .banner-js .pic .con{padding: 0 30%  0 6%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); left: 0;width: 100%;}

.banner .banner-js .pic .con strong{margin-bottom: 10px; color: #FFFFFF;font-size: 60px;font-family: "SM";font-weight: normal;}

.banner .banner-js .pic .con p{font-size: 24px;color: #FFFFFF;font-family: "ML";margin-bottom: 35px;}

.banner .banner-js .pic .wz{width: 70%;top: 50%;position: absolute;left: 15%;height: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

.banner .mouse{position: absolute;bottom: 5%;width:30px;height: auto;left: calc(50% - 20px);z-index: 33;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;}



@keyframes rotate{

      0%{transform: translateY(-10px);}

    50%{transform: translateY(10px);}

  100%{transform: translateY(-10px);}

}



@media only screen and (max-width:1680px) {

.banner .banner-js .pic .con strong{font-size: 55px;}

.banner .banner-js .pic .con p{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

.banner .banner-js .pic .con strong{font-size: 50px;}

.banner .banner-js .pic .con p{font-size: 20px;}

}

@media only screen and (max-width:1280px) {

	.banner .banner-js .pic .con p{font-size: 18px;}

.banner .banner-js .pic .con strong{font-size: 45px;}

}

@media only screen and (max-width:1024px) {

	

	.banner{margin-top: 55px;}	

	.banner .banner-js .pic .con p{font-size: 16px;}

.banner .banner-js .pic .con strong{font-size:35px;}

.banner .banner-js .pic>img{display:none}

.banner .banner-js .pic{height: 400px;}

.banner .banner-js .pic .con{padding:0 20% 0 6%}

.banner .banner-js .pic .wz{width: 80%;left: 10%;}

}

@media only screen and (max-width:720px) {

.banner .banner-js .pic .con strong{font-size: 25px;}

.banner .banner-js .pic{height: 350px;}

.banner .banner-js .pic .wz{width:90%;left: 5%;}

.banner .mouse{width: 25px;}

}



















.inbus{width: 100%;height: auto;}

.inbus .inbus-c{width: 100%;height: auto;padding-left: 6%;border-right: 20px solid #26CAD3;}

.inbus .inbus-c ul{width: 100%;font-size: 0;}

.inbus .inbus-c ul li{position: relative; display: inline-block;vertical-align: top;background: #f7f7f7; width: calc(25% - 15px);margin-right: 15px;}

.inbus .inbus-c ul li .con{width: 100%;height: auto;padding:45px 6%;}

.inbus .inbus-c ul li .ico{width: 45px;display: block;height: auto;}

.inbus .inbus-c ul li b{margin-top: 30px; display: block;font-size: 34px;color: #000;}

.inbus .inbus-c ul li .con>p{overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap; font-family: "ML";color: #555;font-size: 16px;text-transform: uppercase;}

.inbus .inbus-c ul li .more{color:  #26CAD3; width:150px;margin-top: 35px; line-height: 40px;border-radius: 40px; font-size: 14px;display: inline-block;}

.inbus .inbus-c ul li .more i{display: inline-block;margin-left: 10px;width: 9px;height: auto;}

.inbus .inbus-c ul li .pic{ width: 100%;height:310px; background-size: cover;background-repeat: no-repeat;}

.inbus .inbus-c ul li .btm{display: none; position: absolute;z-index: 22; width: 100%;height: auto;bottom: 0;left: 0;}

.inbus .inbus-c ul li .txt-cbox{width: 100%;height: 190px;margin-top: 30px;display: none;}

.inbus .inbus-c ul li .txt-c{width: 100%;height:96px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.inbus .inbus-c ul li:hover{background: #495771;}

.inbus .inbus-c ul li:hover .btm{display: block;}

.inbus .inbus-c ul li:hover .pic{display: none;}

.inbus .inbus-c ul li:hover .txt-cbox{display: block;}

.inbus .inbus-c ul li:hover .txt-c p{color: #FFFFFF;}

.inbus .inbus-c ul li:hover b{color:#26CAD3;}

.inbus .inbus-c ul li:hover p{color: rgba(255,255,255,0.5);}

.inbus .inbus-c ul li:hover .more{color: #FFFFFF; background:#26CAD3;text-align: center;}

.inbus .inbus-c ul li:hover .more i{filter: grayscale(200%) brightness(400%);}

.inbus .inbus-c ul li:hover .con{padding: 45px 6% 135px 6%;}





@media only screen and (max-width:1867px) {

.inbus .inbus-c{padding-left: 5%;}



}



@media only screen and (max-width:1680px) {	

	.inbus .inbus-c ul li b{font-size: 32px;}

.inbus .inbus-c ul li .ico{width: 45px;}

.inbus .inbus-c ul li .pic{height: 280px;}

.inbus .inbus-c ul li .txt-cbox{height: 190px;}

.inbus .inbus-c ul li:hover .con{padding: 45px 6% 105px 6%;}

.inbus .inbus-c ul li .more{width: 140px;}





}

@media only screen and (max-width:1440px) {	

	.inbus .inbus-c ul li b{font-size: 30px;}

.inbus .inbus-c ul li .ico{width: 40px;}

.inbus .inbus-c ul li .con>p{font-size: 15px;}

.inbus .inbus-c ul li .pic{height: 260px;}

.inbus .inbus-c ul li .txt-c{height: 90px;}

.inbus .inbus-c ul li .txt-cbox{height: 170px;}

.inbus .inbus-c ul li:hover .con{padding: 45px 6% 105px 6%;}

.inbus .inbus-c ul li .more{width: 130px;font-size: 13px; line-height: 35px;}

}



@media only screen and (max-width:1280px) {

	.inbus .inbus-c ul li b{font-size: 28px;}

.inbus .inbus-c ul li .ico{width: 35px;}

.inbus .inbus-c ul li .con>p{font-size: 14px;}

.inbus .inbus-c ul li .pic{height: 240px;}

.inbus .inbus-c ul li .txt-cbox{height: 150px;}

.inbus .inbus-c ul li:hover .con{padding: 45px 6% 105px 6%;}

.inbus .inbus-c ul li .more{width: 120px;font-size: 12px; line-height: 30px;}

}



@media only screen and (max-width:1024px) {

	.inbus .inbus-c ul li b{font-size: 26px;}

.inbus .inbus-c ul li .ico{width: 30px;}

.inbus .inbus-c ul li .con>p{font-size: 13px;}

.inbus .inbus-c ul li .pic{height: 200px;}



	.inbus .inbus-c ul li .txt-cbox{height: 110px;}

		.inbus .inbus-c ul li .txt-c{height: 84px;}

.inbus .inbus-c ul li:hover .con{padding: 45px 6% 105px 6%;}

.inbus .inbus-c ul li .more{margin-top: 30px;width: 110px;}

.inbus .inbus-c{border-right:15px solid #26CAD3;}

}

@media only screen and (max-width:720px) {

	.inbus .inbus-c ul li .pic{height: 160px;}

		.inbus .inbus-c ul li .txt-cbox{height: 110px;}

.inbus .inbus-c ul li .con{padding: 35px 6%;}

.inbus .inbus-c ul li:hover .con{padding: 35px 6% 55px 6%;}	

	.inbus .inbus-c ul li b{font-size: 22px;}

.inbus .inbus-c ul li .con>p{font-size: 12px;}

.inbus .inbus-c ul li .more{margin-top: 25px;width: 100px;}

	.inbus .inbus-c ul li{width: calc(50% - 10px);margin-right: 10px;margin-bottom: 10px;}

}







.abnews{position: relative;z-index: 0; width: 100%;height: auto;}

.abnews  .abnews-bks{z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 55%;background-size: cover;background-repeat: no-repeat;}

.abnews  .abnews-bks .btm{position: absolute;bottom: 0;left: 0;width: 100%;}

.inab{width: 100%;height: auto;}

.inab .title{width:50%;padding-right: 5%;height:auto;float: left;}

.inab .title b{color: #FFFFFF;}

.inab .inab-cr{width: 50%;float: right;height: auto;}

.inab .txt-c p{color: #FFFFFF;}

.inab .txt-c p strong{font-size: 24px;}

.inab .view{margin-top: 10%;}



@media only screen and (max-width:1680px) {

	.inab .txt-c p strong{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

	.inab .txt-c p strong{font-size: 20px;}

}

@media only screen and (max-width:1280px) {

	.inab .txt-c p strong{font-size: 18px;}

}

@media only screen and (max-width:1024px) {

	.inab .txt-c p strong{font-size: 16px;}

	.inab .title{width: 100%;padding-right: 0;}

	.inab .inab-cr{width: 100%;height:auto;margin-top: 45px;}

	

}

@media only screen and (max-width:720px) {

	

}

























.innews{width: 100%;height: auto;}

.innews .innews-c{width: 100%;height: auto;padding-top: 3%;}

.innews .innews-c .innews-cl{width:50%;height: auto;padding-right:10%;float: left;}



.innews .innews-c .innews-cl  ul li{margin-bottom: 30px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; width: 100%;height: auto;}

.innews .innews-c .innews-cl  ul li .pic{overflow: hidden; width: 100%;height: auto;position: relative;z-index: 0;}

.innews .innews-c .innews-cl  ul li .pic img{transition: all 0.5s ease;}

.innews .innews-c .innews-cl  ul li .pic .line{z-index: 1; width: 100%;position: absolute;bottom: -1px;left: 0;height: auto;}

.innews .innews-c .innews-cl  ul li .pic .line .img2{display: none;}

.innews .innews-c .innews-cl  ul li .con{ width: 100%;height: auto;padding: 2% 5% 5% 5%;background: #FFFFFF;}

.innews .innews-c .innews-cl  ul li .con .time{font-family: "ms";color: #26CAD3;display: block;font-size: 18px;margin-bottom: 20px;}

.innews .innews-c .innews-cl  ul li .con b{margin-bottom: 10px; display: block;width: 100%;color: #000000;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.innews .innews-c .innews-cl  ul li .con .txt-c{width: 100%;height: 48px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.innews .innews-c .innews-cl  ul li:hover .con{background: #495771;}

.innews .innews-c .innews-cl  ul li:hover .pic .line .img2{display: block;}

.innews .innews-c .innews-cl  ul li:hover .pic .line .img1{display: none;}

.innews .innews-c .innews-cl  ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

.innews .innews-c .innews-cl  ul li:hover .con .time{color: #FFFFFF;}

.innews .innews-c .innews-cl  ul li:hover .con b{color: #FFFFFF;}

.innews .innews-c .innews-cl  ul li:hover .txt-c p{color:#FFFFFF}





.innews .innews-c .innews-cr{width:50%;height: auto;float: right;}

.innews .innews-c .innews-cr .title b{color: #FFFFFF;}

.innews .innews-c .innews-cr .view{margin-top: 8%;}

.innews .innews-c .innews-cr  ul{width: 100%;height: auto;}

.innews .innews-c .innews-cr  ul li{background: #F7F7F7;margin-top: 20px;width: 100%;}

.innews .innews-c .innews-cr  ul li a{display: block;padding: 3% 5%;}

.innews .innews-c .innews-cr  ul li a b{font-size: 20px;color: #000000; padding-left: 65px;display: block;position: relative;width: 100%;line-height: 50px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 

.innews .innews-c .innews-cr  ul li a b i{width: 50px;display: block; position: absolute;left: 0;top: 0px;}

.innews .innews-c .innews-cr  ul li a b i .img2{display: none;}

.innews .innews-c .innews-cr  ul li:hover{background: #495771;}

.innews .innews-c .innews-cr  ul li:hover a b{color: #26CAD3;}

.innews .innews-c .innews-cr  ul li:hover a b i .img1{display: none;}

.innews .innews-c .innews-cr  ul li:hover a b i .img2{display: block;}







@media only screen and (max-width:1680px) {

	.innews .innews-c .innews-cl  ul li .con .time{font-size: 16px;}

.innews .innews-c .innews-cl  ul li .con b{font-size: 18px;}

	.innews .innews-c .innews-cr  ul li a b{font-size: 18px;line-height: 45px;}

	.innews .innews-c .innews-cr  ul li a b i{width: 45px;}

}

@media only screen and (max-width:1440px) {

		.innews .innews-c .innews-cl  ul li .con .time{font-size: 15px;}

		.innews .innews-c .innews-cl  ul li .con .txt-c{height: 45px;}

.innews .innews-c .innews-cl  ul li .con b{font-size: 16px;}

	.innews .innews-c .innews-cr  ul li a b{font-size: 16px;line-height: 40px;}

	.innews .innews-c .innews-cr  ul li a b i{width: 40px;}

	.innews .innews-c .innews-cr  ul li{margin-top: 15px;}

	

}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1024px) {

.innews .innews-c .innews-cl  ul li .con .time{font-size: 14px;}

.innews .innews-c .innews-cl  ul li .con .txt-c{height: 42px;}

.innews .innews-c .innews-cl  ul li .con b{font-size: 15px;}

.innews .innews-c .innews-cl  ul li{margin-bottom: 15px;}

.innews .innews-c .innews-cr  ul li a b{font-size: 15px;line-height: 35px;}

.innews .innews-c .innews-cr  ul li a b i{width: 35px;}	

.innews .innews-c .innews-cr  ul li{margin-top: 10px;}

}

@media only screen and (max-width:720px) {

	.innews .innews-c .innews-cl{width: 100%;margin-top: 45px;padding-right: 0;}

	.innews .innews-c .innews-cr{width: 100%;}

	.innews .innews-c .innews-cr  ul{display: none;}

}





.eval{width: 100%;position: relative;z-index: 2; padding-left: 6%;height: auto;}

.eval:before{content: "";position: absolute;bottom: 0; width: 100%;z-index: -1;height: 35%;background: #495771;left: 0;}

.eval-c{width: 100%;height: auto;background:#26CAD3;position: relative;z-index: 3;padding:75px 5%;}

.eval-c .bks{position: absolute;z-index: -1;bottom: 0;width: 65%;left: 5%;}

.eval-c .title{text-align: center;}

.eval-c .title b{color: #FFFFFF;}

.eval-c .cust-js{width:100%;height: auto;padding-top: 55px;}

.eval-c .cust-js .con{position: relative; width: 100%;height: auto;padding: 0 12%;overflow: hidden;}

.eval-c .cust-js .bdfh .img1{width: 60px;position: absolute;left: 3%;top: -5%;}

.eval-c .cust-js .bdfh  .img2{width: 60px;position: absolute;right: 3%;bottom: 0;}

.eval-c .cust-js .con .txt-c{width: 100%;height: auto;text-align: center;}

.eval-c .cust-js .con .txt-c p{color: #FFFFFF;font-family: "SL";}

.eval-c .cust-js .con .logo{width: 220px;height: auto;margin: 0 auto; margin-top: 35px;}



.eval-c .cust-js .swiper-pagination{width: 12px;position: absolute;left: auto; right: 0%;height: 100%;top: 0;}





.eval-c .cust-js .swiper-pagination-bullet {margin: 20px 0;width: 8px;height: 8px;display: block;border-radius: 100%; background: rgba(255,255,255,0.6); opacity:1;}



.eval-c .cust-js .swiper-pagination-bullet-active { opacity: 1;background:#FFFFFF;position:relative;}

.eval-c .cust-js .swiper-pagination-bullet-active:before{content: "";position: absolute;width: 14px;height: 14px;background: none;border: 1px solid #FFFFFF;left: -4px; top: -4px;border-radius: 100%;}







@media only screen and (max-width:1867px) {

	.eval{padding-left: 5%;}

}



@media only screen and (max-width:1680px) {

	.eval-c .cust-js .bdfh .img1{width: 50px;}

	.eval-c .cust-js .bdfh .img2{width: 50px;}

	.eval-c{padding: 70px 5%;}

}

@media only screen and (max-width:1440px) {

	.eval-c .cust-js .bdfh .img1{width: 45px;top: 0;}

	.eval-c .cust-js .bdfh .img2{width: 45px;}

	.eval-c .bks{width: 75%;}

	.eval-c{padding: 65px 5%;}

	.eval-c .cust-js .con .logo{width: 200px;}

}

@media only screen and (max-width:1280px) {

	.eval-c .cust-js .bdfh .img1{width: 40px;}

	.eval-c .cust-js .bdfh .img2{width:40px;}

	.eval-c .bks{width: 80%;}

	.eval-c{padding: 60px 5%;}

	.eval-c .cust-js .con .logo{width: 180px;}

	}

@media only screen and (max-width:1024px) {

	.eval-c .cust-js .bdfh .img1{width: 35px;}

	.eval-c .cust-js .bdfh .img2{width:35px;}

	.eval-c .bks{width: 90%;}

	.eval-c{padding: 55px 5%;}

	.eval-c .cust-js .con .logo{width: 160px;}

}

@media only screen and (max-width:720px) {

	.eval-c .bks{width:100%;}

	.eval-c{padding: 45px 5%;}}







.footer{position: relative;z-index: 1; background: #495771; width: 100%;height: auto;overflow: hidden;}

.footer .bks{z-index: -1;position: absolute;top: -5%;left: 23%;width: 54%;height: auto;}

.footer .foot-d{font-size: 16px; font-family: "SL"; overflow: hidden; width: 100%;height: auto;padding: 30px 0 40px 0;border-top: 1px solid rgba(255,255,255,0.1);}

.footer .foot-d .pcy{ width: 75%;float: left;text-align: left;}

.footer .foot-d .pcy span{color: rgba(255,255,255,0.5);display: inline-block;margin-right:2%;}

.footer .foot-d .pcy a{color: rgba(255,255,255,0.5)}

.footer .foot-d .mptj{width: 25%;float: right;text-align: right;}

.footer .foot-d .mptj a{display: inline-block;margin-left: 10px;color:  rgba(255,255,255,0.5);}

.footer .yqlj{font-family: "SL"; padding-bottom:30px; width: 100%;height: auto;}

.footer .yqlj span,.footer .yqlj a{display: inline-block;font-size: 16px;color: rgba(255,255,255,0.5);}

.footer .yqlj a{margin-right:3%;}

.footer .yqlj a:hover{color: #FFFFFF;}

.footer .foot-t{width: 100%;height: auto;overflow: hidden;}

.footer .foot-t h6{font-weight: normal; font-family: "SB"; font-size:70px;color: #FFFFFF;width: 50%;float: left;}

.footer .foot-t h6 span{color: #26CAD3;display: block;}

.footer .foot-t .return-top{background: none;border: none; width: 60px;float: right;display: block;}

.footer .foot-m{width: 100%;height: auto;overflow: hidden;}

.footer .foot-m .fnav{width: 25%;float: left;}

.footer .foot-m .fnav a{display: block;font-size: 18px;color: rgba(255,255,255,0.5);margin-top: 20px;}

.footer .foot-m .fnav a:hover{color: #FFFFFF;}



.footer .foot-m .lx{width: 35%;float: left;padding-right: 5%;}

.footer .foot-m .lx .tel{width: 100%;height: auto;}

.footer .foot-m .lx .tel .ico{display: block;width: 45px;height: auto;margin-bottom: 10px;}

.footer .foot-m .lx .tel  p{font-size: 36px;font-family: "MS";color: #FFFFFF;}

.footer .foot-m .lx .li{width: 100%;margin-top: 20px;font-size: 18px;color: #FFFFFF;font-family: "MS","SM";}

.footer .foot-m .lx .li .ico{display: inline-block;width: 25px;height: auto;margin-right: 10px;vertical-align: middle;}

.footer .foot-m .flow{width: 40%;float: right;padding-left: 5%;}

.footer .foot-m .flow b{font-size: 16px;font-weight: normal; color: #FFFFFF;margin-bottom: 10px;display: block;}

.footer .foot-m .flow .form{margin-bottom: 30px;width: 100%;}

.footer .foot-m .flow .form form{display: block;overflow: hidden;position: relative; width: 100%;background: #26CAD3;border-radius: 50px;}

.footer .foot-m .flow .form form .c1{color: #FFFFFF; width:calc(100% - 70px);height: auto;background: none;border: none;line-height: 20px;padding: 15px;}

.footer .foot-m .flow .form form .tj{background:none;border: none; width: 70px;float: right;line-height: 20px;padding: 15px; background-size: 10px 15px;background: url(../img/a008s.png) center no-repeat;}

.footer .foot-m .flow .form form:before{content: "";position:absolute;top: calc(50% - 6px);right: 70px; width: 1px;height: 12px;background: rgba(255,255,255,0.4);}



.footer .foot-m .flow .form form .c1::-webkit-input-placeholder{color: #FFFFFF;}

.footer .foot-m .flow .form form .c1::-moz-placeholder{color: #FFFFFF;}

.footer .foot-m .flow .form form .c1::-ms-input-placeholder{color: #FFFFFF;}

.footer .foot-m .flow .share{width: 100%;height: auto;}

.footer .foot-m .flow .share .con{width: 100%;height: auto;margin-top: 10px; font-size: 0;}

.footer .foot-m .flow .share .con a{position: relative; margin-right: 20px; width: 25px;height: auto;display: inline-block;vertical-align: top;}

.footer .foot-m .flow .share .con a .ewm{width: 120px;display: none;transition: all 0.5s ease; height: auto;position: absolute;left: calc(50% - 60px);bottom: 100%;border: 1px solid #FFFFFF;box-shadow: 0 10px 10px rgba(0,0,0,0.2);}

.footer .foot-m .flow .share .con a:hover .ewm{display: block;transition: all 0.5s ease;}



@media only screen and (max-width:1680px) {	

	.footer .foot-t h6{font-size: 65px;}

	.footer .foot-t .return-top{width: 55px;}

	.footer .foot-m .lx .tel  p{font-size: 32px;}

}

@media only screen and (max-width:1440px) {

	.footer .foot-t h6{font-size: 60px;}	

	.footer .foot-t .return-top{width: 50px;}

	.footer .foot-d{font-size: 15px;}

	.footer .yqlj span,.footer .yqlj a{font-size: 15px;}

	.footer .foot-m .fnav a{font-size: 16px;}

	.footer .foot-m .lx .tel  .ico{width: 40px;}

	.footer .foot-m .lx .tel  p{font-size: 30px;}

	.footer .foot-m .lx .li{font-size: 16px;}

}

@media only screen and (max-width:1280px) {

	.footer .foot-t h6{font-size:55px;}	

	.footer .foot-t .return-top{width: 45px;}

		.footer .foot-m .lx .tel  .ico{width: 40px;}

	.footer .foot-m .lx .tel  p{font-size: 26px;}

}

@media only screen and (max-width:1024px) {

	.footer .foot-t h6{font-size: 50px;}	

	.footer .foot-t .return-top{width: 40px;}

	.footer .foot-d{font-size: 14px;}

	.footer .yqlj span,.footer .yqlj a{font-size: 14px;}

	.footer .foot-d .pcy{width: 100%;text-align: left;}

	.footer .foot-d .mptj{width: 100%;text-align: left;}

		.footer .foot-d .mptj{margin-left: 0;margin-right: 2%;}

		.footer .foot-m .lx{width: 100%;padding-right: 0;}

	.footer .foot-m .flow{width: 100%;padding-left: 0;}

	.footer .foot-m .fnav{width: 100%;margin-bottom: 35px;}

	.footer .foot-m .fnav a{display: inline-block;margin-right: 2%;font-size: 15px;}

		.footer .foot-m .lx .tel  .ico{width:35px;}

	.footer .foot-m .lx .tel  p{font-size:24px;}

	.footer .foot-m .lx .li{font-size: 15px;margin-top: 10px;}

	.footer .foot-m .flow .share .con a .ewm{left: 0;}

}

@media only screen and (max-width:720px) {

	.footer .foot-t h6{font-size: 40px;}	

	.footer .foot-t .return-top{width: 35px;}

}













.in-banner{width: 100%;height: auto;position: relative;}

.in-banner .pic{width: 100%;height: auto;position: relative; background-size: cover;background-repeat: no-repeat;background-position: center;}

.in-banner .pic img{display: block;}

.in-banner .pic .con{ width: 100%; position: absolute;left: 0;top: 50%;text-align: center;padding: 0 5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

.in-banner .pic .con b{font-size: 60px;color: #FFFFFF;font-family:"SB";font-weight: normal;}

.in-banner .pic .con p{text-transform: capitalize; font-size: 24px;color: #FFFFFF;font-family: "MS";}



.in-banner .mouse{position: absolute;bottom: 5%;width:30px;height: auto;left: calc(50% - 20px);z-index: 33;-webkit-animation: rotate 3.5s 0.1s infinite;animation: rotate 1.8s 0.2s infinite;animation-name:rotate ;}



@keyframes rotate{

      0%{transform: translateY(-10px);}

    50%{transform: translateY(10px);}

  100%{transform: translateY(-10px);}

}





@media only screen and (max-width:1680px) {

	.in-banner .pic .con b{font-size: 55px;}

	.in-banner .pic .con p{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

	.in-banner .pic .con b{font-size: 50px;}

	.in-banner .pic .con p{font-size: 20px;}

}

@media only screen and (max-width:1280px) {

	.in-banner .pic .con b{font-size:45px;}

	.in-banner .pic .con p{font-size:18px;}

}

@media only screen and (max-width:1024px) {	

.in-banner .pic img{display: none}

.in-banner {margin-top: 55px;}

.in-banner .pic{height: 350px;}



	.in-banner .pic .con b{font-size:40px;}

	.in-banner .pic .con p{font-size:16px;}

}

@media only screen and (max-width:720px) {

	.in-banner .mouse{width: 25px;}

		.in-banner .pic .con b{font-size:35px;}

	.in-banner .pic .con p{font-size:16px;}

	

}















.bread{width: 100%;height:auto;padding-top: 35px;}

.bread .bread-c{width: 100%;height: auto;font-size: 16px;color: #666666;}

.bread .bread-c a{position: relative; margin: 0 8px; display: inline-block;color: #666666;}

.bread .bread-c a.home{padding-left: 30px;margin-left: 0;}

.bread .bread-c a.home:before{content:"";position: absolute;left: 0;width: 18px;height: 18px;background:url(../img/a028.png)center left no-repeat;background-size: 18px 18px;}







@media only screen and (max-width:1680px) {

}

@media only screen and (max-width:1440px) {

	.bread .bread-c{font-size: 15px;}

}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1024px) {	

.bread .bread-c{font-size: 14px;}

}

@media only screen and (max-width:720px) {

	

}











.abbox{position: relative;z-index: 0;overflow: hidden;}

.ab{  width: 100%;height: auto;}

.abbox .bks{position: absolute;left: 0;bottom: 0;z-index: -1;width: 45%;height: auto;}

.ab  .title{float: left;width: 35%;}

.ab .txt-c{float: right;height: auto;padding-left: 5%; width:65%;}

.ab .txt-c strong{font-size: 24px;color: #26CAD3;}







.value{width: 100%;height: auto;z-index: 0;position: relative;}

.value .bks{position: absolute; width: 100%;top: 0;left: 0;height:70%;z-index: -1;background-size: cover;background-repeat: no-repeat;background-position: center;}

.value .wz{width:80%;height: auto;margin: 0 auto;text-shadow: 0 0 10px rgba(0,0,0,0.1);}

.value .value-c{width: 100%;height: auto;font-size: 0;}

.value .value-c li{position: relative;z-index: 1; width: calc(25% - 15px);margin-right: 20px;padding:4% 3% 5% 3%; text-align: center; display: inline-block;box-shadow: 0 5px 10px rgba(38,202,211,0.2); vertical-align: top;background: #FFFFFF;}

.value .value-c li .ico{width: 60px;height: auto;margin: 0 auto;margin-bottom: 40px;}

.value .value-c li .line{display: none; position: absolute;bottom: -1px;left: 0;width: 100%;height: auto;z-index: -1;}

.value .value-c li:nth-child(4){margin-right: 0;}

.value .value-c li span{display: block;font-size: 16px;}

.value .value-c li p{font-size: 24px;font-family: "SB";margin-top: 10px;}

.value .value-c li:hover{background: #495771;}

.value .value-c li:hover .line{display: block;}

.value .value-c li:hover span{color: #FFFFFF;}

.value .value-c li:hover p{color: #FFFFFF;}



@media only screen and (max-width:1680px) {

	.ab .txt-c strong{font-size: 22px;}

	.value .value-c li .ico{width: 55px;}

	.value .value-c li p{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

.ab .txt-c strong{font-size: 20px;}

.value .value-c li p{font-size: 20px;}

	.value .value-c li .ico {width: 50px;}

	.value .value-c li span{font-size: 15px;}

}

@media only screen and (max-width:1280px) {

.ab .txt-c strong{font-size: 18px;}

.value .value-c li p{font-size: 18px;}

.value .value-c li .ico{width: 45px;}

}

@media only screen and (max-width:1024px) {

	.value .value-c li p{font-size: 16px;}

	.value .value-c li span{font-size: 14px;}

	.value .value-c li .ico{width: 40px;}

	.ab .txt-c strong{font-size: 16px;}

	.ab .title{width: 100%;height: auto;}	

.ab .txt-c{width: 100%;margin-top: 35px;padding-left: 0;}

.abbox .bks{width: 100%;}

.value .wz{width: 100%;}

.value .value-c li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}

.value .value-c li:nth-child(2n){margin-right: 0;}



}

@media only screen and (max-width:720px) {

	.value .value-c li .ico{width: 35px;}

	.value .value-c li p{font-size: 15px;}

	.value .bks{height: 45%;}

	

}





.source{position: relative;z-index: 0; width: 100%;height: auto;}

.source .bks{width: 50%;height: auto;position: absolute;z-index: -1;left: 0;bottom: 0;}

.source .wz{position: absolute;z-index: -1;left: 25%;top: 5%;width: 7%;max-width: 150px;}

.source .title{width: 30%;height: auto;float: left;}

.source .txt-c{line-height: 2; width: 65%;height: auto;padding-left: 5%;height: auto;float: right;}

.source .txt-c strong{color:  #26CAD3;font-size: 24px;}





@media only screen and (max-width:1680px) {

	.source .txt-c strong{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

	.source .txt-c strong{font-size: 20px;}



}

@media only screen and (max-width:1280px) {

	.source .txt-c strong{font-size: 18px;}

}

@media only screen and (max-width:1024px) {	

	.source .wz{width: 25%;left: auto; right: 5%;}

	.source .txt-c strong{font-size: 16px;}

	.source .title{width: 100%;height: auto;}

	.source .txt-c{width: 100%;height: auto;margin-top: 35px;padding-left: 0;}

	.source .bks{width: 100%;}



}

@media only screen and (max-width:720px) {

	

}





.honor{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}

.honor .title{text-align: center;}

.honor .honor-c{width: 100%;padding: 0 8%;height: auto;position: relative;}

.honor .honor-c .honor-js{width: 100%;height: auto;}

.honor .honor-c .honor-js .swiper-slide{text-align: center; width: 100%;height: auto;padding: 0 5%;height: auto;}

.honor .honor-c .honor-js .swiper-slide .pic{width: 90%;margin: 0 auto; height: auto;background-size: 100% auto;background-repeat: no-repeat;background-position: center;}

.honor .honor-c .honor-js .swiper-slide p{font-size:24px;color: #000000;margin-top: 20px;}



.honor .honor-c  .swiper-button-next{ background-image: url(../img/a040.png);    right: 0px; left: auto;}

.honor .honor-c  .swiper-button-prev{ background-image: url(../img/a041.png);    left: 0px; right: auto;}

.honor .honor-c .swiper-button-next, .honor .honor-c .swiper-button-prev {

    position: absolute;

    top: 50%;

    width:40px;

    height: 40px;

    margin-top: -20px;

    z-index: 10;

    cursor: pointer;

    background-size: 40px 40px;

    background-position: center;

    background-repeat: no-repeat;

}





@media only screen and (max-width:1680px) {

	.honor .honor-c .honor-js .swiper-slide p{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

	.honor .honor-c .honor-js .swiper-slide p{font-size: 20px;}

.honor .honor-c .swiper-button-next, .honor .honor-c .swiper-button-prev {width: 35px;height: 35px;background-size: 35px 35px;}

}

@media only screen and (max-width:1280px) {

	.honor .honor-c .honor-js .swiper-slide p{font-size: 18px;}

}

@media only screen and (max-width:1024px) {	

	.honor .honor-c .honor-js .swiper-slide p{font-size: 16px;}

	.honor .honor-c .honor-js .swiper-slide .pic{width: 100%;}



}

@media only screen and (max-width:720px) {

	

}





.recom-news{width: 100%;height: auto;}

.recom-news-t{width: 100%;position: relative;}

.recom-news-c{ width: 100%;padding-left:6%;}

.recom-news-c .recom-news-js{width: 100%;height: auto;padding-right: 15%;}

.recom-news-c .recom-news-js .li{display: block;width: 100%;height: auto;position: relative;}

.recom-news-c .recom-news-js .li .con{width: 35%;padding: 4% 3% 5% 3%;height: auto;background: #F5F5F5;position: relative;z-index: 0;}

.recom-news-c .recom-news-js .li .con .time{font-size: 18px;font-family: "MS";color: #26CAD3;margin-bottom: 35px;}

.recom-news-c .recom-news-js .li .con b{margin-bottom: 30px; font-size: 20px;height: 60px; color: #000000;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.recom-news-c .recom-news-js .li .con .view{margin-top: 60px;}

.recom-news-c .recom-news-js .li .con .line{bottom:0; left: 0;width: 100%;height: auto;position: absolute;z-index: -1;}

.recom-news-c .recom-news-js .li .con .txt-c{width: 100%;height:72px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;}

.recom-news-c .recom-news-js .li .pic{background-size: cover;background-repeat: no-repeat;background-position: center; width: 65%;height: 100%;right: 0;position: absolute;top: 0;}

.recom-news-c .recom-news-js .li:hover .con{background: #495771;}

.recom-news-c .recom-news-js .li:hover .con b{color: #26CAD3;}

.recom-news-c .recom-news-js .li:hover .con .txt-c p{color:#FFFFFF;}



.recom-news-t .swiper-button-next{ background-image: url(../img/a040.png);    right: 0px; left: auto;}

.recom-news-t  .swiper-button-prev{ background-image: url(../img/a041.png);    right: 60px; left: auto;}

.recom-news-t .swiper-button-next,.recom-news-t .swiper-button-prev {

    position: absolute;

    top: 50%;

    width:40px;

    height: 40px;

    margin-top: -20px;

    z-index: 10;

    cursor: pointer;

    background-size: 40px 40px;

    background-position: center;

    background-repeat: no-repeat;

}



@media only screen and (max-width:1860px) {

	.recom-news-c{padding-left: 5%;}

	

}

@media only screen and (max-width:1680px) {

	.recom-news-c .recom-news-js .li .con b{font-size: 18px;height: 54px;}

	.recom-news-c .recom-news-js .li .con .time{font-size: 16px;}

}

@media only screen and (max-width:1440px) {

	.recom-news-c .recom-news-js .li .con b{font-size: 16px;height:48px;}

	.recom-news-t  .swiper-button-prev{right:50px;}

	.recom-news-c .recom-news-js .li .con .txt-c{height:67.5px;}

	.recom-news-c .recom-news-js{padding-right: 10%;}

	.recom-news-c .recom-news-js .li .con .view{margin-top: 50px;}

	.recom-news-t .swiper-button-next,.recom-news-t .swiper-button-prev {width: 35px;height: 35px;background-size: 35px 35px;}



}

@media only screen and (max-width:1280px) {

.recom-news-c .recom-news-js .li .con .time{font-size: 15px;}

}

@media only screen and (max-width:1024px) {	

	.recom-news-c .recom-news-js{padding-right: 5%;}

	.recom-news-c .recom-news-js .li .con .txt-c{height:63px;}

	.recom-news-c .recom-news-js .li .con .time{font-size: 14px;}

	.recom-news-c .recom-news-js .li .con b{font-size: 15px;height: 45px;}

	.recom-news-c .recom-news-js .li .con .view{margin-top: 40px;}

}

@media only screen and (max-width:720px) {

	.recom-news-c .recom-news-js{padding-right: 25%;}

		.recom-news-t{padding-bottom: 35px;}

		.recom-news-c .recom-news-js .li .con .view{margin-top: 30px;}

		.recom-news-c .recom-news-js .li .con{padding: 35px 5%; width: 100%;float: none;}

		.recom-news-c .recom-news-js .li .pic{width:100%;position: relative;height: 150px;}

			.recom-news-t .swiper-button-next,.recom-news-t .swiper-button-prev{top: 100%;}

		

	

}











.two-sort{text-align: center; width: 100%;height: auto;margin-top: 35px;} 

.two-sort a{font-size: 24px;color: #000000;margin: 0 20px;position: relative;padding-bottom: 5px;display: inline-block;vertical-align: top;}

.two-sort a:hover{color: #26CAD3;font-family: "SB";}

.two-sort a:hover:before{content: "";position: absolute;left: 0;width: 100%;bottom:0px;height: 5px;background: url(../img/a001.png)center no-repeat;background-size:100% 4px;}

.two-sort a.cut{color: #26CAD3;font-family: "SB";}

.two-sort a.cut:before{content: "";position: absolute;left: 1%;width: 100%;bottom:0px;height: 5px;background: url(../img/a001.png)center no-repeat;background-size:98% 4px;}



.fy{width: 100%;text-align: center;font-size: 0;padding-top: 35px;}

.fy a{color: #000000; display: inline-block;vertical-align: middle;font-family: "MS","SR";font-size: 18px;margin: 0 1%;}

.fy a:hover{color: #26CAD3;}

.fy a.cut{color: #26CAD3;}

@media only screen and (max-width:1680px) {

	.two-sort a{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

.two-sort a{font-size: 20px;margin: 0 15px;}

.fy a{font-size: 16px;}

}

@media only screen and (max-width:1280px) {

.two-sort a{font-size: 18px;}

.fy a{font-size: 15px;}

}

@media only screen and (max-width:1024px) {	

.two-sort a{font-size: 16px;margin: 0 10px;}

.fy a{font-size: 14px;}

}

@media only screen and (max-width:720px) {

	.two-sort a{font-size: 15px;}

}







.news-bks{background: #F5F5F5;}

.news{ width: 100%;height: auto;}



.news .title{width: 100%;height: auto;text-align: center;}

.news .news-list{font-size: 0; width: 100%;height: auto;}

.news .news-list li{padding:3% 3%;position: relative;z-index: 0;  width: calc(33.3% - 10px);background: #FFFFFF; margin-right: 15px;margin-bottom: 15px; display: inline-block;vertical-align: top;}

.news .news-list li .line{display: none;position: absolute;z-index: -1;left: 0;bottom:0;width: 100%;}

.news .news-list li:nth-child(3n){margin-right: 0;}

.news .news-list li b{font-size: 20px;color: #000000;overflow: hidden;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;margin-top: 35px;margin-bottom: 10px;}

.news .news-list li .time{font-size: 18px;color: #26CAD3;font-family: "MS";}

.news .news-list li .txt-c{width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}



.news .news-list li:hover{background: #495771;}

.news .news-list li:hover .line{display: block;}

.news .news-list li:hover b{color: #FFFFFF;}

.news .news-list li:hover .txt-c p{color: #FFFFFF;}







@media only screen and (max-width:1680px) {

	.news .news-list li .time{font-size: 16px;}

	.news .news-list li b{font-size: 18px;}

}

@media only screen and (max-width:1440px) {

.news .news-list li b{font-size: 16px;}

.news .news-list li .txt-c{height: 45px;}



}

@media only screen and (max-width:1280px) {

	.news .news-list li .time{font-size: 15px;}

}

@media only screen and (max-width:1024px) {

	.news .news-list li b{font-size: 15px;}	

	.news .news-list li .time{font-size: 14px;}

	.news .news-list li .txt-c{height: 42px;}

	.news .news-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}

	.news .news-list li:nth-child(3n){margin-right:10px;}

	.news .news-list li:nth-child(2n){margin-right: 0;}

	.fy a{margin: 0 10px;}



}

@media only screen and (max-width:720px) {

	.news .news-list li{width: 100%;margin-bottom: 10px;padding: 35px 5%;}

}







.news-d{width: 100%;height: auto;}

.news-d .news-dl{width: 75%;padding-right: 5%;float: left;}

.news-d .news-dl h1{font-family: "SB"; color: #000000;font-size: 48px;}

.news-d .news-dl .txt-c{width: 100%;height: auto;padding: 35px 0;}

.news-d .news-dl .txt-c img{display: block;max-width: 100%;height: auto;}

.news-d .news-dl .actl{width: 100%;height: auto;padding: 30px 0;border-bottom: 1px solid #ECECEC;}

.news-d .news-dl .actl span{font-size: 16px;line-height:1; color: #999;display: inline-block;margin-right: 20px;}

.news-d .news-dl .actl span i{display: inline-block;margin-right: 10px;width:20px;vertical-align:top;}





.news-d .news-dl .keyword{width: 100%;height: auto;font-size: 0;}

.news-d .news-dl .keyword span{font-size: 16px;font-family: "SB";color: #000000;display: inline-block;vertical-align: middle;}

.news-d .news-dl .keyword a{font-family: "sl"; display: inline-block;font-size: 16px;color: #000000;padding: 2px 10px;vertical-align: middle;margin: 0 10px; background:#f6f6f8;}

.news-d .news-dl .pnv{width: 100%;height: auto;overflow: auto;padding-top: 40px; margin-top: 40px;border-top: 1px solid #ececec;}

.news-d .news-dl .pn{width:75%;float:left;padding-right: 5%; height: auto;}

.news-d .news-dl .pn a{ display: block;width: 100%;font-size: 16px;color: #000000;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;}

.news-d .news-dl .pn a:hover{color: #26CAD3;}

.news-d .news-dl .return{float: right;}



.news-d .news-dr{width: 25%;height: auto;float: right;}

.news-d .news-dr h6{font-size: 48px;color: #26CAD3;}

.news-d .news-dr ul li{width: 100%;background: #F5F5F5; margin-right: 0;padding: 40px 5%;}





@media only screen and (max-width:1680px) {

	.news-d .news-dr h6{font-size: 45px;}

	.news-d .news-dl h1{font-size: 45px;}

}

@media only screen and (max-width:1440px) {

.news-d .news-dr h6{font-size: 40px;}

.news-d .news-dl h1{font-size: 40px;}

.news-d .news-dl .actl span{font-size: 15px;}

.news-d .news-dl .keyword span{font-size: 15px;}

.news-d .news-dl .keyword a{font-size: 15px;}

}

@media only screen and (max-width:1280px) {

.news-d .news-dr h6{font-size: 35px;}

.news-d .news-dl h1{font-size: 35px;}

}

@media only screen and (max-width:1024px) {	

.news-d .news-dr h6{font-size: 30px;}

.news-d .news-dl h1{font-size: 30px;}

.news-d .news-dl{width: 100%;}

.news-d .news-dr{width: 100%;margin-top: 45px;}

.news-d .news-dl .actl span{font-size: 14px;}

.news-d .news-dl .keyword span{font-size: 14px;}

.news-d .news-dl .keyword a{font-size: 14px;margin-bottom: 10px;}

.news-d .news-dl .pn{width: 100%;height: auto;}

.news-d .news-dl .return{float: none;margin-top: 25px;}

}

@media only screen and (max-width:720px) {

	.news-d .news-dr h6{font-size: 25px;}

	.news-d .news-dl h1{font-size: 25px;}

}









.contact{width: 100%;height: auto;}

.contact .contact-c{width: 100%;position: relative; display: flex; align-items: center;}

.contact .cont-l{width: 55%;float: left;padding-right: 5%;}

.contact .cont-l .txt-c{width: 100%;height: auto;margin-top: 10px;padding-right: 10%;}

.contact .cont-l ul{width: 100%;height: auto;font-size: 0;}

.contact .cont-l ul li{width: 50%;padding-right: 5%;display: inline-block;vertical-align: top;margin-bottom: 30px;}

.contact .cont-l ul li .ico{width: 45px;height: auto;margin-bottom: 10px;}

.contact .cont-l ul li p{font-size: 36px;font-family: "MS";}

.contact .cont-l ul li:last-child p{font-size: 24px;padding-top: 10px;}

.contact .map{position: absolute;width: 40%;right: 0;top: 0;height: 100%;border: 1px solid #495771;}

.contact .map #container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}







.inpage-bks{background: #F7F7F7;}

.form{position: relative;z-index:0; width:100%;height: auto;}

.form .bks{position: absolute;z-index: -1;width: 40%;height: auto;top:35%;left: 0;}

.form .form-l{width: 45%;padding-right: 5%;height: auto;float: left;}

.form .form-l .share{width: 100%;height: auto;}

.form .form-l .share .con{width: 100%;height: auto;margin-top: 10px; font-size: 0;}

.form .form-l .share .con a{position: relative; margin-right: 20px; width: 25px;height: auto;display: inline-block;vertical-align: top;}

.form .form-l .share .con a .ewm{width: 120px;display: none;transition: all 0.5s ease; height: auto;position: absolute;left: calc(50% - 60px);bottom: 100%;border: 1px solid #FFFFFF;box-shadow: 0 10px 10px rgba(0,0,0,0.2);}

.form .form-l .share .con a:hover .ewm{display: block;transition: all 0.5s ease;}





.form .form-r{width: 50%;float: right;height: auto;}



.form .form-r form{display: block; width: 100%;height: auto;overflow:hidden;}

.form .form-r form .c1{width: calc(50% - 10px); float: left;color: #000000; font-family: "MS","SR"; margin-right: 20px;margin-bottom: 20px;background: #FFFFFF;border: 1px solid #ECECEC;line-height: 30px;padding: 10px;}

.form .form-r form .c2{margin-right: 0;}

.form .form-r form .c4{width: 100%;}

.form .form-r form .c3{width: 100%;height: 150px;font-family: "MS","SR";}

.form .form-r form .tj{line-height:30px;padding: 5px 30px;border-radius:40px; background: #26CAD3;color: #FFFFFF;border: none;}



.form .form-r form .c1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-family: "MS","SR";color: #666;}

.form .form-r form .c1:-moz-placeholder, textarea:-moz-placeholder {font-family: "MS","SR";color: #666;}

.form .form-r form .c1:-ms-input-placeholder, textarea:-ms-input-placeholder {font-family: "MS","SR";color: #666;}







@media only screen and (max-width:1680px) {

	.contact .cont-l ul li .ico{width: 40px;}

	.contact .cont-l ul li p{font-size: 34px;}

	.contact .cont-l ul li:last-child p{font-size: 22px;}

}

@media only screen and (max-width:1440px) {

	.contact .cont-l ul li p{font-size: 30px;}

	.contact .cont-l ul li .ico{width: 35px;}

	.contact .cont-l ul li:last-child p{font-size: 20px;}



}

@media only screen and (max-width:1280px) {

	.contact .cont-l ul li p{font-size: 30px;}

	.contact .cont-l ul li .ico{width: 30px;}

	.contact .cont-l ul li:last-child p{font-size: 18px;}

}

@media only screen and (max-width:1024px) {	

	.contact .cont-l ul li p{font-size: 25px;}

.contact .cont-l ul li .ico{width: 25px;margin-bottom: 5px;}

	.form .form-l{width: 100%;height: auto;}

	.form .form-l .share .con a .ewm{left: 0;}

	.form .form-r{width: 100%;height: auto;margin-top: 45px;}

		.contact .cont-l{width: 100%;float: none;}

	.contact .map{display: block; width: 100%;position:relative; height: 250px;}

	.contact .cont-l ul li:last-child p{font-size: 16px;}



}

@media only screen and (max-width:720px) {

	.contact .cont-l ul li{width: 100%;margin-bottom: 15px;padding-right: 0;}

	.contact .map{display: block; width: 100%;position:relative; height: 200px;}

	.form .form-r form .c1{width: 100%;height: auto;margin-bottom: 10px;line-height: 25px;}

	.form .form-r form .c3{height: 90px;}

	

}





.join-sort{width: 100%;text-align: left}



.tips-bks{width: 100%;height: auto;background: #f6f7fb;background-size: cover;background-repeat: no-repeat;background-position: center;}



.tips{width: 100%;height: auto;}

.tips .title{text-align: center;}

.tips ul{width: 100%;height: auto;font-size: 0;}

.tips ul li{width: calc(25% - 15px);text-align: center; padding: 4% 3%; overflow: hidden; margin-right:20px;display: inline-block;vertical-align: top;z-index: 0;background: #FFFFFF;position: relative;}

.tips ul li:nth-child(4){margin-right: 0;}

.tips ul li .line{display: none; left: 0;position: absolute;bottom: -1px;width: 100%;height: auto;z-index: -1;}

.tips ul li .ico{width: 40px;height: auto;margin: 0 auto;}

.tips ul li b{font-size: 20px;display: block;color: #000000;margin-top: 40px;margin-bottom: 15px;}

.tips ul li .txt-c{width: 100%;height: auto;}

.tips ul li:hover{background: #495771;}

.tips ul li:hover .line{display: block;}

.tips ul li:hover b{color: #FFFFFF;}

.tips ul li:hover .txt-c p{color: #FFFFFF;}









.tips2{width: 100%;height: auto;}

.tips2 ul li{width: calc(20% - 12px);margin-right:15px;}

.tips2 ul li:nth-child(5){margin-right: 0;}

.tips2 ul li:nth-child(4){margin-right: 15px;}



.jrfw{width: 100%;height: auto;}

.jrfw .jrfw-c{width: 100%;height: auto;position: relative;z-index: 0;}

.jrfw .jrfw-c .bks{position: absolute;z-index: -1;right: 5%;top: -15%;width:40%;}

.jrfw .jrfw-c .title{width: 50%;padding-right:5%;float: left;}

.jrfw .jrfw-c .txt-c{width: 50%;padding-right: 15%; float: right;height: auto;}

.jrfw .jrfw-c .txt-c strong{font-size: 24px;font-family:"sb"}









@media only screen and (max-width:1680px) {

	.tips ul li b{font-size: 18px;}

	.jrfw .jrfw-c .txt-c strong{font-size: 22px;}

	

}

@media only screen and (max-width:1440px) {

	.tips ul li b{font-size: 16px;}

	.tips ul li .ico{width: 35px;}

	.jrfw .jrfw-c .txt-c strong{font-size: 20px;}

}

@media only screen and (max-width:1280px) {

	.tips ul li b{font-size: 15px;}

}

@media only screen and (max-width:1024px) {

	.jrfw .jrfw-c .txt-c strong{font-size: 18px;}

	.tips ul li{padding: 35px 3%; width:calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}

	.tips ul li:nth-child(2n){margin-right: 0;}

	.jrfw .jrfw-c .title{width: 100%;height: auto;padding-right: 0;}

	.jrfw .jrfw-c .txt-c{width: 100%;padding-right: 0;margin-top: 35px;}

	.jrfw .jrfw-c .bks{top: 5%;width: 50%;}

}

@media only screen and (max-width:720px) {

	.jrfw .jrfw-c .txt-c strong{font-size: 16px;}

	.jrfw .jrfw-c .bks{width: 100%;top: 15%;}

}





.plan{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}

.plan .title{text-align: center;}

.plan .title b{color: #FFFFFF;}

.plan .txt-c{text-align: center; width: 100%;padding:  0 15%;margin-top: 30px;}

.plan .txt-c p{color: #FFFFFF;}





.why{width: 100%;height: auto;}

.why .title{text-align: center;}



.why ul{width:100%;height: auto;font-size: 0;}

.why ul li{display: inline-block;vertical-align: top;width: calc(25% - 15px);margin-right: 20px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

.why ul li:nth-child(4){margin-right: 0;}

.why ul li .pic{width: 100%;height: auto;}

.why ul li .con{width: 100%;height: auto;background:#F6F7FB;padding: 35px 4%;text-align: center;}

.why ul li .con b{font-size: 20px;display: block;margin-bottom: 10px; color: #000000;}



.why ul li .con .txt-c{width: 100%;height: auto;}

.why ul li:hover .con{background:#26cad3;}

.why ul li:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.2);}

.why ul li:hover .con b{color:#FFFFFF}

.why ul li:hover .con .txt-c p{color:#FFFFFF;}

@media only screen and (max-width:1680px) {

	.why ul li .con b{font-size: 18px;}

}

@media only screen and (max-width:1440px) {

	.why ul li .con b{font-size: 16px;}

	.plan .txt-c{padding: 0 10%;}

}

@media only screen and (max-width:1280px) {

	.why ul li .con b{font-size: 15px;}

	.why ul li .con{padding:30px 3%;}

	.plan .txt-c{padding: 0 5%;}

}

@media only screen and (max-width:1024px) {

	.why ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}

	.why ul li:nth-child(2n){margin-right: 0;}

	.plan .txt-c{padding: 0;}

}

@media only screen and (max-width:720px) {

	.why ul li{box-shadow: none;}	.why ul li .con{padding:30px 5%;}

}





.sercase-bks{background: #F6F7Fb; width: 100%;height: auto;}

.sercase{width: 100%;height: auto;}

.sercase .title{text-align: center;}

.sercase .sercase-c{width: 100%;background: #FFFFFF; height: auto;position: relative;}

.sercase .sercase-c .pic{width: 40%;position: absolute;top: 0;right: 0;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}

.sercase .sercase-c .con{width: 60%; padding:35px 0;}

.sercase .sercase-c .con .tl{width: 100%;height: auto;padding: 30px 15% 30px 5%;}

.sercase .sercase-c .con ul{width: 100%;height: auto;}

.sercase .sercase-c .con li{padding: 35px 15% 35px 5%;border-top: 1px solid #F6F7FB;}

.sercase .sercase-c .con li:last-child{border-bottom: none;}

.sercase .sercase-c .con li h6{font-size: 20px;color: #26CAD3;margin-bottom: 15px;display: block;}



@media only screen and (max-width:1680px) {	

	.sercase .sercase-c .con li h6{font-size: 18px;}

}

@media only screen and (max-width:1440px) {	

	.sercase .sercase-c .con li h6{font-size: 16px;}

}

@media only screen and (max-width:1280px) {	

	.sercase .sercase-c .con li h6{font-size: 15px;}

}

@media only screen and (max-width:1024px) {

	.sercase .sercase-c .con{width: 100%;padding: 20px 0;}

	.sercase .sercase-c .pic{width: 100%;height: 200px;position: relative;}	

}

@media only screen and (max-width:720px) {	

	.sercase .sercase-c .con{width: 100%;padding: 10px 0;}

}







.poser{width: 100%;height: auto;}

.poser .title{text-align: center;}

.poser ul{font-size: 0; width: 100%;height: auto;}

.poser ul li{text-align: center; display: inline-block;vertical-align: top;width: calc(33.3% - 40px);margin-right:60px;background: #FFFFFF;position: relative;z-index: 0;padding: 45px 5% 50px 5%;}

.poser ul li:nth-child(3){margin-right: 0;}

.poser ul li .line{display: none; width: 100%;position: absolute;left: 0;bottom: 0;height: auto;z-index: -1;}

.poser ul li b{color:#000000;font-size: 20px;display: block;margin-top: 40px;margin-bottom: 15px;}

.poser ul li .ico{width: 30%;max-width: 90px;height: auto;margin: 0 auto;}



.poser ul li:hover{background:#495771;}

.poser ul li:hover .line{display: block;}

.poser ul li:hover b{color: #26CAD3}

.poser ul li:hover .txt-c p{color: #FFFFFF;}

.poser2{background-size: cover;background-repeat: no-repeat;background-position: center;}

.poser2 ul li .ico{width: 40px;height: auto;max-width: 40px;}





@media only screen and (max-width:1680px) {

	.poser ul li b{font-size: 18px;}

}

@media only screen and (max-width:1440px) {

	.poser ul li b{font-size: 16px;}

	.poser ul li{width: calc(33.3% - 30px);margin-right: 45px;}

	.poser ul li{padding: 40px 5% 45px 5%;}

}

@media only screen and (max-width:1280px) {

	.poser ul li{width: calc(33.3% - 20px);margin-right: 30px;}

	.poser ul li{padding: 35px 5% 40px 5%;}

}

@media only screen and (max-width:1024px) {

	.poser ul li b{font-size: 15px;}

		.poser ul li{width: calc(33.3% - 10px);margin-right: 15px;}	

		

		.poser ul li{padding:30px 5% 35px 5%;}

}

@media only screen and (max-width:720px) {

		.poser ul li{width:calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}

		.poser ul li:nth-child(2n){margin-right: 0;}

}







.case-sort{width: 100%;height: auto;}

.case-sort ul{width: 100%;height: auto;font-size: 0;}

.case-sort ul li{display: inline-block;vertical-align: top; background: #f7f7f7;z-index: 0;text-align: center; width: calc(25% - 22.5px);position: relative; margin-right: 30px;}

.case-sort ul li a{display: block;padding: 45px 5%;}

.case-sort ul li:nth-child(4n){margin-right: 0;}

.case-sort ul li .ico{width: 45px;margin:  0 auto; display: block;height: auto;}

.case-sort ul li b{margin-top: 30px; display: block;font-size: 34px;color: #000;}

.case-sort ul li p{width: 100%; font-family: "ML";color: #555;font-size: 16px;text-transform: uppercase;}

.case-sort ul li .line{width: 100%;left: 0;bottom: 0;height: auto;position: absolute;z-index: -1;}

.case-sort ul li:hover {background:#495771;}

.case-sort ul li:hover .line{display: block;}

.case-sort ul li:hover b{color:#26CAD3;}

.case-sort ul li:hover p{color: #FFFFFF;}





@media only screen and (max-width:1680px) {

	.case-sort ul li .ico{width: 40px;}

	.case-sort ul li b{font-size: 30px;}

}

@media only screen and (max-width:1440px) {

.case-sort ul li .ico{width: 35px;}

.case-sort ul li b{font-size: 26px;}

.case-sort ul li p{font-size: 15px;}

.case-sort ul li{width: calc(25% - 15px);margin-right: 20px;}

.case-sort ul li a{padding: 40px 5%;}

}

@media only screen and (max-width:1280px) {

.case-sort ul li .ico{width: 30px;}

.case-sort ul li b{font-size: 24px;}

.case-sort ul li a{padding:35px 5%;}

}

@media only screen and (max-width:1024px) {

.case-sort ul li b{font-size: 22px;margin-top: 25px;}

.case-sort ul li p{font-size: 14px;}

.case-sort ul li{width: calc(25% - 9px);margin-right: 12px;}

.case-sort ul li a{padding: 30px 5%;}

}

@media only screen and (max-width:720px) {

.case-sort ul li b{font-size: 18px;margin-top: 20px;}

.case-sort ul li p{font-size: 12px;}

.case-sort ul li{width: calc(50% - 5px);margin-right: 10px;}

.case-sort ul li:nth-child(2n){margin-right: 0;margin-bottom: 10px;}

.case-sort ul li a{padding:20px 5%;}

}





.case{width: 100%;height: auto;}

.case  ul{width: 100%;height: auto;font-size: 0;}

.case ul li{width: calc(50% - 25px);display: inline-block;vertical-align: top;  margin-right:50px; margin-bottom: 40px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden;height: auto;}

.case ul li:nth-child(2n){margin-right: 0;}

.case ul li .pic{overflow: hidden; width: 100%;height: auto;position: relative;z-index: 0;}

.case ul li .pic img{transition: all 0.5s ease;}

.case ul li .pic .line{z-index: 1; width: 100%;position: absolute;bottom: -1px;left: 0;height: auto;}

.case ul li .pic .line .img2{display: none;}

.case ul li .con{ width: 100%;height: auto;padding: 2% 5% 3% 5%;background: #FFFFFF;}

.case ul li .con .more{ margin-top: 30px; font-family: "ms";color: #26CAD3;display: block;font-size: 18px;}

.case ul li .con .more i{ width: 10px;display: inline-block;vertical-align: middle;}

.case ul li .con b{margin-bottom: 10px; display: block;width: 100%;color: #000000;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.case ul li .con .txt-c{width: 100%;height: 48px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.case ul li:hover .con{background: #495771;}

.case ul li:hover .pic .line .img2{display: block;}

.case ul li:hover .pic .line .img1{display: none;}

.case ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}

.case ul li:hover .con .time{color: #FFFFFF;}

.case ul li:hover .con b{color: #FFFFFF;}

.case ul li:hover .txt-c p{color:#FFFFFF}



@media only screen and (max-width:1680px) {

.case ul li .con b{font-size: 18px;}

.case ul li .con .more{font-size: 16px;}

.case ul li{width: calc(50% - 20px);margin-right: 40px;margin-bottom: 40px;}

}

@media only screen and (max-width:1440px) {

.case ul li .con b{font-size: 16px;}

.case ul li .con .more{font-size: 15px;}

.case ul li .con .txt-c{height: 45px;}

.case ul li{width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}

}

@media only screen and (max-width:1280px) {

	.case ul li{width: calc(50% - 10px);margin-right:20px;margin-bottom:20px;}

}

@media only screen and (max-width:1024px) {

.case ul li .con b{font-size: 15px;}

.case ul li .con .more{font-size: 14px;}

.case ul li .con .txt-c{height: 42px;}

	.case ul li{width: calc(50% - 5px);margin-right:10px;margin-bottom:10px;}

}

@media only screen and (max-width:720px) {

	.case ul li .con{padding: 20px 5% 15px 5%;}

	.case ul li .con .more i{width: 6px;}

}









.case-d{width: 100%;height: auto;}

.case-d .case-dl{width: 75%;padding-right: 5%;float: left;}

.case-d .case-dl h1{font-family: "SB"; color: #000000;font-size: 48px;}

.case-d .case-dl .txt-c{width: 100%;height: auto;padding: 35px 0;}

.case-d .case-dl .txt-c img{display: block;max-width: 100%;height: auto;}

.case-d .case-dl .keyword{width: 100%;height: auto;font-size: 0;}

.case-d .case-dl .keyword span{font-size: 16px;font-family: "SB";color: #000000;display: inline-block;vertical-align: middle;}

.case-d .case-dl .keyword a{font-family: "sl"; display: inline-block;font-size: 16px;color: #000000;padding: 2px 10px;vertical-align: middle;margin: 0 10px; background:#f6f6f8;}

.case-d .case-dl .pnv{width: 100%;height: auto;overflow: auto;padding-top: 40px; margin-top: 40px;border-top: 1px solid #ececec;}

.case-d .case-dl .pn{width:75%;float:left;padding-right: 5%; height: auto;}

.case-d .case-dl .pn a{ display: block;width: 100%;font-size: 16px;color: #000000;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;}

.case-d .case-dl .pn a:hover{color: #26CAD3;}

.case-d .case-dl .return{float: right;}



.case-d .case-dr{width: 25%;height: auto;float: right;}





.case-d .case-dr ul li{width: 100%;margin-bottom: 20px;}



.recom-case .title{text-align: center;}











@media only screen and (max-width:1680px) {

.case-d .case-dl h1{font-size: 45px;}

}

@media only screen and (max-width:1440px) {



.case-d .case-dl h1{font-size: 40px;}

.case-d .case-dl .keyword span{font-size: 15px;}

.case-d .case-dl .keyword a{font-size: 15px;}

}

@media only screen and (max-width:1280px) {



.case-d .case-dl h1{font-size: 35px;}

}

@media only screen and (max-width:1024px) {	



.case-d .case-dl h1{font-size: 30px;}

.case-d .case-dl{width: 100%;}

.case-d .case-dr{width: 100%;margin-top: 45px;}



.case-d .case-dl .keyword span{font-size: 14px;}

.case-d .case-dl .keyword a{font-size: 14px;margin-bottom: 10px;}

.case-d .case-dl .pn{width: 100%;height: auto;}

.case-d .case-dl .return{float: none;margin-top: 25px;}

.case-d .case-dr ul li{width: calc(50% - 10px);margin-right: 10px;margin-bottom: 10px;}

.case-d .case-dr ul li:nth-child(2n){margin-right: 0;}

}

@media only screen and (max-width:720px) {



.case-d .case-dl h1{font-size: 25px;}

}





.online{position: fixed;left: 0;top: 0; z-index: 999;}

.online .ico{ width: 50px;height: auto;}

.online .form-box{width:450px; position: fixed;bottom: 0;right: 0;  display: none;padding:35px;background: #FFFFFF;border-top: 5px solid #26CAD3;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.online .form-box .close{width:40px;height: auto;position: absolute;right: 5%;bottom: 35px;}



.online .form-box form{display: block; width: 100%;height: auto;overflow:hidden;}

.online .form-box form .c1{width: calc(50% - 7.5px); float: left;color: #000000; font-family: "MS","SR"; margin-right: 15px;margin-bottom: 15px;background: #FFFFFF;border: 1px solid #ECECEC;line-height:20px;padding: 10px;}

.online .form-box form .c2{margin-right: 0;}

.online .form-box form .c4{width: 100%;}

.online .form-box form .c3{width: 100%;height: 120px;font-family: "MS","SR";}

.online .form-box form .tj{line-height:30px;width: 80%;padding: 5px; border-radius:40px; background: #26CAD3;color: #FFFFFF;border: none;}



.online .form-box form .c1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-family: "MS","SR";color: #666;}

.online .form-box form .c1:-moz-placeholder, textarea:-moz-placeholder {font-family: "MS","SR";color: #666;}

.online .form-box form .c1:-ms-input-placeholder, textarea:-ms-input-placeholder {font-family: "MS","SR";color: #666;}



@media only screen and (max-width:1024px) {

	.online .form-box{width: 400px;}

}

@media only screen and (max-width:720px) {

	.online .form-box{width: 70%;padding: 25px 5% 30px 5%;}

	.online .form-box .close{bottom: 30px;}

	.online .form-box form .c1{font-size: 14px;width: 100%;margin-bottom: 5px;}

	.online .form-box form .c3{height: 90px;}

	.online .form-box form .tj{line-height: 25px;margin-top: 10px;}

	.online .form-box .close{width: 35px;}

	

}