@charset "gb2312";
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 a{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;}
.main-r-nav ul{margin-top: 20px;}
.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;}
.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;}
.main-r-nav ul li.last{-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.main-r-nav ul li.active{background: #6f6f6f;}
.main-r-nav ul li.active a{color: #fff;}

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

.main-page{margin-bottom: 30px;}
.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;}
.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;}
.main-page ul li.last{-moz-border-radius: 3px;/* Gecko browsers */  -webkit-border-radius: 3px;   /* Webkit browsers */ border-radius:3px;}
.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: 267px;
	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:50px;}
.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{text-align:center;}
.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{text-align:center;}
.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;
}
.news-page-content p{margin:10px 0;}
.news-page-content p img{max-width:100%; height:auto;}
@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-list .main-r-text{
		width: 610px;
	}
	.news-list .main-r-text .main-r-p{
		height: auto;
	}
	.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;
	}
	
}

header{
	top: 0;
	left: 0;
}

.news_banner{
	width: 100%;
	height: 340px;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 130px;
	box-sizing: border-box;
	margin-top: 100px;
}
.news_banner .constrain div{
	line-height: 1;
	color: #fff;
	font-size: 36px;
	margin-bottom: 20px;
}
.news_banner .constrain p{
	color: rgba(255,255,255,.6);
	font-size: 24px;
	line-height: 1;
}

.news_box{
	width: 100%;
	padding-top: 40px;
	margin-bottom: 40px;
}
.news_box .nb_type{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 70px;
}
.news_box .nb_type a{
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
	background-color: #e6e6e6;
	color: #333333;
	font-size: 16px;
	transition: all .3s;
	margin-right: 40px;
}
.news_box .nb_type a.active, .news_box .nb_type a:hover{
	background-color: #2374e7;
	color: #fff;
}

.news_box .nb_recommend{
	width: 100%;
	margin-bottom: 90px;
}
.news_box .nb_recommend ul li{
	float: left;
	width: 31.33%;
	background-color: #fafafa;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	margin-right: 3%;
	transition: all .3s;
}
.news_box .nb_recommend ul li:last-child{
	margin-right: 0;
}
.news_box .nb_recommend ul li .nbr_img{
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: all .3s;
}
.news_box .nb_recommend ul li .nbr_bottom{
	padding: 18px 18px 30px;
}
.news_box .nb_recommend ul li .nbr_bottom div{
	height: 60px;
	line-height: 30px;
	overflow: hidden;
	color: #323233;
	font-size: 18px;
	margin-bottom: 16px;
	transition: all .3s;
}
.news_box .nb_recommend ul li .nbr_bottom p{
	color: #969699;
	font-size: 16px;
	line-height: 1;
	transition: all .3s;
}
.news_box .nb_recommend ul li:hover{
	background-color: #2374e7;
	box-shadow: 0 0 10px #ddd;
}
.news_box .nb_recommend ul li:hover .nbr_img{
	background-size: 110%;
}
.news_box .nb_recommend ul li:hover .nbr_bottom div, .news_box .nb_recommend ul li:hover .nbr_bottom p{
	color: #fff;
}

.news_box .nb_lists{
	width: 100%;
}
.news_box .nb_lists ul li{
	width: 48%;
	height: 110px;
	padding-right: 2%;
	box-sizing: border-box;
	margin-bottom: 100px;
}
.news_box .nb_lists ul li:nth-of-type(odd){
	float: left;
}
.news_box .nb_lists ul li:nth-of-type(even){
	float: right;
}
.news_box .nb_lists ul li .nbl_time{
	float: left;
	width: 110px;
	height: 110px;
	background-color: #e6e6e6;
	text-align: center;
	padding-top: 20px;
	transition: all .3s;
}
.news_box .nb_lists ul li .nbl_time div{
	color: #999999;
	font-size: 46px;
	line-height: 1;
	margin-bottom: 10px;
	transition: all .3s;
}
.news_box .nb_lists ul li .nbl_time p{
	color: #999999;
	font-size: 16px;
	line-height: 1;
	transition: all .3s;
}
.news_box .nb_lists ul li .nbl_text{
	padding-left: 150px;
}
.news_box .nb_lists ul li .nbl_text div{
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 16px;
}
.news_box .nb_lists ul li .nbl_text div a{
	color: #323233;
	font-size: 20px;
	transition: all .3s;
}
.news_box .nb_lists ul li .nbl_text p{
	line-height: 28px;
	color: #969699;
	font-size: 16px;
}
.news_box .nb_lists ul li:hover .nbl_time{
	background-color: #2374E7;
}
.news_box .nb_lists ul li:hover .nbl_time div, .news_box .nb_lists ul li:hover .nbl_time p{
	color: #fff;
}
.news_box .nb_lists ul li:hover .nbl_text div a{
	color: #2374E7;
}

.news_box h1{
	font-size: 30px;
	line-height: 42px;
	font-weight: 500;
	margin: 20px 0 5px 0;
}
.news_box .rel{
	display: block;
	color: #999;
	padding-bottom: 10px;
	font-size: 14px;
	border-bottom: 1px solid #dadada;
}
.news_box .rel a,.news_box .rel u,.news_box .rel .pv{
	color: #999;
}
.news_box .words{
	padding-top: 50px;
	border-top: 1px solid White;
}
.news_box .words p{
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 36px;
}
.news_box .words img{
	display: block;
	max-width: 100%;
	height: auto;
}
.news_box .tags{
	margin-top: 40px;
	margin-bottom: 20px;
}
.news_box .tags dt{
	display: inline-block;
	font-weight: 700;
}
.news_box .tags dd{
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
}
.news_box .tags dd a{
	margin-right: 5px;
	padding: 2px 8px 4px 8px;
	color: White;
	background: #2fd0b5;
	text-decoration: none;
	font-size: 14px;
}


.workBox{
	padding: 80px 0;
}
.workBox .wb_list ul li{
	width: 49%;
	height: 246px;
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	margin-bottom: 26px;
	transition: all .3s;
	position: relative;
	top: 0;
}
.workBox .wb_list ul li:hover{
	border-top: 2px solid #2374e7;
	box-shadow: 0 0 10px #999;
	top: -16px;
}
.workBox .wb_list ul li:nth-of-type(odd){
	float: left;
}
.workBox .wb_list ul li:nth-of-type(even){
	float: right;
}
.workBox .wb_list ul li .wbl_tit{
	line-height: 24px;
	margin-bottom: 16px;
}
.workBox .wb_list ul li .wbl_tit label{
	color: #2374e7;
	font-size: 22px;
	font-weight: bold;
}
.workBox .wb_list ul li .wbl_tit .fr{
	float: right;
	color: #999999;
	font-size: 14px;
}
.workBox .wb_list ul li .wbl_tit .fr span{
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	padding: 0 10px;
	line-height: 14px;
	border-right: 1px solid #999;
}
.workBox .wb_list ul li .wbl_tit .fr span:last-child{
	border: 0;
	padding-right: 0;
}
.workBox .wb_list ul li .wbl_text{
	height: 168px;
	line-height: 24px;
	overflow: hidden;
	color: #666666;
	font-size: 14px;
}