/*@font-face { font-family: "BUSTERN"; font-style: normal; font-weight: 400; src: url("../fonts/BUSTERN.TTF"); }*/ * {text-transform: initial !important;} html{ font-size: 14px; line-height: 14px; font-family: 微软雅黑; } html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select,button { margin: 0; padding: 0; } ul,li{ list-style: none; } input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;} a{text-decoration: none;} /*.company_anli img{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}*/ /* 通用的class */ .public_div{position: relative;width: 1280px;margin: 0 auto;height: auto;} .public_div_fou{position: relative;width: 1300px;margin: 0 auto;height: auto;} .public_div_one{position: relative;width: 1310px;margin: 0 auto;height: auto;} .public_div_two{position: relative;width: 1316px;margin: 0 auto;height: auto;} .clear{clear: both;} /*===============header=================*/ .section.gray{background-color: #faf9f9;} .top_header{position: fixed;width: 100%;top: 0px;left: 0px;z-index: 999;background-color: #fff;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15);} .header_meus{position: relative;width: 1280px;margin: 0 auto;height: auto;font-family: 微软雅黑;display: flex;} .header_meus .header_meus_login{position: relative;padding: 10px 0px;margin-right: 28px;} .fp-viewing-1 .header_meus .header_meus_login,.fp-viewing-2 .header_meus .header_meus_login{position: relative;padding: 5px 0px;margin-right: 28px;} .fp-viewing-1 .header_meus .header_meus_login img,.fp-viewing-2 .header_meus .header_meus_login img{max-height:60px;} .fp-viewing-1 .header_content .menu>li>a,.fp-viewing-2 .header_content .menu>li>a{line-height:17px;padding-top:25px;padding-bottom:25px;} .fp-viewing-1 .header_meus .header_meus_search,.fp-viewing-2 .header_meus .header_meus_search{margin:28px 25px 28px 0px;} .icon_i_one{background-image: url('../images/icon_i_one.png');background-repeat: no-repeat;} .header_meus .header_meus_search{display: flex;position: relative;margin: 43px 25px 43px 0px;min-width: 80px; border-left: 1px solid #c7c7c7;justify-content: flex-end;} #search_input{position: absolute;width: 200px;border-radius: 15px;height: 30px;border: 1px solid #ccc; top: 41px;left: -150px;padding: 0px 15px;display: none;} .header_meus .header_meus_search input::-webkit-input-placeholder{color: #ccc;font-size: 13px;}/* 使用webkit内核的浏览器 */ .header_meus .header_meus_search input:-moz-placeholder{color: #ccc;font-size: 13px;}/* Firefox版本4-18 */ .header_meus .header_meus_search input::-moz-placeholder{color: #ccc;font-size: 13px;}/* Firefox版本19+ */ .header_meus .header_meus_search input:-ms-input-placeholder{color: #ccc;font-size: 13px;}/* IE浏览器 */ .header_meus .header_meus_search a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;} .header_meus .header_meus_search a.search{display: inline-block;width: 30px;height: 34px;min-width: 34px; background-position: center;position: absolute;top: -10px;left: 12px;} .header_meus .header_meus_search a.lang_type{font-size: 16px;line-height: 14px;color: #4e4e4e;text-transform: uppercase;} .header_meus .header_meus_search a.lang_type:hover{color: #092d88} /*====================index=============================*/ .swiper_banner_one{position: relative;width: 100%;padding-top: 100px;overflow: hidden;height: 100%;} .swiper_banner_one .swiper-slide a{position: relative;display: inline-block;height: 100%;width: 100%;display: flex;justify-content: center;} .swiper_banner_one .swiper-button-prev{left: 50%;margin-left: -640px;opacity:0;-webkit-transition: all .2s ease; -moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;} .swiper_banner_one .swiper-button-next{right: 50%;margin-right: -640px;opacity:0;-webkit-transition: all .2s ease; -moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;} .swiper_banner_one:hover .swiper-button-prev,.swiper_banner_one:hover .swiper-button-next{opacity:1;} .index_product{position: relative;width: 100%;margin-top: 60px;} .index_product .public_div_one{position: relative;display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;} .index_product .in_product_small{position: relative;width: 50%;padding: 15px 15px;max-height: calc(50% - 80px)} .index_product .in_product_small .img_title{position: relative;width: 100%;overflow: hidden;} .index_product .in_product_small .img_title img{max-width: 100%;-webkit-transition:all .8s ease;-moz-transition:all .8s ease; -ms-transition:all .8s ease;-o-transition:all .8s ease;} .index_product .in_product_small .img_title p.one{line-height: 45px;color: #fff;font-size: 24px;padding-left: 42px; position: absolute;top: 38px;left: 0px;width: 100%;z-index: 3;} .index_product .in_product_small .img_title p.one:before{content: '';position: absolute;left: 0px;top: 0px; background-image: url('../images/index_icon01.png');background-repeat: no-repeat;width: 100%;height: 100%;z-index: -1; -webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;} .index_product .in_product_small .img_title .back_000{position: absolute;width: 100%;height: 100%;bottom: 0px;left: 0px; background-image: url('../images/back_icon01.png');background-repeat: no-repeat;background-position: center; background-size: cover;opacity: 0;z-index: 2;-webkit-transition:all .8s ease;-moz-transition:all .8s ease; -ms-transition:all .8s ease;-o-transition:all .8s ease;overflow: hidden;padding: 0px 42px;} .index_product .in_product_small .img_title .back_000 ._line{position: relative;width: 46px;height: 3px; background-color: #fff;display: inline-block;margin-top: 250px;margin-bottom: 12px;-webkit-transition:all .8s ease; -moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;} .index_product .in_product_small .img_title .back_000 p{color: #fff;color: #fff;font-size: 15px;line-height: 22px;} .index_product .in_product_small .img_title .back_000 p.bt{font-size: 14px;margin-top: 40px;} .index_product .in_product_small:hover .img_title img{transform: scale(1.08);} .index_product .in_product_small:hover .img_title p.one:before{opacity: 0;} .index_product .in_product_small:hover .img_title .back_000{opacity: 1;} .index_product .in_product_small:hover .img_title .back_000 ._line{margin-top: 90px;} .section .index_news{margin-bottom: 0px;} .index_news{position: relative;width: 100%;margin-top: 80px;padding:50px 0px;} .index_news .public_div{position: relative;display: flex;flex-wrap: wrap;} .index_news .news_center{position: relative;width: 39.0625%;margin-right: 1.5625%;} .index_news .news_center .news_title{color: #131313;font-size: 24px;line-height: 36px;margin-bottom: 10px;display:inline-block; -webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;} .index_news .news_center .news_title:hover{transform: scale(1.05);} .news_list_small{position: relative;width: 100%;margin-bottom: 10px;} .news_list_small>p{font-size: 14px;color: #838383;line-height: 20px;padding: 10px 0px;} .news_list_titlt{position: relative;width: 100%;display: flex;justify-content: space-between;} .news_list_titlt a{font-size: 17px;color: #131313;line-height: 24px;-webkit-transition:all .8s ease;-moz-transition:all .8s ease; -ms-transition:all .8s ease;-o-transition:all .8s ease;} .news_list_titlt span{font-size: 16px;color: #131313;line-height: 24px;display: inline-block;min-width: 95px;text-align: right;} .news_list_titlt a:hover{color: #000;transform: scale(1.05);} .news_img_small{position: relative;width: 29.6875%;padding: 0px 15px;margin-top: 46px;} .news_img_small .img{position: relative;width: 100%;overflow: hidden;max-height:240px;} .news_img_small .img img{max-width: 100%;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease; -o-transition:all .8s ease;} .news_img_small p{text-align: center;color: #131313;font-size: 16px;line-height: 24px;padding: 10px 0px;font-weight:bold;} .news_img_small:hover .img img{transform: scale(1.08);} /*==============================footer=============================*/ .section .footer_div{position: absolute;bottom: 0px;left: 0px;margin-top:427px;} .footer_div{position: relative;width: 100%;background-image: url('../images/footimg01.jpg');min-height:288px;} .footer_div_one{position: relative;padding: 25px 0px;display: flex;} .footer_div_one div{min-width: 100px;text-align: center;margin-right: 14px;} .footer_div_one div a{display: block;color: #fff;font-size: 12px;line-height: 25px;} .footer_div_one div a.top_t{font-size: 14px;margin-bottom: 8px;} .footer_div_two{margin-right: 0px;margin-left: 12px;min-width: 128px !important;} .footer_div_two>img{width: 120px;height: 120px;} .footer_div_two>p{text-align: center;color: #fff;font-size: 14px;line-height: 26px;} .footer_div_thr{color: #fff;font-size: 14px;line-height: 24px;padding: 15px 0px;text-align: center; border-top: 1px solid rgba(183,183,183,0.25);} /*==============================about================================*/ .about_center_banner{position: relative;width: 100%;background-image: url('../images/about_top.jpg');margin-top: 100px; background-repeat: no-repeat;background-size: cover;background-position: center;} .about_center_banner .public_div{padding-top: 140px;padding-bottom: 155px;} .about_center_banner .big_title{font-size: 24px;line-height: 35px;height: 35px;color: #fff;text-align: center;} .about_center_banner .en_title{font-size: 14px;line-height: 20px;height: 20px;color: #fff;text-transform: uppercase;text-align: center;} .about_public_title{position: relative;width: 100%;margin-top: 29px;} .title_position{position: relative;width: 100%;display: flex;color: #707070;line-height: 15px;height: 15px;font-size: 14px;} .title_position .home_icon{display: inline-block;width: 15px;height: 15px;background-image: url('../images/home_icon.jpg'); background-repeat: no-repeat;background-position: center;} .title_position a{color: #707070;margin: 0px 5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .title_position a:hover{color: #163078;} .select_page_title{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-top: 20px;padding-bottom: 20px;} .select_page_title a{display: inline-block;height: 36px;min-width: 120px;width:auto;padding:0px 5px;border:1px solid #dedede;font-size: 15px;text-align: center;color: #333;line-height: 34px;margin-bottom: 10px;margin-right: 7px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;font-weight:bold;} .select_page_title a:hover{color: #163078;border: 1px solid #163078;} .select_page_title a.active{color: #fff;border: 1px solid #163078;background-color: #163078;} .about_us_contact{position: relative;width: 100%;background-color: #f7f7f7;padding-top: 24px;padding-bottom: 52px;} .about_blue_title{position: relative;width: 100%;} .about_blue_title p.one_title{font-size: 35px;color: #163078;font-weight: bold;line-height: 42px;padding: 5px 0px;} .about_blue_title .blue_pl_en{position: relative;display: flex;height: 22px;line-height: 22px;margin: 5px 0px;} .about_blue_title .blue_pl_en img{margin-right: 2px;} .about_blue_title .blue_pl_en span{display: inline-block;height: 22px;padding: 0px 2px;text-transform: uppercase; color: #fff;background-color: #163078;font-size: 12px;min-width: 128px;text-align: center;} .about_us_contact .about_one_div{position: relative;display: flex;flex-wrap: wrap;width: 100%;margin-top: 30px;} .about_us_contact .about_one_div .one_text{width: 58.25%;position: relative;font-size: 16px;line-height: 36px;color: #6e6e6e;} .about_us_contact .about_one_div .one_img{width: 41.75%;position: relative;padding: 20px 35px;} .about_us_contact .about_one_div .one_img .witer_back{position: relative;width: 95%;margin-left: 5%;background-color: #fff; box-shadow: 0px 0px 30px 10px #ddd;} .about_us_contact .about_one_div .one_img .witer_back img{width: 100%;margin-top: -5%;margin-left: -5%;margin-bottom: 5%; box-shadow: 0px 0px 4px 1px #eee;} .about_us_video{position: relative;width: 100%;padding-top: 18px;margin-bottom: 90px;} .about_us_video .about_two_div{position: relative;display: flex;flex-wrap: wrap;width: 100%;margin-top: 20px} .about_us_video .about_two_div .two_video{position: relative;width: 48.2%;margin-right: 1%;} .about_us_video .about_two_div .two_video .video-js{width: 100%;max-width: 600px;height: 400px;} .about_us_video .about_two_div .two_text{position: relative;width: 50.8%;font-size: 16px;line-height: 30px;color: #6e6e6e;padding-top: 25px;} /*about rylc*/ .about_rylc_contact{position: relative;width: 100%;background-color: #f7f7f7;padding-top: 20px;padding-bottom: 42px;} /*.about_overf_one{width: 100%;overflow-x: auto;}*/ .about_overf_one{position: relative;width: 100%;overflow: hidden;padding-left: 40px;padding-right: 40px;padding-top: 30px;margin-top: 10px;} .rylc_icon_one{position: relative;height: 450px;width: 150px;background-image: url('../images/rylc_icon1.jpg'); background-repeat: no-repeat;} .rylc_icon_one a.one{position: absolute;font-size: 26px;line-height: 34px;top: 202px;left: 18px;color: #fff;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_one a.one:hover{font-size:30px;left: 16px;} .rylc_icon_one p.two{position: absolute;font-size: 15px;color: #636363;line-height: 24px;text-align: center;width: 150px;top: 60px;left: -20px;z-index: 5; transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_one a.one:hover+p.two{transform: scale(1.05);color:#333;} .rylc_icon_two{position: relative;height: 450px;width: 135px;background-image: url('../images/rylc_icon2.jpg'); background-repeat: no-repeat;} .rylc_icon_two a.one{position: absolute;font-size: 26px;line-height: 34px;top: 30px;left: 18px;color: #fff;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_two a.one:hover{left: 16px;font-size:30px;} .rylc_icon_two p.two{position: absolute;font-size: 15px;color: #636363;line-height: 24px;width: 100px;top: 180px;right: -30px;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_two a.one:hover+p.two{transform: scale(1.05);color:#333;} .rylc_icon_thr{position: relative;height: 450px;width: 120px;background-image: url('../images/rylc_icon3.jpg'); background-repeat: no-repeat;} .rylc_icon_thr a.one{position: absolute;font-size: 26px;line-height: 34px;top: 112px;left: 18px;color: #fff;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_thr a.one:hover{font-size: 30px;left:16px;} .rylc_icon_thr p.two{position: absolute;font-size: 15px;color: #636363;line-height: 24px;width: 155px;text-align: center;top: 0px;left: -20px;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_thr a.one:hover+p.two{transform: scale(1.05);color:#333;} .rylc_icon_fou{position: relative;height: 450px;width: 100px;background-image: url('../images/rylc_icon4.jpg'); background-repeat: no-repeat;} .rylc_icon_fou a.one{position: absolute;font-size: 26px;line-height: 34px;top: 202px;left: 18px;color: #fff;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_fou a.one:hover{font-size: 30px;left:16px;} .rylc_icon_fou p.two{position: absolute;font-size: 15px;color: #636363;line-height: 24px;text-align: center;width: 110px;top: 60px;left: -5px;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_fou a.one:hover+p.two{transform: scale(1.05);color:#333;} .rylc_icon_fiv{position: relative;height: 450px;width: 160px;background-image: url('../images/rylc_icon5.jpg'); background-repeat: no-repeat;} .rylc_icon_fiv a.one{position: absolute;font-size: 26px;line-height: 34px;top: 112px;left: 18px;color: #fff;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_fiv a.one:hover{font-size: 30px;left:16px;} .rylc_icon_fiv p.two{position: absolute;font-size: 15px;color: #636363;line-height: 24px;width: 130px;text-align: center;top: 180px;right: -35px;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_fiv a.one:hover+p.two{transform: scale(1.05);color:#333;} .rylc_icon_six{position: relative;height: 450px;width: 150px;background-image: url('../images/rylc_icon6.jpg'); background-repeat: no-repeat;} .rylc_icon_six a.one{position: absolute;font-size: 26px;line-height: 34px;top: 94px;left: 18px;color: #fff;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_six a.one:hover{font-size: 30px;left:16px;} .rylc_icon_six p.two{position: absolute;font-size: 15px;color: #636363;line-height: 24px;width: 270px;text-align: center;top: -10px;right: -35px;z-index: 5;transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari 和 Chrome */ -o-transition: all 0.6s;} .rylc_icon_six a.one:hover+p.two{transform: scale(1.05);color:#333;} .about_overf_one hr{position: absolute;height: 1px;width: 96%;z-index: 5;margin: 0px;padding: 0px;top: 442px;z-index: 9; background-color: rgb(208,208,208,0.3);left: 0px;border: none;margin-left: 3%;} /*rylc_zszj*/ .about_rylc_zszj{position: relative;padding-top: 20px;width: 100%;} .about_zszj_titlt{position: relative;width: 100%;display: flex;justify-content: center;margin-top: 24px;flex-wrap: wrap; margin-bottom: 27px;} .about_zszj_titlt a{width: 190px;height: 38px;border-radius: 8px;background-color: #e7e7e7;color: #707070;font-size: 15px; line-height: 38px;display: inline-block;text-align: center;margin: 8px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .about_zszj_titlt a:hover{color: #fff;background-color: #163078;} .about_zszj_titlt a.active{color: #fff;background-color: #163078;} .about_rylc_zszj .public_div_two{position: relative;display: flex;flex-wrap: wrap;margin-bottom: 20px;} .small_zszj{position: relative;width: 25%;padding: 0px 18px;margin-bottom: 12px;} .small_zszj ._img{position:relative;width:100%;height:380px;background-color: #f5f5f5;} .small_zszj img{max-width: 100%;max-height: 100%;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .small_zszj p{font-size: 16px;line-height: 36px;color: #6e6e6e;text-align: center;padding: 12px 0px;} /*about qywh*/ .about_qywh_target{position: relative;width: 100%;background-color: #f7f7f7;padding-top: 25px;} .target_small{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 45px;padding-bottom: 40px;} .target_small .small_text{position: relative;background-image: url('../images/qywh_icon01.png');background-repeat: no-repeat; width: 125px;height: 125px;margin: 20px 0px;} .target_small .small_text span{font-size: 28px;font-size: 28px;line-height: 125px;color: #fff;font-weight: bold; text-align: center;display: inline-block;width: 100%;} .target_small .small_line{position: relative;width: 68px;height: 3px;background-color: #163078;margin: 81px 0px;} .about_qywh_target .public_div_one{position: relative;display: flex;flex-wrap: wrap;} .about_qywh_target .target_one_img{position: relative;width: 50%;padding: 0px 15px;margin-bottom: 30px;} .about_qywh_target .target_one_img img{width: 100%;} .about_qywh_target .target_one_text{position: relative;width: 50%;padding: 0px 15px;margin-bottom: 30px;} .target_one_text_a{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 56%;} .target_one_text_a p.one{font-size: 30px;line-height: 45px;color: #163078;font-weight: bold;padding: 8px 0px;} .target_one_text_a p.two{font-size: 16px;color: #333;line-height: 26px;} .about_qywh_fzzl{position: relative;width: 100%;} .about_jiy_title{display: flex;position: relative;width: 100%;padding: 15px 0px;} .about_jiy_title span.one{font-size: 30px;line-height: 45px;color: #163078;font-weight: bold;} .about_jiy_title span.two{font-size: 14px;line-height: 25px;color: #8d94a7;text-transform: uppercase;margin-top: 18px;margin-left: 5px;} .about_qywh_fzzl .public_div_fou{display: flex;flex-wrap: wrap;padding-top: 15px;margin-bottom: 30px;} .qywh_fzzl_small{width: 25%;padding: 0px 10px;margin-bottom: 10px;position: relative;} .qywh_fzzl_small_text{position: relative;width: 100%;height: calc(100% - 6px);border: 4px solid #163078;color: #fff;background-color: #163078; display: inline-block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .qywh_fzzl_small_text:hover{color: #333;background-color: #fff;} .qywh_fzzl_small_text p{font-size: 18px;line-height: 40px;width: 210px;max-width: 95%;text-align: center; position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;} .qywh_fzzl_small_img{position: relative;overflow: hidden;width: 100%;display: inline-block;} .qywh_fzzl_small_img img{width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .qywh_fzzl_small_img:hover img{transform: scale(1.08);} /*about xsgs*/ .about_xsgs_contact{position: relative;width: 100%;padding-top: 23px;} .about_xsgs_list{position: relative;width: 100%;padding-top: 30px;padding-bottom: 45px;} .about_xsgs_small{position: relative;width: 100%;margin-bottom: 30px;display: flex;flex-wrap: wrap;} .about_xsgs_small .img{position: relative;width: 24.61%;overflow: hidden;} .about_xsgs_small .img img{width: 100%;} .about_xsgs_small .text{position: relative;width: 75.39%;padding-left: 22px;} .about_xsgs_small .text .title{color: #163078;font-size: 24px;line-height: 30px;font-weight: bold;padding: 15px 0px;} .about_xsgs_small .text .contact{font-size: 16px;line-height: 30px;color: #777;min-height: 240px;overflow: hidden;} .about_xsgs_small .text a.bt{position: relative;display: inline-block;font-size: 15px;color: #fff;border-radius: 6px; width: 150px;height: 38px;background-color: #163078;text-align: center;line-height: 36px;border: 1px solid #163078; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;margin-top: 5px;} .about_xsgs_small .text a.bt:hover{background-color: #fff;color: #163078;} /*about edit*/ .about_edit_contact{position: relative;width: 100%;padding: 25px 0px 50px 0px;} .about_edit_contact img{max-width: 100%;} /*==========================news center=========================*/ .news_center{position: relative;width: 100%;} .news_center_list{position: relative;width: 100%;} .news_center_small{position: relative;width: 100%;padding: 20px;border: 1px solid #fff;display: flex;flex-wrap: wrap; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease; margin-bottom: 30px;} .news_center_small:hover{background-color: #f5f5f5;border-color: #eaeaea;} .news_center_small a{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 1} .news_center_small .img_news{position: relative;width: 26.26%;overflow: hidden;} .news_center_small .img_news img{max-width: 100%;width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .news_center_small:hover .img_news img{transform: scale(1.08);} .news_center_small .text_news{position: relative;width: 73.74%;padding-left: 25px;padding-right: 5px;} .news_center_small .text_news .news_title{font-size: 18px;line-height: 24px;color: #000;padding: 10px 0px;} .news_center_small .text_news .news_context{color: #6e6e6e;font-size: 15px;line-height: 24px;min-height: 120px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} .news_center_small .text_news .news_time{font-size: 15px;line-height: 24px;color: #6e6e6e;} .xyy_prve_next{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding: 15px 0px;} .xyy_prve_next a{height: 30px;width: 34px;display: inline-block;border: 1px solid #fff;color: #6e6e6e;font-size: 16px; line-height: 30px;margin-left: 4px;text-align: center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .xyy_prve_next a.active{color: #fff;background-color: #163078;border-color: #163078;} .xyy_prve_next a.prve,.xyy_prve_next a.next{background-color: #163078;color: #fff;width: 80px;border-color: #163078;} .xyy_prve_next a:hover{color: #163078;border-color: #163078;background-color: #fff;} .div_right{justify-content: flex-end;} .div_center{justify-content: center;} .mt-10{margin-top: 10px;} .mt-20{margin-top: 20px;} .mt-60{margin-top: 60px;} .mt-80{margin-top: 80px;} .mb-40{margin-bottom: 40px;} .mb-65{margin-bottom: 65px;} /*news detail*/ .news_center_detail{position: relative;width: 100%;} .news_detail_title{position: relative;width: 100%;text-align: center;} .news_detail_title .bule_title{font-size: 24px;color: #163078;font-weight: bold;line-height: 36px;padding: 8px 0px 6px 0px;} .news_detail_title .msg_small{font-size: 15px;color: #707070;line-height: 36px;} .news_detail_title .msg_small span{margin: 0px 8px;} .news_detail_text{position: relative;width: 100%;font-size: 16px;line-height: 36px;color: #6e6e6e;} .news_detail_text img{max-width: 100%;} /*=========================product center========================*/ .product_center{position: relative;width: 100%;} .product_center_contact{position: relative;width: 100%;display: flex;flex-wrap: wrap;} .product_center_contact .left_pro_meus{position: relative;width: 15.625%;padding-right: 10px;} .product_center_contact .left_pro_meus ul{width: 100%;position: relative;} .product_center_contact .left_pro_meus ul li{position: relative;width: 100%;border: 1px solid #e0e0e0;margin-bottom: 7px; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .product_center_contact .left_pro_meus ul li:hover{border-color: #163078;background-color: #163078;} .product_center_contact .left_pro_meus ul li:hover a{color: #fff;} .product_center_contact .left_pro_meus ul li.active{border-color: #163078;background-color: #163078;} .product_center_contact .left_pro_meus ul li.active a{color: #fff;} .product_center_contact .left_pro_meus ul li a{color: #707070;font-size: 15px;text-indent: 32px;display: inline-block;width: 100%; line-height: 32px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .product_center_contact .right_pro_list{position: relative;width: 84.375%;display: flex;flex-wrap: wrap;} .right_pro_list .pro_small{position: relative;width: 23.7037%;margin-left: 1.2963%;background-color: #f4f4f4;border: 3px solid #f4f4f4; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;margin-bottom: 24px;} .right_pro_list .pro_small .pro_img{position: relative;overflow: hidden;margin: 2px;} .right_pro_list .pro_small .pro_img img{max-width: 100%;width: 100%; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .right_pro_list .pro_small .pro_text{position: relative;padding: 10px 15px;} .right_pro_list .pro_small .pro_text p{color: #707070;font-size: 12px;text-transform: uppercase;line-height: 20px; height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .right_pro_list .pro_small .pro_text p.one{font-size: 16px;line-height: 26px;text-transform: uppercase;height: 26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .right_pro_list .pro_small:hover{border-color: #00095f;} .right_pro_list .pro_small:hover .pro_img img{transform: scale(1.1);} .right_pro_list .pro_small:hover .pro_text p.one{color: #333;} /*detail*/ .product_detail{position: relative;width: 100%;display: flex;flex-wrap: wrap;} .product_detail .detail_left{position: relative;width: 42.344%;border:1px solid #e4e4e4;} .hd_d_img{position: relative;width: 100%;border-bottom: 1px solid #f1f2f6;} .hd_d_img img{width: 100%;} .hs_d_swiper{position: relative;overflow: hidden;padding: 0px 28px;margin: 20px 2px 30px 2px;} .hs_d_swiper .swiper-slide{position: relative;width: 25%;height: 90px;border: 1px solid #e6e8e9;background-color: #e6e8e9;overflow:hidden; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .hs_d_swiper .swiper-slide img{max-width: 100%;width: 100%;max-height: 100%;transform: translate(0px,-50%);margin-top: 45px;} .hs_d_swiper .swiper-button-prev{background-image: url('../images/index_11.png');width: 25px;height: 100%; background-color: #163078;top: 0px;left: 0px;margin-top: 0px;background-position: -10px center;background-size: auto;} .hs_d_swiper .swiper-button-prev.swiper-button-disabled{opacity: 1;background-color: #a2a2a2;} .hs_d_swiper .swiper-button-next{background-image: url('../images/index_11.png');width: 25px;height: 100%; background-color: #163078; top: 0px;right: 0px;margin-top: 0px;background-position: -50px center;background-size: auto;opacity: 1;} .hs_d_swiper .swiper-button-next.swiper-button-disabled{opacity: 1;background-color: #a2a2a2;} .hs_d_swiper .swiper-hover-active{border-color: #9a9b9b;} .product_detail .detail_right{position: relative;width: 57.656%;padding: 10px 60px 10px 45px;} .product_detail .detail_right .pro_title{font-size: 24px;line-height: 35px;padding: 5px 20px;text-transform: uppercase; font-weight: bold;color: #333;border-bottom: 1px dashed #f0f0f0;} .product_detail .detail_right .pro_detail_text{font-size: 14px;color: #8b8b8b;line-height: 32px;padding: 4px 20px;text-transform: uppercase;} .product_detail .detail_contact{position: relative;width: 100%;margin-top: 18px;} .detail_contact .small_detail_tab{position: relative;width: 100%;display: flex;} .detail_contact .small_detail_tab a{display: inline-block;width: 95px;height: 40px;line-height: 40px;text-align: center; background-color: #f0f0f0;color: #707070;font-size: 16px;margin-right: 6px;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .detail_contact .small_detail_tab a:hover{background-color: #163078;color: #fff;} .detail_contact .small_detail_tab a.active{background-color: #163078;color: #fff;} .detail_contact .small_detail_tab_div{position: relative;width: 100%;} .tab_pro_litter{position: relative;width: 100%;border: 1px solid #f0f0f0;padding-top: 30px;padding-bottom: 35px; padding-left: 25px;padding-right: 25px;} .tab_pro_litter img{max-width: 100%;} .else_prve_next{position: relative;display: flex;justify-content: space-between;color: #969696;line-height: 24px;padding: 15px 0px;} .else_prve_next .prve_d_l{position: relative;display: flex;height: 24px;} .else_prve_next img{margin: 5px 2px;} .else_prve_next a{margin: 0px 10px;color: #969696;} /*znjj*/ .pro_anjj{position: relative;width: 100%;} .pro_anjj img{max-width: 100%;} /*==============zhjk -zhyy/ylmr==============*/ .zhyy_center{position: relative;width: 100%;} .zhyy_edit_center{position: relative;width: 100%;display: flex;flex-wrap: wrap;} .zhyy_edit_center .one{color: #163078;font-size: 31px;line-height: 40px;padding: 0px 10px;margin-bottom: 35px;margin-top: 20px;} .zhyy_edit_center div{position: relative;width: 50%;} .zhyy_edit_center img{max-width: 100%;} .ylmr_edit_center{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;color: #5e5e5e; line-height: 25px;font-size: 16px;} .ylmr_edit_center img{max-width: 100%;} .ylmr_edit_center div{text-align: center;margin-bottom: 25px;} .zhyy_center .else_href{font-size: 20px;color: #163078;line-height: 25px;} /*===================tzzgx center====================*/ .tzzgx_center{position: relative;width: 100%;} .txxgx_list{position: relative;width: 100%;margin-bottom: 135px;} .txxgx_list ul{position: relative;width: 91.5%;} .txxgx_list ul li{position: relative;width: 100%;border-bottom: 1px dashed #e4e4e4;} .txxgx_list ul li a{display: flex;width: 100%;font-size: 14px;line-height: 25px;padding: 10px 0px;} .txxgx_list ul li a span{display: inline-block;min-width: 110px;color: #163078;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .txxgx_list ul li a p{font-size: 16px;color: #525252;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .txxgx_list ul li a:hover span{color: #070f26;} .txxgx_list ul li a:hover p{color: #000;} /*dqbg*/ .dqbg_list{position: relative;display: flex;flex-wrap: wrap;} .dqbg_img{position: relative;width: 100%;} .dqbg_img img{max-width: 100%;width: 100%;} .dqbg_small_div{position: relative;width: 25%;padding: 0px 12px 0px 15px;overflow: hidden;margin-bottom: 30px;} .text_div_up{position: absolute;width: calc(100% - 27px);height: 50px;left: 15px;bottom: 0px;z-index: 2; background-color: rgba(22,48,120,0.92);-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .text_div_up_one{position: relative;margin: 10px;border: 1px solid rgba(255,255,255,0);height: calc(100% - 22px); padding: 0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease; -o-transition:all .5s ease;padding: 0px 30px;} .text_div_up_one p.one{color: #fff;font-size: 16px;text-align: center;line-height: 28px;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .text_div_up_one p.two{opacity: 0;font-size: 14px;color: #fff;line-height: 24px;padding: 10px 0px;height: calc(100% - 70px); overflow: hidden;visibility: hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;} .text_div_up_one p.thr{opacity: 0;font-size: 14px;color: #fff;line-height: 30px;visibility: hidden;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .dqbg_small_div a:hover .text_div_up{height: 100%;} .dqbg_small_div a:hover .text_div_up_one{border: 1px solid #fff;padding: 15px 30px;} .dqbg_small_div a:hover .text_div_up_one p.one{font-size: 20px;border-bottom: 1px solid #fff;line-height: 38px;} .dqbg_small_div a:hover .text_div_up_one p.two{opacity: 1;visibility: visible;} .dqbg_small_div a:hover .text_div_up_one p.thr{opacity: 1;visibility: visible;} /*gpgf*/ .sshq_guop{position: relative;width: 100%;} .sshq_guop img{max-width: 100%;} /*=================================join guangpu====================================*/ .join_center{position: relative;width: 100%;} .add_gp_div{position: relative;width: 100%;font-size: 15px;color: #333;line-height: 24px;} .add_gp_div img{max-width: 100%;} /*join ygfc*/ .ygfc_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;} .ygfc_small_msg{position: relative;width: 25%;padding: 0px 10px;margin-bottom: 20px;} .ygfc_small_msg>a{position: relative;display: inline-block;width: 100%;border: 2px solid #dedede;} .ygfc_small_msg .ygfc_img{position: relative;width: 100%;overflow: hidden;} .ygfc_small_msg .ygfc_img img{width: 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease; -o-transition:all .5s ease;} .ygfc_small_msg p{color: #707070;font-size: 15px;line-height: 26px;padding: 10px 15px;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .ygfc_small_msg>a:hover .ygfc_img img{transform: scale(1.08);} .ygfc_small_msg>a:hover p{color: #163078;} /*detail ygfc*/ .ygfc_detail{position: relative;width: 100%;} .ygfc_detail_title{position: relative;width: 100%;padding: 10px 0px;} .ygfc_detail_title p.one{font-size: 24px;color: #163078;line-height: 36px;text-align: center;font-weight: bold;} .ygfc_detail_title p.two{text-align: center;font-size: 15px;color: #707070;line-height: 36px;} .ygfc_detail_title p.two span{padding: 0px 10px;} .ygfc_detail_context{position: relative;width: 100%;padding: 35px 0px 50px 0px;} .ygfc_detail_context img{max-width: 100%;} /*join job*/ .join_job{position: relative;width: 100%;} .job_department{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 10px;} .job_department a{position: relative;display: inline-block;width: 125px;height: 38px;line-height: 38px;color: #707070; font-size: 15px;text-align: center;background-color: #e7e7e7;border-radius: 5px;margin: 10px 5px;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;} .job_department a:hover{color: #fff;background-color: #163078;} .job_department a.hover{color: #fff;background-color: #163078;} .join_job_list{position: relative;width: 100%;padding-top: 25px;} .join_job_list .job_list_small{position: relative;width: 100%;border: 1px solid #e4e4e4;padding: 12px 15px 22px 15px;margin-bottom: 12px; display: flex;flex-wrap: wrap;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease; -o-transition:all .5s ease;} .join_job_list .job_list_small a{position: absolute;display: inline-block;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 1;} .join_job_list .job_list_small .title_one{font-size: 17px;color: #333;line-height: 36px;position: relative;width: 75%; padding: 0px 5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease; -o-transition:all .5s ease;} .join_job_list .job_list_small .time_one{position: relative;text-align: center;position: relative;width: 25%;font-size: 13px; line-height: 36px;color: #969696;display: flex;justify-content: center;} .join_job_list .job_list_small .time_one span.time_icon{display: inline-block;width: 28px;height: 36px;background-image: url('../images/time_icon.png'); background-size: 18px;background-repeat: no-repeat;background-position: center;} .join_job_list .job_list_small .time_one span.gray{color: #c8c8c8;margin-right: 3px;} .join_job_list .job_list_small .text_one{position: relative;width: 32.3%;padding: 0px 5px;color: #5e5e5e;font-size: 13px; line-height: 24px;} .join_job_list .job_list_small .text_one span.gray{color: #c8c8c8;} .join_job_list .job_list_small:hover{background-color: #f2f2f2;} .join_job_list .job_list_small:hover .title_one{color: #163078;} /*job detail*/ .join_job_detail{position: relative;width: 100%;margin-bottom: 135px;} .join_job_detail .detail_title{font-size: 34px;font-weight: bold;color: #163078;line-height: 40px;} .join_job_detail .detail_title01{font-size: 14px;line-height: 35px;color: #aaa;padding-top: 15px;} .join_job_detail .detail_title01 span.orange{color: #ff9900;font-size: 22px;} .join_job_detail .detail_msg{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-top: 7px;padding-bottom: 25px;} .join_job_detail .detail_msg p{position: relative;display: inline-block;width: 30%;font-size: 13px;color: #333;line-height: 25px;} .join_job_detail .detail_msg p span.gray{color: #666;} .join_job_detail .edit_title{position: relative;width: 100%;font-size: 15px;line-height: 24px;color: #232323;padding: 10px; background-color: #f3f3f3;border-left: 3px solid #163078;} .join_job_detail .detail_edit{position: relative;width: 100%;padding: 20px 10px;color: #4d4b4b;font-size: 15px;min-height: 300px; line-height: 34px;} .join_job_detail a.submit_email{display: inline-block;color: #fff;font-size: 15px;text-align: center;width: 145px;height: 36px; line-height: 36px;background-color: #163078;border: 1px solid #163078;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; -ms-transition:all .5s ease;-o-transition:all .5s ease;margin-left: 70px;position: relative;} .join_job_detail a.submit_email:hover{background-color: #fff;color: #163078;} /*=======================contact us center=============================*/ .contact_us_center{position: relative;width: 100%;background-color: #f7f7f7;padding-top: 20px;} .contact_us_msg{position: relative;width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 28px;padding-bottom: 120px;} .contact_us_msg .conus_left_msg{position: relative;width: 39%;padding-top: 5px;display: flex;flex-wrap: wrap;padding-right: 15px; padding-bottom: 25px;} .contact_us_msg .conus_left_msg p{display: inline-block;width: 100%;} .contact_us_msg .conus_left_msg .company_name{position: relative;font-size: 26px;line-height: 36px;font-weight: bold; color: #707070;padding: 10px 0px;} .contact_us_msg .conus_left_msg .company_msg{font-size: 16px;line-height: 36px;color: #6e6e6e;} .contact_us_msg .conus_left_msg .contact_com_bt{display: flex;position: relative;margin-right: 25px;margin-top: 35px;margin-bottom: 35px;} .contact_us_msg .conus_left_msg .contact_com_bt span{min-width: 60px;height: 60px;line-height: 60px;color: #333; display: inline-block;font-size: 16px;margin-right: 8px;} .contact_us_msg .conus_left_msg .contact_com_bt span.icon_zxkf{background-image: url('../images/Lx_icon01.png'); background-repeat: no-repeat;background-position: center;} .contact_us_msg .conus_left_msg .contact_com_bt span.icon_lyhd{background-image: url('../images/Lx_icon02.png'); background-repeat: no-repeat;background-position: center;} .contact_us_msg .conus_right_msg{position: relative;width: 61%;height: 460px;} /*zshz*/ .contact_us_center.contact_zshz{background-color: #fff;} .contact_us_zs{position: relative;width: 100%;} .contact_zshz_tab{position: relative;width: 100%;max-width: 600px;margin: 0px auto;padding-bottom: 33px;} .contact_zshz_tab .con_edit_ts{font-size: 16px;line-height: 28px;color: #909090;text-align: center;padding-top: 18px;padding-bottom: 10px;} .contact_zshz_tab table{position: relative;width: 100%;} .contact_zshz_tab table td{padding: 5px 6px;} .contact_zshz_tab .td_one{width: 20%;text-align: right;color: #707070;font-size: 15px;line-height: 32px;} .contact_zshz_tab .td_one .red_mzh{color: #ff0000;} .contact_zshz_tab .td_two{width: 80%;} .contact_zshz_tab .td_two input{height: 32px;width: 365px;border: 1px solid #dcdcdc;line-height: 30px;max-width: 100%; padding: 0px 15px;color: #333;font-size: 15px;display: inline-block;} .contact_zshz_tab .td_two textarea{height: 120px;width: 365px;border: 1px solid #dcdcdc;line-height: 30px;max-width: 100%; padding: 0px 15px;color: #333;font-size: 15px;resize: none;} .contact_zshz_tab .file_bt_one{position: relative;} .contact_zshz_tab .file_bt_one a{display: inline-block;width: 80px;height: 80px;border: 1px solid #e1e5e9;border-radius: 5px; background-image: url('../images/fws_add.jpg');background-position: center;background-repeat: no-repeat;} .contact_zshz_tab .file_bt_one input{visibility: hidden;width: 80px;height: 80px;padding: 0px;position: absolute;top: 0px;left: 0px;} .contact_zshz_tab .file_bt_one p{color: #707070;font-size: 15px;line-height: 30px;} .contact_zshz_tab .input_yzm{position: relative;display: flex;} .contact_zshz_tab .input_yzm input{width: 240px;margin-right: 10px;} .contact_zshz_tab .input_yzm img{height: 32px;min-width: 115px;} .contact_zshz_tab .submit_form{font-size: 15px;line-height: 38px;display: inline-block;position: relative;color: #fff; background-color: #163078;width: 145px;height: 38px;margin-left: calc(50% - 72px);text-align: center;margin-top: 20px;} .input_one_type{position: relative;width: 100%;} .contact_zshz_tab .file_bt_two{position: relative;display: flex;flex-wrap: wrap;} .contact_zshz_tab .file_bt_two a{display: inline-block;width: 95px;height: 32px;background-image: url('../images/gys_file01.jpg'); background-position: center;background-repeat: no-repeat;margin-right: 10px;} .contact_zshz_tab .file_bt_two span{color: #707070;font-size: 14px;line-height: 32px;} /*lyhd*/ .online_us_msg{position: relative;width: 100%;display: flex;flex-wrap: wrap;padding-top: 30px;padding-bottom: 90px;} .online_left_msg{position: relative;width: 48%;padding-right: 45px;} .online_left_msg>div{position: relative;width: 100%;display: flex;padding-bottom: 12px;align-items: flex-start;} .online_left_msg>div p{display: inline-block;width: 70px;text-align: right;line-height: 30px;margin-right: 5px; min-width: 70px;color: #666;} .online_left_msg>div input{width: 100%;border: 1px solid #f0f0f0;padding: 0px 15px;line-height: 30px;color: #333;} .online_left_msg>div.one input{width: 130px;} .online_left_msg>div input::-webkit-input-placeholder,.online_left_msg>div textarea::-webkit-input-placeholder {color: #cdcdcd;} .online_left_msg>div input:-moz-placeholder,.online_left_msg>div textarea:-moz-placeholder{color: #cdcdcd;} .online_left_msg>div input::-moz-placeholder,.online_left_msg>div textarea::-moz-placeholder {color: #cdcdcd;} .online_left_msg>div input:-ms-input-placeholder,.online_left_msg>div textarea:-ms-input-placeholder{color: #cdcdcd;} .online_left_msg>div textarea{width: 100%;border: 1px solid #e4e4e4;padding: 0px 15px;line-height: 30px;color: #333; height: 150px;resize: none;} .online_left_msg>div img{height: 32px;margin: 0px 10px;} .online_left_msg>div p span.red{color: #ff0000;} .online_left_msg .submit_online{display: inline-block;width: 90px;height: 35px;line-height: 35px;color: #fff;font-size: 15px; background-color: #163078;text-align: center;border-radius: 5px;margin-left: 100px;margin-top: 14px;} .online_right_msg{position: relative;width: 52%;} .online_right_msg img{max-width: 100%;width: 100%;} /*资质证书*/ #backHimg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);top:0px;left:0px;z-index:9999;display:none;} #backHimg img{max-height:100%;max-width:100%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} #backHimg a.close{background-image:url('../images/close_zz.png') !important;position:absolute;top:15px;right:15px;display:block;width:40px;height:40px;background-size: cover;} @media (max-width:1310px) { .public_div_one{width: 100%;padding: 0px 15px;} #header{min-width: 775px;width: 100%;} .header_meus_login img{height: 70px;margin-top: 5px;} .public_div_two{width: 100%;} .public_div_fou{width: 100%;} } @media (max-width:1280px) { .public_div{width: 100%;padding-left: 15px;padding-right: 15px;} .header_meus{width: 100%;padding-left: 15px;padding-right: 15px;} .swiper_banner_one .swiper-button-prev{left: 5px;margin-left: 0px;} .swiper_banner_one .swiper-button-next{right: 5px;margin-right: 0px;} .swiper-button-next, .swiper-button-prev{width: 22px;height: 35px;background-size: cover;margin-top: -15px;} .footer_div_one{flex-wrap: wrap;justify-content: center;} .footer_div_one div{width: 12.5%;margin-right: 0px;} .footer_div_one div.footer_div_two{margin-left: 0px !important;width: 25%;} .about_xsgs_small .img{width: 30%;} .about_xsgs_small .text{width: 70%;} .ylmr_edit_center{justify-content: space-around;} } @media (max-width:1200px) { .header_meus_login{display: none;} #header{min-width: 100px;} .header_meus .header_meus_search{margin: 23px 10px 23px 0px;} .swiper_banner_one{padding-top: 60px;} .swiper_banner_one .swiper-slide a{height: auto;display: inline-block;} .swiper_banner_one .swiper-slide img{width: 165%;height: auto;margin-left: -32.5%;} .section .footer_div{position: relative;} .swiper-button-next, .swiper-button-prev{width: 20px;height: 30px;background-size: cover;margin-top: -10px;} .index_product{margin-top: 50px;margin-bottom: 50px;} .index_news{margin-top: 0px;padding: 60px 0px;} .section .index_news{margin-bottom: 0px;} .index_news .news_center{width: 90%;margin: 0px auto;} .news_img_small{width: 40%;margin-left: 5%;text-align: center;} .about_center_banner{margin-top: 60px;} .about_center_banner .public_div{padding-top: 80px;padding-bottom: 85px;} .target_small{width: 600px;margin: 0px auto;} .target_small .small_line:nth-child(6){display: none;} .qywh_fzzl_small_text p{font-size: 16px;line-height: 30px;} .about_xsgs_small .img{width: 40%;} .about_xsgs_small .text{width: 60%;} .news_center_small .img_news{width: 38%;} .news_center_small .text_news{width: 62%;} .hs_d_swiper .swiper-slide{width: 33.333%;} .dqbg_small_div{padding: 0px 10px;} .text_div_up{left: 10px;width: calc(100% - 20px);} .dqbg_small_div a:hover .text_div_up_one p.one{font-size: 16px;} .text_div_up_one{padding: 0px 15px;} .dqbg_small_div a:hover .text_div_up_one{padding: 10px 15px;} .header_content{display:none;} } @media (max-width:950px) { .index_product .in_product_small{width: 100%;} .index_product .in_product_small .img_title img{width: 100%;} .footer_div_one div{width: 25%;margin-bottom: 25px;} .footer_div_one div.footer_div_two{width: 50%;margin-top: 30px;} .select_page_title{justify-content: center;} .about_us_contact .about_one_div .one_text{width: 100%;} .about_us_contact .about_one_div .one_img{width: 90%;padding-top: 7%;margin: 0px auto;} .about_us_video .about_two_div .two_video{width: 600px;margin: 0px auto;max-width: 100%;} .about_us_video .about_two_div .two_text{width: 90%;margin: 0px auto;} .small_zszj{position: relative;width: 50%;} .qywh_fzzl_small{width: 50%;} .qywh_fzzl_small_text p{font-size: 18px;line-height: 35px;} .about_xsgs_small .img{width: 50%;} .about_xsgs_small .text{width: 50%;} .news_center_small .img_news{width: 50%;} .news_center_small .text_news{width: 50%;} .product_center_contact .left_pro_meus{width: 20%;} .product_center_contact .right_pro_list{width: 80%;} .right_pro_list .pro_small{width: 32%;margin-left: 1.333%;} .product_detail .detail_left{width: 50%;} .product_detail .detail_right{padding: 10px 30px 10px 25px;width: 50%;} .zhyy_edit_center div{width: 100%;} .dqbg_list{width: 650px;margin: 0px auto;max-width: 100%;} .dqbg_small_div{width: 50%;} .ygfc_small_msg{width: 33.333%;} .join_job_list .job_list_small .title_one{width: 50%;} .join_job_list .job_list_small .time_one{width: 50%;justify-content: flex-end;} .join_job_detail .detail_msg p{width: 33.333%;} .contact_us_msg .conus_left_msg{width: 50%;} .contact_us_msg .conus_right_msg{width: 50%;height: 420px;} .online_left_msg{width: 90%;margin-left: 5%;} .online_right_msg{width: 90%;margin-left: 5%;margin-top: 30px;} } @media (max-width:767px) { .index_product .in_product_small .img_title p.one{top: 30px;} .index_product .in_product_small:hover .img_title .back_000 ._line{margin-top: 85px;} .index_news .news_center{width: 100%;} .news_img_small{width: 50%;margin-left: 0%;} .footer_div_one div{width: 33.333%;} .target_small{width: 460px;margin: 0px auto;} .target_small .small_line{width: 40px;} .about_qywh_target .target_one_img{width: 100%;max-height: 250px;text-align: center;} .about_qywh_target .target_one_img img{width: auto;max-height: 100%;max-width: 100%;} .about_qywh_target .target_one_text{width: 100%;height: 200px;} .qywh_fzzl_small_text p{font-size: 14px;line-height: 25px;} .about_jiy_title{flex-wrap: wrap;} .about_jiy_title span.two{display: inline-block;width: 100%;margin-top: 0px;margin-left: 0px;} .about_xsgs_small .img{width: 100%;} .about_xsgs_small .text{width: 100%;padding: 10px;} .news_center_small .img_news{width: 100%;} .news_center_small .text_news{width: 100%;padding-left: 5px;padding-top: 10px;} .product_center_contact .left_pro_meus{width: 50%;margin: 0px auto;} .product_center_contact .right_pro_list{width: 100%;margin-top: 20px;} .right_pro_list .pro_small{width: 32%;margin-left: 1%;} .product_detail .detail_left{width: 100%;} .product_detail .detail_right{width: 100%;padding: 10px 0px 10px 0px;} .hs_d_swiper .swiper-slide{width: 25%;} .zhyy_edit_center .one{font-size: 25px;line-height: 35px;} .txxgx_list{margin-bottom: 30px;} .txxgx_list ul{width: 100%;} .txxgx_list ul li a{font-size: 12px;} .txxgx_list ul li a span{min-width: 90px;} .txxgx_list ul li a p{font-size: 14px;} .dqbg_list{width: 400px;margin: 0px auto;max-width: 100%;} .dqbg_small_div{width: 100%;} .ygfc_small_msg{width: 50%;} .join_job_list .job_list_small .text_one{width: 100%;display: flex;flex-wrap: wrap;} .join_job_list .job_list_small .text_one p{width: 50%;} .join_job_detail .detail_msg p{width: 50%;} .join_job_detail a.submit_email{margin-left: calc(50% - 73px);} .contact_us_msg .conus_left_msg{width: 100%;} .contact_us_msg .conus_right_msg{width: 100%;height: 500px;} .contact_zshz_tab .td_one{width: 25%;min-width: 100px;} .contact_zshz_tab .td_two{width: 75%;max-width: 75%;} .contact_zshz_tab .td_two input{width: 225px;} .contact_zshz_tab .td_two textarea{width: 225px;} .contact_zshz_tab .input_yzm input{width: 100px;} .online_left_msg{width: 100%;margin-left: 0%;} .online_right_msg{width: 100%;margin-left: 0%;} } @media (max-width:500px) { .header_meus .header_meus_search{margin: 23px 0px 23px 0px} .index_product .in_product_small .img_title p.one{top: 20px;} .index_product .in_product_small:hover .img_title .back_000 ._line{margin-top: 75px;} .index_product .in_product_small .img_title .back_000 p.bt{margin-top: 25px;} .news_img_small{width: 100%;} .about_us_video .about_two_div .two_video .video-js{height: 320px;} .about_blue_title p.one_title{font-size: 30px;line-height: 35px;} .about_us_contact .about_one_div .one_img{width: 100%;} .about_center_banner .public_div{padding-top: 60px;padding-bottom: 65px;} .small_zszj{position: relative;width: 100%;} .small_zszj ._img{position:relative;width:100%;height:auto;background-color: #f5f5f5;} .small_zszj img{max-width: 100%;max-height: auto;width: 100%;position: relative;top: 0%;left: 0%;transform: translate(0%,0%);} .target_small{width: 100%;margin: 0px auto;max-width: 300px;} .target_small .small_line{width: 30px;margin: 71px 0px;} .target_small .small_text{width: 100px;height: 100px;background-size: cover;} .target_small .small_text span{line-height: 100px;font-size: 24px;} .target_small .small_line:nth-child(6){display: inline-block;} .target_small .small_line:nth-child(4n){display: none;} .right_pro_list .pro_small{width: 48.5%;margin-left: 1.5%;} .hs_d_swiper .swiper-slide{height: 80px;} .hs_d_swiper .swiper-slide img{margin-top: 40px;} .else_prve_next{flex-wrap: wrap;} .else_prve_next .prve_d_l{width: 100%;} .join_job_list .job_list_small .title_one{width: 100%;} .join_job_list .job_list_small .time_one{width: 100%;justify-content: flex-start;} .join_job_list .job_list_small .text_one p{width: 100%;} .contact_us_msg .conus_right_msg{width: 100%;height: 400px;} } @media (max-width:420px) { .header_logo img{height: 40px;margin-top: 10px;margin-bottom: 10px;} .index_product .in_product_small .img_title p.one{top: 10px;font-size: 20px;line-height: 35px;padding-left: 30px;} .index_product .in_product_small .img_title .back_000{padding: 0px 30px;} .index_product .in_product_small .img_title .back_000 ._line{margin-bottom: 8px;} .index_product .in_product_small:hover .img_title .back_000 ._line{margin-top: 50px;} .index_product .in_product_small .img_title .back_000 p.bt{margin-top: 15px;} .index_product .in_product_small .img_title .back_000 p{font-size: 13px;line-height: 20px;} .footer_div_one div{width: 50%;} .footer_div_one div.footer_div_two{width: 100%;} .about_us_video .about_two_div .two_video .video-js{height: 240px;} .product_center_contact .left_pro_meus{width: 80%} .right_pro_list .pro_small{width: 96%;margin-left: 2%;} .right_pro_list .pro_small .pro_img{margin: 5px 5px 2px 5px;} .hs_d_swiper .swiper-slide{width: 33.333%;} .detail_contact .small_detail_tab a{font-size: 13px;margin-right: 4px;} .ygfc_small_msg{width: 100%;} .join_job_detail .detail_msg p{width: 100%;} .contact_us_msg .conus_left_msg .contact_com_bt{margin-bottom: 10px;margin-top: 10px;} .contact_zshz_tab .td_one{width: 35%;min-width: 90px;font-size: 14px;} .contact_zshz_tab .td_two{width: 65%;max-width: 65%;} .contact_zshz_tab .td_two input{width: 200px;} .contact_zshz_tab .td_two textarea{width: 200px;} .contact_zshz_tab .input_yzm{flex-wrap: wrap;} .contact_zshz_tab .input_yzm img{margin-top: 10px;} .contact_zshz_tab .input_yzm input{width: 200px;} .online_left_msg{padding-right: 10px;} .online_left_msg>div.one{flex-wrap: wrap;} .online_left_msg>div.one input{width: calc(100% - 75px);} .online_left_msg>div img{margin-left: 75px;margin-top: 5px;} } @media (max-width:350px) { .header_logo img{height: 34px;margin-top: 13px;margin-bottom: 13px;} .index_product .in_product_small .img_title .back_000 p.bt{margin-top: 5px;} .qywh_fzzl_small{width: 100%;min-height: 200px;} .qywh_fzzl_small_text p{font-size: 16px;line-height: 30px;} } .public_div .top{ padding-bottom: 0px;} .public_div .top .xz{width:160px;font-size:16px;font-weight:bold;} .public_div .top a{ margin-bottom: 0px;} /*添加产品详情的hover左右键*/ .prve_next_d_b{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9;} .prve_next_d_b a{display: inline-block;width: 45px;height: 45px;position: absolute;top: 50%;margin-top: -22px;background-color: rgba(0,0,0,0.2);border-radius: 50%;background-image: url(../images/index_11.png);background-size: auto;opacity: 0;transition: all .8s;-moz-transition: all .8s;-webkit-transition: all .8s;-o-transition: all .8s;} .prve_next_d_b:hover a{opacity: 1;} .prve_next_d_b a.prve_gray_o{left: 10px;background-position: 2px center;} .prve_next_d_b a.next_gray_o{right: 10px;background-position: -36px center;}