@charset "utf-8";
/* CSS Document */
/**右头部**/
.RightTop{width:930px;height:34px;float:right;padding-bottom:15px;border-bottom:1px solid #ccc;margin:32px 0 0;}
.RightTop h3{line-height:34px;color:#02c957;font-size:22px;font-weight:500;float:left;border-left:8px solid #02c957;padding-left:15px;}
.RightTop p{float:right;line-height:12px;font-size:12px;color:#ccc;margin-top:22px;}
.RightTop p a{font-size:12px;color:#ccc;}
.RightTop p mark{color:#666;}

.PcontRight{width:930px;float:right;}
.proCont ul{width:100%;margin:37px 0 0 0;float:left;}
.proCont ul li{width:100%;height:254px;float:left;margin:0 0 37px 0;}
.proCont ul li.active{margin-right:0;}
.proCont ul li mark{width:273px;height:252px;border:1px solid #ccc;float:left;display:block;overflow:hidden;}
.proCont ul li mark img{width:273px;height:252px;}
.proCont ul li h3{width:100%;line-height:40px;font-size:21px;color:#333;float:left;margin-top:;}
.proBrief{width:585px;float:left;margin-left:30px;}
.proBrief .sec{font-size:14px;color:#777;line-height:30px;height:210px;float:left;overflow:hidden;}
.proCont ul li:hover img{width:120%;height:120%;margin:-10%;}

/*****列表分页***/
.page{width:100%;height:auto;text-align:center;margin-top:30px;float:left;border-top:1px solid #ccc;}
.page ol{display:inline-block;margin-top:30px;}
.page ol li{height:40px;float:left;margin-right:10px;}
.page ol li a,.page ol li span{display:block;height:38px;line-height:38px;padding:0 16px;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:#02c957;}
.page ol li.butRight{margin-right:0;}

.newPage{margin:50px 0 30px;float:left;}

/**产品列表-新闻**/
.index-Pronews{width:100%;float:left;background:#f5f5f5;margin-left:28px;margin:40px 0 0;padding-bottom:20px;border:1px solid #ccc;box-sizing:border-box;}
.index-Pronews h6{height:45px;line-height:45px;border:none;font-size:15px;color:#444;background:#ddd;border-bottom:1px solid #ccc;text-indent:2em}
.index-Pronews ul{margin-top:15px;}
.index-Pronews ul li{width:380px;line-height:35px;font-size:14px;float:left;margin:0 0 0 36px;}
.index-Pronews ul li.active{float:right;margin:0 36px 0 0;}
.index-Pronews ul li a{width:270px;display:block;float:left;}
.index-Pronews ul li mark{width:7px;height:7px;display:block;float:left;background:#444;border-radius:50%;font-size:12px;color:#6b6b6b;margin:15px 9px 0 0;}
.index-Pronews ul li time{float:right;font-size:12px;color:#aaa;display:block;}
.index-Pronews ul li:hover a{color:#dd5151;}

/**产品详情**/
.ContRightTop{width:100%;margin:30px 0 0 0;float:left;}
/**头部**/
.ContRightTop section{width:460px;overflow-x:hidden;float:right;}
.ContRightTop h3{font-size:25px;border-bottom:2px solid #d1d1d1;padding-bottom:10px;line-height:30px;color:#484848;margin-top:10px;}
.ContRightTop ul,.ContRightTop ol{width:100%;float:left;margin-top:24px;}
.ContRightTop ul li{width:100%;float:left;font-size:14px;border-bottom:1px solid #ccc;padding-bottom:5px;color:#444;margin:10px 0;}
.ContRightTop ul li mark{width:20%;float:left;color:#19b253;font-weight:bold;}
.ContRightTop ul li span{width:80%;float:left;}
.ContRightTop .imgBig{width:400px;height:370px;float:left;border:1px solid #ccc;padding:8px;overflow:hidden;}
.ContRightTop  img{width:100%;}
.ContRightTop ol li{width:75px;height:56px;float:left;overflow:hidden;border:2px solid #bfbfbf;overflow:hidden;margin-right:13px;}
.ContRightTop ol li.hover{border:2px solid #02c957;}
.ContRightTop ol li.active{margin:0;}
/**信息**/
.ProShowInfo{width:100%;float:left;margin-top:30px;}
.showInfoTop{width:100%;height:40px;float:left;margin-top:30px;}
.showInfoTop ul li,.proRecommTop p{width:130px;line-height:40px;float:left;background:#999999;text-align:center;color:#FFF;margin-right:5px;}
.showInfoTop ul li.hover{background:#02c957;}
.proRecommTop p{background:#02c957;}

.showInfo{width:100%;box-sizing:border-box;border:1px solid #dfdfdf;padding:30px;}
.showInfo img{max-width:100%;margin:0 auto;display:block;}

/**产品推荐**/
.Recomm{width:100%;height:400px;background:#f7f7f7;float:left;position:relative;margin:0 0 50px 0;}
.Recomm ul{width:100%;float:left;margin:50px 0 0;}
.Recomm ul li{width:265px;overflow:hidden;float:left;margin-left:28px;}
.Recomm ul li mark{width:263px;height:243px;border:1px solid #ccc;overflow:hidden;display:block;float:left;}
.Recomm ul li img{width:100%;}
.Recomm ul li h3{width:100%;float:left;line-height:40px;font-size:15px;background-color:#eee;margin-top:15px;color:#545454;text-align:center;}

/**新闻列表**/
.OterClassTop{background:#666;height:80px;}
.otherMenuLeft{height:40px;border-left:5px solid #02c957;margin:20px  0 0 0;}
.otherMenuLeft h3{line-height:40px;font-size:22px;color:#FFF;margin-left:18px;}
.OterClassTop h4,.OterClassTop h4 a{color:#FFF;font-size:12px;margin-top:56px;}

.newsClass{float:left;height:35px;overflow:hidden;text-align:center;margin-top:48px;}
.newsClass h4{width:100%;height:1px;background:#dddddd;margin-top:17px;}
.newsClass ol{display:inline-block;margin-top:-18px;}
.newsClass ol li{float:left;margin-left:23px;}
.newsClass ol li:first-child{margin:0;}
.newsClass ol li a{display:block;background:#eeeeee;padding:0 30px;border:1px solid #dddddd;border-radius:35px;font-size:16px;color:#3d4550;line-height:33px;}
.newsClass ol li.hover a,.newsClass ol li:hover a{background:#02c957;color:#FFF;border:1px solid #02c957;}


.newsListCont ul li{width:590px;height:80px;float:left;margin:50px 0 0 0;}
.newsListCont ul li.active{float:right;}
.newsListCont ul li mark{width:80px;height:80px;float:left;display:block;background:#ededed;text-align:center;font-size:12px;color:#999;margin:0 0 0 20px;transition:all 0.3s ease-in 0s;}
.newsListCont ul li strong{font-size:25px;color:#666;display:block;font-weight:100;margin:10px 0 0;transition:all 0.3s ease-in 0s;}
.newsListCont ul li section{width:446px;height:80px;margin:0 0 0 30px;float:left;transition:all 0.3s ease-in 0s;}
.newsListCont ul h3{font-size:16px;color:#444;}
.newsListCont ul li h3 time{float:right;font-size:12px;color:#ccc;display:none;}
.newsListCont ul p{font-size:13px;color:#999;margin-top:12px;line-height:26px;}

.newsListCont ul li:hover mark{background:#02c957;color:#FFF;margin:0 0 0 20px;}
.newsListCont ul li:hover strong{color:#FFF;}
.newsListCont ul li:hover section{margin:0 0 0 20px;}

/**新闻详情**/
.newsShow{margin:0 0 40px;float:left;}
.newsShow img{display:block;margin:52px auto 0;}
.newShowTop{width:100%;border-bottom:4px solid #ccc;padding-bottom:20px;text-align:center;margin-top:60px;}
.newShowTop h3{font-size:20px;font-weight:bold;color:#333;}
.newShowTop h4{font-size:14px;color:#333;margin-top:10px;}
.newShowTop h4 a,.newShowTop h4 time{font-size:14px;color:#888;margin-right:10px;}

.newShowCont h3 mark{font-size:14px;color:#333;margin-left:5px;}
.newShowCont p{font-size:14px;color:#666;line-height:32px;margin:52px 0 0;}

/**详情分页**/
.showEnd h3{width:100%;height:50px;border:1px solid #e7e7eb;border-left:none;border-right:none;margin:60px 0 40px;}
.showEnd h3 mark,.showEnd h3 mark a{width:600px;font-size:12px;line-height:50px;display:block;float:left;height:50px;}
.showEnd h3 mark.prev a{width:595px;padding-left:5px;}
.showEnd h3 mark.next a{width:595px;padding-right:5px;text-align:right;}
.showEnd h3 mark a{color:#999;display:inline-block;font-size:12px;}
.showEnd h4{width:100%;float:left;}
.showEnd h4 a{width:125px;height:40px;background:#02c957;line-height:40px;text-align:center;font-size:14px;color:#FFF;display:block;float:right;}

/**关于我们**/
/**头部**/
.aboutTop{text-align:center;margin-top:38px;}
.aboutTop h3{font-size:35px;font-weight:bold;color:#363636;}
.aboutTop h4{font-size:14px;color:#888;}
.aboutTop hr{width:90px;background:#ccc;border:none;height:1px;margin:15px auto;}
/**公司简介**/
.aboutOne p{width:100%;line-height:36px;font-size:16px;color:#444;text-indent:2em;float:left;}
.aboutTwo{background-color:#f2f2f2;float:left;}


/**荣誉证书**/
.aboutHonor{margin-top:30px;float:left;}
.aboutHonor ul li{width:225px;height:299px;float:left;margin:18px 18px 0 0;overflow:hidden;background-color:#FFF;border-radius:5px;}
.aboutHonor ul li.active{margin:18px 0 0 0;}
.aboutHonor ul li mark{width:175px;height:253px;margin:23px 25px;float:left;}
.aboutHonor ul li img{width:175px;height:253px;cursor:pointer;}
.caseList{width:100%;}
.aboutHonor ul li h3{height:45px;width:226px;background:#f5f5f5;line-height:45px;text-align:center;color:#333;font-size:14px;}
.aboutHonor ul li:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;}
.aboutHonor ul li:nth-child(3){animation-delay:0.3s;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-moz-animation-delay:0.3s;-o-animation-delay:0.3s;}
.aboutHonor ul li:nth-child(4){animation-delay:0.4s;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;}
.aboutHonor ul li:nth-child(5){animation-delay:0.5s;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;}
.aboutHonor ul li:nth-child(6){animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;}
.aboutHonor ul li:nth-child(7){animation-delay:0.7s;-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;-moz-animation-delay:0.7s;-o-animation-delay:0.7s;}
.aboutHonor ul li:nth-child(8){animation-delay:0.8s;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;}
.aboutHonor ul li:nth-child(9){animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;}
.aboutHonor ul li:nth-child(10){animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;}
/*.aboutHonor ul li:nth-child(11){animation-delay:1.1s;-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;}*/

.StepList ul li h3{height:55px;overflow:hidden;}
.maskGray{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;left:0px;top:0px;display:none;z-index:1;}
.bigImg{max-width:800px;background:#FFF;position:absolute;left:50%;top:10%;display:none;transform:translateX(-50%);z-index:2;}
.bigImg h3{font-size:12px;font-weight:600;padding:5px 0 15px;margin-left:15px;}
.bigImg h3 img{width:50px;float:right;margin-right:15px;cursor:pointer;}
.bigImg img.left{position:absolute;left:-80px;top:170px;}
.bigImg img.right{position:absolute;right:-80px;top:170px;}

#bigImg{position:fixed;text-align:center;display:none;}
#bigImg img{max-height:700px;vertical-align:middle; display:table;}
.aboutHonor .more{width:148px;height:38px;line-height:40px;text-align:center;border:1px solid #ddd;display:block;font-size:16px;background:#FFF;border-radius:50px;clear:both;color:#02c957;margin:50px 504px;float:left;}


/**联系我们**/
.contactCont address{float:left;font-size:14px;color:#666;line-height:48px;}
.contactCont img{border:1px solid #ccc;}
/**在线留言**/
.OnMessage{width:100%;float:left;margin:50px 0;}
.OnMessage input,.OnMessage textarea{width:100%;height:35px;border:1px solid #ccc;padding-left:10px;color:#666;box-sizing:border-box;margin-bottom:10px;float:left;}
.OnMessage input{width:460px;}
.OnMessage p{width:540px;height:35px;float:left;overflow:hidden;font-size:14px;color:#666;margin:0 0 30px 0;}
.OnMessage mark{width:80px;float:left;display:block;color:#666;font-size:14px;line-height:35px;}
.OnMessage p.active{float:right;}
.OnMessage section{width:100%;float:left;}
.OnMessage section mark{width:100%;float:left;}
.OnMessage textarea{height:150px;max-height:150px;max-width:1200px;line-height:30px;}
.OnMessage button{background:#02c957;border:none;width:140px;height:34px;font-size:14px;line-heihgt:34px;font-family:"微软雅黑";text-align:center;cursor:pointer;color:#FFF;margin-top:30px;}

/**招聘**/
.recruitCont,.recruitCont p{font-size:16px;color:#666;line-height:30px;font-family:"微软雅黑";}