body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#333; font-size:14px; font-family:"Microsoft YaHei"}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none;}
img { border:none; vertical-align:middle; }
ol,ul,li { list-style:none; }
/* css common */
.news1200{width: 1200px;margin: 0 auto;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{ float:left}
.fr{ float:right}

/*model*/
.model{text-align: center;}
.model h2,h2{font-size: 30px;/*font-weight: normal;*/margin: 5% 0 0 0;}
.model li{ width: 24%;margin: 1% 4%;border: 1px solid transparent;padding: 3% 0; float: left; height: 160px;transition: all 0.3s ease-in-out 0s;}
.model li h3{margin: 5% 0;transition: all 0.3s ease-in-out 0s;}
.model li p{line-height: 24px;padding: 0 8%;color: #666;transition: all 0.3s ease-in-out 0s;}
.model li img:nth-of-type(2){display: none;}
.model li:hover img:nth-of-type(2){display: inline-block;}
.model li:hover img:nth-of-type(1){display: none;}
.model li:hover{border: 1px solid #f28200;}
.model li:hover h3,.model li:hover p{color: #f28200;}

/*ad*/
.ad{background: url(../images/ad-bg.jpg) center/cover;height: 500px;text-align:center;padding-bottom: 2%;min-width: 1200px;}
.ad h2{color: #fff;font-size: 30px;padding: 6% 0 1% 0;}
.ad p{color: #fff;font-size: 16px;margin: 0 0 4% 0;}
.ad ul{margin-left: 5%;}
.ad ul li{width:250px;height: 250px;float: left;border-radius: 50%;margin: 1%;background-color: rgba(150,150,150,0.7);transition: all 0.3s ease-in-out 0s;}
.ad ul li:hover{background-color: rgba(242,130,0,0.7);cursor: pointer;}

.ad ul li img{padding-top: 20%;z-index: 99}
.ad ul li p:nth-of-type(1){font-size: 18px;font-weight: 600;margin: 5% 0;z-index: 99}
.ad ul li p:nth-of-type(2){font-size: 14px;width: 76%;margin: 5% 10%;z-index: 99}

/*server*/
.server{text-align:center;}
.server p{margin:2%; }
.server img{margin: 3% 0;}

/*case*/
.case{background-color:#eee;text-align: center; padding-bottom: 3%;min-width: 1200px}
.case h2{padding-top: 3%;}
.case p{margin: 15px 0; color:#666;}
.case ul li{width: 21%;display: inline-block;  margin: 0 1%;  background-color: #fff;  padding: 2% 0;  box-shadow: 0 2px 7px #d4d1d1;}
.case ul li h3{margin: 4% 0;font-size: 18px;font-weight: normal;}
.case ul li .logo{width: 83%;margin-left: 8.5%;overflow: hidden;}
.case ul li .logo img{width: 100%;transition: all 0.3s ease-in-out;}
.case ul li .lin1{display:none; }
.case ul li:hover .lin1{display:inline-block; }
.case ul li:hover .lin2{display:none; }
.case ul li:hover .logo img{transform: scale(1.1);overflow: hidden;}