@charset "utf-8";
html,body{margin:0;padding:0;font-family:"微软雅黑";font-size:10px;min-width: 1200px;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: 130px 0 0;}
#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: #1857a4;}
#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: 1200px;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;}
/*头部*/
.headLogo{padding: 25px 0}
.logo img{max-width: 100%}
.headTel img{margin-right: 12px}
.headTel p:first-child{color: #1f1f1f;font-size: 14px;margin-top: 5px}
.headTel p:nth-child(2){font-size: 22px;color: #171717;font-weight: bold;}
.EngBtn{margin-left: 35px}
.EngBtn a{display: inline-block;vertical-align: middle;width: 31px;height: 31px;text-align: center;line-height: 31px;font-size: 14px;color: #070707;margin: 0 15px;position: relative;}
.EngBtn a:first-child:after{content: "";position: absolute;width: 1px;height: 51px;background-color: #1857a4;right: -16px;top: -10px}
.EngBtn a.on{background-color: #1857a4;color: #fff;border-radius:31px;}
.lanmuList{background-color: #e5e5e5;height: 50px;}
.ftype>li{display: inline-block;width: 150px;height: 50px;line-height: 50px;text-align: center;position: relative;}
.ftype>li a{font-size: 14px;display: block;width: 100%;height: 100%;color: #292929}
.ftype>li.on{background-color: #2455c4}
.ftype>li.on a{color: #fff}
#banner{position: relative;overflow: hidden;z-index: -1}
.bannerlist li img{width: 100%}
/*底部*/
.footer{background-color: #333333;}
.footNav{padding: 65px 0 30px;border-bottom: 1px solid #535353}
.fli{vertical-align: top;}
.f1{width: 265px;}
.f2{width: 360px;margin-left: 50px;margin-right: 30px}
.f4{width: 135px;margin-left: 95px}
.f4 img{width: 100%;display: block;}
.f4 p{text-align: center;font-size: 14px;color: #d5d5d5;margin-top: 10px;}
.foTitle{font-size: 22px;color: #ffffff;margin-bottom: 25px}
.f1 ul{width: 230px}
.f1 ul li{display: inline-block;width: 110px;box-sizing:border-box;padding-left: 15px;position: relative;vertical-align: top;}
.f1 ul li:nth-child(odd){margin-right: 10px;}
.f1 ul li::before{content: "";position: absolute;width: 4px;height: 4px;background-color: #d5d5d5;left: 0;top: 15.5px;border-radius: 4px}
.f1 ul li a{display: block;width: 100%;line-height: 35px;font-size: 14px;color: #d5d5d5}
.f2 ul li{padding-left: 15px;position: relative;line-height: 35px;font-size: 14px;color: #d5d5d5}
.f2 ul li::before{content: "";position: absolute;width: 4px;height: 4px;background-color: #d5d5d5;left: 0;top: 15.5px;border-radius: 4px}
.copyright{padding: 25px 0;font-size: 14px;color: #d5d5d5;text-align: center;}
.copyright *{color: #d5d5d5;font-size: 14px}
/*首页*/
.container{overflow: hidden;position: relative;}
.indexTitle{text-align: center;}
.indexTitle p:first-child{font-size: 22px;color: #aeaeae;text-transform: uppercase;padding-bottom: 13px;margin-bottom: 15px;position: relative;}
.indexTitle p:first-child:after{content: "";position: absolute;width: 420px;height: 2px;background-color: #1a48b0;left: calc(50% - 210px);bottom: 0}
.indexTitle p:last-child{font-weight: bold;font-size: 28px;color: #333333;}
.indexTitle p:last-child label{color: #1a48b0}
.indexTitle1 p:first-child{color: #fff;}
.indexTitle1 p:first-child:after{background-color: #fff}
.indexTitle1 p:last-child{color: #fff}
.s1{padding: 20px 0;background-color: #2455c4;}
.s1L{text-align: center;width: 515px;}
.s1L a{display: inline-block;margin: 0 40px}
.s1L a img{width: 48px;}
.s1L a p{font-size: 14px;color: #fff;text-align: center;margin-top: 10px}
.s1R{width: 685px;box-sizing:border-box;padding-left: 90px;position: relative;}
.s1R:before{content: "";position: absolute;width: 1px;height: 64px;left: 45px;top: calc(50% - 32px);background-color: #fff}
.s1R p:first-child{font-size: 24px;color: #fefefe;font-weight: bold;}
.s1R p:last-child{margin-top: 10px;color: #fefefe;font-size: 14px;}
.s2{padding: 65px 0 80px;}
.s2List{margin-top: 45px}
.s2List li{display: inline-block;vertical-align: top;width: 285px;margin-left: 20px;position: relative;overflow: hidden;}
.s2List li:first-child{margin-left: 0}
.s2List li>img{width: 100%}
.s2bot{position: absolute;width: 100%;padding: 40px 10px 15px;text-align: center;box-sizing:border-box;background-color: #eeeeee;left: 0;bottom: 0}
.s2bot img{position: absolute;width: 65px;height: 65px;left: calc(50% - 32.5px);top:-32.5px;}
.s2bot p{font-size: 18px;color: #303030}
.s2Info{position: absolute;width: 100%;height: 100%;left: 0;top: 100%;background-color: rgba(36,85,196,.8);transition: all .33s;}
.s2Ibox{position: absolute;height: 165px;width: 100%;left: 0;top: calc(50% - 82.5px)}
.s2Ibox>img{width: 65px;height: 65px;display: block;margin: 0 auto}
.s2Ibox>p{font-size: 18px;color: #fff;text-align: center;line-height: 20px;margin: 10px 0 20px}
.s2Ibox>div{height: 50px;overflow: hidden;text-align: center;font-size: 14px;color: #ffffff;line-height: 1.7}
.s2Ibox>div *{font-size: 14px;color: #ffffff;line-height: 2}
.s2List li:hover .s2bot{display: none;}
.s2List li:hover .s2Info{top: 0}
.s3{padding: 65px 0;background: url(../images/bg1.jpg) no-repeat;background-size: 100%;background-position: top;background-color: #f6f6f6;}
.s3Box{margin-top: 45px}
.s3Box .hd{display: inline-block;vertical-align: top;width: 280px;background-color: #fff;padding-bottom: 45px}
.s3Box .bd{display: inline-block;vertical-align: top;width: 900px;margin-left: 20px}
.s3Box .hd>p{height: 133px;background-color: #363e45;text-align: center;font-size: 20px;color: #fefefe;font-weight: bold;box-sizing:border-box;padding: 40px 10px}
.s3Box .hd li{padding: 0 40px;height: 65px;line-height: 65px;border-bottom: 1px solid #eaeaea;color: #2c2c2c;}
.s3Box .hd li p{padding-left: 40px;font-size: 16px;position: relative;}
.s3Box .hd li p:before{content: "";position: absolute;width: 16px;height: 16px;background-color: #2455c4;border-radius: 16px;border:5px solid #313131;left: 0;top: 20px;}
.s3Box .hd li p a{display: block;width: 100%;height: 100%;color: #2c2c2c}
.s3Box .hd li.on{background-color: #2757c5;color: #fff}
.s3Box .hd li.on  p:before{border-color: #fff}
.s3Box .hd li.on  p a{color: #fff}
.s3Box .bd li{display: inline-block;vertical-align: top;width: 290px;margin-left: 15px;position: relative;margin-bottom: 15px;overflow: hidden;}
.s3Box .bd li:nth-child(3n+1){margin-left: 0}
.s3Box .bd li img{width: 100%;transition:all 0.33s linear; -webkit-transition:all 0.33s linear;}
.s3Box .bd li p{position: absolute;width: 100%;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #fff;bottom: 0;left: 0;background-color: rgba(27,27,27,.8);}
.s3Box .bd li:hover img{transform: scale(1.1);}
.s4{padding-bottom: 100px}
.s4bg{position: relative;}
.s4bg img{width: 100%}
.s4L{position: absolute;width: 225px;top: 50%;left: calc(50% - 600px);}
.s4L-h{padding:20px 25px 20px 20px;background-color: #2455c4}
.s4L-h p:nth-child(-n+2){font-size: 18px;color: #fff;font-weight: bold;}
.s4L-h p:nth-child(3){font-weight: bold;font-size: 20px;color: #fff;margin: 20px 0 10px}
.s4L-h p:nth-child(4){font-size: 14px;color: #ffffff;line-height: 1.7}
.s4L-b{margin-top: 8px}
.s4L-b img{width: 100%}
.s4Con{padding-left: 250px;padding-top: 30px}
.s4ConTxt{display: inline-block;vertical-align: top;width: 480px;}
.s4ConVideo{display: inline-block;vertical-align: top;width: 420px;margin-left: 50px;}
.s4ConVideo img{width: 100%}
.s4C_head p:first-child{font-weight: bold;font-size: 40px;color: rgba(38,36,36,.2);}
.s4C_head p:last-child{font-size: 22px;font-weight: bold;color: #262424;margin-top: -30px}
.s4C_txt{margin: 20px 0 25px;font-size: 14px;color: #383636;line-height: 1.65}
.s4C_btn{text-align: right;}
.s4C_btn a{display: inline-block;width: 200px;height: 50px;text-align: center;line-height: 50px;background-color: #e5e5e5;font-size: 16px;color: #242424}
.s4List{margin-top: 50px}
.s4Title{border-bottom: 1px solid #384047;padding-bottom: 8px;font-size: 14px;color: #262424;text-transform: uppercase;position: relative;}
.s4Title span:first-child{font-size: 20px;color: #262424;font-weight: bold;display: inline-block;margin-right: 5px}
.s4Title:after{content: "";position: absolute;width: 223px;height: 3px;bottom:-2px;left: 0;background-color: #2455c3}
.s4picList{margin-top: 20px}
.s4picList .bd ul{ overflow:hidden; zoom:1; }
.s4picList .bd ul li{width: 232px;margin-right: 10px;float:left; _display:inline; overflow:hidden; text-align:center;  }
.s4picList .bd ul li>div{border:1px solid #bfbfbf;text-align: center;}
.s4picList .bd ul li>div img{width: 100%}
.s4picList .bd ul li>p{font-size: 16px;color: #101010;margin-top: 18px}
.s5{padding: 85px 0 100px;background: url(../images/bg3.jpg) no-repeat;background-size: cover}
.s5List{margin-top: 50px}
.s5List li{display: inline-block;vertical-align: top;width: 392px;margin-left: 12px}
.s5List li:nth-child(3n+1){margin-left: 0}
.s5List li:nth-child(-n+3){margin-bottom: 12px}
.s5List li:nth-child(odd){height: 325px;}
.s5List li:nth-child(even){height: 245px;}
.s5List li:nth-child(5){margin-top: -80px;background-color: #2455c4;box-sizing:border-box;padding: 45px 35px}
.s5List li>a{display: block;width: 100%;height: 100%}
.s5List li .s5Title{padding-bottom: 20px;border-bottom: 1px solid #fff;margin-bottom: 10px}
.s5List li .s5Title p:first-child{font-size: 40px;color: rgba(255,255,255,.15);font-weight: bold;;text-transform: uppercase;}
.s5List li .s5Title p:last-child{font-weight: bold;font-size: 28px;color: #fff;margin-top: -30px}
.s5List li .s5Intro{line-height: 1.7;color: #fff;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.s5List li .s5More{display: block;width: 160px;height: 45px;border:1px solid #fff;text-align: center;line-height: 45px;font-size: 16px;text-align: center;line-height: 45px;margin: 25px auto 0}
.s6{padding: 85px 0}
.s6Box{margin-top: 65px;}
.s6L{display: inline-block;vertical-align: top;width: 810px;margin-right: 50px}
.s6R{display: inline-block;vertical-align: top;width: 340px;}
.s6L .hd{background-color: #dcdcdc;height: 40px;line-height: 40px;position: relative;}
.s6L .hd a{position: absolute;width: 105px;line-height: 40px;right: 0;text-align: center;font-size: 14px;color: #101010;top: 0}
.s6L .hd ul{font-size: 0}
.s6L .hd ul li{display: inline-block;vertical-align: top;padding: 0 25px;font-size: 18px;color: #353535;font-weight: bold;}
.s6L .hd ul li.on{background-color: #2455c4;color: #fff;}
.s6L .bd{margin-top: 20px}
.tjbox{padding-bottom: 25px;border-bottom: 1px solid #c2c5c7;margin-bottom: 15px}
.tjbox a{display: block;width: 100%;height: 100%}
.tjbox .tjbox_img{display: inline-block;vertical-align: top;width: 335px;}
.tjbox .tjbox_txt{display: inline-block;vertical-align: top;width: 450px;margin-left: 25px;}
.tjbox .tjbox_txt p:first-child{line-height: 50px;font-size: 18px;color: #616161}
.tjbox .tjbox_txt p:nth-child(2){font-size: 14px;color: #8b8b8b;line-height: 30px;}
.tjbox .tjbox_txt div:nth-child(3){font-size: 14px;color: #6e6e6e;line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.tjbox .tjbox_txt p:nth-child(4){font-size: 14px;color: #2455c4;text-align: right;margin-top: 25px;}
.s6List li{display: inline-block;vertical-align: top;width: 370px;line-height: 40px}
.s6List li:nth-child(odd){margin-right: 70px;}
.s6List li a{display: block;width: 100%;height: 100%}
.s6List li span{display: inline-block;vertical-align: middle;width: 275px;font-size: 14px;color: #616161;margin-right: 10px}
.s6List li label{display: inline-block;vertical-align: middle;width:85px;text-align: right;font-size: 14px;color: #616161;}
.s6RTitle{position: relative;background-color: #dcdcdc;height: 40px;line-height: 40px;}
.s6RTitle span{width: 120px;text-align: center;color: #191a1a;font-size: 18px;font-weight: bold;display: inline-block;}
.s6RTitle a{position: absolute;width: 105px;line-height: 40px;right: 0;text-align: center;font-size: 14px;color: #101010;top: 0}
.s6rList li{padding: 20px 0;border-bottom: 1px solid #dcdcdc}
.s6rList li:last-child{border-bottom: none;}
.lisw{font-size: 0}
.lisw label{display: inline-block;vertical-align: top;width: 25px;height: 25px;text-align: center;line-height: 25px;font-size: 12px;color: #fff;background-color: #2455c4}
.lisw span{display: inline-block;vertical-align: top;width: 300px;margin-left: 15px;font-size: 14px;color: #626262;line-height: 25px;}
.lisw{margin-top: 10px;}
.lisd label{background-color: #313131}
/*二级-产品展示*/
.box{padding-bottom: 130px}
.nono{font-size: 26px;color: #666;line-height: 500px;text-align: center;font-family: "宋体"}
.navTab{border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5}
.navTxt{width: 50%;display: inline-block;vertical-align: middle;}
.navTxt img{vertical-align: middle;margin: 0 25px;}
.navTxt p{display: inline-block;vertical-align: middle;line-height: 80px;height: 80px;border-left:1px solid #e5e5e5;padding-left: 10px}
.navTxt p *{color: #828282;display: inline-block;vertical-align: middle;}
.navSeach{width: 50%;display: inline-block;vertical-align: middle;text-align: right;}
.navSeach form{width: 290px;height: 40px;font-size: 0;display: inline-block;}
.navSeach form .ss_bd{display: inline-block;vertical-align: middle;width: 195px;border:1px solid #bfbfbf;border-right: none;box-sizing:border-box;padding: 0 15px;font-size: 14px;color: #333;height: 40px;outline: none;}
.navSeach form .ss_btn{display: inline-block;vertical-align: middle;width: 95px;background-color: #2455c4;border:none;outline: none;color: #fff;font-size: 14px;letter-spacing: 3px;height: 40px;}
.ejtype {text-align: center;margin: 65px 0 45px}
.ejtype li{display: inline-block;height: 35px;border:1px solid #dcdcdc;padding: 0 30px;vertical-align: top;margin: 0 11px 0}
.ejtype li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 35px;font-size: 16px;color: #a3a3a3}
.ejtype li.on{background-color: #2455c4;border:1px solid #2455c4;}
.ejtype li.on a{color: #fff}
.proList{margin-top: 70px;}
.proList li{display: inline-block;vertical-align: top;width: 386px;margin-left: 21px;margin-bottom: 35px;transition:all 0.33s linear; -webkit-transition:all 0.33s linear;}
.proList li:nth-child(3n+1){margin-left: 0}
.proList li a{display: block;width: 100%;height: 100%}
.proListPic{width: 100%;overflow: hidden;position: relative;}
.proListPic img{width: 100%}
.proList li p{font-size: 18px;color: #171717;text-align: center;line-height: 63px;height: 63px;border:1px solid #eeeeee;}
.proList li:hover{margin-top: -25px;box-shadow: 0 0  15px 3px rgba(85,85,85,.54)}
.proList li:hover p{background-color: #2455c4;color: #fff;border-color: #2455c4}
.showTitle{text-align: center;font-size: 28px;color: #3e3e3e}
.showInfo{margin-top: 50px;margin-bottom: 15px;}
.showInfo .xl5{font-size: 14px;color: #4c4b4b}
.showInfo .xl5 span{display: inline-block;vertical-align: middle;margin-left: 15px}
.showContent{border-top:1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 75px 0 80px;margin-bottom: 120px}
.newslist li{border-bottom: 1px solid #e5e5e5;padding: 25px 0;position: relative;transition:all 0.33s linear; -webkit-transition:all 0.33s linear;}
.newslist li:after{content: "";position: absolute;width: 1px;height: 120px;left: 125px;top: calc(50% - 60px);background-color: #e5e5e5}
.newslist li a{display: block;width: 100%;height: 100%}
.newslist li .newsD{display: inline-block;vertical-align: middle;width: 100px;}
.newslist li .newsD p:first-child{width: 60px;height: 60px;border:1px solid #1857a4;text-align: center;line-height: 60px;font-size: 30px;color: #1857a4;margin: 0 auto}
.newslist li .newsD p:last-child{font-size: 20px;color: #1857a4;text-align: center;margin-top: 15px;}
.newslist li .newsT{display: inline-block;vertical-align: middle;width: 1075px;margin-left: 25px;padding: 0 35px;box-sizing:border-box;}
.newslist li .newsT p:first-child{font-size: 22px;color: #171717;}
.newslist li .newsT p:last-child{font-size: 16px;color: #a3a3a3;line-height: 2;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.newslist li:hover{box-shadow: 0 0 15px 6px rgba(85,85,85,.2)}
.newslist li:hover .newsT p:first-child{color: #1857a4}
.dyTitle{padding-top: 70px;text-align: center;}
.dyTitle p:first-child{font-size: 40px;color: #2455c4;font-weight: bold;}
.dyTitle p:last-child{margin-top: 10px;font-size: 16px;color: #999e9f;}
.dyfoot{background: url(../images/bg4.jpg) no-repeat;background-size: cover;padding: 100px 0 150px}
.dyfoot li{position: relative;display: inline-block;vertical-align: top;width: 192px;height: 192px;background-color: #fff;border-radius: 192px;margin-left: 144px;text-align: center;box-sizing:border-box;padding: 35px 20px;overflow: hidden;transition:all 0.22s linear; -webkit-transition:all 0.22s linear;}
.dyfoot li:first-child{margin-left: 0}
.dyfoot li>p:first-child{font-size: 18px;color: #313131;position: relative;z-index: 3}
.dyfoot li>div:last-child{font-size: 14px;color: #666666;line-height: 1.6;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;position: relative;z-index: 3}
.dyfoot li:before{content: "";position: absolute;width: 0;height: 0px;background-color: #2455c4;left: 50%;top: 50%;transition:all 0.22s linear; -webkit-transition:all 0.22s linear;border-radius: 50%;z-index: 1}
.dyfoot li:hover{background-color: transparent;}
.dyfoot li:hover:before{width: 100%;height: 100%;left: 0;top: 0}
.dyfoot li:hover>p{color: #fff}
.dyfoot li:hover>div{color: #fff}
.contact{padding: 55px 0 135px}
.cs1l,.cs1r{display: inline-block;vertical-align: top;}
.cs1l{width: 525px;}
.cs1r{width: 380px;margin-left: 45px;text-align: right;}
.cs1r img{display: inline-block;vertical-align: top;width: 170px;}
.cs1r img:first-child{margin-right: 40px}
.cTitle{color: #2455c4;font-size: 22px;padding-left: 10px;position: relative;margin-bottom: 15px;}
.cTitle:before{content: "";position: absolute;width: 2px;height: 26px;left: 0;top: calc(50% - 13px);background-color: #1857a4}
.cs2{margin: 20px 0}
.gbookinput{width: 950px}
.gbookinput input{display: inline-block;width: 300px;height: 45px;box-sizing:border-box;padding: 0 15px;border:none;outline: none;font-size: 14px;color: #666;border:1px solid #bfbfbf;}
.gbookinput input:nth-child(2){margin-left: 25px;margin-right: 25px}
.gbookarea{margin: 15px 0;width: 950px}
.gbookarea textarea{width: 100%;height: 95px;box-sizing:border-box;padding:10px 15px;border:1px solid #bfbfbf;outline: none;font-size: 14px;color: #666;resize:none;}
.gbooksub input{width: 255px;height: 45px;background-color: #2455c4;border:none;font-size: 16px;color: #fff;outline: none;}
#map{width: 1200px;height: 530px;border:1px solid #bfbfbf;}
.ejpage{text-align: center;font-size: 0;margin-top: 75px}
.ejpage a{display: inline-block;padding: 0 15px;height: 35px;border:1px solid #e5e5e5;text-align: center;line-height: 35px;color: #2b2b2b;font-size: 16px;vertical-align: top;margin: 0 10px}
.newShowCon *{max-width: 100%}