*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family: "microsoft yahei";width:100%;margin: 0; padding: 0; line-height: 24px; font-size: 14px;color: #333333;}
ul,li,img,h1,h2,h3,h4,h5,dl,dt,dd,i,table,tr,td{margin: 0;padding: 0;list-style: none;border: 0;font-style:normal;font-size: inherit;font-weight: normal;}
a,a:focus, a:hover{text-decoration: none;color: #333333;}
img{max-width: 100%;}
i{font-style: normal;}
p{margin: 5px 0;}
iframe{max-width: 100%;}
input{outline: medium;border: none;background: none;}
button,textarea{outline: none;border: none;background: none;}
button,textarea:focus{outline: none;border: none;background: none;}
[role=button]{cursor:pointer;outline:none;}
.container{padding: 0;width: 1301px;margin: auto;}


@font-face {
  font-family: 'iconfont';
  src: url('../font_icon/iconfont.ttf?t=1629710639501') format('truetype');
}

@font-face {
  font-family: 'fz-cuhei';
  src: url('../ziti/fz-cuhei.TTF');
}
/*公用类*/



/* 导航 */
.p_head{min-width: 1301px; height: 100px; position: relative;z-index: 999;}
.p_head .p_logo{float: left;width: 40%;height: 100px;}
.p_head .p_logo img{}
.p_head .navBar{float: left;width: 40%;}
.p_head .navBar .nav{height: 100px;}
.p_head .navBar .nav li{float: left;position: relative;cursor: pointer;}
.p_head .navBar .nav .m{width: 20%;}
.p_head .navBar .nav li h3{text-align: center;}
.p_head .navBar .nav li h3 a{display: block;font-size: 18px;height: 100px;line-height: 100px;width: 98%;margin: auto;transition: all ease 0.5s;}
.p_head .navBar .nav li h3 i{display: block;height: 12px;transition: all ease 0.5s;}
.p_head .navBar .nav li:hover h3 a{background: #288bc4;color: #fff; transition: all ease 0.5s;}
.p_head .navBar .nav li .sub{width: 98.5%;position: absolute;top: 98px;left: 1%;background: #288bc4;padding: 8px 0; opacity: 0;transition: opacity 0.5s;}
.p_head .navBar .nav li:hover .sub{opacity: 1;}
.p_head .navBar .nav li .sub dd{text-align: center;padding: 5px 0;width: 85%;margin: 5px auto; transition: all ease 0.5s;}
.p_head .navBar .nav li .sub dd a{color: #fff; display: block;width: 100%;height: 100%;}
.p_head .navBar .nav li .sub dd:hover{background: #fff;transition: all ease 0.5s;}
.p_head .navBar .nav li .sub dd:hover a{color: #5a5a5a;}
.p_head .tel{float: right;width: 20%;background: url(../img/tel.png) no-repeat center left;padding-left: 40px;margin-top: 24px;}
.p_head .tel span{display: block;}
.p_head .tel b{display: block;font-size: 24px;color: #288bc4;}



/*banner轮换图*/
.banner{min-width: 1301px; height: 880px;overflow: hidden;position: relative;}
.banner .bd{position: relative;height: 100%;z-index: 0;}
.banner .bd li{height: 880px;zoom: 1;vertical-align: middle;}
.banner .bd img{display: block;height: 100%;width: 100%;height: 100%;object-fit: cover;}
.banner .prev,.banner .next{ position: absolute;top: 50%;margin-top: -19px;}
.banner .prev i,.banner .next i{font-family: "iconfont" !important;font-size: 55px;color: rgb(81,81,81,0.4);}
.banner .prev{left: 5%;}
.banner .next{right: 5%;}
.banner .prev:hover i,.banner .next:hover i{color: #fff;}
.banner .hd{position: absolute;bottom: 50px;z-index: 1;width: 100%;}
.banner .hd ul{width: 64px;margin: auto;}
.banner .hd li{width: 12px;height: 12px;float: left;margin: 0 5px;border-radius: 100%;background: #fff;transition: all ease 0.7s;}
.banner .hd li.on{width: 32px;border-radius: 10px;transition: all ease 0.7s;}



.middle{min-height: 2222px;background: url(../img/middle.jpg) no-repeat center top;min-width: 1301px;}


.sy_bt{text-align: center;height: 155px;position: relative;}
.sy_bt h3{ position: relative;z-index: 9;}
.sy_bt h3 b{display: block;font-size: 42px;padding-top: 35px;}
.sy_bt h3 span{display: block;font-size: 24px;color: #aaaaaa;padding-top: 18px;padding-bottom: 10px; font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;font-weight: lighter;}
.sy_bt h3 i{display: block;font-family: "iconfont" !important;color: #288bc4;font-size: 40px;}
.sy_bt strong{display: block;width: 130px;height: 130px;background: #f5fbfd;border-radius: 100%;position: absolute;right: 38%;top: 0;z-index: 1;}




/*第一块-公司简介*/
.first{min-width: 1301px; min-height: 1120px;padding-top: 72px;}
.first .gsjj{min-height: 470px;padding: 44px 0;text-align: center;}
.first .gsjj h3{min-height: 190px;font-size: 16px;line-height: 29px;width: 74%;margin: auto;}
.first .gsjj h3 i{color: #64b030;}
.first .gsjj h4{min-height: 120px;font-size: 24px;color: #288bc4;font-weight: bold;line-height: 38px;padding-top: 18px;width: 68%;margin: auto;}
.first .gsjj h4:before,.first .gsjj h4:after{content: "";display: block;width: 50px;height: 105px;}
.first .gsjj h4:before{background: url(../img/yh1.png) no-repeat center left;float: left;transform: translate(0,-58px);}
.first .gsjj h4:after{background: url(../img/yh2.png) no-repeat center right;float: right;}
.first .gsjj a{color: #cccccc;font-size: 16px;border-radius: 20px;box-shadow: 0px 0px 8px #ddd;display: block;width: 140px;height: 45px;line-height: 45px;margin: 30px auto;}
.first .gstp{min-height: 390px;padding-top: 18px;}
.first .gstp ul{height: 300px;overflow: hidden;}
.first .gstp li{width: 32.33%;float: left;height: 300px;margin: 0 0.5%;}
.first .gstp li img{height: 300px;}



/*第二块-产品展示*/
.second{min-width: 1301px;min-height: 790px;padding-top: 58px;}
.second .sy_bt{width: 20%;}
.second .sy_bt strong{background: #cce4f4;right: -8%;}
.er_xxk1{min-height: 510px; position: relative;}
.er_xxk1 .title{height: 44px;position: absolute;top: -105px;right: 16%;width: 44%;}
.er_xxk1 .title li{width: 31%;height: 44px;line-height: 44px;float: left;text-align: center;margin-right: 2%;border: 1px solid #fff;color: #fff;border-radius: 20px; cursor:pointer;overflow: hidden;}
.er_xxk1 .title li h3{font-size: 18px;}
.er_xxk1 .title li.on{border: 1px solid #288bc4;color: #288bc4;}
.er_xxk1 .bd1{min-height: 500px;}
.er_xxk1 .cpzs_nr{min-height: 500px;}
.er_xxk1 .cpzs_nr .cp_gd{height: 44px;line-height: 44px;text-align: center;border: 1px solid #fff;border-radius: 20px;position: absolute;top: -105px;right: 0;width: 16%;}
.er_xxk1 .cpzs_nr .cp_gd a{font-size: 18px;color: #fff;}
.er_xxk1 .cpzs_nr .cplb{ position: relative;}
.er_xxk1 .cpzs_nr .cplb .hd{}
.er_xxk1 .cpzs_nr .cplb .hd .prev,.er_xxk1 .cpzs_nr .cplb .hd .next{display: block;font-family: "iconfont" !important;font-size: 35px;color: #999999;font-weight: bold; position: absolute;top: 50%;margin-top: -62px;z-index: 9;cursor: pointer;transition: all ease 0.5s;}
.er_xxk1 .cpzs_nr .cplb .hd .prev{left: 0;}
.er_xxk1 .cpzs_nr .cplb .hd .next{right: 0;}
.er_xxk1 .cpzs_nr .cplb .bd{width: 94%;margin: auto;}
.er_xxk1 .cpzs_nr .cplb .bd ul{ overflow: hidden;}
.er_xxk1 .cpzs_nr .cplb .bd li{height: 470px;text-align: center;width: 33.33%;float: left;}
.er_xxk1 .cpzs_nr .cplb .bd li a{display: block;width: 92%;margin: auto;}
.er_xxk1 .cpzs_nr .cplb .bd li .cp_tp{height: 430px;}
.er_xxk1 .cpzs_nr .cplb .bd li .cp_tp img{height: 100%;}
.er_xxk1 .cpzs_nr .cplb .bd li .cp_mc{height: 40px;line-height: 40px;font-size: 18px;}



/* 第三块-新闻动态 */
.third{min-width: 1301px;min-height: 960px;padding-top: 75px;}
.third .xwdt{min-height: 495px;margin-top: 86px;}
.third .xwdt li{width: 32.33%;float: left;height: 480px;transition: all ease 0.5s;}
.third .xwdt li:nth-child(2){margin: 0 1.5%;}
.third .xwdt li .xw_tp{height: 302px;border: 1px solid #dcdcdc;}
.third .xwdt li .xw_tp img{width: 100%;height: 100%;object-fit: cover;}
.third .xwdt li .xw_nr{height: 178px;padding: 1%;}
.third .xwdt li .xw_nr h3{font-size: 20px;font-weight: bold;padding-top: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.third .xwdt li .xw_nr h4{color: #666;font-size: 16px;min-height: 80px;padding: 10px 0;}
.third .xwdt li .xw_nr h5{color: #666;}
.third .xwdt li:hover{transform:translate(0,-5px);box-shadow: 0px 1px 10px #dfdfdf;transition: all ease 0.5s;}
.third .xw_gd{margin-top: 12px;}
.third .xw_gd a{color: #cccccc;font-size: 16px;border-radius: 20px;box-shadow: 0px 0px 8px #ddd;display: block;width: 140px;height: 45px;line-height: 45px;margin: auto;text-align: center;}





/***************************主体-结束*********************************************************/


/*返回顶部*/
.cd-top{height: 40px;width: 40px;padding-top: 5px;text-align: center;color: #fff;position: fixed;bottom: 286px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;white-space: nowrap;background: rgba(100,176,48, 0.8);visibility: hidden;opacity: 0;transition: all 0.3s;cursor:pointer;z-index: 9;}
.cd-top.cd-is-visible{visibility: visible;opacity: 1;}
.cd-top.cd-fade-out{opacity: 0.5;}
.cd-top:hover{background-color: #64b030;opacity: 1;}


/*底部*/
.p_foot{min-width: 1301px;min-height: 602px;margin-top: 50px;background: url(../img/foot.jpg) no-repeat center;padding-top: 122px; clear: both;}
.p_foot .db_shang{min-height: 390px;font-size: 16px;color: #fff; overflow: hidden;}
.p_foot .db_shang a{color: #fff;}
.p_foot .db_shang .db_logo{width: 25.5%;float: left;margin-right: 1%;}
.p_foot .db_shang .db_logo img{}
.p_foot .db_shang .db_lian{width: 32.5%;float: left;border-left: 1px solid #6ab2da;border-right: 1px solid #6ab2da;padding: 44px 0; display:flex;align-items: center;justify-content:center;}
.p_foot .db_shang .db_lian .db_lian1{padding-bottom: 10px;}
.p_foot .db_shang .db_lian .db_lian1 h3{font-size: 22px;font-weight: bold;}
.p_foot .db_shang .db_lian .db_lian1 h4{font-size: 12px;}
.p_foot .db_shang .db_lian .db_lian2{line-height: 30px;}
.p_foot .db_shang .db_lian .db_lian2 b{font-size: 40px;display: block;padding: 10px 0;}
.p_foot .db_shang .db_nav{width: 40%;float: right;padding-top: 1%;}
.p_foot .db_shang .db_nav li{width: 25%;float: left;padding-left: 4%;}
.p_foot .db_shang .db_nav li h3{font-size: 18px;min-height: 70px;}
.p_foot .db_shang .db_nav li i{display: block;width: 36px;height: 2px;background: #fff;margin-top: 20px;}
.p_foot .db_shang .db_nav li dl{}
.p_foot .db_shang .db_nav li dd{line-height: 32px;}
.p_foot .db_xia{height: 90px;line-height: 90px;}
.p_foot .db_xia .bqsy{width: 73%;float: left;}
.p_foot .db_xia .yqlj{width: 26%;float: right;}
.p_foot .db_xia .yqlj label{display:inline-block;width: 100%;}
.p_foot .db_xia .yqlj select{outline: none;}
.p_foot .db_xia .yqlj .k{width: 100%;height: 36px;background: none;border: 1px solid #fff;color: #fff;}
.p_foot .db_xia .yqlj .hei{background: none;font-size: 12px;color: #333;}



/* 子页banner */
.zy_banner{min-width: 1301px; height: 215px;}
.zy_banner img{width: 100%;height: 100%;object-fit: cover;}




/* 所在位置 */
.place{height: 40px;border-bottom: 2px solid #e5e5e5;}
.place i{font-family: "iconfont" !important;}
.place a:last-child{color: #288bc4;font-weight: bold;}



/*子页-新闻页-开始*/
.news{min-width: 1301px; min-height: 710px;padding: 30px 0;}
.news .yy{min-height: 710px;}
.news .yy ul{padding: 38px 0;}
.news .yy li{min-height: 90px;margin-bottom: 30px; display: flow-root;transition: all ease 0.5s;}
.news .yy li .xw_sj{width: 10%;float: left;color: #8f8f8f;border-right: 1px solid #8f8f8f;}
.news .yy li .xw_sj i{display: block;font-size: 24px;}
.news .yy li .xw_sj span{display: block;font-size: 16px;padding: 5px 0;}
.news .yy li .xw_sj b{display: block;background: url(../img/jiantou.png) no-repeat center left;}
.news .yy li .xw_nr{width: 88%;float: right;min-height: 88px;font-size: 16px;}
.news .yy li .xw_nr h3{line-height: 50px;font-size: 18px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .yy li .xw_nr h4{}
.news .yy li:hover .xw_nr h3{color: #288bc4;}
/*子页-新闻页-结束*/


/*子页-产品页-正常-开始*/
.products{min-width: 1301px; min-height: 850px;padding: 30px 0;}
.products .yy{min-height: 850px;}
.products .yy ul{padding: 38px 0;}
.products .yy li{width: 23%;height: 338px;float: left;margin: 10px 1%;background: #fff;padding: 1%;border: 1px solid #ededed;text-align: center; transition: all ease 0.8s;}
.products .yy li .cp_mc{height: 40px;border-top: 2px solid #e5e5e5;}
.products .yy li .cp_mc h4{font-size: 16px;line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.products .yy li .cp_tp{height: 260px;margin-bottom: 10px;}
.products .yy li .cp_tp img{height: 100%;}
.products .yy li:hover{background: #288bc4;transform:translate(0,-5px); transition: all ease 0.8s;}
.products .yy li:hover .cp_mc h4{color: #fff;}
/*子页-产品页-正常-结束*/



/*子页-简介内容页-开始*/
.contents{min-width: 1301px; min-height: 710px;padding: 30px 0;}
.contents .yy{min-height: 710px;}
.contents .yy ul{padding: 38px 0;}
.contents .p_dynr{min-height: 605px;padding: 25px 0;}
.contents .p_dynr .word_bt{min-height: 62px;text-align: center;margin-top: 10px;border-bottom: 1px solid #e5e5e5;}
.contents .p_dynr .word_bt h3{font-size: 24px;padding-bottom: 5px;font-weight: bold;}
.contents .p_dynr .word_bt h4{padding-top: 10px;color: #9a9a9a;}
.contents .p_dynr .word_bt h4 b{font-weight: normal;margin-right: 10px;}
.contents .p_dynr .word_nr{padding: 30px 20px;text-align: justify; background: #fff;}
/*子页-简介内容页-结束*/




/*下一页*/
.page {margin:20px;text-align: center;clear: both;}
.page span.close,
.page strong,
.page a {/*display: inline-block;*/padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #5a5a5a;}
.page strong.selfpage {background: #288bc4;color: #ffffff;}
.page a {background: #bbbbbb;color: #ffffff;}
.page a:hover {background: #288bc4;color: #fff;}
.page .count{display: none;}
.page .count2{display: none;}
.page .count3{display: none;}
.page .close{display: none;}
.page .next{display: none;}
.page .pre{display: none;}