@charset "utf-8";

body {
	magin: 0px;
	min-width: 1200px;
}
* {
	padding: 0px;
	margin: 0px;
	font-family: Arial, "微软雅黑";
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {color:inherit;}
a:visited{color:inherit;}
hr{ border:none; border-top:1px dashed #ccc; margin:12px 0px;}
h2{ font-size:24px; font-weight:bold; color:#333;}

small{ font-weight:normal;}

header{ background-color:#242424;}
.top-box{ width:1200px; height:90px; overflow:hidden; margin:auto;}
.top-box .logo{ float:left; margin:18px 0px;}
.top-box .nav{ float:right;}
.top-box .nav ul{ overflow:hidden;}
.top-box .nav li{ float:left;}
.top-box .nav li a{ display:block; line-height:90px; padding:0px 18px; color:#fff; font-size:15px;}
.top-box .nav li a:hover{ background-color:#5c5c5c;}

.box{ width:1200px; margin:auto;}

.index-about1{ position:relative;}
.zx{ width:300px; height:80px; background-color:#333333; float:left; }
.zx:hover{background-color:#4d4d4d;}
.zx a{ display:block; width:100%; font-size:20px; line-height:80px; color:#fff; text-align:center;}
.zx a img{ margin-bottom:-2px; margin-right:10px;}
.about-link{ width:500px; padding-right:100px; height:80px; background-color:#333333; float:left; margin-left:1px;}
.about-link:hover{background-color:#4d4d4d;}
.about-link a{ display:block; width:100%; font-size:20px; line-height:80px; color:#fff; text-align:center;}
.about-link a img{ margin-bottom:-15px; margin-right:10px; max-height:44px;}

.about-position{ position:absolute; right:0px; top:-60px; overflow:hidden;}
.about-position a{ float:left;}

.index-about2{ margin-top:150px;  width:100%; overflow:hidden;}
.index-title{ font-size:16px; color:#333;}
.index-title h2{ display:inline-block; line-height:36px;}
.index-title p{ font-size:14px; color:#4d4d4d;}
p.title-right{ float:right; margin-right:250px; width:500px;font-size:16px; color:#333;}
.title-right2{ float:right; margin-right:0px; font-size:12px; margin-top:20px;}
.title-right2:hover{color:#666;}

.index-about3{ margin-top:40px;}
.index-about3 ul{ overflow:hidden;}
.index-about3 li{ float:left; width:390px; margin-right:15px;}
.index-about3 li:nth-child(3n){ margin-right:0px;}
.index-about3 p{ line-height:60px; font-size:20px; text-align:center;}
.index-about3 li img{ height:258px; width:388px; border:1px solid #ccc;}
.index-about3 li iframe{ height:258px; width:388px; border:1px solid #ccc;}
a.index-more{ display:block; width:180px; margin:40px auto; font-size:20px; font-weight:bold; color:#999; line-height:36px; text-align:center; border:3px solid #cccccc;}
a.index-more:hover{ display:block; width:180px; margin:40px auto; font-size:20px; font-weight:bold; color:#666; line-height:36px; text-align:center; border:3px solid #999;}

.index-Case ul{ overflow:hidden; margin-top:20px;}
.index-Case li{ float:left;  height:258px; width:388px; margin-right:15px; margin-bottom:15px; border:1px solid #ccc; position:relative;}
.index-Case li:nth-child(1){width:793px;}
.index-Case li:nth-child(2){margin-right:0px;}
.index-Case li:nth-child(5){margin-right:0px;}
.index-Case li img{ width:100%; height:100%;}
.index-Case li p{ position:absolute; bottom:0px; width:100%; text-align:center; font-size:18px; line-height:40px;height:40px; color:#fff; z-index:2;}
.index-Case li p.p-bottombg{position:absolute; bottom:0px; display:block;background:#000; opacity: 0.4;   z-index:1;}
.index-Case li:hover p.p-bottombg{opacity: 0.6;}

.index-team ul{ overflow:hidden; margin-top:20px;}
.index-team li{ float:left;  height:419px; width:288px; margin-right:13px; margin-bottom:15px; border:1px solid #ccc; position:relative;}
.index-team li:nth-child(4){margin-right:0px;}
.index-team li img{ width:100%; height:100%;}
.index-team li p{ position:absolute; bottom:40px; width:100%; text-align:center; font-size:18px; line-height:26px; height:0px; color:#fff; z-index:2;opacity: 0;   transition-duration: .5s;}
.index-team li:hover p{ height:52px;opacity: 1; transition-duration: .5s;}
.index-team li p.p-bottombg{position:absolute; bottom:0px; display:block; height:0;background:url(../images/teambg.png);   z-index:1;}
.index-team li:hover p.p-bottombg{ height:100%;transition-duration: .5s;}

.index-Soft ul{ overflow:hidden; margin-top:20px;}
.index-Soft li{ float:left;  height:211px; width:288px; margin-right:13px; margin-bottom:15px; border:1px solid #ccc; position:relative;}
.index-Soft li:nth-child(4){margin-right:0px;}
.index-Soft li img{ width:100%; height:100%;}
.index-Soft li p{ position:absolute; bottom:90px; width:100%; text-align:center; font-size:16px; line-height:26px; color:#fff; z-index:2;opacity: 0;}
.index-Soft li:hover p{opacity: 1;transition-duration: .8s;}
.index-Soft li p.p-bottombg{position:absolute; bottom:0px; display:block; height:0;background:url(../images/teambg.png);   z-index:1;}
.index-Soft li:hover p.p-bottombg{ height:100%;transition-duration: .5s;}

.index-news ul{ overflow:hidden; margin-top:20px;}
.index-news li{ float:left;width:390px; margin-right:15px; margin-bottom:15px; }
.index-news li:nth-child(3){margin-right:0px;}
.index-news li img{ width:388px; height:258px;border:1px solid #ccc;}
.index-news li p{width:100%; font-size:14px; line-height:24px; color:#666;}
.index-news li .news-time{width:100%; font-size:14px; line-height:50px; color:#999;}
.index-news li .news-title{width:100%; font-size:18px; font-weight:bold; line-height:24px; color:#333;}
.index-news li a p:hover{ color:#666;}



footer{ background-color:#333333;}
.foot{ width:1200px; margin:auto; padding:30px 0px; overflow:hidden;}
.foot .foot-logo{ float:left;}
.foot h2{ font-size:18px; font-weight:bold; color:#ccc; margin-top:6px; margin-bottom:20px;}
.foot .foot-contact{ float:left; margin-left:40px;}
.foot .foot-contact p img{ float:left; margin-top:10px; margin-right:6px;}
.foot .foot-contact p{ font-size:14px; color:#666; line-height:33px;}
.foot .foot-nav{ float:left; margin-left:50px; width:600px; overflow:hidden;}
.foot .foot-nav li{ float:left; margin-right:110px;}
.foot .foot-nav li:nth-child(4n){ margin-right:0px;}
.foot .foot-nav li a{ font-size:14px; color:#666; line-height:33px;}

.copyright{ line-height:30px; font-size:12px; color:#666; text-align:center;}


.breadcrumbs{ width:1200px; margin:20px auto; overflow:hidden; border-bottom:2px solid #333; padding-bottom:6px;}
.breadcrumbs .breadcrumbs-logo{ float:left; margin-right:20px;}
.breadcrumbs h2{ float:left; line-height:40px;}
.breadcrumbs ul{ float:right; line-height:40px; overflow:hidden;}
.breadcrumbs ul li{ float:left; line-height:40px; overflow:hidden; font-size:15px; color:#666; text-align:center;}
.breadcrumbs ul li a{ margin:0px 4px;}
.breadcrumbs ul img{margin:0px 4px; margin-bottom:-3px;}

.inside{ width:1200px; margin:auto; overflow:hidden; padding:20px 0px; font-size:15px; line-height:26px;}
.list-nav{ text-align:center; margin-bottom:30px;}
.list-nav ul{ display:inline-block;}
.list-nav li{ width:auto; float:left; margin:0px 20px;}
.list-nav li a{font-size:18px; display: block;height: 32px; position:relative;}
.list-nav li a:hover{ color:#4d4d4d;}
.list-nav li a:after{ content:""; position: absolute;width: 0;height: 2px;bottom: 0px;left: 50%;-webkit-transition:all .3s;transition:all .3s; background-color:#4d4d4d;}
.list-nav li a:hover:after{width: 100%;left: 0;}

.list-box{}
.list-box ul{ width:100%; overflow:hidden;}
.list-box ul li{  float:left;   width:288px; height:203px; margin-right:13px; margin-bottom:25px; border:1px solid #ccc; position:relative;overflow:hidden;}
.list-box ul li:nth-child(4n){margin-right:0px;}
.list-box ul li a{ display:block; width:100%; height:100%; position:relative; line-height:0px; }
.list-box ul li a img{ max-width:100%; max-height:100%; transform:scale(1); -webkit-transition:all .3s;transition:all .3s;}
.list-box ul li a:hover img{ transform:scale(1.1); -webkit-transition:all .3s;transition:all .3s;}
.list-text{ display:block; height:30px; width:100%; background:url(../images/50%black.png); position:absolute; bottom:0px;}
.list-text p{ line-height:30px; font-size:14px; color:#fff; text-align:center;}

.list-box2{}
.list-box2 ul{ width:100%; overflow:hidden;}
.list-box2 ul li{  float:left;  height:222px; width:288px; margin-right:13px; margin-bottom:25px; border:1px solid #ccc; position:relative;overflow:hidden;}
.list-box2 ul li:hover{border:1px solid #999;transition-duration: .5s;}
.list-box2 ul li:nth-child(4n){margin-right:0px;}
.list-box2 ul li a{ display:block; position:relative; line-height:0px; }
.list-box2 ul li a img{ width:100%;}
.list-text2{ display:block; height:30px; width:100%; background:url(../images/50%black.png); position:absolute; bottom:-30px;transition-duration: .5s;}
.list-box2 ul li:hover .list-text2{bottom:0px;transition-duration: .5s;}
.list-text2 p{ line-height:30px; font-size:14px; color:#fff; text-align:center;}

.page-box{ text-align:center; border-bottom:1px solid #ccc; padding-bottom:20px;}
.page-box ul{ display:inline-block; overflow:hidden; }
.page-box li{ float:left; margin:0px 4px;}
.page-box li a{ display:block; border-radius:4px 4px 4px 4px; line-height:26px; padding:0px 8px; color:#333; background-color:#f1f1f1}
.page-box li a:hover{ display:block; border-radius:4px 4px 4px 4px; line-height:26px; padding:0px 8px; color:#fff; background-color:#666}

.page-box2{ text-align:center; border-top:1px dashed #ccc; padding:20px; margin-top:20px;}
.page-box2 ul{ display:inline-block; overflow:hidden; }
.page-box2 li{ float:left; margin:0px 6px;}
.page-box2 li a{ display:inline-block;line-height:26px;  color:#333;}
.page-box2 li a:hover{ display:inline-block;line-height:26px;  color:#666;}

.content{ color:#4d4d4d; width:1180px; margin:auto;}
.content img{ max-width:100%; height:auto;}
.content p{ font-size:15px; line-height:26px;}
.case-showimg{ width:100%; overflow:hidden; margin-top:30px;}
.case-showimg ul{ width:100%; overflow:hidden;}
.case-showimg ul li{ float:left; margin-right:8px; margin-bottom:4px;}


.team ul{ overflow:hidden;}
.team ul li{ float:left; width:288px; margin-right:13px; margin-bottom:25px; border:1px solid #ccc; position:relative;overflow:hidden; line-height:0px;}
.team ul li:nth-child(4n){margin-right:0px;}
.team ul li a{ line-height:0px; position:relative;}
.team ul li a img{ width:288px;}
.team ul li a p{ display:block; width:100%; font-size:15px; line-height:40px; text-align:center; color:#fff; position:absolute; bottom:-40px; background:url(../images/50%black.png) repeat;transition-duration: .3s; z-index:5;}
.team ul li a:hover p{ bottom:0px;transition-duration: .3s;}


.team2{ width:1160px; margin:auto;}
.team2 p{ font-size:15px; line-height:26px; color:#333;}
.team2 img{ max-width:100%;}

.news-list { overflow:hidden;}
.news-list ul li{ width:100%; overflow:hidden; margin-bottom:20px;}
.news-list ul li .img-flash{float:left; width:300px;  margin-right:30px; line-height:0px;}
.news-text h3 small{float:right;}
.news-text h3:hover{ color:#4d4d4d;}
.news-text p{ font-size:15px; color:#4d4d4d;}

.img-flash { display:inline-block;position: relative;  margin:0 auto; overflow:hidden; background-color:#666;}
.img-flash:before{ content: ""; position: absolute; width:100%; height: 100%; top: 0; left:-75%; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)
}
.img-flash:hover:before { left: 150%; transition: left 1s ease 0s; }
.img-flash img{margin:0 auto;}

.news-content{ width:1160px; margin:auto;}
.news-content h2{  text-align:center;}
.news-time2{  text-align:center; margin-top:16px;}
.news-time2 span{ font-size:13px; color:#666;}
.news-time2 span p small{ margin-right:16px;}
.news-content p{ margin-bottom:8px; color:#4d4d4d; font-size:15px;}



.pages { clear:left;margin: 0 auto;  margin-top:16px; text-align:center; line-height:35px; }
.pages a, .pages font, .pages i { border: 1px solid #DDD; color: #333;  padding: 5px 10px; text-decoration: none; font-size:12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; }
.pages b { border: 1px solid #666;padding: 5px 10px; text-decoration: none; background: #666; color:#FFF; font-size:12px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.pages a:hover { border: 1px solid #666;  padding: 5px 10px; text-decoration: none; background: #666; color:#FFF; font-size:12px;}


.case-title{ text-align:center;  margin-bottom:20px;}
.case-title h2{ position:relative; display:inline-block; max-width:100%;color:#333; font-size:24px; font-weight:normal;}
.case-title h2:before{ content:""; position: absolute;width: 4px;height: 100%; top:0px; left:-50px;background-color:#4d4d4d;}
.case-title h2:after{ content:""; position: absolute;width: 4px;height:100%; top:0px; right:-50px;background-color:#4d4d4d;}