body{font-family:"Microsoft Yahei";font-size:14px;color:#444; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#444; font-size:14px;}
a{ color:#444;}
a:hover{ color:#5AB431;}

.header{ width:100%; box-shadow:0 2px 5px #ddd; position:relative; z-index:9999;}
.head{ width:1200px; margin:0 auto; position:relative; z-index:9999;}
.head .logo{ width:246px; height:61px; float:left; margin:20px 0; position:relative;}
.head .logo img{ width:100%; height:auto; vertical-align:top; margin-top: 10px;}
.head .nav_m{width:940px; float:right; text-align:right;}
.head .nav_m .nav{ width:100%; text-align:right;}
.head .nav li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:15px;}
.head .nav li a{display:inline-block; *display:inline; zoom:1; height:35px; line-height:35px; vertical-align:top; margin-top:33px; font-size:16px; padding:0 20px;}
.head .nav li.now a,.head .nav li a:hover{color:#fff; background:#ED3F71; border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;}
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#222; padding-left:28px; background:url("../images/nav_ico.png") no-repeat left center; position:absolute; right:0; top:-15px; z-index:9999; cursor:pointer;display:none;}

.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.grabbing {cursor:url("grabbing.png") 8 8, move;}

.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:25px; height:10px; margin: 0 3px; background:#666; *display: inline; *zoom: 1; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.owl-pagination .active { width:50px; background:#5AB531;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}

.bg_a{ width:100%; background:#F6F6F6;}
.wrap{ width:1200px; margin:0 auto; padding-bottom:50px;}
.i_name{ width:100%; text-align:center;padding-top: 30px; padding-bottom: 40px;}
.i_name p{ width:100%; height:20px; line-height:20px; font-size:12px; color:#999999;}
.i_name em{ display:block; width:100%; height:30px; line-height:30px; font-size:2em; color:#656565;}
.i_name img{ vertical-align:top; margin-top: 20px;}
.i_service{ width:100%;}
.i_service li{ width:291px; background:#FFF; float:left; margin-bottom:12px; margin-right:12px; text-align:center; text-align:center; padding:15px 25px;}
.i_service li:hover{ box-shadow:0 2px 5px #999;}
.i_service li a{ display:block; width:100%; height:100%;}
.i_service li .tu{ width:100%; height:150px; text-align:center; line-height:150px; overflow:hidden;}
.i_service li .tu img{ width:130px; height:130px; vertical-align:middle;}
.i_service li:hover .tu img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition:all ease-in-out .4s;}
.i_service li .title{ width:100%; height:60px; text-align:center; line-height:60px; font-size:28px; color:#666;}
.i_service li a:hover .title{ color:#5AB531;}
.i_service li .ctn{ width:100%; text-align:left; font-size:14px; color:#666; height:120px; overflow:hidden; margin-top:7px; line-height:175%;}
.works{ width:100%;}
.works .more{ display:block; width:100%; padding-top:45px; text-align:center;}
.works .more a{ display:inline-block; *display:inline; zoom:1; width:auto; height:60px; line-height:60px; background:#A4A4A4; padding:0 20px; vertical-align:top;}
.works .more a span{ display:inline-block; *display:inline; zoom:1; height:60px; line-height:60px; padding-left:55px; background:url("../images/icon4.png") no-repeat left center; font-size:18px; color:#FFF; background-size:45px auto;}
.works dl{ width:100%;}
.works dl dt{ width:600px; height:526px; float:left; position:relative; overflow:hidden;}
.works dl dt img{ width:600px; height:526px; vertical-align:top;}
.works dl dd{ width:600px; height:526px; float:right; overflow:hidden;}
.works dl dt .des,.works dl dd ul li .des{ width:100%; height:526px; background:url("../images/bg_2.png") repeat; position:absolute; left:0; top:0; z-index:9; padding:30px 40px; color:#FFF; opacity:0;filter: alpha(opacity=0);}
.works dl dt:hover .des,.works dl dd ul li:hover .des{opacity:1;filter: alpha(opacity=100); transition:all ease-in-out .4s;}
.works dl dd ul{ width:100%;}
.works dl dd ul li{ width:300px; height:263px; float:left; position:relative; overflow:hidden;}
.works dl dd ul li img{ width:300px; height:263px; vertical-align:top;}
.works dl dd ul li .des{ height:263px; padding:10px 20px;}
.works dl dt .des .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:28px;}
.works dl dt .des .title a{ color:#FFF;}
.works dl dt .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:245px;}
.works dl dt .des .d_more{ display:block; width:150px; height:45px; background:#5AB431; color:#FFF; font-size:18px; text-align:center; line-height:45px;}
.works dl dd ul li .des .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:22px;}
.works dl dd ul li .des .title a{ color:#FFF;}
.works dl dd ul li .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:105px;}
.works dl dd ul li .des .d_more{ display:block; width:130px; height:35px; background:#5AB431; color:#FFF; font-size:16px; text-align:center; line-height:35px;}
.i_about{ width:100%;}
.i_about dt{ width:410px; float:left;}
.i_about dt img{ width:100%; height:366px; vertical-align:top; margin-top: 4em;}
.i_about dd{ width:760px; float:right; text-align:left;}
.i_about dd h6{ width:100%; height:50px; line-height:40px; font-size:40px; color:#ED3F71;}
.i_about dd .tip{ width:100%; padding:10px 0 15px; text-align:left; font-size:18px; color:#D0D0D0; line-height:165%;}
.i_about dd p{ width:100%; font-size:14px; color:#666; line-height:200%; margin-bottom:10px;}
.i_about dd span{ display:inline-block; *display:inline; zoom:1; width:auto; padding:0 12px; color:#FFF; background:#ED3F71; height:30px; line-height:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.i_news{ width:100%;}
.tabBox_t , .tabBox  {width:100%;text-align:left;}
.tabBox .tabNav {overflow: hidden; width:100%; text-align:center;}
.tabBox .tabNav li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:0 8px; vertical-align:top; font-size:16px; background:#3F3F3F;}
.tabBox .tabNav li.now { background:#5AB531;}
.tabBox .tabCont { display:none; width:100%;}
.i_news_m{ width:100%;}
.i_news_m li{ width:360px; float:left; margin-right:40px; margin-top:50px;}
.i_news_m li .title,.news li .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; border-bottom:1px solid #eee;}
.i_news_m li .des,.news li .des{ width:100%; height:45px; font-size:14px; color:#666; line-height:175%; overflow:hidden; margin:15px 0;}
.i_news_m li .more,.news li .more{ display:block; width:80px; height:30px; line-height:28px; text-align:center; border:1px solid #555; color:#444; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.i_customer{ width:100%;}
.i_customer li{ width:236px; height:113px; float:left; margin-right:5px; margin-bottom:5px;}
.i_customer li img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.i_customer li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.bg_b{ width:100%; background:#ED3F71;}
.f_zx{ padding:25px 0; position:relative;}
.f_zx p{ width:815px; font-size:18px; color:#FFF; line-height:175%;}
.f_zx a{ display:block; width:210px; height:60px; background:#FFF; position:absolute; right:0; top:27px; color:#ED3F71; font-size:24px; text-align:center; line-height:60px;}
.bg_c{ width:100%;}
.foot{ width:100%; color:#FFF; padding-top:50px;}
.foot li{ width:33.33%; float:left; position:relative; padding-right:30px;}
.foot li .f_logo img{ width:246px; height:61px; vertical-align:top;}
.foot li .f_logo{ padding-bottom:25px; display:block;}
.foot li p{ width:100%; line-height:155%; padding:5px 0;}
.foot li.f_a,.foot li.f_b{ padding-top:86px;}
.foot li b{ display:block; width:100%; height:35px; line-height:35px; font-size:15px;}
.foot li.f_a p{ width:100%; padding-left:25px;}
.foot li.f_a .f_a1{ background:url("../images/icon5.png") no-repeat left 8px;}
.foot li.f_a .f_a2{ background:url("../images/icon6.png") no-repeat left 8px;}
.foot li.f_a .f_a3{ background:url("../images/icon7.png") no-repeat left 8px;}
.foot li.f_b .f_bm{ width:100%; padding-right:40%;}
.foot li.f_b span{ display:inline-block; *display:inline; zoom:1; height:28px; line-height:28px; width:45%; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.foot li.f_b span a{ color:#FFF;}
.foot li.f_b .code{ width:35%; position:absolute; right:20px; top:85px; text-align:center;}
.foot li.f_b .code img{ width:80%; height:auto; vertical-align:top;}
.foot li.f_b .code p{ width:100%; height:30px; line-height:30px; font-size:12px; text-align:center;}
.banners ,.banners img{ width:100%; height:auto; vertical-align:top;}
.bg_a{ position:relative;}
.top_a{ }
.s_top{ padding-bottom:25px; text-align:center;}
.s_top em{ display:inline-block; *display:inline; zoom:1; width:auto; height:40px; line-height:35px; border:1px solid #aaa; padding:0 20px; font-size:24px; font-weight:500; vertical-align:top; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.s_top .pst{ width:100%; text-align:center; padding-top:8px;}
.service{ width:100%; text-align:center; padding-top:50px;}
.service h6{ width:100%; text-align:center; font-size:20px; font-weight:normal; color:#666; padding:10px 0;}
.service .ctn{ width:100%; text-align:center; margin-bottom:30px; color:#666; line-height:175%;}
.service ul{ width:100%; text-align:center; margin-bottom:15px;}
.service ul li{ width:380px; height:195px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:10px 2px;}
.service ul li img{ width:380px; height:195px; vertical-align:top;}
.s_ctn{ width:100%; text-align:center; color:#666; line-height:175%; overflow:hidden;}
.s_ctn img{ max-width:100%; height:auto; vertical-align:top;}
.about{ padding-top:50px;}
.about .tabBox .tabNav li{ height:30px; line-height:28px; width:auto; padding:0 20px; border:1px solid #ddd; background:#F6F6F6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#333;}
.about .tabBox .tabNav{ margin-bottom:40px;}
.about .tabBox .tabNav li.now{ color:#FFF; background:#ED3F71;}
.contact{ width:100%; text-align:center;}
.contact .s_ctn b{ font-size:24px; font-weight:normal;}
.s_ctn .line{ width:100%; height:3px; background:#eee; margin-top:40px;}
.map{ width:100%; padding-top:20px;}
.map img{ width:100%;}
.book{ width:860px; margin:0 auto;}
.book li{ width:50%; float:left; position:relative; margin-bottom:30px; padding:0 50px 0 100px;}
.book li span{ display:block; width:100px; height:35px; line-height:35px; font-size:16px; position:absolute; left:0; top:0;}
.book li input{ width:100%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px;}
.book li i{ display:block; font-style:normal; color:#F00; position:absolute; right:40px; top:0; height:35px; line-height:35px;}
.book li.chang{ width:100%; clear:both;}
.book li.chang p{ width:100%; font-size:12px; color:#888; padding:10px 0; line-height:165%;}
.book li.chang textarea{ width:100%; height:90px; border:1px solid #ddd; padding:10px; line-height:165%;}
.book li.btn{ padding:0; text-align:center;}
.book li.btn input{ display:inline-block; *display:inline; zoom:1; width:190px; height:45px; margin:30px auto; background:#ED3F71; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; cursor:pointer;}
.customer{ width:100%; padding-top:50px; line-height:175%; text-align:center;}
.customer ul{ width:100%; padding-top:40px;}
.customer ul li{ width:398px; float:left; margin-right:3px;}
.customer ul li .tu{ width:100%; height:115px; text-align:center; line-height:115px; border:1px solid #eee;}
.customer ul li .tu img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.customer ul li:hover .tu img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.customer ul li .name{ width:100%; height:31px; text-align:center; line-height:31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFF; background:#585858; padding:0 8px;}
.customer ul li:hover .name{ background:#5CB130;}
.news{ width:100%;}
.news li{  margin-bottom:30px;}
.news li .tu{ width:100%;}
.news li .tu img{ width:100%; height:115px; vertical-align:top;}
.pages{ width:100%; text-align:center; padding-top:15px;}
.pages a,.pages span{ display:inline-block; *display:inline; zoom:1; margin:3px; vertical-align:top; padding:0 10px; height:30px; line-height:30px;}
.pages a{ border:1px solid #ddd;}
.pages a.on,.pages a:hover{ color:#FFF; background:#666;}
.s_works{ width:100%; padding-top:50px;}
.s_works ul{ width:100%;}
.s_works ul li{ width:400px; height:340px; float:left; position:relative;}
.s_works ul li img{ width:400px; height:340px; vertical-align:top;}
.s_works ul li .des{ width:100%; height:70px; text-align:center; position:absolute; left:0; top:270px; background:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:45px; font-size:22px;}
.s_works ul li .des p{ width:100%; height:20px; line-height:20px; text-align:center; font-size:14px; color:#888; margin-top:-5px;}
.s_works ul li:hover .des p,.s_works ul li:hover .des{ color:#FFF;}
.s_works ul li:hover .des{background:#5CB130; transition:all ease-in-out .4s;}
.s_works ul li.w_top .des{ top:0;}














.index-server{

  background: #f9f9f9;
  padding-top: 50px;
}
.index-server .server-flow{


  overflow: hidden;
}


.index-server .flow .top-title,.index-server .flow .bom-title{
  font-size: 1.5em;
  color: #fff;
 
  line-height:90px;
  overflow: hidden;
}
.index-server .flow .flow-tag{

  overflow: hidden;
}
.flow  .img{ height:42em;}
.quality-body img{ margin-top: 6em; margin-bottom: 20px;}

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

.flow .img{ height:26em;}
.quality-body img{ margin-top: 1em;}
.anly-container img{ width: 100%;}
.i_about dt img{margin-top: 2em; height:200px;}
.fangda img{ width: 100%;}
}
.index-server .flow .flow-tag a:nth-of-type(even)
{
  float: right;
  margin-right: 7px;
  margin-left: 80px;
}
.index-server .server-quality{


  overflow: hidden;
}

.index-server .server-quality .quality-title{
  height: 70px;

  overflow: hidden;
 
}

.index-server .server-quality .quality-body{


  position: relative;
}
.index-server .server-quality .quality-body .rotateimg{
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  height: 100px;
  transform:rotate(5deg);
  -ms-transform:rotate(5deg); 
  -moz-transform:rotate(5deg); 
  -webkit-transform:rotate(5deg); 
  -o-transform:rotate(5deg);
}
.index-server .server-quality .quality-body .rotation{
  width: 540px;
  height: 540px;
  border-radius: 50%;
  border: 1px solid #f898ab;
  margin: 0px 35px;
  position: absolute;
  top: 0px;
  z-index: 11;
  animation:preloader-rotate 18s infinite linear;
  -moz-animation:preloader-rotate 18s infinite linear;
  -webkit-animation:preloader-rotate 18s infinite linear;
}
@media only screen and (min-width:768 ) {
	.index-server .server-quality .quality-body .rotation{
  width: 540px;
  height: 540px;
  border-radius: 50%;
  border: 1px solid #f898ab;
  margin: 0px 35px;
  position: absolute;
  top: 0px;
  z-index: 11;
  animation:preloader-rotate 18s infinite linear;
  -moz-animation:preloader-rotate 18s infinite linear;
  -webkit-animation:preloader-rotate 18s infinite linear;
}
	
}
.index-server .server-quality .quality-body .rotation:after{
  content:"";
  display:block;
  width:22px;
  height:22px;
  background-color:#ed3f71;
  position:absolute;
  top:68px;
  left:68px;
  border-radius:50%;
}
.index-server .server-quality .quality-body .rotation:before{
  content:"1+3+5=3";
  font-size: 18px;
  font-weight: bold;
  display:block;
  height:15px;
  width: 200px;
  text-align: left;
  color: #ed3f71;
  position:absolute;
  top:10px;
  left:0px;
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); 
  -moz-transform:rotate(-45deg); 
  -webkit-transform:rotate(-45deg); 
  -o-transform:rotate(-45deg); 
}
@keyframes preloader-rotate{
  0%{
    transform:rotateZ(0deg);
  }
  100%{
    transform:rotateZ(360deg);
  }
}
@-moz-keyframes preloader-rotate{
  0%{
    transform:rotateZ(0deg);
  }
  100%{
    transform:rotateZ(360deg);
  }
}
@-webkit-keyframes preloader-rotate{
  0%{
    transform:rotateZ(0deg);
  }
  100%{
    transform:rotateZ(360deg);
  }
}
.index-server .server-quality .triangle{
  position: absolute;
  left: 0px;
  z-index: 10;
  width:0; 
  height:0; 
  margin-left: 69px;
  top: 1px;
  border-left:236px solid transparent;  
  border-right:236px solid transparent; 
  border-bottom:400px solid #fce4ed; 
}
.index-server .server-quality .triangle>div{
  position: relative;
}
.index-server .server-quality .triangle .triangle-tag{
  font-size: 22px;
  color: #ed3f71;
  position: absolute;
  width: 100px;
}
.index-server .server-quality .triangle .tag1{
  top: 90px;
  left: -32px;
}
.index-server .server-quality .triangle .tag2{
  top: 345px;
  width: 100px;
  left: -180px;
}
.index-server .server-quality .triangle .tag3{
  top: 345px;
  width: 100px;
  left: 115px;
}
.index-server .triangle .penso{
  width: 35px;
  height: 115px;
  line-height: 25px;
  padding-top: 18px;
  text-align: center;
  display: block;
  background: #f894a8;
  color: #fff;
  position: absolute;
  font-size: 22px;
}
.index-server .triangle .tri-des{
  color: #fff;
  font-size: 18px;
  width: 120px;
  height: 120px;
  background: #ed3f71;
  position: absolute;
  top: 210px;
  left: -60px;
  display: block;
  padding:10px 12px 10px 14px; 
  line-height: 33px;
}
.index-server .triangle .penso1{
  width: 115px;
  height: 35px;
  top: 340px;
  left: -58px;
  padding-top: 6px;
}
.index-server .triangle .penso2{
  top: 130px;
  left: 40px;
  transform:rotate(-55deg);
  -ms-transform:rotate(-55deg); 
  -moz-transform:rotate(-55deg); 
  -webkit-transform:rotate(-55deg); 
  -o-transform:rotate(-55deg); 
}
.index-server .triangle .penso5{
  top: 130px;
  left: -75px;
  transform:rotate(55deg);
  -ms-transform:rotate(55deg); 
  -moz-transform:rotate(55deg); 
  -webkit-transform:rotate(55deg); 
  -o-transform:rotate(55deg); 
}
.index-server .triangle .penso3{
  top: 236px;
  left: 74px;
  height: 113px;
  transform:rotate(19deg);
  -ms-transform:rotate(19deg); 
  -moz-transform:rotate(19deg); 
  -webkit-transform:rotate(19deg); 
  -o-transform:rotate(19deg); 
}
.index-server .triangle .penso4{
  top: 236px;
  left: -110px;
  height: 113px;
  transform:rotate(-19deg);
  -ms-transform:rotate(-19deg); 
  -moz-transform:rotate(-19deg); 
  -webkit-transform:rotate(-19deg); 
  -o-transform:rotate(-19deg); 
}
.index-server .server-quality .quality-tag{
  font-size: 22px;
  color: #f894a8;
  width: 30px;
  position: absolute;
  z-index: 12;
  line-height: 25px;
  
}
.index-server .server-quality .left-tag{
  transform:rotate(30deg);
  -ms-transform:rotate(30deg); 
  -moz-transform:rotate(30deg); 
  -webkit-transform:rotate(30deg); 
  -o-transform:rotate(30deg); 
  left: 135px;
  top: 65px;
}
.index-server .server-quality .right-tag{
  transform:rotate(-30deg);
  -ms-transform:rotate(-30deg); 
  -moz-transform:rotate(-30deg); 
  -webkit-transform:rotate(-30deg); 
  -o-transform:rotate(-30deg); 
  right: 60px;
  top: 65px;
}
.index-server .server-quality .bom-tag{
  bottom: 85px;
  width:610px;
  text-align: center;
  height: 30px;
}
.about-news{
  height: 245px;
  position: relative;
}
.index-about{
  background: #ed3f71;
  height: 190px;
  position: absolute;
  z-index: 8;
  width: 50%;
  top: 28px;
  left: 0px;
  min-width: 600px;
  padding: 15px 0px;
}
.index-about>div{
  width: 600px;
}
.index-about img{
  margin-right: 20px;
  margin-top: 5px;
}
.index-about  .aboutthing{
  width: 355px;
  height: 160px;
  color: #fff;
}
.index-about  .aboutthing .title{
  height: 55px;
  border-bottom:1px solid rgba(255,255,255,0.4);
  font-size: 24px;
  line-height: 25px;
}
.index-about  .aboutthing a{
  color: #fff;
}
.index-about  .aboutthing .des{
  line-height: 20px;
  padding-top: 10px;
}
.index-news{
  background: #fdeff4;
  height: 245px;
  position: absolute;
  z-index: 5;
  width: 50%;
  top: 0px;
  right: 0px;
  min-width: 600px;
  border-top: 2px solid #ed3f71;
  border-bottom: 2px solid #ed3f71;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.index-news:after{
  content: '';
  position: absolute;
  z-index: 5;
  width: 130px;
  background: #fdeff4;
  height: 245px;
  left: -130px;
  top: -2px;
  border: 2px solid #ed3f71;
  border-right: 0px none; 
}
.index-news>div{
  width: 575px;
}
.index-news .title{
  height: 55px;
  border-bottom:1px solid #fcd7df;
  font-size: 24px;
  line-height: 25px;
}
.index-news .list{
  margin-top: 15px;
  height: 60px;
  width: 575px;
  overflow: hidden;
  cursor: pointer;
}
.index-news .list .date{
  width: 60px;
  height: 55px;
  border: 1px solid #e3e2e2;
  color: #333;
  position: relative;
}
.index-news .list .date:after{
  content: '';
  position: absolute;
  z-index: 2;
  top: -1px;
  left: -1px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.index-news .list .date:before{
  content: '';
  position: absolute;
  z-index: 2;
  top: -1px;
  right: -1px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
.index-news .list .date .day{
  height: 30px;
  line-height: 28px;
  font-size: 24px;
  border-bottom : 1px solid #e3e2e2;
}
.index-news .list .date .month{
  height: 25px;
  line-height: 25px;
}
.index-news .list .other{
  margin-left: 15px;
}
.index-news .list .other .act-title{
  height: 30px;
  line-height: 30px;
  width: 500px;
  overflow: hidden;
  position: relative;
}
.index-news .list .other .act-title:after{
  position: absolute;
  content: '';
  bottom: 0px;
  left: 0px;
  width: 30px;
  height: 2px;
  background: #f18519;
  z-index: 2;
}
.index-news .list .other .act-des{
  height: 25px;
  width: 500px;
  line-height: 25px;
  overflow: hidden;
  color: #999999;
}
.index-news .list .other .act-title a{
  color: #555555;
}

.index-news .list:hover .date{
  border: 1px solid #f9b0be;
  color: #ed3f71;
}
.index-news .list:hover .date:after{
  border-top: 1px solid #ed3f71;
  border-left: 1px solid #ed3f71;
}
.index-news .list:hover .date:before{
  border-top: 1px solid #ed3f71;
  border-right: 1px solid #ed3f71;
}
.index-news .list:hover .day{
  border-bottom: 1px solid #f9b0be;
}
.index-news .list:hover .act-title a{
  color: #ed3f71;
}













.news{
   
    background: #F5F5F5;
}

.news .title,.gy .title,.jm .title{
    padding-top: 30px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    margin-bottom:50px;
}
.news .title span,.gy .title span,.jm .title span{
    height: 9px;
    width: 272px;
    display: block;
    margin: 20px auto;
    background: url("../images/titleline.png") 0 0 no-repeat;
}


.news ul li h3 a {
    display: block;
    margin:10px;
    color: #333;
  font-size: 1.5rem;
    overflow: hidden;
}
.news ul li p,.gy .listitem p{
    margin: 0 10px;
    font-size: 12px;
    color: #aaa;
    
}
.news ul li:hover a,.news ul li:hover p{
    
}
.news ul li p span,.gy .listitem p span{
    padding-left: 20px;
    margin-right: 20px;
}


.ad{
    height: 137px;
    width: 100%;
    background: url("../images/ad.jpg") center center no-repeat;
    background-size: 100%;
}








.news_zi {
  max-width: 1240px;
  width: 98%;
  margin: auto;
}
.top_qie {
  height: 70px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.top_qie a {
  display: inline-block;
  font-size: 16px;
  color: #666;
  line-height: 35px;
  margin: auto 25px;
  border-style: solid;
  border-width: 1px;
  padding: 0px 30px;
  border-radius: 5px;
}


@media (max-width: 480px) {
  .top_qie a {
    margin: auto 10px;
  }
}
.top_qie a.active {
  background-color: #81a849;
}

.news_zi_ul {
  width: 100%;
}
.news_zi_ul li {
  padding: 30px 0px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.news_zi_ul li .news_left {
  width: 77%;
  float: left;
}
.news_zi_ul li .news_left .pic {
  width: 17%;
  float: left;
  position: relative;
  overflow: hidden;
}
.news_zi_ul li .news_left .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3s;
}
.news_zi_ul li .news_left .pic i {
  display: block;
  padding-bottom: 100%;
}
.news_zi_ul li .news_left .txt {
  width: 81%;
  float: right;
}
.news_zi_ul li .news_left .txt a {
  color: #4c4c4c;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  width: 95%;
  display: block;
  margin-bottom: 15px;
  height: 25px;
  line-height: 25px;
}
.news_zi_ul li .news_left p {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  width: 95%;
  max-height: 72px;
  overflow: hidden;
  cursor: default;
}
.home_news .one{
	display:block;
}
.home_news ul{
	display:none;
}
.news_zi_ul li .news_right {
  width: 23%;
  float: right;
  border-left: 1px solid #cccccc;
  min-height: 50px;
  color: #e0e0e0;
  font-family: arial;
  text-align: left;
  padding-left: 8%;
 
  min-height: 95px;
  cursor: default;
}
.news_zi_ul li .news_right span {
  font-size: 42px;
  display: block;
  line-height: 45px;
}
.news_zi_ul li .news_right time {
  font-size: 18px;
}
@media (max-width: 768px) {
  .news_zi_ul li .news_right {
    padding-left: 10px;
    padding-top: 15px;
  }
}
@media (max-width: 680px) {
  .news_zi_ul li .news_right span {
    font-size: 24px;
  }
  .news_zi_ul li .news_right time {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .news_zi_ul li .news_left {
    width: 68%;
  }
  .news_zi_ul li .news_right {
    width: 32%;
  }
}
.news_zi_ul li:hover .news_left a {
  color: rgb(248, 148, 168);
}
.news_zi_ul li:hover .news_left .pic img {
  transform: scale(0.9);
}


.mod_pagination {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: right;
}

.mod_pagination li {
	display: inline-block;
}

.mod_pagination li a,
.mod_pagination li span {
	color: #646464;
}