@charset "utf-8";
/* CSS Document */
@import url("iconfont.css");
@import url("fancynav.min.css");
@import url("jquery.bxslider.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0; list-style: none;}
body{background: #fff; color:#000; font-family:'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;}
body,html{ height:100%; font-size:100%;font-size:14px;font-size:1rem; }
section,article,aside,body>header,footer,nav,dialog,figure{display:block;}
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
input,button,textarea,select{font:100% Arial,'微软雅黑'; vertical-align:middle;}
.nodispaly{ display:none;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none; transition:all 0.3s;}
a:hover {color:#045594; text-decoration:none;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}::-webkit-scrollbar{ width:8px;}::-webkit-scrollbar-thumb{background-color:#999;}
::selection{color:#fff;color:rgba(255,255,255,.85);background:#ea4c89}::-moz-selection{color:#fff;color:rgba(255,255,255,.85);background:#ea4c89}
.f72{font-size:6rem;}.f60{font-size:5.35rem;}.f48{font-size:3rem;}.f42{font-size:2.625rem;}.f36{font-size:2.25rem;}.f30{font-size:1.875rem;}.f28{font-size:1.75rem;}.f26{font-size:1.625rem;}.f22{font-size:1.375rem; font-size:22px;}.f20{font-size:1.25rem;}.f18{font-size:1.125rem; }.f14{  font-size:0.875rem;}.f12{ font-size:0.75rem; }
em{font-style: normal;}
.oh{overflow:hidden; height:auto;clear: both;}
.layout {margin: 0 auto; height:auto;  position:relative; width:1480px;}
header{ background:#fff;box-shadow: 0 1px 20px rgb(54 54 54 / 40%);  width:100%; position: fixed;top: 0;left: 0;z-index: 9;}
header .logo{ width:13%; float:left;cursor: pointer; margin-right:2%; padding:20px 0 0 0;}
header .logo img{ max-width:100%;}
header .adTop{ width:12%; float:left; height:60px; color:#045594;align-items:center; display: -webkit-flex; margin-left:1%; padding:15px 0;}
header .adTop i{font-size:25px;  margin-right:10px;}
.nav{float: left;height:auto; overflow:hidden;  padding:15px 0;}
.nav ul{}
.nav ul li{float:left;line-height:60px;text-align: center; text-transform:uppercase;}
.nav ul li a{display: block; margin:0 23px;  font-size:1.075rem;position:relative;}
.nav ul li a:after {content:'';bottom:1px;position:absolute;display:block;width:0;height:1px;background:#045594;transition:all .4s;}
.nav ul li.currelt a:after,.nav ul li a:hover:after {width:100%;}
.nav ul li.currelt a{ color:#045594;}
.nav li ul{position: absolute;top:80px;z-index: 999;background: rgba(255,255,255,1);width:11%;padding:10px 0 0 0;visibility: hidden;opacity: 0;transition: all 0.3s;box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);}
.nav li:hover ul{visibility: visible;opacity: 1;}
.nav li ul li{width:100%;text-align: center;text-transform:none; border-bottom:1px #ededed solid; line-height:40px;}
.nav li ul li a{border-top: 0 none;padding:0; margin:0; }
.nav li ul li a:hover{padding-left:25px;}
.nav li:hover ul li a{font-family: 'Conv_PraxisEF-Light_0';font-weight: normal;border-top: 0 none;}
.demo-buttons{width: 60px;height:63px;text-align: center;line-height:63px;position: absolute;right: 0px;top: 0px;display: none;}
.demo-buttons i{display: block;}

header .listdownmenu{ width:6%; float: right; background:#045594; height:90px; line-height:90px; text-align:center; position:relative;}
header .listdownmenu i{ color:#fff !important; font-size:40px;}
header .listdownmenu .submenu{position: absolute; right:0px;top:90px;width:900px;background: #045594;box-shadow: 0 0 5px rgba(0,0,0,0.1);line-height: 50px;padding:50px 0 70px 0;display: none; float:left; z-index:99; color:#fff;}
header .listdownmenu:hover .submenu{display: block;}
header .listdownmenu .submenu a{ color:#fff;}
header .listdownmenu .submenu ul{}
header .listdownmenu .submenu ul li{ width:30.333%; float:left; padding-left:3%;}
header .listdownmenu .submenu ul li h2{ text-align:left; font-size:20px;}
header .listdownmenu .submenu ul li a{ width:124px; float:left; text-align:left; line-height:35px; font-size:14px;}

/* banner */
.banner{ clear:both;}
.flexslider{ position:relative; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px; height:auto;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:100px; height:5px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #045594; cursor: default;}

.juone{ padding:8% 0 4% 0; height:auto; overflow:hidden;}
.juone h1{ font-size:36px; padding-bottom:15px;}.juone .txst{ color:#999; font-size:13px; width:60%; float:left; line-height:22px; display:block;}
.advantage-list{width: 100%;display: table;overflow: hidden; padding-top:3%; height:auto; }
.advantage-list li{width: 22%;float: left;box-sizing: border-box;padding: 60px 40px 54px 40px;background: #fff;transition: all ease .3s;border-radius: 3px;margin: 0 3.125% 0 0.5%;}
.advantage-list li i{ display:block;}
.advantage-list li .title {font-size: 24px;color: #222;line-height: 36px;font-weight: bold;margin-bottom: 28px;transition: all ease .3s; margin-top:30px; padding-left:15px;}
.advantage-list li .txt {color: #666;font-size: 14px;line-height: 24px;transition: all ease .3s; padding-left:15px;}
.advantage-list li .link { padding-left:15px;width:0;height:10px;margin-top:45px;background:url(../images/icon16.png) right center no-repeat;transition:all ease .3s;}
.advantage-list li:hover .link {width:48px;}
.advantage-list li:nth-child(4n) {margin:0 0 0 8px;}
.advantage-list li:hover {background:#045594;}
.advantage-list li .icon {width:100%;height:100px;transition:all ease .3s;}
.advantage-list li:hover .title,.advantage-list li:hover .txt,.advantage-list li a:hover{	color:#fff;}.advantage-list li i:hover,.advantage-list ul:hover{color:#fff; display:block;}
.advantage-list li:hover i{ color:#fff;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.jutwo{  height:auto; overflow:hidden; margin-top:3%;}
.jutwo h1{ text-align:center; font-size:56px; color:#fff; padding-top:5%;}.jutwo .span{ text-align:center; color:#fff; padding:20px 0 80px 0; }
.boxer{ height:auto; overflow:hidden;}
.boxer li{ width:33.5%; float:left; background:#fff; margin-right:5%; padding:3% 7%;}
.boxer li:nth-child(2n) {margin:0 0 0 0;}
.jtleft{ float:left;} .jtright{ float:left; margin-left:50px; margin-top:15px; }.jtright span{  color:#6a6a6a;}.jtright h2{ padding-bottom:6px;}

.in_website{ background:#f8f8f8; padding:6% 0;}
.in_website .xiaomu{ text-align:center; margin-bottom:35px;}
.in_website .xiaomu P{ font-size:56px; margin-bottom:10px;}
.in_website .xiaomu span{ color:#999;}
.slideTxtBoxrt{margin:auto; height:auto; overflow:hidden; }
.slideTxtBoxrt .hd{ width:300px; height:auto; overflow:hidden; float:left; margin:10px; position: absolute;  z-index:99; }
.slideTxtBoxrt .hd ul{}
.slideTxtBoxrt .hd ul li{ cursor:pointer; margin-bottom:10px; background:rgba(255,255,255,0.9); padding:51.9px 0; text-align:center; font-size:22px;  }
.slideTxtBoxrt .hd ul li.on{ background:rgba(5,148,211,0.9);}
.slideTxtBoxrt .hd ul li.on a{ color:#fff; }

.slideTxtBoxrt .bd{width:100%; float:left; min-height:500px; overflow:hidden; margin-top:0px;} 
.slideTxtBoxrt .bd ul{ }
.slideTxtBoxrt .bd ul li{ width:100%; float:left; margin-right:0%; height:auto; overflow:hidden; position:relative; background:rgb(255,255,255);}
.slideTxtBoxrt .bd ul li .pic{ overflow: hidden; position:relative; float:left; width:55%;}
.slideTxtBoxrt .bd ul li .pic img{ max-width:100%;  transition:all 0.5s;}
.slideTxtBoxrt .bd ul li .pic:hover img{ transform:scale(1.1);}
.slideTxtBoxrt .bd ul li .txt{ width:31%; float:right; padding:7%;}
.slideTxtBoxrt .bd ul li .txt h3{ margin-bottom:10%;}
.slideTxtBoxrt .bd ul li .txt p{ line-height:2.1; color:#666;}

.sallmore{   margin-top:15%;}
.sallmore a { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 140px; line-height:45px;  position: relative;display: inline-block;  background:#fff; border-radius:50px; background:#f2f2f2;}
.sallmore a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.sallmore a span { display: block; position: relative; z-index: 9; background: url(../images/new_Case10.png) no-repeat 85% center; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; padding-left:30px;}
.sallmore a:hover span { color: #fff; background: url(../images/new_Case11.png) no-repeat 80% center; }
.sallmore a:hover:after { width: 100%; background-color: #0093dd; color: #fff; border-radius:50px;  }

.in_case{ padding:4% 0; height:auto; overflow:hidden;}
.in_case .xbtitle{ font-size:24px;}
.index-case-list {width: 100%;display: table;margin-top: 40px;}
.index-case-list li { background:#fff;width:32.5%;float:left;margin-right:1.25%;margin-bottom:20px;}
.index-case-list li:nth-child(3n) {margin-right:0;}
.index-case-list li:hover {box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.index-case-list li .img {width:100%;overflow:hidden;}
.index-case-list li .img  img {width:100%;-moz-transition: all 0.5s linear;-o-transition:  all 0.5s linear;transition: all 0.5s linear;}
.index-case-list li:hover .img img {-webkit-transform:  scale(1.05) ; -moz-transform: scale(1.05) ; -ms-transform: scale(1.05);     -o-transform:  scale(1.05) ; transform:  scale(1.05);}
.index-case-list li .tbox {width:100%;box-sizing:border-box;border:1px solid #f5f5f5;border-top:none;padding:20px 30px 0;}
.index-case-list li .tbox .title {width:100%;position:relative;line-height:36px;}
.index-case-list li .tbox .title .t1 {font-size:22px;color:#222;}
.index-case-list li .tbox .title .t2 {font-size:14px;color:#666; padding:5px 0 20px 0;}
.index-case-list li .tbox .title .icon {position:absolute;right:0;top:20px;}
.index-case-list li .tbox .title .icon span {display:inline-block;width:18px;height:16px; color:#999;margin-left:10px;}
.index-case-list li .tbox .title .icon a {display:inline-block;width:18px;height:16px;margin-left:10px;}
.index-case-listmore{  margin:55px auto 0 auto;width: 223px;  }
.index-case-listmore a { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 223px; line-height:70px;  font-size:26px; position: relative;display: inline-block; background:#eee; }
.index-case-listmore a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.index-case-listmore a span { display: block; position: relative; z-index: 9; background: url(../images/new_Case10.png) no-repeat 85% center; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; padding-left:35px; }
.index-case-listmore a:hover span { color: #fff; background: url(../images/new_Case11.png) no-repeat 80% center; }
.index-case-listmore a:hover:after { width: 100%; background-color: #0093dd; color: #fff; }
.infanan{ background: #045594 url(../images/bg.png) no-repeat top center; margin-top:2%; padding:4% 0;}
.dliup{ margin-bottom:4%;height:auto; overflow:hidden;}
.dliup ul{padding:0;color: #FFF;text-align: center;}
.dliup li{float: left;width: 25%;}
.dliup li span{font-size: 80px;font-family: 'Impact','Humnst777 Blk BT';}
.dliup li p{padding-top: 20px;font-size: 18px;}
.jx_fanan{ height:auto; overflow:hidden;background: #373737; display:table;}
.jx_fanan .img{ width:60%; float:left;}
.jx_fanan .img img{ max-width:100%;}
.jx_fanan .tbox {width:35%;float: left;padding: 5.5% 0 0 5%;display: inline-block;}
.jx_fanan .tbox .title {font-size: 36px;font-weight: bold;color: #fff;line-height: 1;margin-bottom: 20px;}
.jx_fanan .tbox .txt {max-width: 475px;font-size: 14px;line-height: 28px;color: #fff;}
.jx_fanan .tbox .list {width: 100%;margin-top: 53px;}
.jx_fanan .tbox .list li {float: left;margin: 0 20px 20px 0;}
.jx_fanan .tbox .list li a {line-height: 36px;border: 1px solid #bbb;border-radius: 19px;display: block;padding: 0 21px;font-size: 14px;color: #bbb;transition: all ease .3s;}

.container {margin-right: auto;margin-left: auto;}
.contain-header{position: relative; overflow: hidden; background-color: rgba(42, 42, 42, 0.9);}
.main-header {min-height: 60vh;display: block;color: #fff;}
video#bgvid {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: url(../images/clouds.jpg) no-repeat;background-size: cover;}
video {display: block;}
.logo2 {margin: 0;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);}
.juthree{ margin:4% 0 3% 0; height:auto; overflow:hidden;}
.juthree h2,.jusix h2{ text-align:center; font-size:40px; font-weight:500;}
.juthree .set,.jusix p{ text-align:center; color:#999; font-size:14px; text-transform:uppercase;}
.juthree .nwer{ margin-top:3%;}
.juthree .nwer .nest{ width:28%; float:left;}
.juthree .nwer .nest .pic{ position:relative; height:auto; overflow:hidden;}
.juthree .nwer .nest .pic img{width:100%;-moz-transition: all 0.5s linear;-o-transition:  all 0.5s linear;transition: all 0.5s linear;}
.juthree .nwer .nest p{ font-size:18px; padding:17px 0;}
.juthree .nwer .nest .soe{ color:#999; line-height:25px;}
.juthree .nwemid{ width:38%; float: left; margin:0 3%;}
.juthree .nwemid ul{}
.juthree .nwemid ul li{ width:100%; margin-bottom:6%;}
.juthree .nwemid ul li .pic{ width:28%; float:left; margin-right:2%;}
.juthree .nwemid ul li .pic img{ max-width:100%;}
.juthree .nwemid ul li .nmright{ width:70%; float:right;}
.juthree .nwemid ul li .nmright h3{}
.juthree .nwemid ul li .nmright p{ color:#999; line-height:23px; font-size:15px; padding:10px 0;}
.juthree .nwemid ul li .nmright span{ color:#999; font-size:12px;}

.jusix{ background:#f6f6f6; padding:4% 0;}
.jsix{ max-width:1280px; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.jsix ul{}
.jsix ul li{ width:18%; float:left; margin-right:2%; margin-bottom:2%;}
.jsix ul li img{ width:100%;}

.footbg{ background:#045594; color:#fff; padding:4% 0;}
.footbg .left{ width:25%;float:left; margin-right:8%; overflow:hidden;}
.footbg .left .top{ border-bottom:1px #155b92 solid; padding-bottom:15px;overflow:hidden;}
.footbg .left .top .icon{ width:40px; float:left;overflow:hidden; margin-right:10px;}
.footbg .left .top .txt{ float:left; width:50%;overflow:hidden;}
.footbg .left .top .txt p{ font-size:18px; line-height:16px;}
.footbg .left .top .txt span{ font-size:12px;}
.footbg .left .nont{ margin-top:25px; height:auto; overflow:hidden;}
.footbg .left .nont span{ font-size:14px; display:block; color:#bfe2fe;}
.footbg .left .nont strong{ font-size:24px; margin-bottom:15px; display:table;}
.footbg .left .nont p{ line-height:2; font-size:0.85rem; color:#bfe2fe;}
.footbg .mid{ width:38%;  float:left; margin-right:8%;}
.footbg .mid .top{ border-bottom:1px #155b92 solid; padding-bottom:15px;overflow:hidden;}
.footbg .mid .top .icon{ width:40px; float:left;overflow:hidden; margin-right:10px;}
.footbg .mid .top .txt{ float:left; width:50%;overflow:hidden;}
.footbg .mid .top .txt p{ font-size:18px; line-height:16px;}
.footbg .mid .top .txt span{ font-size:12px;}
.footbg .mid .nons{margin-top:25px; height:auto; overflow:hidden;}
.footbg .mid .nons ul{}
.footbg .mid .nons ul li{ width:25%; float:left; }
.footbg .mid .nons ul li p{line-height:2; font-size:0.85rem;}
.footbg .mid .nons ul li p a{ color:#bfe2fe;}
.footbg .mid .nons ul li p a:hover{ color:#fff;}
.footbg .right{ width:21%; float:left;}
.footbg .right .top{ border-bottom:1px #155b92 solid; padding-bottom:15px;overflow:hidden;}
.footbg .right .top .icon{ width:40px; float:left;overflow:hidden; margin-right:10px;}
.footbg .right .top .txt{ float:left; width:50%;overflow:hidden;}
.footbg .right .top .txt p{ font-size:18px; line-height:16px;}
.footbg .right .top .txt span{ font-size:12px;}
.footbg .right .ewm{margin-top:25px; height:auto; overflow:hidden;}
.footbg .right .ewm .img{ width:120px; float:left; margin-right:10%;}
.footbg .right .ewm .img img{ max-width:100%;}
.footbg .right .ewm .img p{line-height:2.5; font-size:0.85rem; text-align:center;}

 
.ftbg{ border-bottom:1px #155b92 solid; border-top:1px #155b92 solid; padding:3% 0; margin-top:5%;}
.ftbg p{line-height:1.7; font-size:0.85rem; text-align:center;color:#bfe2fe;}
.copy{ text-align:center;  margin-top:3%;color:#bfe2fe;line-height:1.7; font-size:0.85rem;}

/*客服*/
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#f50;display:none;}
.suspension .a-top:hover{background:#F05352;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/***************内页css***************/
.nybanner {position: relative; width: 100%; margin: 0 auto; height: auto; overflow:hidden; text-align:center; font-size:2.35rem;color:#fff; font-weight:bold; }
.nybanner p{padding-top:10%; position:absolute; left:0; bottom:60px; }
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1,1);}
.postions {line-height: 75px;overflow: hidden;color:#999;font-size: 14px; background:#f9f9f9;}
.postions .postions_r { float:left;}
.postions .postions_r img {vertical-align: baseline;margin-right: 8px;height: 12px;}
.postions a {color: #999999;}.postions .postions_r a:hover{color:#005da8;}
.postions .postions_b {float: right; position:relative;}
.postions .postions_b a.isel {color: #005da8;}
.postions .postions_b a {float: left;margin-left: 38px;text-align: center;overflow: hidden;font-size: 16px;color: #333333;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a.isel:after {left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:after {content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;opacity: 0;background-color: #005da8;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover{color:#005da8;}

.aboutbox{ padding:4% 0;}
.aboutbox .left{ width:100%; float:left;}
.aboutbox .left h2{ font-size:2rem; margin-bottom:25px;}
.aboutbox .left p{ line-height:1.7;}
.aboutbox .right{ width:35%; float:right;}
.aboutbox .right img,.aboutbox .left img{ max-width:100%;}

.aboutxg{ background:#f9f9f9; padding:4% 0;}
.aboutxg ul{ border:1px #eee solid; background:#fff;}
.aboutxg ul li{ border-bottom:1px #eee solid; border-right:1px #eee solid; width:49.96%; float:left; min-height:361px;}
.aboutxg ul li:nth-child(2){border-right:0px #eee solid; }
.aboutxg ul li:nth-child(3){border-right:1px #eee solid; border-bottom:0px #eee solid;}
.aboutxg ul li:nth-child(4){border-right:0px #eee solid; border-bottom:0px #eee solid;}
.aboutxg ul li .pic{ padding:40px 0 30px 40px;}
.aboutxg ul li .title{ font-size:1.55rem; padding-left:40px; margin-bottom:20px;}
.aboutxg ul li  p{ line-height:1.7; font-size:0.85rem; padding: 0 40px 40px 40px; color:#666;}
.aboutxg span,.boxzx span,.kuaishu span{ line-height:2; color:#999; text-align:center; display:block; margin-bottom:36px;}
.asdrtxg{ background:#f9f9f9;}
.asdrtxg .leftst{ width:35%; float:left; padding:120px 0 0 10%;}
.asdrtxg .leftst h3{font-size:2rem; margin-bottom:25px;}
.asdrtxg .leftst p{ line-height:1.9; margin-bottom:2em;}
.asdrtxg .thumb {float: right;width: 50%;margin-left: 82px;}

.contactxg{ background:#f9f9f9; padding:4% 0;}
.contactxg ul{ margin-right:-4%;}
.contactxg ul li{width:29.333%; float:left; background:#fff; margin-right:4%; min-height:262px;}
.contactxg ul li .box{ padding:5%;}
.contactxg ul li .box .ts{ font-size:24px; font-weight:500; margin-bottom:15px;}
.contactxg ul li .box p{ line-height:2;}

.gaiban,.kuaishu{ padding:4% 0;}
.gaiban h2,.aboutxg h2,.boxzx h2,.kuaishu h2{ text-align:center; margin-bottom:35px;}
.gaiban p{ line-height:2; color:#999; text-align:center; display:block; margin-bottom:36px;}
.gaiban p img,.xysbox p img{ max-width:100%; display:block; margin:auto; clear:both;}
.gaiban ul{ margin-top:50px;}
.gaiban ul li{ width:25%; float:left;}
.gaiban ul li .pic{ position:relative;}
.gaiban ul li .pic img{ display:block; margin:auto; clear:both; transition:all 1s;}
.gaiban ul li .pic:hover img{transform:rotateY(180deg);/*将图片按Y轴180度旋转*/}
.gaiban ul li .txt{ padding:30px; line-height:1.5; text-align:center;}

.xysbox{ background: url(../images/exploit-img03.jpg) no-repeat center top; padding:4% 0;}
.xysbox h3,.xysbox h4{ text-align:center; color:#fff; margin-bottom:20px;}
.xysbox h3 span{ color:#f67524;}
.xysbox p{ color:#999; margin-top:60px; line-height:2; text-align:center;}

.website_ul2{ margin-top:35px; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
.website_ul2 ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a; padding-bottom:32px;}
.website_ul2 ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;}
.website_ul2 ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;}
.website_ul2 ul li .cons{ overflow:hidden; background:#f67524; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.website_ul2 ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px;  height:147px;background:url(../images/2018/case/website_bg6.png) left bottom  no-repeat; }
.website_ul2 ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;}
.website_ul2 ul li .cons .divs p{margin-top:0px; text-align:left;}
.website_ul2 ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#ffdac2; font-size:16px;}
.website_ul2 ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}
.aboutxgs{ background:#f8f8f8; padding:4% 0 0 0;}
.aboutxgs h2{ text-align:center; margin-bottom:50px;}.aboutxgs .left{ float:left; width:50%;}
.aboutxgs .right{ background:#b5d3db;float:left; width:50%;}
.boxzx{ background:#f9f9f9; padding:4% 0;}
.ulBox{ display: flex;justify-content: center; width: 100%;flex-wrap:wrap;}
.boxuo{}
.boxuo ul{  margin-top:1%; margin-right:-2%;}
.boxuo ul li{ height:auto; overflow:hidden; background:#fff; margin-right:2%; padding:2%; margin-bottom:2%; float:left; width:27%; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.boxuo ul li h3{ font-size:24px; }
.boxuo ul li h4{ color:#F06; margin:10px 0;}
.boxuo ul li p{line-height:1.7;  position:relative; color:#999;}
.kuaishu{}
.kuaishu ul { margin-right:-3%;}
.kuaishu ul li{ width:21.7%; float:left; margin-right:3%;box-shadow: 0 0 10px rgba(0,0,0,0.1); background:#fff; padding:3% 0;}
.kuaishu ul li .pic{ position:relative;}
.kuaishu ul li .pic img{ display:block; margin:auto; clear:both;}
.kuaishu ul li h3{ text-align:center; padding:30px 0;}
.kuaishu ul li p{ line-height:1.7; padding:0 20px; text-align:center;}

.boxiyu{ background:url(../images/web-marking-img04.jpg) no-repeat center center; padding:4% 0;}
.boxiyu h2{ text-align:center; color:#fff;}
.boxiyu span{ text-align:center; color:#fff; display:block; margin-top:25px;}
.boxiyu ul{ width:80%; margin:auto; display:table; background:#fff; margin-top:4%; padding:5% 3%;}
.boxiyu ul li{ width:15.3%; float:left; border-right:1px #333 solid; padding-left:30px; padding-right:30px; min-height:200px; padding-top:25px;}
.boxiyu ul li:nth-child(1){ padding-left:0px;}
.boxiyu ul li:nth-child(5){ border-right:0px #333 solid;}
.boxiyu ul li h3{ margin-bottom:10px;}
.boxiyu ul li p{ margin:20px 0 0 0;}

.morw{ width:210px; margin:50px auto 0 auto; padding:15px; background:#f50; text-align:center; color:#fff; border-radius:50px;}
.morw a{ color:#fff;}

.boxirs{ margin-bottom:7%;}
.boxirs ul{ }
.boxirs ul li{ height:auto; overflow:hidden; background:#f2f2f2;float:left; width:33.333%;}
.boxirs ul li:nth-child(2n){background:#ededed;}
.boxirs ul li .inner{ padding:40px 60px;}
.boxirs ul li .inner .pic{margin-bottom: 17px;}
.boxirs ul li .inner h3 {margin-bottom: 24px;font-size: 24px;line-height: 30px;color: #333;}
.boxirs ul li .inner p {font-size: 16px;line-height: 24px;color: #666;display: -webkit-box;height: 100px;line-height: 24px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.sj{ background:url(../images/exploit-img03.jpg) no-repeat top center; padding:10% 0 0 0;}
.sj .imgleft{ width:35%; float:left;}
.sj .imgleft img{ max-width:100%; vertical-align:middle;}
.sj .boxright{ width:60%; float:right;}
.sj .boxright h2{ color:#fff; margin-bottom:30px;}
.sj .boxright p{ line-height:2; color:#fff;}
.sj .boxright dl{ height:auto; overflow:hidden; margin:3% 0 0 0;}
.sj .boxright dl dd{ width:84px; float:left; padding:0 44px 35px 0; }
.sjone{ padding:4% 0;}
.sjone ul{}
.sjone ul li{ width:33.333%; float:left;}
.sjone ul li .pic,.sjtwo .pic{ position:relative;}
.sjone ul li .pic img,.sjtwo .pic img{ display:block; margin:auto; clear:both; max-width:100%;}
.sjone ul li h3{ text-align:center; margin:3% 0;}
.sjone ul li h4{ text-align:center; margin-bottom:20px;}
.sjone ul li p{ line-height:1.7; text-align:center; padding:0 30px; color:#888;}
.sjtwo{ background:url(../images/paiky-att-img06.jpg) no-repeat top center; padding:4% 0 0 0;}
.sjtwo h2{ text-align:center; line-height:1.5; color:#fff; margin-bottom:21px;}
.sjtwo p{ text-align:center; line-height:1.8; color:#fff;}
.sjtwo .pic{ margin-top:85px;}
.sjsan{ padding:4% 0;}
.sjsan h2,.xcx h2,.xcxone h2{ text-align:center;}
.sjsan ul{ margin:5% 0 0 0;}
.sjsan ul li{ width:25%; float:left;}
.sjsan ul li .pic{ position:relative;}
.sjsan ul li .pic img{ display:block; margin:auto; clear:both; max-width:100%;}
.xcx{ padding:4% 0;}.xcx p{ text-align:center; line-height:1.7; color:#777; margin-top:15px;}
.xcx ul {margin-top: 45px;overflow: hidden;}
.xcx ul li{ width:23.5%; float:left; margin-right:2%; overflow:hidden;}
.xcx ul li:nth-child(4n+0){ margin-right:0;}
.xcx ul li .imgs{ overflow:hidden;}
.xcx ul li .imgs img{ display:block;width:100%;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.xcx .h2{font-weight:normal; line-height:30px; overflow:hidden; font-size:18px; color:#555555; max-width:286px; margin:0 auto; margin-top:17px;}
.xcx ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.xcxone{ background:#f9f9f9; padding:4% 0;}
.xcxone ul li{ width:16.66%; float:left; text-align:center; overflow:hidden;position:relative; margin-top:3%;}
.xcxone ul li .imgs{ overflow:hidden;transition:all 0.6s; max-width:125px; width:60%; margin:0 auto; }
.xcxone ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.xcxone ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:20px; color:#222222; margin-top:19px;}
.xcxone ul li .p{ line-height:24px; overflow:hidden; max-width:136px; margin:0 auto; color:#888888; font-size:14px;}
.xcxone ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.xcxone ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.xcx_bg3{ background-color:#f8f8f8; overflow:hidden; padding:4% 0;}
.xcx_bg3 .xcx_title{ text-align:center;}
.xcx_bg3 .xcx_title_txt{ text-align:center; line-height:2;}
.xcx_bg3 .xcx_ul4{ padding-top:40px; overflow:hidden;}
.xcx_bg3 .xcx_ul4 ul li{ width:31.25%; float:left; margin-right:3.125%;margin-bottom:3.125%;text-align:center; overflow:hidden; background-color:#67c169; padding-top:79px; padding-bottom:50px; border-radius:8px;}
.xcx_bg3 .xcx_ul4 ul li:nth-child(2){ background-color:#6b59bd;}
.xcx_bg3 .xcx_ul4 ul li:nth-child(3){ background-color:#ff9c17;}
.xcx_bg3 .xcx_ul4 ul li:nth-child(3n+0){ margin-right:0;}
.xcx_bg3 .xcx_ul4 ul li .imgs{ position:relative; width:175px; margin:0 auto; }
.xcx_bg3 .xcx_ul4 ul li .imgs img{ display:block; width:175px; height:175px;transition:all 0.6s;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs{ z-index:-1;  border-radius:50%; position:absolute; width:175px; height:175px; left:0; top:0;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs.bgs1{background-color:#83ce85;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs.bgs2{background-color:#7967cc;}
.xcx_bg3 .xcx_ul4 ul li .imgs .bgs.bgs3{background-color:#fdb34f;}
.xcx_bg3 .xcx_ul4 ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:24px; color:#fff; margin-top:29px;}
.xcx_bg3 .xcx_ul4 ul li .p{ line-height:24px; overflow:hidden; max-width:288px; margin:0 auto; color:#fff; font-size:16px; margin-top:6px;}
.xcx_bg3 .xcx_ul4 ul li em{ display:block; width:150px; height:46px; line-height:46px;  background-color:#ffd132; border-radius:20px; font-size:14px; color:#333; font-style:normal; margin:0 auto;margin-top:30px;transition:all 0.3s;}
.xcx_bg3 .xcx_ul4 ul li:hover .imgs .bgs{animation:rounds1 1.5s; -webkit-animation:rounds1 1.5s linear;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:0.01s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.01s;}
.xcx_bg3 .xcx_ul4 ul li:hover em{opacity:0.9;filter:Alpha(opacity=90);}
.xcx_bg3 .xcx_ul4 ul li:hover{ -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.07); box-shadow: 0 5px 25px rgba(0,0,0,0.07);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.xcx_bg3 .xcx_ul4 ul li:hover .imgs img{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);} 

.domainbox{ background:url(../images/domainbx.jpg) no-repeat top center; padding:8% 0 4% 0;}
.domainbox h2,.webhosttwo h2{ text-align:center;}
.table2 {border-left: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;width: 100%;text-align: center;margin-top: 50px;}
table,tr,td{ padding:0; margin:0;}
.table2 th {border-top: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;font-size: 16px;color: #505050;background: #dedede;line-height:1.7; padding:15px 0;font-weight: normal;}
.table2 td {font-size: 12px;color: #666;text-align: center;line-height:1.7; padding:15px 0;border-right: 1px solid #c9c9c9;border-top: 1px solid #c9c9c9;background: #fff;}
.domainbox ul{margin-right:-3%; margin-top:3%;}
.domainbox ul li{ width:30.333%; float:left; margin-right:3%; background:#f9f9f9; padding:5% 0;}
.domainbox ul li .pic{ position:relative;}
.domainbox ul li .pic img{ display:block; margin:auto; clear:both;}
.domainbox ul li h3{ text-align:center; padding:15px 0;}
.domainbox ul li p{ text-align:center; color:#999; padding:0 10%;}

.webhosting{ background:url(../images/17cloud-10.jpg) no-repeat top center; padding:5% 0 3% 0; margin-top:50px;}
.webhosting h2{ text-align:center; color:#fff; margin-bottom:25px;}
.webhosting p{ text-align:center; color:#fff; line-height:1.7;}
.webhostone{ background:#f9f9f9; height:auto; overflow:hidden; padding:4% 0;}
.webhostone h2,.webhostther h2{ text-align:center; margin-bottom:10px;}
.webhostone p,.webhostther p{ text-align:center; color:#999; line-height:2;}
.webhostone ul{ margin-right:-2%; margin-top:3%;}
.webhostone ul li{ width:19%; float:left; height:auto; overflow:hidden; margin-right:2%; background:#fff; padding:3% 2%; margin-bottom:30px;}
.webhostone ul li h3{ text-align:center; border-bottom:1px #f2f2f2 solid; margin-bottom:25px; padding-bottom:25px;}
.webhostone ul li .boxr{ height: auto; overflow:hidden;}
.webhostone ul li .boxr dl {float: left;width: 33%;text-align: center;border-left: 1px solid #f2f2f2;line-height: 1.7; margin-bottom:25px;}
.webhostone ul li .boxr dl:first-child{ border:0;}
.webhostone ul li .boxr dl dt{color: #333;}
.webhostone ul li .boxr dl dd{ color:#666;}
.webhostone ul li p{ text-align:left ;}
.cloudHosting-xg-pri{text-align: center; border-top:1px #f2f2f2 solid; margin-top:15px; padding-top:15px;}
.cloudHosting-xg-pri p{ text-align:center !important;}
.cloudHosting-xg-pri b {color: #ff6800;font-size: 16px;font-weight: normal;}
.cloudHosting-xg-pri span {color: #ff6800;font-size:36px; font-family:Impact, Times, serif}
.boxir{ background:#f50; color:#fff; text-align: center; padding:12px 0; margin-top:25px;}
.boxir a{ color:#fff;}
.webhosttwo{ padding:4% 0;}.webhosttwo p{ text-align:center; color:#999; line-height:1.7;}
.webhosttwo ul{ margin-top:3%;}
.webhosttwo ul li{ width:33.333%; float:left;padding:3% 0;}
.webhosttwo ul li .pic{ position:relative;}
.webhosttwo ul li .pic img{ display:block; margin:auto; clear:both;}
.webhosttwo ul li h3{ text-align:center; padding:15px 0;}
.webhosttwo ul li p{ text-align:center; color:#999; padding:0 15%;}
.webhostther{ background:#f9f9f9; padding:4% 0;}
.webhostther ul{ margin-top:50px;}
.webhostther ul li{ border-bottom:1px #eee solid; padding-bottom:35px; margin-bottom:35px;}
.webhostther ul li .box{ position:relative;}
.webhostther ul li .box .wds{width: 33.33333%; float:left; margin-top:30px;}
.webhostther ul li .box .wds .contax-x{display: block;border-left: 2px solid #ff6a00;padding-left: 13.4px;}
.webhostther ul li .box .wds .contax-x h4{ margin-bottom:10px;}
.webhostther ul li .box .wds .contax-x span{ width:93%; display:block; color:#999; line-height:1.7;}

.website{ height:auto; overflow:hidden; padding:4% 0;}
.website h2{ text-align:center;}
.website .wzwz{ color:#999; text-align:center; line-height:1.7; margin-top:15px; margin-bottom:4%;}
.website .dsbox{ margin:0% 0 5% 0; height:auto; overflow:hidden;}
.website .dsbox ul{ margin-right:0%;}
.website .dsbox ul li{ width:33.333%; float:left;overflow:hidden; height:auto; margin-right:0%;transition:all 0.3s; padding:20px 0;}
.website .dsbox ul li .pic{ position:relative; overflow:hidden;}
.website .dsbox ul li .pic img{ max-width:100%; display:block; margin:auto; clear:both; transition:all 0.3s;}
.website .dsbox ul li .pic:hover img{ transform:scale(1.1,1.1);}
.website .dsbox ul li h4{ padding:20px 0;text-align:center}
.website .dsbox ul li a:hover h4{ color:#045594;}
.website .dsbox ul li p{ line-height:1.7;color:#929292; padding:0 25px; }
.website .dsbox ul li:hover{cursor:pointer;transform:translate(0,-10px);}

.shouhou{  padding:4% 0 0 0;}
.boxirss{ margin-bottom:7%;}
.boxirss ul{ }
.boxirss ul li{ height:auto; overflow:hidden; background:#f9f9f9;float:left; width:25%;}
.boxirss ul li:nth-child(2),.boxirss ul li:nth-child(4),.boxirss ul li:nth-child(5),.boxirss ul li:nth-child(7){background:#f1f1f1;}
.boxirss ul li .inner{ padding:40px 60px;}
.boxirss ul li .inner .pic{width:120px; height:120px; background:#fff; margin:0 auto 17px auto; border-radius:100px;text-align:center;display:table;}
.boxirss ul li .inner .pic img{display:inline-block; }
.boxirss ul li .inner h3 {margin: 20px 0;font-size: 24px;line-height: 30px;color: #333; text-align:center;}
.boxirss ul li .inner p {font-size: 16px;line-height: 24px;color: #666;display: -webkit-box;height: 50px;line-height: 24px;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.cade{ background:#f9f9f9; padding:4% 0;}
.info-img img{margin: auto;box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%); display:block; clear:both; max-width:100%;}

.news {background:#f7f7f7;padding:50px 0 80px;}
.news .list1 {margin:auto;}
.news .list1 li {background:#fff;float:left;width:32.5%;margin-right:1.25%;margin-bottom:20px;}
.news .list1 li:nth-child(3n) {margin-right:0;}
.news .list1 li a{display: block;}
.news .list1 li .tbox {width:100%;height:240px;box-sizing:border-box;padding:0 30px;transition:all ease .3s;}
.news .list1 li .tbox:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.news .list1 li .tbox a {display:inline-block;width:100%;}
.news .list1 li .tbox .time {font-size:48px;font-weight:bold;line-height:50px;font-family: 'sheepsansbold';color:#999;padding:22px 0 15px;background:url(../images/icon20.png) right 54px no-repeat;border-bottom:1px solid #dbdbdb;transition:all ease .3s;}
.news .list1 li .tbox .time span {font-size:16px;line-height:20px;display:block;}
.news .list1 li .tbox:hover .time {color:#222;}
.news .list1 li .tbox .titles {font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .list1 li .tbox .txts {font-size:14px;line-height:24px;color:#666;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .nleft{ width:64%; float:left; padding:4%; background:#fff;}
.news .nleft h3{}
.news .nleft span{ border-bottom:1px #eee solid; display:block; color:#999; margin:15px 0; padding-bottom:20px;}
.news .nleft p{ color:#333; line-height:1.7; padding:15px 0;}
.news .nleft p img{ max-width:100%; margin:0 auto 15px auto; clear:both;display:block;}
.news .nleft .clickbox {border-top: 1px solid #eee;color: #999;line-height: 30px;font-size: 14px;position: relative;margin-top: 34px;padding-top: 20px;}
.news .nleft .clickbox a {color:#666;}
.news .nleft .clickbox a:hover {color:#222;}
.news .nright{ width:25%; float:right; background:#fff;}
.news .nright ul{ margin:5%;}
.news .nright ul li{ position:relative;}
.news .nright ul li img{ max-width:100%; display:block; margin:auto; clear:both;}
.news .nright ul li p{text-align:center; padding:20px 0;}