@charset "utf-8";
/* CSS Document */

/**头部**/
.otherClass{height:71px;background:#f6f6f6;}
.otherClass ul{width:96%;margin:0 auto;}
.otherClass ul li{float:left;margin:20px 60px 0 0;}
.otherClass ul li a{border-bottom:1px solid #f6f6f6;font-size:16px;color:#333;line-height:30px;display:block;transition:all 0.3s ease-in 0s;}
.otherClass ul li:hover a,.otherClass ul li.hover a{border-bottom:1px solid #1581df;color:#1581df;}
.otherClass h3{font-size:20px;color:#333;float:right;margin:20px 0 0 0;}

/**右头部**/
.RightTop{width:100%;height:34px;float:right;padding-bottom:15px;margin-top:20px;border-bottom:1px solid #ccc;}
.RightTop h3{line-height:34px;color:#cd542a;font-size:22px;font-weight:500;float:left;border-left:8px solid #cd542a;padding-left:15px;}
.RightTop p{float:right;line-height:12px;font-size:12px;color:#999;margin-top:22px;}
.RightTop p a{font-size:12px;color:#999;}
.RightTop p mark{color:#999;}

.PcontRight{width:937px;float:right;}
.proCont ul{width:100%;margin:37px 0 0 0;float:left;display:flex;justify-content:space-between;flex-wrap:wrap;}
.proCont ul li{width:275px;float:left;}
.proCont ul li mark{width:273px;height:161px;border:1px solid #ccc;float:left;display:block;overflow:hidden;}
.proCont ul li mark img{width:273px;height:161px;}
.proCont ul li h3{width:100%;line-height:50px;font-size:16px;color:#545454;text-align:center;float:left;}
.proCont ul li:hover img{width:120%;height:120%;margin:-10%;}

/*****列表分页***/
.page{width:100%;height:auto;text-align:center;margin-top:30px;float:left;}
.page ol{display:inline-block;}
.page ol li{height:40px;line-height:40px;float:left;margin-right:10px;}
.page ol li a,.page ol li span{display:block;padding:0 15px;display:block;background:#f2f2f2;text-align:center;transition:all 0.3s ease-in 0s;color:#666;font-size:16px;border:1px solid #ccc;}
.page ol li span{color:#ccc;display:none;}
.page ol li:hover a,.page ol li.hover a{color:#FFF;background:#1581df;}
.page ol li.butRight{margin-right:0;}



/**关于我们**/
.aboutOne h3{font-size:36px;color:#222222;text-align:center;margin:70px 0 60px;}
.aboutOne p{font-size:17px;color:#333;line-height:35px;}

.aboutTwo h3{font-size:36px;color:#222;}
.aboutTwo p{font-size:16px;color:#999;margin:20px 0 60px;}



/**联系我们**/
.contact{height:938px;background:url(../images/contact_banner.jpg) no-repeat center top;float:left;}
.OnMessage{width:680px;padding:0 95px;height:565px;float:left;overflow:hidden;background:#FFF;box-sizing:border-box;margin-top:230px;}
.messTop{float:left;margin:54px 0 35px 0;}
.messTop h2{width:100%;font-size:35px;color:#171717;font-weight:bold;}
.messTop hr{width:18px;height:4px;display:block;border:none;background:#4f4f4f;margin:19px 0;}
.messTop span{width:100%;font-size:16px;color:#999;}
.OnMessage p,.OnMessage section{width:100%;padding-bottom:15px;border-bottom:1px solid #e5e5e5;margin:20px 0;float:left;}
.OnMessage mark{font-size:12px;color:#999;display:block;float:left;margin-right:10px;}
.OnMessage input{width:410px;color:#333;font-size:12px;}
.message{width:100%;height:60px;float:left;border:none;background:rgba(0,0,0,0);margin-top:10px;line-height:26px;resize: none;}
button{width:100%;height:52px;background:#444;border-radius:7px;border:none;color:#FFF;font-size:12px;}

.contact-address{width:476px;height:565px;background:#FFF;float:right;display:block;margin-top:230px;}
.contact-address h2{width:390px;font-size:35px;font-weight:bold;float:left;margin:54px 0 20px 56px;}
.contact-address ul{width:390px;float:left;background:rgba(0,0,0,0);margin:0 43px;}
.contact-address ul li{width:100%;padding:20px 0 15px;border-bottom:1px solid #e5e5e5;float:left;}
.contact-address ul li img{float:left;margin:0 5px 0 15px;}
.contact-address ul li dl{width:270px;float:left;}
.contact-address dl dt{width:100%;float:left;font-size:18px;color:#333;font-weight:bold;}
.contact-address dl dd{width:100%;float:left;font-size:14px;color:#555;line-height:26px;}
.contact-address dl dd img{width:78px;height:78px;float:left;margin:0;}
.contact-address ul li.active{border:none;}













/**新闻列表**/
.newsTop{height:32px;float:left;margin:40px 0 30px;}
.newsTop ul li{line-height:32px;text-align:center;float:left;margin-right:20px;}
.newsTop ul li a{display:block;padding:0 17px;font-size:16px;color:#737373;}
.newsTop ul li.hover a,.newsTop ul li:hover a{background:#cb5228;color:#FFF;}
.newsTop p{float:right;font-size:12px;color:#999;line-height:32px;}
.newsTop p a{color:#999;}

.newsCont{margin-bottom:30px;}
.newsCont ul{width:96%;margin:30px auto 0;}
.newsCont ul li{width:24%;float:left;background:#f7f7f7;margin:0 1.3333% 20px 0;transition:all 0.3s ease-in 0s;}
.newsCont ul li.active{margin-right:0;}
.newsCont ul li mark{width:100%;overflow:hidden;display:block;float:left;transition:all 0.3s ease-in 0s;}
.newsCont ul li mark img{width:100%;float:left;}
.newsCont ul li time{width:100%;display: block;margin-bottom: 15px;font-size: 12px;color: #ccc;}

.news-list-content{width:100%;padding: 30px;border-right: 1px solid #f1f1f1;box-sizing:border-box;float:left;}
.news-list li:nth-of-type(4n) .news-list-content{border-right: 0;}
.news-list-content span {display: block;margin-bottom: 15px;font-size: 12px;color: #ccc;}
.news-list-content h3 {position: relative;margin-bottom: 15px;font-size: 18px;line-height: 24px;height: 60px;color: #000;overflow: hidden;}
.news-list-content h3{-webkit-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;}
.news-list-content h3:after {content: "";position: absolute;bottom: 0;left: 0;width: 30px;height: 1px;background-color: #ccc;}
.news-list-content .news_info_content{margin-bottom: 20px;font-size: 12px;line-height: 24px;height: 48px;color: #666;overflow: hidden;}
.news-list li:hover h3{color: #1581df;}

/**新闻详情***/
.newShowTop{width:96%;height:190px;background:#141414;text-align:center;margin:0 auto;}
.newShowTop h3{width:100%;font-size:32px;color:#fff;}
.newShowTop time{width:100%;font-size:14px;color:#fff;margin-top:60px;display:block;float:left;}
.newShowCont{width:90%;margin:0 auto;}
.newShowCont h3{border-bottom:1px solid #ccc;width:100%;height:54px;line-height:54px;}
.newShowCont h3 time{font-size:14px;color:#999;}
.newShowCont h3 mark{font-size:14px;color:#333;margin-left:5px;}
.newShowCont p{font-size:14px;color:#666;line-height:32px;margin:10px 0; text-indent:2em;}
.newShowCont p img{max-width:100%;display:block;margin:0 auto;}

/**详情分页**/
.showEnd{width:96%;background:#eeeeee;height:70px;margin:26px auto 37px;}
.showEnd h3{width:48%;height:70px;line-height:70px;float:left;padding:0 0 0 3%;box-sizing:border-box;}
.showEnd h3.next{float:right;padding:0 3% 0 0;text-align:right;}
.showEnd h3 a{font-size:16px;color:#bbbbbb;}
.showEnd mark{width:4%;float:left;display:block;margin:26px 0;}
.showEnd mark img{margin:0 auto;display:block;}

.showEnd h4{width:100%;}
.showEnd h4 a{width:125px;height:40px;background:#333;line-height:40px;text-align:center;font-size:14px;color:#FFF;display:block;float:right;}

/**案例详情**/
.caseTop{height:451px;text-align:center;line-height:451px;font-size:50px;color:#FFF;font-weight:bold;letter-spacing:15px;background:url(../images/caseShow_banner.jpg) no-repeat center top;}

.caseinfo{background:#eceeed;padding:0 0 30px;}
.caseinfo div.title{font-size:50px; color:#212121;text-align:center;margin:60px 0 30px;}

/**属性展示**/
.CaseInfo ul{width:598px;margin:21px 96px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.CaseInfo ul li{width:129px;height:84px;overflow:hidden;float:left;border:2px solid #FFF;transition:all 0.3s ease-in 0s;}
.CaseInfo ul li img{width:100%;}
.CaseInfo ul li:hover,.CaseInfo ul li.hover{border:2px solid #cd542a;}

.CaseInfo ol li{width:100%;float:left;line-height:36px;margin-top:9px;}
.CaseInfo ol li.active{background:#e7e7e7;}
.CaseInfo ol li mark{width:15%;text-indent:1em;font-size:16px;color:#cd542a;float:left;font-weight:bold;display:block;}
.CaseInfo ol li p{width:85%;font-size:16px;color:#444;float:left;}

/**综合样式-首页头部**/
.IdexTop{width:100%;float:left;text-align:center;margin:40px 0;}
.IdexTop p.title{font-size:36px;color:#222;margin:0 0;}
.IdexTop p{width:100%;float:left;font-size:16px;color:#999;margin:20px 0;text-transform:uppercase;}
.IdexTop p mark{font-weight:;color:#999;}
/**服务**/
.IdexService{height:650px;background:#f6f6f6;float:left;}
.IdexSerCont{width:100%;float:left;margin:30px 0 60px;}
.IdexSerCont ul{display:inline-block;width:80%;min-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap: wrap;}
.IdexSerCont ul li{width:240px;float:left;overflow:hidden;padding-bottom:40px;transition:all 0.3s ease-in 0s;}
.IdexSerCont ul li mark{width:200%;float:left;display:block;overflow:hidden;margin-bottom:30px;}
.IdexSerCont ul li mark img{width:240px;float:left;}
.IdexSerCont ul li h3{font-size:30px;color:#333;text-align:left;margin-left:45px;}
.IdexSerCont ul li p{font-size:14px;color:#666;line-height:26px;text-align:left;margin-top:15px;}
.IdexSerCont ul li mark img{display:none;}
.IdexSerCont ul li mark img.one{display:block;}
.IdexSerCont ul li:hover{background:#FFF;display:block;}
.IdexSerCont ul li:hover mark img.two{display:block;}
.IdexSerCont ul li:hover mark img.one{display:none;}

.IdexSerCont ul li:nth-child(2) h3,.IdexSerCont ul li:nth-child(2) p{margin-left:60px;}
.IdexSerCont ul li:nth-child(3) h3,.IdexSerCont ul li:nth-child(3) p{margin-left:45px;}
.IdexSerCont ul li:nth-child(4) h3,.IdexSerCont ul li:nth-child(4) p{margin-left:40px;}
.IdexSerCont ul li:nth-child(5) h3,.IdexSerCont ul li:nth-child(5) p{margin-left:40px;}
.IdexSerCont ul li:nth-child(1) h3,.IdexSerCont ul li:nth-child(1) p{margin-left:35px;}
.IdexTop span{width:770px;height:1px;background:#e8e8e8;margin:0 auto;display:block;}

.sevMainTop{text-align:center;margin:90px 0 100px 0;}
.sevMainTop ul{display:inline-block;}
.sevMainTop ul li{float:left;margin:0 37px;font-size:25px;color:#8e93a2;}
.sevMainTop ul li:hover,.sevMainTop ul li.hover{color:#1581df;}


.sevMainInfo{border-top:1px solid #eaecf1;}
.LeftInfo{width:50%;max-width:955px;height:958px;float:left;background:url(../images/sevMainImg.jpg) no-repeat center top;}
.RightInfo{width:50%;min-width:600px;float:right;}
.RightInfoFlash,.sevMainArray{width:530px;margin:0 auto;clear:both;}
.RightInfoFlash dl{width:100%;float:left;display:none;}
.RightInfoFlash dl.hover{display:block;}
.RightInfoFlash dl dt{width:141px;height:147px;background:#FFF;border:1px solid #e8e8e8;border-radius:19px;float:left;margin:30% 0 0 0;}
.RightInfoFlash dl h3{width:100%;float:left;font-size:31px;color:#02050f;margin:65px 0 30px;}
.RightInfoFlash dl dd{width:100%;float:left;font-size:16px;color:#8e93a2;line-height:35px;}
.RightInfoFlash dl a{width:259px;height:84px;display:block;font-size:16px;color:#1581df;overflow:hidden;margin:100px 0;line-height:35px;border:1px solid #e8e8e8;border-radius:86px;float:left;}

.sevMainArray span{width:24px;height:21px;float:left;display:inline-block;margin-right:30px;cursor:pointer;}

.sevEnd{height:936px;background:url(../images/sevEndImgBG.png) no-repeat center top;}
.sevTop{float:left;text-align:center;}
.sevTop h3{width:100%;float:left;font-size:36px;color:#FFF;margin:166px 0 22px;}
.sevTop p{width:100%;float:left;font-size:16px;color:#FFF;}

.sevEndCont ul{width:80%;margin:120px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.sevEndCont ul li{width:18%;max-width:248px;background:#FFF;float:left;text-align:center;border-radius:10px;border:1px solid #3a8dff;padding-bottom:80px;transition:all .3s ease-in;}
.sevEndCont ul li h4,.sevEndCont ul li h3{width:100%;font-size:18px;color:#1a1a1a;margin:54px 0 17px;float:left;transition:all .3s ease-in;}
.sevEndCont ul li h3{margin:0 0 30px;}
.sevEndCont ul li p{color:#4b4b4b;font-size:16px;line-height:30px;margin-top:68px;transition:all .3s ease-in;}
.sevEndCont ul li:hover{background:rgba(255,255,255,.1);border:1px solid rgba(0,0,0,0);}
.sevEndCont ul li:hover p,.sevEndCont ul li:hover h3,.sevEndCont ul li:hover h4{color:#FFF;}


@media screen and (max-width:1540px){.caseTop ul section{width:50%;float:left;}}
@media screen and (max-width:1220px)
{
	.IdexAdv ul,.IdexCase ul,.IdexNews ul{width:100%;margin:30px auto 0;}
	.caseTop ul,.showEnd,.newShowTop,.newsCont ul,.sevEndCont ul{width:100%;}
	.caseTop ul section{width:54%;float:left;}
	.newsCont ul li .sec{width:57%;margin:0 0 0 40px;}
	.sec2{margin-right:40px;}	
}



/** 团队 **/
.team_info{margin:50px 0;}
.team_info ul li{width:100%;height:auto;margin:0 0 30px;float:left;}
.team_info .team_img{width:450px;height:450px;overflow:hidden;background-color:#c9c9c9;margin:0 100px 0 75px;float:left;}
.team_info .team_img2{width:450px;height:450px;display:table;}
.team_info .team_img2 span{vertical-align:middle;display:table-cell;}
.team_info .team_img img{max-width:100%;max-height:100%;}
.team_info .team_content{width:540px;float:left;}
.team_info .team_content h3{font-size:33px;line-height:33px;color:#222;margin:20px 0;}
.team_info .team_content .team_post{font-size:16px;line-height:16px;color:#555;}