.middle{width:1100px;margin:auto}
.middle:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.titlehead{font-size:18px;line-height:32px;position:relative;margin-bottom:27px;padding:12px 0 12px 0;text-align:center;color:#333;border-bottom:1px solid #ddd}
.titlehead .uline{line-height:6px;position:relative;top:16px;display:block;width:30px;height:6px;margin:auto;background:#fff}
.bcf6{background-color:#f6f6f6}
.pf_b0{position:fixed;bottom:0}
.header{width:100%;height:80px}
.header .logo{float:left;width:550px;height:80px;margin-left:10px;background-repeat:no-repeat;background-position:left center}
.header .nav{font-family:var(--pf-base);font-size:15px;line-height:80px;float:right;height:80px;text-align:center}
.header .nav a{position:relative;display:inline-block;width:80px;height:80px;text-align:center;color:#333}
.header .nav a:before{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;content:'';background:#333}
.header .nav a:first-child:before{display:none}
.header .nav a.on:after{position:absolute;bottom:15px;left:50%;display:block;width:0;height:0;margin:auto;margin-left:-5px;content:'';border-right:8px solid transparent;border-bottom:10px solid #fff;border-left:8px solid transparent}
.notice {width:100%;height:40px;line-height:40px;text-align:center;color:#fff;background:#c33;}
.footer_top{line-height:0;width:100%}
.footer_top img{width:100%;height:100%}
.footer_main{background-color:#fff}
.footer_main .nav{line-height:20px;width:auto;height:20px;margin-right:auto;margin-left:auto;padding-top:20px;padding-bottom:20px;text-align:center}
.footer_main .nav li{display:inline-block;padding:0 20px;border-left:1px solid #fff}
.footer_main .nav li:first-child{border-left:none}
.footer_main .nav li a{font-size:14px;color:#fff}
.footer_main .copyright{font-size:14px;line-height:24px;text-align:center;color:#fff}
.footer_main a {color:#fff;}
.footer_main .license {text-align: center;line-height: 30px;color:#fff;padding-bottom:30px;}
.footer_main .license li {display: block;height: 24px;font-size: 14px;}
.footer_main .license li span,.footer_main .license li a {margin-left: 10px;}

#content,.advert{font-family:var(--pf-base);width:100%}
.about .left{float:left;width:655px;margin-right:35px}
.about .right{float:left;width:310px}
.about .left .content,.about .right .content{font-size:14px;line-height:26px;margin:0 10px 30px 10px;color:#666}
.about .left .content{text-align:justify;text-indent:28px}
.product{width: 1000px;padding-top:28px;margin: 0 auto 28px;}
.product li{float:left;width:236px;height:236px;margin:0 16px 16px 0;cursor:pointer;border:1px solid #ddd}
.product li.nr{margin-right:0}
.product li img{width:100%;height:100%}
.art_con {line-height: 2em;padding-bottom: 30px;}
.index_login{line-height:40px;height:40px;padding-bottom:28px;text-align:center;color:#666}
.index_login a{color:#000}
.text_tit{font-size:20px;font-weight:normal;line-height:40px;display:block;padding:0 0 15px 0;text-align:center}
.text_con{width:1050px;margin:0 auto 30px auto;text-align:justify;color:#666}
#map{font-size:12px;width:890px;height:560px;margin:20px auto 10px;border:#ccc solid 1px}
.contact_box{width:100%;height:auto;margin-bottom:30px}
.message_box{width:750px;height:250px;margin:0 auto}
.message_box dl{float:left}
.message_box dt{font-size:24px;font-weight:bold;line-height:70px;width:500px;height:70px;letter-spacing:3px;color:#fff}
.message_box dd p{font-size:18px;line-height:50px;width:500px;height:50px}
.cpy_map{display:block;width:916px;height:586px;margin:10px auto 0 auto}
.kind_list{line-height:30px;width:800px;height:30px;margin:0 auto;text-align:center}
.kind_list ul li{display:inline-block;width:70px;margin:0 8px;padding:0 5px;text-align:center;color:#333;border:1px solid #ccc}
.kind_list ul li a{color:#333}
.kind_list ul li:hover a{color:#fff}
.kind_list ul li:hover{cursor:pointer;color:#fff;border:1px solid #fff}
.kind_list ul li.sel{color:#fff;border:1px solid #fff}
.kind_list ul li.sel a{color:#fff}
.product_box{overflow:hidden;width:1030px;height:auto;margin:0 auto;padding:20px 0}
.product_l{float:left;width:376px;height:376px;text-align:center;border:1px solid #ccc}
.product_l img{width:240px;height:240px;margin:69px 0}
.product_r{font-size:16px;float:right;width:634px;padding:10px 0}
.product_r > p{margin:8px 0;color:#333}
.product_r ul{overflow:hidden;margin-top:15px;padding:15px 0;border-top:1px solid #ccc}
.product_r ul li{line-height:26px;color:#333}
.product_manual{font-size:16px;width:1030px;height:auto;margin:0 auto;padding:5px 0 20px 0}
.product_manual > span{font-weight:bold;line-height:43px;display:inline-block;width:149px;height:43px;text-align:center;border:1px solid #ccc;border-bottom:0}
.product_info{width:100%;height:auto;padding:16px;border:1px solid #ccc}
.jobs_list {width:1050px;margin:0 auto;}
.jobs_list dl {border:1px solid #d3d3d3;width:100%;padding:20px 30px;margin-bottom:20px;}
.jobs_list dl dt {display: block;height:30px;line-height:30px;padding-bottom: 15px;border-bottom:1px solid #d3d3d3;margin-bottom:15px;}
.jobs_list dl dt h4 {display:block;padding:0 15px;font-size:24px;float:left;font-weight:normal;}
.jobs_list dl dt span {font-size:16px;display:block;float:left;}
.jobs_list dl dd {color:#444;}
.jobs_list dl dd b {display:block;font-size:15px;line-height:30px;height: 30px;padding:0 15px;color:#111;}
.jobs_list dl dd b:before {display:block;content:'';width:8px;height:8px;border-radius:4px;float: left;margin: 11px 10px 0 10px;}
.jobs_list dl dd p {display:block;padding:5px 15px;line-height:24px;font-size: 14px;}
.article_list {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;width: 980px;margin:20px auto 0;padding-bottom: 50px;}
.article_list dl {display: flex;width: 40%;margin:20px 5% 0;position: relative;}
.article_list dl dt {width:90px;height:80px;flex-direction: column;display: flex;text-align: center;}
.article_list dl dt b {font-size: 36px;height: 50px;line-height:50px;font-family: system-ui;color:#666;}
.article_list dl dt span {height: 30px;line-height: 30px;font-size: 14px;display: block;border-top: 1px solid #d3d3d3;}
.article_list dl dd {margin-left: 20px;display: flex;flex-direction: column;width: 270px;text-align: justify;}
.article_list dl dd strong {line-height: 26px;font-size: 14px;display: block;}
.article_list dl dd p {line-height: 24px;font-size: 12px;color: #666;}
.article_list dl::before,.article_list dl::after {position: absolute;bottom: 0; right: 0;background-color: #d3d3d3;content: '';}
.article_list dl::before {width: 250px;height: 1px;}
.article_list dl::after {height: 60px;width: 1px;}
.article_list dl:hover dt span {border-top: 1px solid #ccc;color:#e51}
.none_date{width:1000px;height:300px;margin:0 auto;padding-top:50px;text-align:center}
.login_wrap{position:relative;width:100%;min-height: 300px;}
.login_box{width: 310px;height:180px;margin:30px auto 0;padding-top:20px;border:1px solid #fff;box-shadow:0 0 15px #fff}
.login_box span{position:relative;display:block;margin-top:10px}
.login_box span em{font-size:14px;font-style:normal;display:inline-block;width:100px;text-align:right;color:#333}
.login_box .icon{position:absolute;top:50%;left:2px;display:inline-block;width:30px;height:30px;transform:translateY(-50%)}
.login_box .login_input{line-height:26px;height:26px;margin:5px 0 5px 0;text-indent:4px;border:none;border:1px solid #ccc;outline:none}
.login_box .login_sub{display:block;width:207px;height:34px;margin:20px auto 0;color:#fff;border:0;background-color:#fff}
.login_box p{font-size:14px;line-height:26px;position:relative;margin-top:10px;color:#999}
.login_msg {width: 520px;margin: 0 auto;text-align: left;color:#999;padding: 30px 0 0;font-size: 13px;line-height: 22px;}
#ie_tips{line-height:24px;display:none;height:24px;text-align:left;text-indent:10px;color:#f93;border-bottom:1px solid #fec;background:#ffc}
#ie_tips a{margin-left:5px;color:#09e}
#ie_tips i{font-size:20px;display:block;float:right;width:24px;height:24px;margin-right:5px;cursor:pointer}

.feedback_con {}
.feedback_con dl {display:block;min-height:38px;line-height:38px;margin-top:15px;width:50%;float:left;}
.feedback_con dt {display:block;float:left;width:150px;text-align:right;}
.feedback_con dd {display:block;margin-left:150px;}
.feedback_con dd input {display:block;border:1px solid #e5e5e5;border-radius:2px;width:100%;height:38px;line-height: 38px;box-sizing: border-box;padding:0 10px;font-size:14px;}
.feedback_con dd textarea {width:100%;border:1px solid #e5e5e5;border-radius:2px;height:190px;box-sizing: border-box;display:block;resize:none;padding:10px;line-height:20px;font-size: 14px;}
.submit_btn {display: block;margin:0 auto;height:38px;line-height:38px;width:100px;color:#fff;text-align:center;clear:both;cursor: pointer;border-radius:2px;}