@charset "utf-8";
/* CSS Document */
* {margin:0;} html,body,#page {width:100%;min-height:100%;margin:0 auto;font-family: 微软雅黑;}
body{background:#CCC;margin:0; padding:0;font-family:Helvetica,Arial,san-serif;}
a,a:visited { text-decoration:none;}ul,ol,li { list-style:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility: hidden;}
.clearfix {display: inline-block;} .clr{clear:both}.hidden{display:none!important}
/*add set*/
*,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html,body,header,nav,footer,article,section,form,fieldset,p,div,ul,ol,li,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust:none;} /*改变文字大小*/
-webkit-tap-highlight-color:{rgba(0,0,0,0);}-moz-tap-highlight-color:{rgba(0,0,0,0);}/*链接高亮*/
-webkit-touch-callout:{none;}-moz-touch-callout:{none;}/*长按弹出选项菜单*/
section,article,#container,#content{text-shadow:0 1px 0 #fff;}
/*网站建设*/
.CoreBusiness{width:100%;height:100%;padding:10px 0px 40px;background:#FFF;}
.CoreBusinesstitle{width:100%;height:30%;margin-bottom:10px;}
.CoreBusinesstitle h3{line-height:40px;text-align:center;font-size:1.125em; font-weight:bold;color:#1a1a1a; padding:5px 0px 0px;}
.CoreBusinesstitle h3 a{color:#1a1a1a;}
.CoreBusinesstitle h3 a:hover{color:#e70f20;}
.CoreBusinesstitle p{display: block;text-align: center;font-size:0.125em;color: #666;line-height: 20px;}

.CoreBusinesslist{width:100%;margin:0px auto;height:70%;position:relative;}
.CoreBusinesslist ul{width:100%;height:900px;overflow:hidden;position:relative;}
.CoreBusinesslist ul li{position:absolute;width:50%;height:33.33333%; overflow:hidden;float:left;}

.CoreBusinesslist ul li.Coredianzi{top:0px; left:0px;}
.CoreBusinesslist ul li.Coredianzia{top:0px; right:0px;}
.CoreBusinesslist ul li.Coreweixin{top:300px; left:0px;}
.CoreBusinesslist ul li.Coreweb{top:300px; left:50%;}
.CoreBusinesslist ul li.Corewebb{bottom:0px; left:0px;}
.CoreBusinesslist ul li.Coresystem{bottom:0px; right:0px;}

.CoreBusinesslist ul li .CorebgColour{width:100%;height:100%;z-index: -1;padding: 1px; margin: -1px;background:#e60012;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;}

.CoreBusinesslist ul li .Coreimg{ position:absolute; left:0px; top:0px; width:100%; height:100%;}
.CoreBusinesslist ul li:hover .CorebgColour{ z-index:99;}

.CoreBusinesslist ul li .Coretextbox{position:absolute;color:#fff; left:0px; top:0px; width:100%; height:100%; z-index:9999;}
.CoreBusinesslist ul li .Coretextbox h3{ font-size:1.5em; padding:145px 20px 0px 20px; line-height:36px;}
.CoreBusinesslist ul li .Coretextbox span{ display:block;font-weight:bold;}

.CoreBusinesslist ul li .Coreclassbox{position:absolute;color:#fff; left:0px; top:0px; width:100%; height:100%; z-index:9999;}
.CoreBusinesslist ul li .Coreclassbox h2{ font-size:1.5em; color:#fff; padding:20px 10px 15px;}
.CoreBusinesslist ul li .Coreclassbox p.ContentInfo{ font-size:0.875em; padding:0px 10px; height:90px;}
.CoreBusinesslist ul li .Coreclassbox p.ContentInfo1{ font-size:0.8125em;padding:0px 10px;}
.CoreBusinesslist ul li .Coreclassbox a{ color:#fff;padding:0px 7px; display:inline-block;}
.CoreBusinesslist ul li .Coreclassbox a:hover{ opacity:0.7;filter:alpha(opacity=70);}
.from-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.from-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.from-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}


.from-top, .from-left{
	-webkit-animation: enter-clockwise 0.23s ease-out;
	 -moz-animation: enter-clockwise 0.23s ease-out;
	  -ms-animation: enter-clockwise 0.23s ease-out;
	   animation: enter-clockwise 0.23s ease-out;
}


.from-right, .from-bottom{
	-webkit-animation: enter-anti-clockwise 0.23s ease-out;
	 -moz-animation: enter-anti-clockwise 0.23s ease-out;
	  -ms-animation: enter-anti-clockwise 0.23s ease-out;
	   animation: enter-anti-clockwise 0.23s ease-out;
}
.to-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.to-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.to-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-top, .to-left{
	-webkit-animation: leave-anti-clockwise 0.23s ease-out;
	 -moz-animation: leave-anti-clockwise 0.23s ease-out;
	  -ms-animation: leave-anti-clockwise 0.23s ease-out;
	   animation: leave-anti-clockwise 0.23s ease-out;
}



.to-right, .to-bottom{
	-webkit-animation: leave-clockwise 0.23s ease-out;
	 -moz-animation: leave-clockwise 0.23s ease-out;
	  -ms-animation: leave-clockwise 0.23s ease-out;
	   animation: leave-clockwise 0.23s ease-out;
}
/*---网站案例---*/
.zhongbiao{width:100%; padding-bottom:25px; background:#fff; position:relative;margin:0 auto;}
.zhongbiao .Casetitle{width:100%;}
.zhongbiao .Casetitle div{line-height:36px;text-align:center;font-size:32px;color:#1a1a1a; padding:20px 0px 15px;}
.Casetitle div a{ color:#1a1a1a;}
.Casetitle div a:hover{ color:#e60012;}
.Casetitle p{background:#d7d4d4; height:1px; overflow:hidden;line-height:0px;}
.Casetitle p span{ margin:0px auto; display:block; height:1px; overflow:hidden; width:86px; background:#e60012;line-height:1px;}
.Casetitle em{ display:block; text-align:center; font-size:14px; color:#999999; padding-top:10px;}




.zhongbiaolist{margin:0px auto;width:100%;padding:0px;overflow:hidden; padding-top:35px;}
.zhongbiaolist ul{width:100%;list-style:none}
.zhongbiaolist ul li{float:left;width:50%;height:auto;display:block;overflow:hidden;text-align:center;}

.zhongbiaolist ul li .bos{width:100%;margin:0 auto;text-align:center;}
.zhongbiaolist ul li .bos h3{height:40px;overflow:hidden;line-height:40px;margin-top:10px;}
.zhongbiaolist ul li .bos h3 a{ font-size:16px;color:#333;font-family:"微软雅黑";font-weight:bold;}

/*.zhongbiaolistimg{ height:350px;position:relative; overflow:hidden;}
.zhongbiaolistimg img{display:block; width:500px; height:350px; position:absolute; left:30%; margin-left:-174px; top:45%; margin-top:-149px;}*/
/*关于我们*/

/*banner*/
.About Us_box{width:100%;margin:0 auto;background:#999;height:100%;overflow:hidden;}
.text{width:100%;text-align:center;margin:0 auto;padding:20px 0 60px;}
.text h2{font-size:33px;font-family:"微软雅黑";color:#333;}
.text a{font-size:15px;font-family:"微软雅黑";color:#666666;}

.us_box{width:96%;height:auto;margin:0 auto;}
.us_box .us_left{width:96%;height:auto;margin:0 auto;padding-bottom:30px;}
.us_left a{line-height:30px;font-size:15px;color:#666666}
.us_box .us_right{width:73.5%;height:207px;background:url(../images/text15.jpg);margin:0 auto;}


.bottom{width:100%;height:auto;margin:0 auto;padding:50px;}
.bottom .bottom_left{width:78.5%;height:297px;margin:0 auto;background:url(../images/201604191501314125.png);}
.bottom .bottom_right{width:100%;margin-bottom:20px;}
.bottom .bottom_right a{line-height:30px;font-size:15px;color:#666666}
<!--客户案例-->
.Casetitleaa{width:100%;margin:0 auto;background:#999;height:100%;overflow:hidden;}
.Casetitleaa .aae{width:100%;text-align:center;margin:0 auto;padding:20px 0 20px;}
.Casetitleaa .aae h2{font-size:33px;font-family:"微软雅黑";color:#333;}
.Casetitleaa .aae a{font-size:15px;font-family:"微软雅黑";color:#666666;}
/*网站建设*/
.divbox{width:100%;margin:0 auto;display:block;}
.divbox .liuc{width:100%;height:auto;margin-bottom:30px;}
.divbox .liuc img{width:100%;height:100%;}
.divbox .combo{width:100%;height:auto;overflow:hidden;}
.divbox .combo ul{ width:100%;height:auto;display:block;margin:0 auto;}
.divbox .combo li{width:90%; border:1px solid #000;overflow:hidden; margin:0 auto;background:#f4f4f4;padding:26px 0px 10px 20px; height:560px;position:relative;transition: border-color 0.5s linear;
-moz-transition: border-color 0.5s;
-webkit-transition: border-color 0.5s linear;
-o-transition: border-color 0.5s;}
.divbox .combo li span{ display:block; color:#666; font-size:0.875em; margin-bottom:5px}
.divbox .combo li span i{ font-size:1em; color:#333; font-style:normal; margin-right:5px}
.divbox .combo li span b{ font-weight:normal; color:#ff5744; font-size:12px}
.divbox .combo li span.price{color:#ff5744; font:normal 19px/1 Georgia, "Times New Roman", Times, serif; margin:0 20px 0 0px; font-weight:bold; white-space:nowrap; display:inline-block}
.divbox .combo li p{color:#f00;margin: 15px 0;font-size: 1em;}

.divbox .combo li a{ display:block; width:226px;height:36px; text-align:center; line-height:36px; color:#fff; background:#666; font-size:14px}
.divbox .combo li .tell{background:#f00;}
.divbox .combo li dl{ margin-top:25px}

.divbox .combo li dl dt{ color:#666; font-size:1em; margin-bottom:12px}

.divbox .combo li dl dd{ line-height:36px; color:#999; font-size:0.875em;}

.divbox .combo li:hover{ border:1px solid #f00;}
.divbox .title_box{width:100%;margin:0 auto;text-align:center;}
.divbox .title_box h2{font-size:1.0625em;color: #000;}
.divbox .title_box p{font-size:0.75em;color: #666;}