@charset "utf-8";
html,body{margin:0;padding:0;font-family:"微软雅黑";font-size:10px;min-width: 1560px;position: relative;height:100%;-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;}
textarea{font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size: 16px;}
img{border:0; vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none;color: #fff}
input::-webkit-input-placeholder {color:#888;font-size:14px;}
textarea::-webkit-input-placeholder {color:#888;font-size:14px;}
/*分页*/
#page{text-align: center;margin-top: 65px;}
#page li{display: inline-block;height: 28px;padding: 0 10px;box-sizing:border-box;margin:0 9px;line-height: 28px;vertical-align: middle;background-color: #888888;border-radius: 3px}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;color: #fff}
#page .page_active{background-color: #d8000d;}
#page .page_active a{color: #fff}
#page li.pageno{background-color: transparent;margin: 0}
#page li.pageno a{font-size: 14px;color: #333}
#page li.pageno1{position: relative;}
#page li.pageno1:after{content: "";position: absolute;right: 0;background-color: #333;width: 1px;height: 14px;top: calc((100% - 14px) / 2)}
#page span{display: inline-block;margin-left: 12px;color: #034372}
/*公用*/
.public{width: 1320px;margin:0 auto;}
.cl{clear: both;display: block;}
.center{text-align: center;}
.fs0{font-size: 0}
.lineblock{display: inline-block;}
.middle{vertical-align: middle;}
.right{text-align: right;}
.left{text-align: left;}
.xl5{width: 50%}
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*头部*/
.header{}
.headNav{height: 30px;background-color: #f4f4f4;line-height: 30px;}
.headNavbox{width: 50%;color: #525252;font-size: 12px;font-family: "宋体"}
.headNavbox *{display: inline;}
.headNavbox a{color: #333;position: relative;display: inline-block;padding: 0 10px;height: 30px;}
.headNavbox a:before{content: "";position: absolute;width: 1px;height: 12px;background-color: #333;left: -1px;top: calc((100% - 12px) / 2)}
.headNavbox a:first-child:before{width: 0}
.headLogo{padding: 20px 0}
.logo img{max-width: 100%}
.headTel img{margin-right: 7px}
.headTel p:first-child{color: #525252;font-size: 12px;font-family: "宋体";margin-top: 5px}
.headTel p:nth-child(2){font-size: 30px;color: #353535;font-weight: bold;}
.lanmuList{background-color: #000;height: 50px;}
.ftype>li{display: inline-block;width: 146px;height: 50px;line-height: 50px;text-align: center;position: relative;}
.ftype>li>a{font-size: 16px;display: block;width: 100%;height: 100%;}
.ctype{position: absolute;top:50px;width: 100%;background-color: #263138;left: 0;z-index: 99; opacity: 0; visibility: hidden; transition:all .3s ease-out 0s; transform:translate3d(0,10px,0); -moz-transform:translate3d(0,10px,0); -webkit-transform:translate3d(0,10px,0);}
.ctype li{border-top: 1px solid #fff;line-height: 45px}
.ctype li:first-child{border: none;}
.ctype li a{font-size: 14px;color: #fff}
.ftype>li:hover .ctype{opacity:1; visibility:visible; transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
#banner{position: relative;overflow: hidden;z-index: -1}
.bannerlist li img{width: 100%}
/*底部*/
.footer{background-color: #000;padding: 60px 0}
.footL{width: 590px;}
.footLInput input{display: inline-block;vertical-align: top;width: 180px;padding-bottom: 20px;border:none;border-bottom: 1px solid #fff;background-color: transparent;outline: none;color: #fff;font-size: 14px;}
.footLInput input:nth-child(2){margin-left: 25px;margin-right: 25px}
.footLInput input::-webkit-input-placeholder ,.footLarea textarea::-webkit-input-placeholder {color:#fff;font-size:14px;}
.footLarea{margin-top: 25px;margin-bottom: 20px;}
.footLarea textarea{width: 100%;height: 45px;border:none;border-bottom: 1px solid #fff;background-color: transparent;outline: none;color: #fff;font-size: 14px;resize:none;}
.footLsub .footLsubtext{width: 400px;vertical-align: bottom;}
.footLsub .footLsubtext p{font-size: 24px;color: #fff;}
.footLsub .footLsubtext p:first-child{margin-bottom: 10px}
.footLsub .footLsubtn{width: 190px;text-align: right;vertical-align: bottom;}
.footLsub .footLsubtn input{width: 100px;height: 40px;border:1px solid #fff;font-size: 14px;color: #fff;background-color: transparent;outline: none;}
.footR{margin-left: 55px;width: 675px}
.copyright{width: 350px;font-size: 14px;color: #fff;line-height: 3}
.codepic{padding-left: 30px;margin-left: 30px;width: 264px;border-left: 1px solid #fff}
.codepic>p{font-size: 24px;color: #fff}
.codepicbox{margin-top: 30px;}
.codepicboxImg{width: 113px;}
.codepicboxImg:first-child{margin-right: 38px;}
.codepicboxImg img{width: 100%}
.codepicboxImg p{text-align: center;font-size: 14px;margin-top: 10px;color: #fff}
/*首页*/
.container{overflow: hidden;position: relative;}
.indexTitle{text-align: center;}
.indexTitleEng{text-transform: uppercase;color: #353535;font-size: 18px;font-family: "Arial"}
.indexTItleName{font-size: 36px;color: #353535;position: relative;padding-bottom: 20px}
.indexTItleName:before{content: "";position: absolute;width: 90px;height: 6px;background-color: #d8000d;left: calc((100% - 90px) / 2);bottom: 0}
.indexTitle1 *{color: #fff}
.indexTitle1 .indexTItleName:before{background-color: #fff}
.section1{padding: 45px 0 40px;background: url(../images/bg2.png) no-repeat;background-position: 99.5% 57%}
.section1con{margin-top: 30px}
.section1Text{font-size: 17px;color: #000;line-height: 2.4}
.section1List{width: 1200px;margin: 40px auto;position: relative;}
.section1List:before{content: "";position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 60px;left: 0;z-index: -1}
.section1List li{display: inline-block;vertical-align: top;width: 240px;position: relative;}
.section1List li:before{content: "";position: absolute;width: 18px;height: 18px;border:1px solid #eaeaea;border-radius: 18px;left: -10px;top: 50px;background-color: #fff;}
.section1List li:first-child:before{width: 0;height: 0;border:none;}
.section1Listq{width: 118px;height: 118px;margin: 0 auto;border:1px solid #eaeaea;border-radius: 118px;text-align: center;line-height: 118px;color: #353535;font-size: 18px;background-color: #fff;transform: rotateY(0deg);transition: all 1s;}
.section1Listq span{font-size: 45px}
.section1List li p{font-size: 18px;color: #353535;margin-top: 15px;text-align: center;}
.section1List li:hover .section1Listq{transform: rotateY(-360deg);background-color: #353535;color: #fff}
.picMarquee-left{margin-bottom: 45px}
.section1List2 li{display: inline-block;vertical-align: top;width: 318px;margin-right: 16px;position: relative;}
.section1List2 li:after{content:"";position: absolute;width: 100%;height:25px;background: url(../images/bg1.jpg) no-repeat;background-size: 100% 100%;background-position: top;bottom: -25px;left: 0;}
/*.section1List2 li:nth-child(4n+1){margin-left: 0}*/
.section1List2 li a{width: 100%;height: 100%}
.section1List2 li img{width: 100%;}
.indexMore{width: 145px;height: 45px;background-color: #353535;margin: 0 auto;font-size: 14px;color: #fff;text-align: center;line-height: 45px;display: block;}
.section2List li{position: relative;}
.section2List .pic{width: 100%}
.section2List .section2zz{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(53,53,53,.79);padding: 30px;box-sizing:border-box;}
.section2List .section2zz a{display: block;width: 100%;height: 100%}
.section2zzline{width: 100%;height: 100%;border:1px solid #fff;position: relative;}
.section2con{width: 100%;height: 195px;position: absolute;left: 0;text-align: center;top:calc((100% - 195px) / 2)}
.section2Icon{width: 110px;height: 110px;margin: 0 auto}
.section2Icon img{width: 100%;}
.section2IconName{font-size: 30px;color: #fff;text-align: center;margin: 20px 0 7px}
.section2IconEng{font-size: 12px;color: #fff;text-align: center;text-transform: uppercase;}
.section2List li:hover .section2zz{background-color: rgba(216,0,13,.63);}
.section3{padding: 65px 0 265px;background: url(../images/bg3.png) no-repeat;background-size: cover;background-position: bottom;}
.section3List{overflow:hidden; position:relative;margin: 65px auto 0;width: 1560px}
.section3List .next{width: 58px;height: 58px;text-align: center;line-height: 58px;border:1px solid #fff;border-radius: 58px;right: 0;top: calc((100% - 60px) / 2);position: absolute;font-size: 30px;color: #fff;}
.section3List .prev{width: 58px;height: 58px;text-align: center;line-height: 58px;border:1px solid #fff;border-radius: 58px;left: 0;top: calc((100% - 60px) / 2);position: absolute;font-size: 30px;color: #fff;}
.section3List .bd{ width: 1320px;margin: 0 auto;overflow: hidden;}
.section3List .bd ul{ overflow:hidden; zoom:1; }
.section3List .bd ul li{float:left; _display:inline; overflow:hidden;width: 368px;margin-right: 108px;background-color: #fff;box-sizing:border-box;}
.section3List .bd ul li .libox{padding:  20px 13px}
.section3List .bd ul li .section3ListTname{padding: 0 10px;height: 37px;line-height: 37px;background-color: #d8000d;display: inline-block;color: #fff}
.section3ListImg {margin: 30px 0}
.section3ListImg img{width: 100%}
.section3ListTitle{padding-bottom: 15px;font-size: 18px;color: #353535;border-bottom: 1px solid #bfbfbf;position: relative;}
.section3ListTitle span{width: 250px;display: block;}
.section3ListTitle a{position: absolute;right: 0;top: 0;font-size: 18px;color: #353535}
.section3ListIntro{margin-top: 15px;font-size: 12px;color: #838383;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.section4{padding: 35px 0}
.section4List{margin-top: 45px}
.section4List li{display: inline-block;vertical-align: top;width: 615px;margin-bottom: 40px}
.section4List li:nth-child(odd){margin-right: 90px}
.section4List li .section4ListD{width: 108px;height: 108px;background-color: #353535;color: #fff;text-align: center;}
.section4List li .section4ListD p:first-child{font-size: 60px;}
.section4List li .section4ListD p:nth-child(2){font-size: 20px;margin-top: -7px}
.section4List li .section4ListT{width: 492px;margin-left: 15px}
.section4List li .section4ListTitle{position: relative;}
.section4List li .section4ListTitle span{width: 80%;font-size: 18px;color: #66667c;display: block;}
.section4List li .section4ListTitle a{position: absolute;width: 20%;right: 0;top:0;text-align: right;font-size: 18px;color: #66667c}
.section4List li .section4ListIntro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size: 14px;color: #999;margin-top: 7px;line-height: 1.8}
.bgs{background: url(../images/bg4.png) no-repeat;background-position: 30px 325px}
.section5{background: url(../images/bg5.png) no-repeat;background-position: right bottom;padding-bottom: 40px}
.section5List{margin-top: 30px}
.section5List img{width: 100%;height: 100%}
.section5ListL{width: 757px;margin-right: 15px;vertical-align: top;}
.section5pic1{width: 100%;height: 268px;margin-bottom: 15px;overflow: hidden;}
.section5pic2{width: 339px;height: 499px;overflow: hidden;margin-right: 15px;vertical-align: top;}
.section5pic3{width: 403px;vertical-align: top;}
.section5pic3>div{width: 100%;height: 242px;}
.section5pic3>div:first-child{margin-bottom: 15px}
.section5ListR{width: 548px;}
.section5ListR>div{width: 100%;height: 383px;}
.section5ListR>div:first-child{margin-bottom: 16px}
/*二级-产品展示*/
.nono{font-size: 26px;color: #666;line-height: 500px;text-align: center;font-family: "宋体"}
.box{padding-top: 35px;padding-bottom: 70px}
.ejcon{margin-top: 40px;}
.proL{width: 238px;margin-right: 12px;vertical-align: top;}
.proLanmu{padding: 12px 0;background-color: #d8000d;text-align: center;color: #fff}
.proLanmu p:first-child{font-size: 30px;}
.proLanmu p:nth-child(2){font-size: 14px;text-transform: uppercase;margin-top: 7px}
.protypeList{border:1px solid #dad9d7;}
.protypeList .ftypes{line-height: 54px;border-bottom: 1px solid #dad9d7;position: relative;}
.protypeList .ftypes span{width: 150px;display:block;padding-left: 23px;font-size: 18px}
.protypeList .ftypes label{width: 20px;height: 20px;border:1px solid #525252;font-size: 18px;color: #525252;text-align: center;line-height: 18px;border-radius: 20px;position: absolute;right: 30px;top: 16px;transform: rotate(0deg);transition: all .4s;}
.protypeList .ftypes.on span{color: #d8000d}
.protypeList .ftypes.on label{transform:rotate(90deg);color: #d8000d;border:1px solid #d8000d;}
.proctype li{border-bottom: 1px solid #dad9d7;line-height: 54px}
.proctype li a{display: block;width: 100%;height: 100%;color: #55585b;font-size: 16px;box-sizing:border-box;padding-left: 40px}
.proR{vertical-align: top;width: 1070px;}
.proList li{display: inline-block;vertical-align: top;width: 348px;box-sizing:border-box;border:1px solid #dbdad8;padding: 15px;margin-bottom: 18px}
.proList li:nth-child(3n-1){margin-left: 13px;margin-right: 13px}
.proListPic{width: 100%;overflow: hidden;position: relative;}
.proListPic img{width: 100%}
.proListPic p{position: absolute;left: 0;top: 0;padding:0 12px;height: 35px;line-height: 35px;background-color: #d8000d;font-size: 18px;color: #fff}
.proList li .section3ListTitle{padding-top: 15px}
.proList li .section3ListTitle a{top: 15px}
.proNav{padding-bottom: 10px;border-bottom: 1px solid #bfbfbf}
.proNav>div:first-child a{font-size: 14px;color: #353535;margin-left: 10px;}
.proNav>div:last-child{font-size: 14px;color: #353535;letter-spacing: 1px}
.proshowtitle{line-height: 80px;color: #353535;font-size: 24px;text-align: center;}
.proshowPic{width: 600px;border:1px solid #dcdbd9;text-align: center;margin: 0 auto}
.proshowPic img{width: 100%}
.detailshowtag{height: 30px;background-color: #dcdbd9;padding: 0 10px;color: #4a4a4a;font-size: 14px;line-height: 30px;margin: 35px 0}
.newShowCon{width: 100%;line-height: 2.3;font-size: 16px;color: #999}
.showContent {line-height: 2.3;font-size: 16px;color: #000}
.showContent *{max-width: 100%;}
.newShowCon *{max-width: 100%;}
.ejpage{font-size: 0;margin-top: 70px}
.ejpage a{display: block;width: 100%;color: #575757;font-size: 14px}
.ejpage a:first-child{margin-bottom: 10px}
/*案例展示*/
.ejtype {text-align: center;margin: 40px 0 30px}
.ejtype li{display: inline-block;height: 35px;border:1px solid #b5b5b5;padding: 0 25px;border-radius: 35px;vertical-align: top;margin: 0 23px 10px}
.ejtype li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 35px;font-size: 17px;color: #646464}
.ejtype li.on{background-color: #d8000d;border:1px solid #d8000d;}
.ejtype li.on a{color: #fff}
.caseList li{display: inline-block;vertical-align: top;width: 402px;margin-bottom: 45px}
.caseList li:nth-child(3n-1){margin-left: 57px;margin-right: 57px}
.caseListPic{width: 100%;overflow: hidden;}
.caseListPic img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.caseList li p{height: 35px;margin-top: 1px;background-color: #dcdbd9;line-height: 35px;text-align: center;padding: 0 5px}
.caseList li p span{font-size: 16px;color: #353535;display: block;}
.caseList li:hover .caseListPic img{transform: scale(1.02);}
/*新闻列表*/
.newstj>div{padding: 23px 0;border-bottom: 2px dashed #dad9d7}
.newstj .newstjL{width: 228px;box-sizing:border-box;border:2px solid #ebe8e4;padding: 5px}
.newstj .newstjL img{width: 100%}
.newstj .newstjR{margin-left: 30px;width: 1062px;}
.newstj .newstjR .section4ListTitle{position: relative;}
.newstj .newstjR .section4ListTitle span{width: 80%;font-size: 22px;color: #66667c;display: block;}
.newstj .newstjR .section4ListTitle a{position: absolute;width: 20%;right: 0;top:0;text-align: right;font-size: 18px;color: #66667c}
.newstj .newstjR .section4ListIntro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size: 16px;color: #999;margin-top: 7px;line-height: 2}
.newshowTitle{margin-bottom: 25px}
.newshowTitle p{text-align: center;font-size: 22px;color: #66667c}
.newshowTitle>div{text-align: center;font-size: 14px;color: #999;margin-top:15px}
.newshowTitle>div span{display: inline-block;vertical-align: top;margin: 0 20px}
/*关于我们*/
.zizhi{margin: 60px 0}
.zizhi .section1List2{margin-top: 35px;margin-bottom: 0}
.zizhi .section1List2 li{margin-bottom: 35px}
.zizhi .section1List2 li:nth-child(4n){margin-right: 0}
.zzh li{width: 428px;display: inline-block;vertical-align: top;margin-left: 18px;position: relative;}
.zzh li:after{content:"";position: absolute;width: 100%;height:35px;background: url(../images/bg1.jpg) no-repeat;background-size: 100% 100%;background-position: top;bottom: -35px;left: 0;}
.zzh li:nth-child(3n+1){margin-left: 0}
.zzh li img{width: 100%}
/*联系我们*/
.contactbox{margin-top: 50px}
.contactmap{display: inline-block;vertical-align: top;width: 625px;height: 530px;border:1px solid #c7c7c7;box-sizing:border-box;}
.contactinfo{display: inline-block;vertical-align: top;width: 629px;height: 530px;margin-right: 65px;}
.contactinfo *{font-size: 18px;color: #353535;line-height: 2;max-width: 100%}
.gbook{margin-top: 65px}
.gbookTitle{text-align: center;font-size: 28px;color: #000;margin-bottom: 45px}
.gbookinput input{display: inline-block;width: 408px;height: 45px;background-color: #f7f7f7;box-sizing:border-box;padding: 0 15px;border:none;outline: none;font-size: 16px;color: #666}
.gbookinput input:nth-child(2){margin-left: 48px;margin-right: 48px}
.gbookinput1{margin: 25px 0}
.gbookinput1 input{width: 100%;height: 45px;background-color: #f7f7f7;box-sizing:border-box;padding: 0 15px;border:none;outline: none;font-size: 16px;color: #666}
.gbookarea textarea{width: 100%;height: 130px;background-color: #f7f7f7;box-sizing:border-box;padding:15px;border:none;outline: none;font-size: 16px;color: #666;resize:none;}
.gbooksub{margin-top: 60px;text-align: center;}
.gbooksub input{width: 425px;height: 50px;background-color: #7e7d7d;border:none;font-size: 18px;color: #fff;outline: none;}