@charset "utf-8";
/* CSS Document */

/*焦点图*/
.focus { position: relative; height:386px; border-bottom:4px solid #06a7ea; overflow: hidden; }
.focus .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focus .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;}
.focus .hd .on{ background-position:0 0; }
.focus .bd ul{ width:100% !important; }
.focus .bd li{width:100% !important; height:460px; overflow:hidden; text-align:center; }
.focus .bd li.b1{ background:url(../images/banner.jpg) no-repeat center 0;}
.focus .bd li.b2{ background:url(../images/banner01.jpg) no-repeat center 0;}
.focus .bd li.b3{ background:url(../images/banner02.jpg) no-repeat center 0;}
.focus .prev,.focus .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focus .prev { left: 0; }
.focus .next { background-position: 0 -90px; right: 0; }
.focus .prev:hover,.focus .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

/*十分满意*/
.serve{ height:357px; background:url(../images/bg4.png) repeat-x;}
.satisfy{ text-align:center; padding-top:48px;}

.box dl{ width:243px; height:145px; background:url(../images/bg5.png) no-repeat; float:left; padding-right:9px; padding-top:38px; }
.box dl dt{background:url(../images/ico.png) no-repeat 60px 0; height:34px; padding-left:108px; padding-top:10px; font-size:16px;}
.box dl.four{ padding-right:0;}
.box dl dd{ text-align:center; line-height:20px; font-size:14px; color:#858585;}
.box .two dt{ background-position:60px -78px;}
.box .three dt{ background-position:53px -160px; padding-left:98px;}
.box .four dt{ background-position:56px -240px; padding-left:105px;}

.sbg{ background:url(../images/bg6.png) no-repeat top; height:67px;}

/*机房*/
.room{ height:331px; background:url(../images/bg7.png) repeat-x; padding-top:80px;}
.room-int{ width:270px; padding-right:22px; float:left;}
.room-int h3{ color:#475266; height:50px; line-height:45px; overflow:hidden;}
.room-int .room-p1{ font-size:13px; line-height:26px; color:#475266;}
.room-int .room-p2{ margin-top:25px;}
.room dl{ width:228px; padding-left:8px; float:left;}
.room dl dd{ background: url(../images/bg8.png) no-repeat; height:103px; color:#999999; padding-top:10px;}
.room dl dd h4 a{ display:block; line-height:26px;text-align:center; }
.room dl dd p{ font-size:13px; line-height:22px; text-align:center;}
.room dl dd p em{ display:inline-block; width:5px; height:15px;background:url(../images/yuan1.png) no-repeat left 8px; padding-right:5px; }

/*新闻*/
.news,.dynamic,.world{ width:314px; border:1px solid #f0f0f0; margin-right:23px; float:left;} 
.news h3,.dynamic h3,.world h3{ height:53px; line-height:53px; border-bottom:2px solid #f2f2f2; padding-left:84px; background:#f9f9f9 url(../images/new.png) no-repeat;}
.news dl{ padding:9px; border-bottom:1px dotted #d8d8d8;}
.news dl dt{ background:url(../images/bg9.gif) no-repeat left center; padding-left:22px; font-size:14px; height:26px; line-height:26px; overflow:hidden;}
.news dl dd{ padding-left:22px;}
.news dl:hover{ background-color:#f9f9f9; cursor:pointer;}
.news dl:hover dt a{ color:#2294fe;}
.news dl.last{ border:none;}

.dynamic h3{ background-position:0 -78px;}

.sidemen{ width:314px; }
.sidemen h4{ height:49px; line-height:49px; padding-left:10px;  border-bottom:1px dotted #e3e3e3; background:#f9f9f9; font-size:14px;overflow:hidden; clear:both;}
.sidemen h4 em{ float:right; display:block; width:40px; height:49px; background:url(../images/icoadd.png) 16px 23px no-repeat; cursor:pointer; }
.sidemen h4 em.on{ background-position:16px -47px; }
.sidemen li{ clear:both;}
.sidemen dl{ height:95px; padding:0 17px; padding-top:30px; }
.sidemen dl dt{ width:47px; height:57px; padding-top:5px; background-color:#6ec3e1; color:#FFF; text-align:center; font-size:13px; margin-right:9px; margin-top:2px; float:left;}
.sidemen dl dt span{ font-size:22px; line-height:30px;}
.sidemen dl dd{ width:205px; height:68px; overflow:hidden; font-size:13px; line-height:24px; color:#9a9999; padding-left:8px; border-left:1px solid #e5e5e5; float:left;}
		
.world{ width:318px; margin-right:0px; }
.world h3{ background-position:0 -158px;}
.world dd{ background-color:#f9f9f9; padding:12px; padding-bottom:10px; text-indent:2em;}

/*友情链接*/
/*imgsroll*/
.link{ position:relative; width:1000px; overflow:hidden;}
.link ul li{ width:129px; height:45px; border:1px solid #e8e8e8; float:left; margin-right:13px;overflow:hidden; text-align:center; background-color:#f8f9fb; }
.link .prev,.link .next{position:absolute;color:#fff;font-size:16px;background:#97a3a3;top:5px;z-index:10000;cursor:pointer;width:18px;height:17px;line-height:16px;text-align:center; text-decoration:none; border-left:8px solid #FFF;}
.link .prev{ right:25px;}                    
.link .next{ right:0;}
.link .on{ background-color:#2294fe;}
.link .tit{ height:12px; border-bottom:1px solid #cde7fe;}
.link .tit h3{ background-color:#FFF; width:96px; color:#444444;}
.link ul li a{ display:inline-block; font-size:14px; line-height:43px;}
.link ul li:hover{ background-color:#209dd9;}
.link ul li:hover a{ color:#FFF; text-decoration:none;}

.top0 {
    width: auto;
    margin: 0 auto;
    background:#fff;
}
.top0_w {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    color: #000;
    font-size: 12px;
}
.top0_l {
    float: left;
    padding-right: 15px;
}
.top0_wx {
    float: right;
    position: relative;
    width: 32px;
    height: 28px;
}
.top0_r {
    float: right;
    padding-left: 15px;
}
.top0_r {
    float: right;
    padding-left: 15px;
}
.top0_wx img {
    display: block;
}
.weixin {
    position: absolute;
    display: none;
}
.top0_l a {
    color: #000;
}
.top0_wx:hover .weixin{display: block}

.sy-container{
    max-width: 1200px;
    margin:20px auto;
}
.sy-title h1{
    font-size: 26px;
    text-align: center;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px;
}
.sy-title p{
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
}
.sy-tuoguan{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.sy-tuoguan>ul>li{
    width: 23%;
    float: left;
    box-sizing: border-box;
    margin-right: calc(8% / 3);
    background: #fff;
    box-shadow: 3px 1px 10px 1px rgba(0, 0, 0, .2);
}
.sy-tuoguan>ul>li:nth-child(4){ margin-right: 0;}

.tg-text h2{
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 700;
}
.sy-tuoguan table{
    margin: 10px auto;
}
.sy-tuoguan td{
    padding-top: 5px;
    font-size: 14px;
    color: #666;
}
.sy-jiage{
    text-align: center;
    margin: 12px 0;
    color: #c4131a;
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
}
.sy-jiage span{
    font-size: 26px;
    font-weight: 700;
}
.sy-ckxq{
    display: inline-block;
    float: right;
    margin: 0 20px 0 0;
}
.sy-ckxq a{
    display: block;
    width: 100px;
    line-height: 30px;
    margin: 10px auto 20px;
    background:-webkit-linear-gradient(#F60 , red);
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}
.tg-img1{ display: block; height: 102px; background: url(../images/fwq04.jpg) no-repeat center;}
.tg-img2{ display: block; height: 102px; background: url(../images/fwq05.jpg) no-repeat center;}
.tg-img3{ display: block; height: 102px; background: url(../images/fwq06.jpg) no-repeat center;}
.tg-img4{ display: block; height: 102px; background: url(../images/fwq01.png) no-repeat center;}

.sy-tuoguan>ul>li:hover{margin-top: -10px; transition: 2s;}
/*----产品-----*/
.sy-chanpin-box{
    width: 100%;
    background: #eee;
    padding-bottom: 50px;
    margin-top: 50px;
    padding-top: 20px;
}
.sy-chanpin{
    max-width: 1200px;
    margin: 0 auto;
}
.sy-chanpin-tit>ul{
    width: 100%;
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 100px;
    box-sizing: border-box;
}
.sy-chanpin-tit li{
    width: 25%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}
.sy-chanpin-tit-active{
    background: #09F;
    border-radius: 100px;
    margin-top: -1px;
    color: #fff;
}
.sy-chanpin-text{
    margin-bottom: 30px;
}
.chanpin-tit{
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 3px solid;
}
.sy-chanpin-xizi{
    width: 80%;
    text-align: left;
    margin-left: 20px;
    color: #333;
    font-size: 15px;
    font-weight: normal;
}
.chanpin-tit span:nth-child(1){
    width: 200px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.chanpin-text li{
    width: 23.5%;
    float: left;
    background: #fff;
    margin-right:2%;
}
.chanpin-text li:nth-child(4){ margin-right: 0;}
.chanpin-text-tit{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
   /* line-height: 50px;*/
}
.chanpin-text img{
    display: block;
    margin: 0 auto;
}
.chanpin-jiage{
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-left: 35px;
    margin-top: -5px;
}
.chanpin-jiage p{ 
    color: #c4181f;
    font-weight: 700;
}
.chanpin-text table{
    margin: 10px auto;
}
.chanpin-text td{
    font-size: 14px;
    padding: 0 0 10px;
    color: #666;
}
.chanpin-buy{
    display:inline-block;
    width: 100px;
    float: right;
    margin-right: 35px;
}
.chanpin-buy a{
    font-size: 14px;
    display: block;
    line-height: 30px;
    width: 100px;
    margin: 0 auto 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}
.chanpin-text li:hover{ transform: translateY(-10px); transition: 1s;}

.chanpin-text-1 .chanpin-text-tit{ color: #208764;}
.chanpin-text-1 .chanpin-buy a{ background: #208764;}

.chanpin-text-2 .chanpin-text-tit{ color: #1c81e5;}
.chanpin-text-2 .chanpin-buy a{ background: #1c81e5;}

.chanpin-text-3 .chanpin-text-tit{ color: #cc2a27;}
.chanpin-text-3 .chanpin-buy a{ background: #cc2a27;}

.chanpin-text-4 .chanpin-text-tit{ color: #5351a7;}
.chanpin-text-4 .chanpin-buy a{ background: #5351a7;}