/*广告图*/
.banner{width: 100%;height:100%;}
.banner ul{width: 100%;height:100%;position: relative;}
.banner li img{width:80%;height:100%;clear: both;display: block;margin:auto;margin-top:7%;}

.screen_bg{background: url(../images/bg_01.png)!important; background-repeat: repeat; float: left;}

.top_banner{width: 100%;height:400px; position: relative; background: #0c1014; }
.top_banner img{ width: 1920px; margin-left: -960px; position: absolute; height:400px; overflow: hidden;left: 50%;}

/*首页解决方案*/
.solution_box{ width: 1200px;margin: 0 auto;  height:680px ;}
.split_tit{width: 1200px;height: 100px;text-align: center;margin: 0 auto;padding-top:7%;}
.split_tit h3{font-size: 36px; color: #656cff;margin-bottom: 20px;}
.split_tit p{color: #b9b9bc; font-size: 16px;}
.split_tit p span{margin: 0 20px;}
.solution_line{ width: 280px; height: 620px; border-right: 1px solid #999; float: left;}
.solution_line ul{ width: 280px;}
.solution_line li{ height:50px;margin-bottom: 100px; width: 260px; position: relative; text-align: right;line-height: 150px; font-size: 20px; font-weight: bold;padding-right:20px;cursor: pointer;}
.solution_line li span{width: 16px;height: 16px; border-radius: 50%;position:absolute; top:68px; left: 273px;background: #b9b9bc; display: block;}
.solution_box .solution_pic{overflow:hidden;width:910px;height:680px;position:relative;left: 30px;}
.solution_box .solution_pic ul{position:absolute;left:0px;top:0;height:660px;}
.solution_box .solution_pic li{height:660px;float:left; font-size: 16px; width:910px;}
.solution_box .solution_pic li img{margin: 10px 0;}
.solution_box .solution_pic li p{width: 910px;height:30px; font-size:20px; text-align: center; font-weight: bold; margin-top: 20px;}
.solution_box .solution_line li.on{color:#656cff;text-decoration:none; }
.solution_box .solution_line li.on span{background:#656cff!important; float: left;}

.I_product{width: 1200px; margin: 0 auto; position: relative;}
.p1{position:absolute;left: 0;top:-7px; z-index: 98;}
.p2{position:absolute;left:800PX;top:0px;}
.MOM{position:absolute;left: 400px;top:240px;z-index: 99;}
.p4{position:absolute;left:400px;top:430px;}
.p3{position:absolute;left:0;top:240px;}



/*我的案列*/
.caselist{width: 1200px; height:540px;margin: 20px auto;position: relative;}
.emonl{width:55px ;height:55px;position: absolute; top:250px;left: -80px;background: url(../images/nav_left.png);z-index: 999;background-repeat: no-repeat;}
.emonr{width:55px ;height:55px;position: absolute; top: 250px;right: -80px;background: url(../images/nav_right.png);z-index: 999;background-repeat: no-repeat}
.emonl:hover{background: url(../images/nav_hleft.png);background-repeat: no-repeat;}
.emonr:hover{ background: url(../images/nav_hright.png);background-repeat: no-repeat;}
.caselist_list {width:1200px;height: 580px;overflow:hidden;margin: 0 auto;animation: s 0.3s;}
.caselist_list  li{width: 380px; height:250px ; margin-right: 30px; float: left; margin-bottom:60px; border-radius:4px; overflow: hidden;position: relative;box-shadow: 0 0 5px #e0f1fa;
	box-sizing: border-box;
	transition: transform 0.5s;}
.caselist_list  li:hover{box-shadow: 0px 0px 5px #999;transform: translate(0,-10px)}
.caselist_list  li p{position:absolute; bottom:0px; height:50px; background: rgba(0, 0, 0, 0.4); color: #fff;line-height: 50px; width: 380px; 
	text-indent: 15px; text-overflow: ellipsis;overflow:hidden ;white-space: normal;}

@keyframes s{
	from{
		transform: translateY(580px) ;
	}
	to{
		transform: translateY(0%) ;
	}
}



/*我的客户*/
.customer{width: 1200px; height:480px;margin:20px auto;} 
.customer ul{margin-top: 50px;}
.customer ul li{width: 228px; height: 66px ; margin-right:15px; float: left; margin-bottom:100px; position: relative;}
.customer ul li:hover{background: rgba(255, 255, 255, 1); border-radius: 8px;}

.customer_tab{ width:260px; height: 40px; margin: 0 auto; cursor: pointer;}
.customer_tab p span{margin-top:20px; width:100px;float:left; text-align: center; height: 40px; line-height: 40px;font-weight: bold;background: #dbdbdb; margin:0 15px;}
.customer_tab p span.avt{background:#656cff; color: #fff;}

.tab4_1 ul li{width: 31%; text-align: center;}

/*新闻*/
.newpic_con{width: 1200px; height: 600px;margin: 0 auto;}
.newpic_con h2{ width: 1200px; text-indent: 10px; height: 60px; margin-top:20%; float: left; color: #656cff; font-size: 24px; line-height: 24px;}
.newpic_con h2 b{width: 4px;height:24px;background: #656cff; float: left;margin-right: 5px;}
/*  .newpic_l{width:500px;height: 350px;float: left;position: relative;}*/
/*    .newpic_l ul li{width: 500px;height: 350px; float: left;}
.newpic_l ul li p{width: 500px; text-indent: 10px; color: #fff; font-size: 16px; position:absolute; bottom: 0; left: 0; background: #000; opacity: 0.4;height: 50px;line-height: 50px;}*/
.newpic_l{width:500px;height:350px;overflow:hidden;position:relative; float: left;}
.newpic_l ul{height:350px;position:absolute;}
.newpic_l ul li{float:left;width:500px;height:350px;overflow:hidden;position:relative;background:#000;}
.newpic_l ul li div{position:absolute;overflow:hidden;}
.newpic_l .btnBg{position:absolute;width:500px;height:40px;left:0;bottom:0;background:#000;}
.newpic_l .title{position:absolute;width:500px;height:40px;left:0;bottom:0;text-align:left;line-height: 40px;color:#fff; cursor:pointer; text-indent: 15px;}
.newpic_l .btn{position:absolute;width:100px;height:10px;right:20px;bottom:24px;text-align:right;}
.newpic_l .btn span{display:inline-block;_display:inline;_zoom:1;width:17px;height:4px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
.newpic_l .btn span.on{background:#fff;}

.newpic_r{width:640px ;height: 400px; float: left; margin-left: 40px;position: relative; cursor: pointer;}
.newpic_r p{height: 20px;position: absolute; top:-25px; right: 0;}
.newpic_r ul li{border-bottom: 1px solid #dbdbdb; height:40px; line-height:20px;padding-top:18px;}
.newpic_r ul li a:hover{color: #656cff;}
.newpic_r ul li span{float:right;}
.newpic_r p:hover{color: #656cff; text-decoration: underline;}

.adbanner{width:100%;height: 100%;background:url(../images/ad_banner_3.png);}
.adbanner_con{width: 1200px;height: 300px;margin: 0 auto;}
.adbanner_con dl{float: left; width: 300px; text-align: center;color: #fff;}
.adbanner_con dl dt{font-size:48px;line-height:100px; margin-top: 50px;}
.adbanner_con dl dt{line-height:80px;}
.w_color{color: #fff !important;}



/*关于我们*/
.about_us{width:100%; /*height:420px;*/padding-top: 60px;}
.about{width: 1200px;height:480px;margin: 0 auto;}
.about_pic{width:480px;height:360px; float:left;}
.about_pic img{border-radius:4px;}
.about_con{ width: 675px; height:380px ;float: left;margin-left: 30px; }
.about_con p{text-indent:30px; line-height:32px;}
.about_con h4{margin-bottom: 15px;}
.ad_banner{width: 100%;background: url(../images/ad_banner.png);height:400px;}
.ad_con{width: 1200px; height: 400px;margin: 0 auto;}
.ad_con dt img{padding-bottom: 10px;}
.ad_con dd{line-height: 30px;padding: 0 50px;}
.ad_con dl{width: 300px; float: left;margin-top: 20px; text-align: center;color: #fff;}
.ad_con h3{ width: 1200px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; color: #fff;padding-top:40px;}
.ad_con p{text-align: center;color: #fff;}

.development{width: 100%;height:750px;}
.public_tit{ width: 100%;height:80px;padding-top: 40px; line-height:40px; text-align: center;}
.public_tit p{height: 30px; line-height: 30px;}
.development .public_tit > img{display:block;max-width:96%;max-height:600px;width:auto;height:auto;margin:0 auto;}
.course{width:1200px; height: 600px;margin: 0 auto;padding-top: 10px;}
.course_l{width:560px;max-height:530px;margin-right:10px;float: left;overflow-y:scroll ;overflow-x: hidden;margin-left: 20px;}
.course_sm{width:550px; float: left;border-left: 1px solid #dad9d9;margin-left: 10px;}
.course_l dl{position: relative;margin-bottom:10px; text-indent:20px; margin-top: 20px;}
.course_l dt{font-weight: bold;}
.course_l dt:before{width: 14px;height: 14px; border-radius: 50%; background: #dad9d9; position: absolute; left:-7px;  content: "";}
.course_l dd{ line-height: 30px; }
.course_l dd:hover{color: #000; font-weight: bold;cursor: pointer;}
.course_r{ width: 510px;height: 490px; float: left;background: #fff; padding:15px 15px 0 15px;margin-left: 20px;}
.course_r dl{width:510px;height: 450px; float: left;}
.course_r dd{line-height:24px;}
.course_r dt{margin-bottom:20px;}


.expert{width: 100%;background: url(../images/ad_banner_2.png);height:620px;}
.expert_box{width: 1200px;height: 450px; margin: 0 auto; color: #fff;}
.expert_con{width: 1200px;height: auto;overflow: hidden;position: relative;margin-top: 20px;}
.expert_con .expert_pic{ padding-top:20px;overflow:hidden; position:relative; width:1200px}
.expert_con .expert_pic ul{ overflow:hidden;}
.expert_con .expert_pic ul li{width:280px;float:left;display:inline; overflow:hidden; text-align:center;margin:0 10px;padding-top: 10px;box-sizing: border-box;
	transition: transform 0.5s;height:400px;}
.expert_con .expert_pic ul li:hover{transform: translate(0,-10px)}
.expert_con .expert_pic ul li .pic{text-align:center;padding-left:55px;}
.expert_con .expert_pic ul li .pic img{ display:block;border-radius: 50%; width: 165px;height: 165px;}
.expert_con .expert_pic ul li .expert_tit{ line-height:40px;text-align:center;}
.expert_con .expert_pic ul li dd{text-align: center; line-height:22px;}
/*.expert_con .pic_tab .prev{isplay:block;  float:left; margin-left:5px; margin-top:120px;  overflow:hidden;
         cursor:pointer; }
.expert_con .pic_tab .next{ display:block;  float:right; margin-right:5px; margin-top:120px;  overflow:hidden;
         cursor:pointer; }  */ 


.honor_tab {width: 100%;height:60px;background: #f2f2f2;}
.honor_tab p{width: 400px;margin: 0 auto;}
.honor_tab p span{cursor:pointer;margin-top:20px; width: 200px;float:left; text-align: center; height: 40px; line-height: 40px;font-weight: bold;}
.honor_tab p span.avt{background:#fff;}
.honor{}
.honor{width: 100%;background:#fff;height:520px;}
.honor_box{width: 1200px;height: 450px; margin: 0 auto; color: #fff;}
.honor_con{width: 1200px;height: auto;overflow: hidden;position: relative;margin-top: 20px;}
.honor_con .honor_pic{ padding-top:20px;overflow:hidden; position:relative; width:1200px}
.honor_con .honor_pic ul{ overflow:hidden;}
.honor_con .honor_pic ul li{width:390px;float:left;display:inline; overflow:hidden; text-align:center;margin-right:15px; color: #000;line-height:40px;}
.picList li span{width: 390px; height:260px; background:#f3f3f3; float: left;padding:10px 0;} 
.picList li dd{padding: 0 20px;text-align: left;}
.tabN_02{display: none;}


/*产品信息*/
.product{width: 100%;min-height:920px;}
.product_con{width: 1200px; height: 400px;margin: 0 auto;}
.product_con dt img{padding-bottom: 10px;border-radius:4px;}
.product_con dd{line-height:28px; text-indent:10px; width:383px;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.product_con dl{width: 376px; float: left;margin:20px 0; color: #363535;margin-right:24px;background:#fff;padding-bottom: 10px;
	box-shadow: 0 0 5px #e0f1fa;
	box-sizing: border-box;
	transition: transform 0.5s;
}
.product_con dl:hover{box-shadow: 0px 2px 10px #ccc;
	transform: translate(0,-10px)}


/*产品详情*/
.m_product{width: 100%;height:530px;}
.m_product_con{width: 1200px; height: 400px;margin: 0 auto;}
.m_product_con dt img{padding-bottom: 10px;}
.m_product_con dd{line-height:28px; text-indent:10px; width:383px;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.m_product_con dl{width: 380px; float: left;margin-top:20px; color: #363535;margin-right:20px;background:#fff;padding-bottom: 10px;}
.m_product_list{width: 1200px;padding-bottom: 40px;margin:20px auto;border: 1px solid #f0f1f5;background: #fff;height: auto; clear: both;}    

.page_tit{ width: 100%; text-align: center;height: 100px; }
.page_tit h2{ font-size: 24px;padding-top: 40px;}
.page_banner{ width:1116px ;height: 362px;margin: 0 auto; padding-bottom:30px}
.page_con{ width: 1120px; padding: 0 40px;line-height: 30px;margin: 0 auto; }
/*.page_con ul li{width:1120px;}*/
.page_con p{text-indent: 30px;margin-bottom: 20px; }
.page_con b { width:1200px;}
.page_con p{width: 1120px;}
.page_con p img{clear: both;display: block;margin:auto; }
.page_con span{ width: 1120px; text-align: center; font-weight: bold; font-size: 16px; display: block; color: #f00;margin-bottom: 10px;}


/*新闻*/
.new_tab{ width: 1200px;height:50px ;float: left;  border-bottom: 1px solid #d8d8d8;line-height:50px;}
.new_tab p{line-height: 50px;}
.new_tab span{width:120px;height:50px;padding: 0 20px;float: left;text-align: center;cursor:pointer}
.new_tab span.avt{border-bottom: 1px solid #656cff; color: #656cff; line-height:50px; height:50px; text-align: center; font-weight: bold;;}
.new_list {width: 1200px; margin: 20px auto;}
.new_list ul li{border-bottom: 1px solid #eaeaeb; line-height: 50px; text-indent: 10px;}
.new_list ul li span{float: right;padding-right: 20px;}
.new_list a:hover{color: #656cff; text-decoration: none;}
.new_list p{margin: 0 auto; width:230px ; margin-top: 40px;}
.new_list p a{padding:10px; height: 14px; text-align: center; float: left; cursor: pointer;background: #fff; border-radius: 4px; margin: 5px; line-height: 14px;}
.new_list p a:hover{text-decoration: none;background: #ea5504; color: #fff;}
.new_list p a.avt{background: #ea5504;color: #fff}

.pagebar {width: 1200px; margin: 20px auto;clear:both;text-align:center;}
.pagebar p {margin: 0 auto; width:100%; text-align:center;display:flex;justify-content:center;align-items:center;}
.pagebar p span{display:inline-flex;}
.pagebar p a{padding:10px; height: 14px; text-align: center; float: none; cursor: pointer;background: #fff; border-radius: 4px; margin: 5px; line-height: 14px;}
.pagebar p a:hover{text-decoration: none;background: #ea5504; color: #fff;}
.pagebar p a.avt{background: #ea5504;color: #fff}
.list_page_outer{height:auto;min-height:960px;}
.list_page_con{position:relative;min-height:800px;height:auto;padding-bottom:80px;}
.list_page_con .pagebar{position:absolute;bottom:0;left:0;width:100%;margin:20px auto 0;}
.news_con{position:relative;min-height:560px;height:auto;padding-bottom:80px;}
.news_con .pagebar{position:absolute;bottom:0;left:0;width:100%;margin:20px auto 0;}


/*新闻二级*/
.text_l{text-align: left; text-indent: 50px;}
.new_tit{ width: 100%;height: 120px; }
.new_tit h2{ font-size: 24px;padding-top: 40px;padding-left: 50px;;}
.new_tit span{color: #999;line-height:40px;text-indent: 50px;float: left; width: 100%;}
.page_tab_con{ width: 1200px; height: 50px; margin: 0 auto; padding-bottom:30px;}
.page_tab_con a{width: 100%; line-height: 30px; float: left;}
.page_tab_con a:hover{ color: #656cff; text-decoration: none;}


/*联系我们*/
.contact{ width:1200px; height:880px ;margin: 0 auto;}
.contact_con{width: 1200px; float: left; margin:40px 0 ;}
.contact_con dl{ float: left; width:360px ;height: 360px;background: #fff;margin-right:60px; }
.contact_con dl dt{ float: left; width:360px ;height: 36px;text-align: center;font-weight: bold; margin:40px 0 10px 0; }
.contact_con dl dd{ text-align: center; line-height:36px;padding: 0 15px;}
.contact_con dl dd img{margin: 0 auto; width:200px;height:200px;}
.contact_con dl dd span{float: left;width: 100px; text-align: right;}
.contact_con dl dd p{float: left;width:220px; text-align: left;}

.message{width:1200px;margin:0 auto;background:#fff; height:360px;float: left;position: relative;}
.message_tit{width: 1200px;font-size: 20px;height: 50px;line-height:70px; font-weight: bold;text-indent: 24px;}
.message_tit span{font-size: 14px; font-weight: normal;margin-left: 20px;}
.message_con{width: 1150px;padding:15px 15px;margin: 0 auto;}
.transition1{width: 400px;height: 34px;line-height: 34px;text-indent: 10px;border: 1px solid #dcdcdc;background: #fcfcfc;margin-bottom: 10px;}
.transition2{width: 400px;height: 34px;line-height: 34px;text-indent: 10px;border: 1px solid #dcdcdc;margin-left: 15px;background: #fcfcfc;margin-bottom:10px}
.transition3{width:100%;height:150px;line-height: 34px;text-indent: 10px;border: 1px solid #dcdcdc;background: #fcfcfc;}
.transition4{width:49%;height:220px;line-height: 34px;text-indent: 20px;border: 1px solid #dcdcdc;background: #fff; text-align: left;float: left;}
.transition5{width:49%;height:220px;line-height: 34px;border: 1px solid #dcdcdc;background: #fff; text-align:center;float: left;border-left: none;}
.transition4 dl{ float: left;}
.transition4 dt{background: #fcfcfc;border-bottom: 1px solid #dcdcdc;font-weight:bold;margin-bottom:5px;}
.transition4 dd{width: 200px; text-align:left;}
.transition5 dt{ background: #fcfcfc;border-bottom: 1px solid #dcdcdc; text-align: left;text-indent: 20px;font-weight:bold;}
.transition5 dd{text-align:center;font-size:30px;line-height: 150px;}

.message_nav{width: 120px;height:40px; color: #fff; background: #ff9227;border:none; position:absolute; bottom: 20px;right: 20px;cursor: pointer;}
.message_nav:hover{background: #ff7e00;}

/*版权区域*/
.footer_box{width: 1200px; height:290px;margin: 0 auto;padding-top:50px; border-bottom: 1px solid #323232;}
.footer_l{width:270px; float: left; border-right: 1px solid #323232;height: 260px;}
.footer_l h4{ font-size: 25px;line-height: 40px;}
.footer_l h4 span{font-size: 18px;float: left;font-weight: normal;}
.footer_l h4 b{float: left; margin-bottom: 20px;}
.footer_l ul{float: left;}
.footer_l p{font-size: 18px; line-height: 40px;margin-top: 20px;color: #dcdcdc;}
.footer_l ul li{padding-right: 20px;float: left; width: 250px; line-height:30px; color: #777;}
.footer_c{width: 655px;float: left; height: 260px;}
.footer_c ul{ width:188px; float:left ; height:260px ; margin-left:30px ;}
.footer_c ul li a{line-height: 30px; color: #777777;}
.footer_c ul li a:hover{color: #fff;}
.footer_c ul li span{font-size:18px; line-height: 40px;color: #dcdcdc;}
.footer_r{width:239px; float: left;border-left: 1px solid #323232; height: 260px;padding-left: 30px;}
.hui_color{color: #898989}
.con_yh{margin-top:60px; line-height: 30px;}
.copy{ width: 1200px; margin: 0 auto; line-height:50px;  text-align: center; color: #777;}


/*---------------------------footer-----------------------*/
.footer_new{
width: 100%;
height:400px;
background: #232323;
color: #fff;
margin: 0 auto;
}


/*回到顶部*/
#scroll {position:fixed; bottom:40px; right:20px;}
.scrollItem{width: 40px;height: 40px;background:url(../images/top.png);color: #fff; text-align: center;border-radius: 4px; font-size: 12px;}