@charset "utf-8";
html{overflow-y :auto;}
.body-bg{background: #eff2f4;}
/*a:hover{color: #000;}*/

/***case页面样式***/
/***main-l样式***/
.main-l{width: 250px;float: left;background: #fff; left: 0;top: 0; padding-top: 90px; box-shadow: 0 0 10px #000000;
}
.main-l .main-l-img{margin: 130px 0 0 75px;width: 136px;height: 162px;}

.main-l .main-l-nav ul{margin-left: 75px;margin-top: 65px;}
.main-l .main-l-nav ul li{width: 135px;height: 32px;line-height: 32px; font-size: 14px;text-align: center;}
.main-l .main-l-nav ul li.active{background: url(../img/li-bg.png) no-repeat center; }
.main-l .main-l-nav ul li.active a{color: #fff;}

.main-l .main-l-slo{margin-top: 300px;margin-bottom: 95px;}
.main-l .main-l-slo p{float: right;margin-right: 40px;}

/***main-r样式***/
.case{
	margin-top: 90px;
}
.case .main-r{width: 1200px;margin: 0 auto;float: left; }
.case .main-r .main-r-nav ul{margin-top: 20px;}
.case .main-r .main-r-nav ul li{width: 65px;height: 25px;line-height: 25px; background: #fff;float: left;text-align: center;border-top: 1px solid #bebebe;border-bottom: 1px solid #bebebe;border-right: 1px solid #bebebe;}
.case .main-r .main-r-nav ul li.first{border-left: 1px solid #bebebe;-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.case .main-r .main-r-nav ul li.last{-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.case .main-r .main-r-nav ul li.active{background: #6f6f6f;}
.case .main-r .main-r-nav ul li.active{color: #fff;}

.case .main-r .case-list{margin-top: 40px;margin-bottom: 30px;}
.case .main-r .case-list li{width: 290px;height: 290px;margin: 0 5px 40px 5px;float: left;background: #fff;}
.case .main-r .case-list .case-img{width: 290px;height: 170px; margin-bottom: 25px;}
.case .main-r .case-list p{margin-left: 15px;height: 27px;line-height: 27px;}
.case .main-r .case-list .case-p1,.main-r .case .case-p3{color: #949494;}
.case .main-r .case-list .case-p2{font-size: 16px;color: #303030;}
.case .main-r .case-list li:hover{background: #ee9a13 ;}
.case .main-r .case-list li:hover .case-img{background: #000000 ; opacity: 0.4;filter:Alpha(opacity=40);}
.case .main-r .case-list li:hover .case-img-bg{background: #000000 url(../img/info.png) no-repeat center 40%;}
.case .main-r .case-list li:hover p{color: #fff;}
.case .main-r .main-page{margin-bottom: 30px;}
.case .main-r .main-page ul li{width: 40px;height: 30px;line-height: 30px;background: #fff;float: left;text-align: center;border-top: 1px solid #bebebe;border-bottom: 1px solid #bebebe;border-right: 1px solid #bebebe;}
.case .main-r .main-page ul li.first{border-left: 1px solid #bebebe;-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.case .main-r .main-page ul li.last{-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.case .main-r .main-page .active{background: #ee9a13;color: #fff;}


/***news页面样式***/
/***main-r样式***/
.news{
	overflow: hidden;
	margin-top: 90px;
}
.news .main-r{width: 1200px;margin: 0 auto; float: left;}
.news .main-r .main-r-nav ul{margin-top: 20px;}
.news .main-r .main-r-nav ul li{width: 70px;height: 25px;line-height: 25px; background: #fff;float: left;text-align: center;border-top: 1px solid #bebebe;border-bottom: 1px solid #bebebe;border-right: 1px solid #bebebe;}
.news .main-r .main-r-nav ul li.first{border-left: 1px solid #bebebe;-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.news .main-r .main-r-nav ul li.last{-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.news .main-r .main-r-nav ul li.active{background: #6f6f6f;}
.news .main-r .main-r-nav ul li.active{color: #fff;}

.news .main-r .news-list{margin-top: 40px;margin-bottom: 30px;}
.news .main-r .news-list ul li{width: 100%;height: 160px;margin-bottom: 50px;}
.news .main-r li a{float: left;}
.news .main-r .news-list .date{width: 60px;height: 160px;background: url(../img/date-bg.png) no-repeat center 0;text-align: center;float: left;}
.news .main-r .news-list .date-p1{font-size: 22px;color: #fff;}
.news .main-r .news-list .date-p2{font-size: 16px;color: #fff;}
.news .main-r .news-list .main-r-img{width: 235px;float: left;margin: 0 30px 0 15px;}
.news .main-r .news-list .main-r-text{float: left;width: 850px;}
.news .main-r .news-list .main-r-text h1{font-size: 24px;margin-bottom: 10px;}
.news .main-r .news-list .main-r-text .main-r-in span{margin-right: 5px;height: 25px;line-height: 25px;}
.news .main-r .news-list .main-r-text .main-r-p{height: 55px;}
.news .main-r .news-list .main-r-text .main-r-p p{height: 25px;line-height: 25px;font-size: 14px;}
.news .main-r .news-list .main-r-text .main-r-bq{background: url(../img/bq.png) no-repeat 0 center;margin-top: 12px;}
.news .main-r .news-list .main-r-text .main-r-bq span{margin-left: 30px;color: #ee9a13;}

.news .main-r .main-page{margin-bottom: 30px;}
.news .main-r .main-page ul li{width: 40px;height: 30px;line-height: 30px;background: #fff;float: left;text-align: center;border-top: 1px solid #bebebe;border-bottom: 1px solid #bebebe;border-right: 1px solid #bebebe;}
.news .main-r .main-page ul li.first{border-left: 1px solid #bebebe;-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.news .main-r .main-page ul li.last{-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.news .main-r .main-page .active{background: #ee9a13;color: #fff;}


/***wx-case页面样式***/
/***banner样式***/
.case-banner{width: 100%;height: 720px;text-align: center; background: url(../img/banner-1.png) no-repeat;background-size: cover;transform:scale(1.03,1.03); -moz-transform:scale(1.03,1.03);  -webkit-transform:scale(1.03,1.03);  -o-transform:scale(1.03,1.03);}
.case-banner h1{color: #fff;font-size: 56px;position:absolute;top:270px;right:27%;}
.case-banner h1 span{color: #ee9a13;font-size: 56px;}
.case-banner p{ width:auto; color: #fff;font-size: 18px;position:absolute;top:350px;left:35%;}

@keyframes myfirst
{
0%   {opacity:0;right:0px;}
100% {opacity:1;right:27%;}
}
@-webkit-keyframes myfirst
{
0%   {opacity:0;right:0px;}
100% {opacity:1;right:27%;}
}

@keyframes mysecond
{
0%   {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes mysecond
{
0%   {opacity:0;}
100% {opacity:1;}
}

.field{width: 100%;margin: 0 auto; text-align: center;}
.field h2{font-size: 45px;padding-top: 60px;}
.field .field-p1{font-size: 22px;color: #949494;margin-bottom: 10px;}
.field .field-p2{font-size: 16px;color: #5d5d5e;margin-bottom: 40px;}
.field .icon{}
.field .icon ul{
	overflow: hidden;
}
.field .icon li{
	float: left;
	width: 273px;
	text-align: center;
	margin:30px 3px;
	
}
.field .icon li img{
	display: block;
	width: 130px;
	height: 130px;
	margin-left:73px;
}
.field .icon li span{
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
.list-1{width: 100%; height: 880px;background: url(../img/case-bg.png) no-repeat;background-size: cover;}
.list-1 .list-img-1{width: 1200px;margin: 0 auto;padding: 85px 0;}
.list-1 .list-img-1 img{float: left;margin: 0 26px;}
.list-2{width: 100%; height: 850px;}
.list-2 .list-img-2{width: 1200px;margin: 0 auto;padding: 70px 0;}
.list-2 .list-img-2 img{float: left;margin: 0 26px;}


/***ui设计页面样式***/
/***banner样式***/
.ui-banner{width: 100%;height: 720px;text-align: center; background: url(../img/banner-2.png) no-repeat;background-size: cover; transform:scale(1.03,1.03); -moz-transform:scale(1.03,1.03);  -webkit-transform:scale(1.03,1.03);  -o-transform:scale(1.03,1.03);}
.ui-banner h1{padding-top: 220px;background: url(../img/ui.png) no-repeat center 220px;height: 75px;margin-bottom: 35px;}
.ui-banner .p1{height: 55px; background: url(../img/banner-2-bg.png) no-repeat center 0;margin-bottom: 220px;}
.ui-banner .p2{height: 58px;line-height: 58px; background: url(../img/shou.png) no-repeat center 0;}
.ui-banner .p2 a{padding: 25px;}
.ui-banner .p3{font-size: 20px; color: #fff;}

/***main样式***/
.ui-main{width: 1200px;margin: 0 auto;}
.ui-main .main-1,.ui-main .main-2,.ui-main .main-3{margin-bottom: 150px;}
.ui-main .main-1 h1{font-size: 25px;text-align: center;margin-top: 95px;margin-bottom: 50px;}
.ui-main .main-1 .wid{width: 392px;float: left;margin: 0 4px;}
.ui-main .main-1 .wid h2{font-size: 16px;margin: 8px 0;}
.ui-main .main-1 .wid p{color: #aaa;font-size: 14px;}

.ui-main .main-2 h1{font-size: 25px;text-align: center;margin-top: 95px;margin-bottom: 50px;}
.ui-main .main-2 .main-2-bg{height: 545px;background: url(../img/ui-4.png) no-repeat center;}

.ui-main .main-3 h1{font-size: 25px;text-align: center;margin-top: 95px;margin-bottom: 50px;}


.ui-main .main-3 li{width: 290px;height: 290px;margin: 0 5px 40px 5px;float: left;background: #fff;}
.ui-main .main-3 .case-img{width: 290px;height: 170px; margin-bottom: 25px;}
.ui-main .main-3 p{margin-left: 15px;height: 27px;line-height: 27px;}
.ui-main .main-3 .case-p1,.main-r .case .case-p3{color: #949494;}
.ui-main .main-3 .case-p2{font-size: 16px;color: #303030;}
.ui-main .main-3 li:hover{background: #ee9a13 ;}
.ui-main .main-3 li:hover .case-img{background: #000000 ; opacity: 0.4;filter:Alpha(opacity=40);}
.ui-main .main-3 li:hover .case-img-bg{background: #000000 url(../img/info.png) no-repeat center 40%;}
.ui-main .main-3 li:hover p{color: #fff;}


/***web设计页面样式***/
/***banner样式***/
.web-banner{width: 100%;height: 720px;text-align: center; background: url(../img/banner-3.png) no-repeat;background-size: cover; transform:scale(1.03,1.03); -moz-transform:scale(1.03,1.03);  -webkit-transform:scale(1.03,1.03);  -o-transform:scale(1.03,1.03);}
.web-banner h1{color: #fff;font-size: 56px;position:absolute; top:220px; left:30%;}
.web-banner .p1{font-size: 29px; color: #fff; margin-bottom: 200px; position:absolute; bottom:150px; left:40%;}
.web-banner .p2{height: 58px;line-height: 58px; background: url(../img/shu.png) no-repeat center 0; position:absolute; top:580px; left:48%;}

@keyframes mythird
{
0%   {opacity:0;top:0px;}
100% {opacity:1;top:220px;}
}
@-webkit-keyframes mythird
{
0%   {opacity:0;top:0px;}
100% {opacity:1;top:220px;}
}

@keyframes myfourth
{
0%   {opacity:0;bottom:0px;}
100% {opacity:1;bottom:150px;}
}
@-webkit-keyframes myfourth
{
0%   {opacity:0;bottom:0px;}
100% {opacity:1;bottom:150px;}
}

.web-banner .p2 a{padding: 25px;}
.web-banner .p3{font-size: 20px; color: #fff;}

/***main样式***/
.web-main .main-1{width: 1200px;margin: 0 auto;}
.web-main .main-1 h1{font-size: 45px;text-align: center;margin-top: 100px;margin-bottom: 15px;}
.web-main .main-1 .main-p{text-align: center;font-size: 17px;margin-bottom: 45px;}
.web-main .main-1 li{width: 118px;text-align: center;margin: 0 25px;float: left;margin-bottom: 80px;}
.web-main .main-1 li img{margin-bottom: 15px;}
.web-main .main-1 li h2{font-size: 20px;margin-bottom: 5px;}
.web-main .main-1 li p{height: 25px;line-height: 25px;}

.web-main .main-2{background: #efefef;}
.web-main .main-2 h1{font-size: 45px;text-align: center;padding-top: 50px;margin-bottom: 15px;}
.web-main .main-2 .main-p{text-align: center;font-size: 17px;margin-bottom: 45px;}
.web-main .main-2 .main-2-img img{margin: 0 auto;padding-bottom: 55px;}

.web-main .main-3 h1{font-size: 45px;text-align: center;padding-top: 50px;margin-bottom: 15px;}
.web-main .main-3 .main-p{text-align: center;font-size: 17px;margin-bottom: 55px;}
.web-main .main-3 .main-3-img img{margin: 0 auto;padding-bottom: 35px;}

.web-main .main-4{width: 1200px;margin: 0 auto;}
.web-main .main-4 h1{font-size: 45px;text-align: center;margin-top: 95px;margin-bottom: 15px;}
.web-main .main-4 .main-p{text-align: center;font-size: 17px;margin-bottom: 45px;}

.web-main .main-4 li{width: 290px;height: 290px;margin: 0 5px 40px 5px;float: left;background: #fff;}
.web-main .main-4 .case-img{width: 290px;height: 170px; margin-bottom: 25px;}
.web-main .main-4 p{margin-left: 15px;height: 27px;line-height: 27px;}
.web-main .main-4 .case-p1,.main-r .case .case-p3{color: #949494;}
.web-main .main-4 .case-p2{font-size: 16px;color: #303030;}
.web-main .main-4 li:hover{background: #ee9a13 ;}
.web-main .main-4 li:hover .case-img{background: #000000 ; opacity: 0.4;filter:Alpha(opacity=40);}
.web-main .main-4 li:hover .case-img-bg{background: #000000 url(../img/info.png) no-repeat center 40%;}
.web-main .main-4 li:hover p{color: #fff;}

.news-page-content *{
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0;
}
@media screen and (max-width: 1280px){
	.ui-main{
		width: 960px;
	}
	.ui-main .main-1 .wid{
		width: 300px;
		margin: 0 10px;
	}
	.ui-main .main-1 .wid img{
		width: 100%;
	}
	.ui-main .main-3 li{
		margin: 0 15px 40px 15px;
	}
	.field .icon li{
		margin:30px 10px;
	}
	.web-main .main-1{
		width: 960px;
	}
	.web-main .main-1 li {
	    margin: 20px 59px;
	}
	.web-main .main-2 .main-2-img img{
		width: 960px;
	}
	.web-main .main-4{
		width: 960px;
	}
	.web-main .main-4 li {
	    margin: 0 15px 40px 15px;
	}
	#xianshi{
		display: none !important;
	}
	.news{
		width: 960px;
	}
	.news .main-r{
		width: 960px;
	}
	.news .main-r .news-list .main-r-text{
		width: 610px;
	}
	.news .main-r .news-list .main-r-text .main-r-p{
		height: auto;
	}
	.news .main-r .news-list .main-r-text .main-r-p p{
		height: auto;
	}
	.news-page-content{
		padding: 20px 0;
	}
	.case .main-r{
		width: 960px;
	}
	.case .main-r .case-list li{
		margin: 0 15px 40px 15px;
	}
	
}