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

/**头部**/
.WholeTop{width:100%;text-align:center;margin-top:24px;float:left;}
.WholeTop h3{font-size:35px;color:#363636;font-weight:bold;}
.WholeTop mark{width:90px;height:2px;background:#ccc;margin:20px auto;display:none;}
.WholeTop p{font-size:14px;color:#888;display:none;}

/**右头部**/
.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;}
.proCont ul li{width:275px;float:left;margin-right:56px;}
.proCont ul li.active{margin-right:0;}
.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:30px;line-height:30px;float:left;margin-right:10px;}
.page ol li a,.page ol li span{display:block;padding:0 10px;background:#f2f2f2;text-align:center;transition:all 0.3s ease-in 0s;color:#666;font-size:14px;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:#cb5228;}
.page ol li.butRight{margin-right:0;}

/**产品列表-新闻**/
.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:40px 0 0 0;float:left;}
/**头部**/
.ContRightTop section{width:356px;overflow-x:hidden;float:right;}
.ContRightTop h3{font-size:25px;border-bottom:2px solid #d1d1d1;padding-bottom:10px;line-height:30px;color:#484848;}
.ContRightTop ul{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:#cd542a;font-weight:bold;}
.ContRightTop ul li span{width:80%;float:left;}
.ContRightTop .imgBig{width:542px;float:left;border:1px solid #ccc;overflow:hidden;}
.ContRightTop  img{width:100%;}

.ContRightFlash{width:100%;overflow:hidden;position:relative;}
.ContRightFlash span{width:10px;height:30px;line-height:30px;text-align:center;position:absolute;top:7px;display:block;font-size:30px;color:#666;background-color:rgba(153,153,153,.8);z-index:99;overflow:hidden;opacity:.8;display:none;}
.ContRightFlash span.prev2{left:0;background-image:url(../images/aboutfourarray.png);background-position:center left;background-repeat:no-repeat;}
.ContRightFlash span.next2{right:0;background-image:url(../images/aboutfourarray.png);background-position:center right;background-repeat:no-repeat;}
.ContRightImg ol{width:200%;}
.ContRightImg ol li{width:75px;height:75px;
	float:left;overflow:hidden;border:2px solid #bfbfbf;overflow:hidden;
	margin-right:13px;display: flex;justify-content: center;align-items: center;}
.ContRightImg ol li.hover{border:2px solid #cd542a;}
.ContRightImg 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,.proRecommTop p{background:#cd542a;}

.showInfoChild{width:100%;box-sizing:border-box;border:1px solid #dfdfdf;padding:30px;}
.showInfoChild img{max-width:100%;margin:0 auto;display:block;}
/**产品推荐**/
.Recomm{width:100%;height:420px;background:#f7f7f7;float:left;position:relative;}
.Recomm span{width:28px;height:25px;display:block;background:url(../images/recimg.png) no-repeat center top;position:absolute;top:50%;margin-top:-12px;cursor:pointer;}
.Recomm span.prev{left:15px;}
.Recomm span.next{right:15px;transform:rotate(180deg);}
#sec{width:1082px;float:left;overflow:hidden;margin:0 59px;}
#sec ul{width:300%;float:left;margin:72px 0 0;}
#sec ul li{width:248px;overflow:hidden;float:left;margin-right:30px;}
#sec ul li mark{width:246px;height:246px;border:1px solid #ccc;overflow:hidden;display:block;float:left;}
#sec ul li img{width:100%;}
#sec ul li h3{width:100%;float:left;line-height:30px;font-size:15px;color:#545454;text-align:center;}


/**关于我们**/
/**公司概况**/
.aboutOne{margin:40px 0 30px;float:left;}
.aboutOne p{line-height:32px;}
/**发展历程**/
.aboutFour{height:920px;overflow:hidden;background:url(../images/aboutfourimg.jpg) no-repeat center bottom;margin:20px 0 40px;}
.aboutFourCont{height:745px;margin-top:80px;}
.aboutFourCont ul{margin-top:140px;float:left;}
.aboutFourCont ul li{width:86px;height:18px;font-family:"华文隶书";font-size:18px;color:#363636;text-align:center;margin:0 0 35px 60px;}
.aboutFourCont ul li.hover,.aboutFourCont ul li:hover{background:url(../images/aboutfourimg2.png) no-repeat center center;}
.aboutFourInfo{width:340px;height:340px;background:#FFF;float:left;text-align:center;margin:200px 0 0 90px;}
.aboutFourInfo time{width:100%;font-family:"华文隶书";font-size:54px;color:#363636;margin:80px 0 50px;float:left;}
.aboutFourInfo p{width:300px;height:80px;margin:0 20px;font-size:16px;color:#363636;line-height:26px;overflow:hidden;}
.aboutFourArray{width:70px;height:14px;margin:30px auto 0;}
.aboutFourArray span{width:8px;height:14px;display:block;float:left;cursor:pointer;}
.aboutFourArray span.prev{background:url(../images/aboutfourarray.png) no-repeat left top;margin-right:54px;}
.aboutFourArray span.next{background:url(../images/aboutfourarray.png) no-repeat right top;}

/**联系我们**/
.contactCont{margin:50px 0;float:left;}
.contact address{width:600px;font-size:14px;color:#666;line-height:30px;margin:0;float:left;}
.contact address section.title{width:400px;line-height:40px;float:left;}
.contact address section p{width:100%;float:left;}
.contact address section p mark,.contact address section p span{width:50px;color:#666;display:block;float:left;}
.contact address section p span{width:350px;}

.contact ul{width:130px;display:block;;float:left;}
.contact ul li{width:92px;margin-right:30px;float:left;}
.contact ul li p{font-size:14px;color:#666;line-height:30px;text-align:center;}
.contact img.map{width:600px;border:1px solid #ccc;margin:30px 0;box-sizing:border-box;float:left;}

/**在线留言**/
.OnMessage{width:540px;float:right;margin:0 0;background-color:rgba(0,0,0,0);}
.OnMesHeader h3{width:100%;float:left;font-size:18px;color:#333;line-height:40px;margin:0 0 30px;}
.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 15px 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:80px;max-height:150px;max-width:540px;line-height:30px;}
.OnMessage button{background:#cb5228;border:none;width:140px;height:34px;font-size:14px;line-heihgt:34px;font-family:"微软雅黑";text-align:center;cursor:pointer;color:#FFF;margin-top:20px;}

/**企业文化**/
.culture ul{width:100%;float:left;margin-bottom:60px;}
.culture ul li{width:100%;float:left;border-top:1px solid #ccc;padding-top:20px;margin:30px 0 0;}
.culture ul li img{width:629px;float:left;}
.culture ul li section{width:520px;float:right;}
.culture ul li section h3{width:100%;float:left;font-size:21px;color:#2e2e2e;font-weight:bold;margin:30px 0 0;}
.culture ul li span{width:40px;height:1px;display:block;background:#cccccc;float:left;margin:15px 0 10px;}
.culture ul li section p{width:100%;float:left;font-size:16px;color:#666;line-height:30px;}
.culture ul li section p.english{font-size:12px;}
.culture ul li.active{border:none;}

.culture ul li h2,.culture ul li mark,.culture ul li h3,.culture ul li p{width:100%;float:left;display:block;}
.culture ul li h2{font-size:23px;color:#333;}
.culture ul li mark{font-size:12px;color:#6d6d6d;margin:3px 0 0;}
.culture ul li h3{font-size:18px;color:#444;margin:20px 0 5px;}
.culture ul li p{font-size:14px;color:#6d6d6d;line-height:30px;}


/**点击效果**/
.maskGray{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;left:0px;top:0px;display:none;z-index:99;}
.maskGray i.fa{font-size:40px;float:right;font-weight:normal;color:#888;padding:15px 0;cursor:pointer;}
.maskGray i:before{padding:15px;}
.bigImg img{position:fixed;display:none;z-index:99;}
/**荣誉证书**/
.aboutHonor{width:100%;float:left;margin:40px 0;}
.aboutHonor ul{width:100%;}
.aboutHonor ul li{width:340px;height:280px;margin:0 90px 30px 0;float:left;}
.aboutHonor ul li.active{margin:0 0 30px 0;}
.aboutHonor ul li mark{width:338px;height:228px;border:1px solid #ccc;margin-bottom:14px;display:block;float:left;overflow:hidden;}
.aboutHonor ul li mark a{width:310px;height:200px;margin:14px;display:block;float:left;overflow:hidden;vertical-align:middle; display:table;}
.aboutHonor ul li img{height:200px;display:block;margin:0 auto;}
.aboutHonor ul li h3{width:100%;line-height:30px;background:#f0f0f0;text-align:center;color:#444;font-size:16px;float:left;}


/**新闻列表**/
.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 li{width:100%;float:left;padding:30px 0;border-bottom:1px solid #ccc;transition:all 0.3s ease-in 0s;}
.newsCont ul li mark{width:353px;height:145px;overflow:hidden;display:block;float:left;transition:all 0.3s ease-in 0s;}
.newsCont ul li .sec{float:right;margin-right:20px;padding-left: 20px}
.newsCont ul li h3{width:100%;float:left;font-size:16px;color:#303030;margin:20px 0 15px;}
.newsCont ul li h3 p{width:720px;float:left;line-height:none;color:#303030;transition:all 0.3s ease-in 0s;}
.newsCont ul li time{width:70px;font-size:20px;color:#888;float:right;text-align:right;}
.newsCont ul li p{width:635px;font-size:14px;color:#888;line-height:30px;float:left;}
.newsCont ul li span{width:34px;height:28px;display:block;float:right;border-left:1px solid #ccc;margin:36px 20px 0 0;}
.newsCont ul li:hover mark{margin-left:16px;}
.newsCont ul li:hover h3 p{color:#cb5228;}
.newsCont ul li:hover{box-shadow:0 4px 10px rgba(0,0,0,.1);}
/**新闻详情***/
.newShowTop{width:100%;height:110px;border-bottom:1px solid #ccc;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:20px;}
.newShowTop h4 mark,.newShowTop h4 time{font-size:14px;color:#888;margin-right:10px;}
.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 h3{width:100%;height:50px;border:1px solid #e7e7eb;
	border-left:none;border-right:none;margin:60px 0 40px;line-height: 50px}
.showEnd h3 mark,.showEnd h3 mark a{width:600px;font-size:14px;line-height:50px;display:block;float:left;height:50px;}
.showEnd h3 mark.prev a{width:570px;padding-left:30px;background:url(../images/showarray.png) no-repeat left center;}
.showEnd h3 mark.next a{width:570px;padding-right:30px;background:url(../images/showarray2.png) no-repeat right center;text-align:right;}
.showEnd h3 mark a{color:#333;}
.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;}

/**案例详情**/
/**图片展示**/
.caseShow{width:790px;margin:45px 205px;float:left;}
.CaseImg{height:516px;position:relative;}
.CaseImg span{width:50px;height:50px;display:block;border:1px solid #ccc;float:left;background:url(../images/icon.png) no-repeat center top;transition:all 0.3s ease-in 0s;position:absolute;top:50%;margin-top:-25px;z-index:99;box-sizing:border-box;cursor:pointer;}
.CaseImg span.prev{left:-115px;}
.CaseImg span.next{right:-115px;transform:rotate(180deg);}
.CaseImg span:hover{background:url(../images/icon_hover.png) no-repeat center top;background-color:#808080;}
.CaseImg .sec{width:100%;height:516px;overflow:hidden;}

.CaseImg ul{width:400%;}
.CaseImg ul li{width:25%;height:516px;position:relative;overflow:hidden;float:left;}
.CaseImg ul li h3{width:100%;line-height:37px;position:absolute;left:0;bottom:0;text-align:center;color:#FFF;background:rgba(0,0,0,.7);}


/**属性展示**/
.CaseInfo ul{width:598px;margin:21px 96px;}
.CaseInfo ul li{width:129px;height:84px;margin-right:22px;overflow:hidden;float:left;border:2px solid #FFF;transition:all 0.3s ease-in 0s;}
.CaseInfo ul li.active{margin-right:0;}
.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 span{width:84%;font-size:16px;color:#444;display:block;float:left;}





/**下载**/
.download-center{margin:40px 0;}
.download-center ul{width:100%;border:1px solid #999;border-top:none;float:left;}
.download-center ul li{width:100%;height:40px;line-height:40px;text-align:center;border-top:1px solid #999;background-color:rgba(0,0,0,0);float:left;}
.download-center ul li h3{width:1098px;color:#333;font-size:16px;float:left;}
.download-center ul li.active a.download-img{font-size:16px;}
.download-center ul li img{ vertical-align:center;display:none;}
.download-center ul li a{width:1101px;display:block;float:left;font-size:14px;}
.download-center ul li a.download-img{width:98px;display:block;color:#666;border-left:1px solid #999;float:right;}
.download-center ul li a:hover{text-decoration:underline;color:#222;}
.download-center ul li a.download-img:hover{text-decoration:none;}