html,body,#main-wrapper{background-color: #f6f6f6;}
*{margin: 0;padding: 0;font-family: "微软雅黑"}
a {text-decoration: none;}
.clearfix{clear: both;}
.vertical-middle{vertical-align: middle;}
.borderR{border-right: 1px solid #333333;}
.marAuto{margin: 0 auto}
.display_none{display: none;}
.underLine{text-decoration: underline;}
.marTop{margin-top: 0!important;}
.sp-menuRight-wid{padding-top: 20px;background-color: #fff;width: 950px!important;min-height: 610px;margin: 20px auto 0;}
.wid95{width: 950px!important;}
.wid75{width: 775px!important;}
.padd20{padding-top: 20px!important;}
.padd50{padding-bottom: 50px!important;}
/*common*/
.topbar{position: relative;width: 100%;height: 110px;box-shadow: 0px 0px 5px #d8d6d6;background: #fff;}
.topbar_con{width: 1000px;}
.nar{margin-left: 140px;display: inline-block;}
.topbar_con .nar li{display: inline-block;height: 110px;line-height: 110px;margin-right: 20px;}
.topbar_con .nar a{font-weight: 400;padding: 10px 2px;color: #333333;font-size: 16px;}
.topbar_con .nar .active,.topbar_con .nar a:hover{color: #228cb8;border-bottom: 2px solid #228cb8;}
.nar_en{margin-left: 33px;display: inline-block;}
.topbar_con .nar_en li{display: inline-block;height: 110px;line-height: 110px;margin-right: 20px;}
.topbar_con .nar_en a{font-weight: 400;padding: 10px 2px;color: #333333;font-size: 16px;}
.topbar_con .nar_en .active,.topbar_con .nar_en a:hover{color: #228cb8;border-bottom: 2px solid #228cb8;}
.p_type{display: none;box-shadow: 0px 0px 5px #d8d6d6;background-color: #fff;position: absolute;top: 110px;left: 0px;z-index: 10;width: 100%;height: 110px;text-align: center;}
.p_type li{display: inline-block;height: 110px;padding: 0 35px;cursor: pointer;}
.p_type li:first-child{margin-left: 100px;}
.p_type a{font-size: 16px;color: #333;}
.p_type li img{height: 57px;margin-top: 13px;}
.language{float: right;display: inline-block;}
.topbar_con .language{font-size: 0;}
.topbar_con .language li{display: inline-block;height: 110px;line-height: 110px;}
.topbar_con .language a{padding: 0px 10px;color: #959595;font-size: 15px;}
.topbar_con .language .active{color: #333333;}
.home-content{min-width: 1000px;padding-bottom: 30px;position: relative;width: 100%;min-height: 610px;background-color: #fff;margin-top: 4px;}
.font_b_one{font-size: 50px;line-height: 100px;margin-top: 70px;}
.font_s_one{font-size: 22px;}
.b_one{width: 655px;margin-top: -197px;margin-left: 488px;}
.font_b_two{font-size: 50px;line-height: 100px;margin-top: 70px;margin-left: 600px}
.font_s_two{font-size: 22px;margin-left: 600px}
.b_two{width: 555px;margin-top: -100px;margin-left: 0px;}
.b_three{width: 555px;margin-top: -230px;margin-left: 0px;}
.sp-content{position: relative;width: 1000px;min-height: 610px;background-color: #fff;margin-top: 4px;}
.banner{width: 950px;margin: 20px auto 0;position: relative;color: #fff}
.banner img{width: 100%;}
.b_big{position: absolute;top: 16px;left: 50px;font-size: 24px}
.b_small{position: absolute;top: 51px;left: 108px;font-size: 16px}
.black{color: #333!important;}
.sp-menuLeft{background-color: #fff;float: left;width: 220px;min-height: 650px;text-align: center;}
.title{margin-top: 20px;}
.title span{display: inline-block;vertical-align: middle;display: inline-block;font-size: 20px;color: #333;line-height: 20px;}
.title .blue{width: 150px;text-align: left;font-size: 16px;color: #228cb8;padding-left: 5px;border-bottom: 1px solid #d8d8d8;height: 30px;}
.line_blue{background-color: #228cb8;height: 26px;width: 3px;margin: 0 5px 7px 0;}
.underline_gray{width: 100px;border-bottom: 1px solid #333333;padding: 0 3px;height: 30px;font-weight: 600;}
.navbar ul{font-size: 0}
.navbar{width: 130px;margin-left: 48px;text-align: left;}
.navbar img{width: 7px;vertical-align: middle;margin: 0 5px;}
.navbar a{vertical-align: middle;color: #333;}
.navbar li{cursor: pointer;font-size: 16px;width: 100%;border-bottom: 1px solid #d8d8d8;height: 50px;line-height: 50px;list-style: none;}
.sp-menuRight{background-color: #fff;float: right;width: 775px;min-height: 610px;}
.b_ti{width: 675px;border-bottom: 1px solid #d8d8d8;margin-top: 10px;}
.b_ti .b_tiDetail{display: inline-block;margin-bottom: 5px;text-indent: 20px;width: 160px;height: 35px;line-height: 35px;font-weight: 600;font-size: 20px;color: #fff;background: url(../images/title_bg.png);background-size: 100% 100%;}
.loca_title{position: absolute;left: 38px;top: 10px;font-size: 14px;line-height: 40px;color: #959595;}
/*index*/
.index_product_title{color: #228cb8;font-size: 24px;width: 1000px;margin: 50px auto 0;}
.index_product_title span{cursor: pointer;margin-top: 12px;font-size: 14px;color: #333;float: right}
.index_product{text-align: center;width: 1000px!important;}
/*.index_product .product_list{ cursor: pointer;float: left;margin-right: 5px;width: 320px!important;padding: 20px 0;border: 1px solid #e9e9e9}*/
.index_product .product_list{ cursor: pointer;margin-right: 5px;width: 320px!important;padding: 20px 0;border: 1px solid #e9e9e9}
.index_product .product_list div{text-indent: 15px;width: 320px!important;}
.index_product .product_list .p_black{font-size: 20px;}
.index_product .product_list .p_gray{font-size: 18px;height: 40px;line-height: 40px;}
.index_product .product_list img{width: 130px;}
.index_product .product_list .go_detail{cursor: pointer;width: 40px;margin-top: 43px;}
.index_more{cursor: pointer;border: 1px solid #e9e9e9;margin: 30px auto 0;width: 140px;font-size: 16px;height: 40px;text-align: center;line-height: 40px;color: #333;}
/*Walk Into Specotec*/
.introduction{width: 550px;font-size: 16px;color: #333;text-indent: 20px;line-height: 30px;margin-top: 20px}
.certificate{width: 550px;margin: 60px auto 0;}
.cer_title{width: 135px;}
.cer_title div{margin-bottom: 20px;font-size: 22px;color: #333;}
.cer_title div img{vertical-align: middle;margin-right: 10px;}
.cer_title i{display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #bebebe;color: #bebebe;background-color: #f2f2f2;font-size: 16px;}
.marR{margin-right: 10px!important;}
.marT{margin-top: 30px!important;}
.marB2{margin-bottom: 20px!important;}
.marB{margin-bottom: 50px!important;}
.cer_con{text-align: center;font-size: 0;}
.cer_con div{display: none;text-align: left;}
.cer_con .block{display: block}
.cer_con img{width: 460px;margin-bottom: 20px!important;}
/*Products*/
.product_con{width: 675px;margin: 0px auto;}
.product_list{display: inline-block;text-align: left;width: 217px;margin-top: 20px;border: 2px solid #e9e9e9;padding: 10px 0;}
.product_list img{width: 90px;float: right;margin-top: 12px;}
.product_list .go_detail{cursor: pointer;width: 25px;float: left;margin: 33px 0 0 20px;}
.p_black{text-indent: 6px;height: 25px;line-height: 25px;color: #333333;font-size: 15px;width: 217px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
.p_gray{text-indent: 6px;height: 25px;line-height: 25px;color: #959595;font-size: 13px;width: 217px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
.p_info{position: relative;width: 550px;margin: 40px auto;}
.p_info img{width: 180px;}
.p_info .p_name{position: absolute;top: 5px;left: 200px;font-size: 20px;color: #333;}
.p_info .p_size{position: absolute;top: 55px;left: 200px;font-size: 16px;color: #333;}
.p_detail{width: 550px;margin: 20px auto 40px;border: 1px solid #f2f2f2;}
.p_word{cursor: pointer;display: inline-block;margin-top: -3px;background-color: #fff;position: relative;z-index: 10;width: 100px;text-align: center;font-size: 16px;height: 33px;line-height: 35px;}
.p_word_on{height: 35px;color: #228cb8;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 3px solid #228cb8;margin-top: -1px;border-bottom-color: #fff;}
.p_detail table{padding-top: 20px;line-height: 40px;margin-top: -1px;border-top: 1px solid #f2f2f2;width: 530px;margin-left: 20px;color: #333;font-size: 16px;}
.p_word_nav{border-bottom: 1px solid #f2f2f2;height: 35px;line-height: 35px;}
.p_img{padding: 20px 0;text-align: center;}
.p_img img{width: 755px;}
/*Human Resource*/
.notice_type{width: 910px;margin: 40px auto 20px;font-size: 22px;color: #228cb8}
.notice{padding-left: 30px;color: #333;position: relative;width: 685px;margin: 0px auto;border-left: 1px solid #f2f2f2;}
.notice img{position: absolute;top: 0px;left: -17px;width: 34px;}
.notice div{font-size: 18px;font-weight: 600;line-height: 32px}
.notice p{font-size: 16px;margin-left: 20px;line-height: 40px;}
.orange{color: #eb4814!important;}
/*Customer Service*/
.type{width: 630px;margin: 40px auto 20px;font-size: 22px;color: #228cb8}
.type_detail{font-size: 16px;color: #333;width: 610px;margin-left: 75px;padding-bottom: 35px;}
.dashed{border-bottom: 1px dashed #333;}
.blue{color: #228cb8;}
.type_detail div{margin: 10px 0;}
.type_detail i{margin-right: 5px;vertical-align: middle;font-weight: 600}
.type_detail img{width: 595px;box-shadow: 0px 3px 4px #bdb8b8;margin-bottom: 40px;}
.say{width: 590px;margin: 40px auto 20px;font-size: 16px;color: #333;line-height: 30px;}
.say p{text-indent: 20px;}
.say input{width: 200px;height: 30px;display: block;margin-top: 20px;text-indent: 10px;}
.say textarea{width: 400px;display: block;margin: 20px 0;padding: 10px;}
.say div{width: 100px;height: 38px;line-height: 38px;text-align: center;background-color: #228cb8;color: #fff;margin: 0 auto 40px;}
/*分页*/
.f-page{text-align: center;margin: 40px 0;}
.pagination {display: inline-block;padding-left: 0;list-style: none;}
.page-item{margin-right: 10px;float: left;}
.page-item.active .page-link {z-index: 1;color: #fff;background-color: #007bff;border-color: #007bff;}
.page-item.disabled .page-link {color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;}
.page-link:not(:disabled):not(.disabled) {cursor: pointer;}
.page-link{border-radius: .25rem;position: relative;display: block; padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #007bff;background-color: #fff;border: 1px solid #dee2e6;}
.footer{min-width: 1000px;padding: 40px 0;background-color: #09142c;width: 100%;line-height: 20px;box-shadow: 0px 0px 5px #d8d6d6;text-align: center;font-size: 14px;color: #ffffff;}
.nav_er{
padding: 40px 0;
background-color: #09142c;
width: 100%;
line-height: 20px;
box-shadow: 0px 0px 5px #d8d6d6;
text-align: center;
font-size: 14px;
color: #ffffff;
}
.nav_list{
width: 100%;
line-height: 24px;
border-bottom: 1px solid #f0f0f0;
}
.navbaren ul{font-size: 0}
.navbaren{width: 400px;margin-left: 48px;text-align: left;}
.navbaren img{width: 7px;vertical-align: middle;margin: 0 5px;}
.navbaren a{vertical-align: middle;color: #333;}
.navbaren li{cursor: pointer;font-size: 16px;width: 100%;border-bottom: 1px solid #d8d8d8;padding:15px 0;list-style: none;}