@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px) {
    /*��ҳ*/

    /*about us*/
    .ab_menu .box .lt { padding-top: 15px; }
    .ab_menu .box .lt img { width: 250px; }
    .ab_menu .box .shbox { padding-top: 40px; }
    .ab_menu .box .shbox img { width: 20px; }
    .ab_boxC .box .info .ct { width: 32.85%; }
    .ab_boxC .box .info .rt { width: 30.3%; }

    /*E&T*/



}

@media screen and (max-width: 1440px) {
    .box_pad_lr { width: 88vw; padding-left: 6vw; padding-right: 6vw; }
    .box_mag_lr { width: 88vw; margin-left: 6vw; margin-right: 6vw; }

    /*��ҳ*/
     
	 .et_ban { width: 100%; height: 100%; margin:0 auto;margin-top:25px;display:none;}
	 .swiper_ban1 { width: 50%; height: 100%; position: relative; overflow: hidden; text-align:center}
	 .et_ban .swiper-pagination { right:0%; top:320px; position:absolute;text-align:right;}
	 
    .swiper_ban1 .swiper-pagination-bullet { width: 28px; height: 4px; }
    .swiper_ban1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; }
    .swiper_ban1 .swiper-pagination-bullet-active { width: 100px; }
    .in_boxB .lt .p_1 { font-size: 25px; }
    .in_boxB .lt .p_2 { font-size: 50px; }
    .in_boxB .lt .hx { height: 3px; }
    .in_boxB .lt .info { line-height: 35px; height: 140px; }
    .in_boxB .lt ul { margin-top: 60px; }
    .in_boxB .lt li b { font-size: 45px; }
    .in_boxB .lt li p { font-size: 16px; }
    .in_boxB .lt li a { width: 140px; height: 43px; line-height: 43px; }
    .in_boxB .lt .li_0 sup { font-size: 24px; }
    .in_boxB .rt { width: 38%; }
    .in_boxB .rt div { height: 100%; box-shadow: 0 0 35px rgba(7,61,77,0.5); }
    .in_boxC .titbox { margin-left: 15%; width: 85%; }
    .in_boxC .titbox b { font-size: 45px; }
    #btn { top: 57vh; }
    .in_boxC .box li .info { padding: 38px 30px; }
    .in_boxC .box li .info .p_2 { font-size: 26px; }
    .in_boxC .box li .tobig { background-size: 50% auto; }
     
	 .pz_title{overflow:hidden;padding:160px 0 0px 0;text-align:center;}
     .pz_list li{ overflow:hidden;height:auto;ext-align:center;padding:60px 0;}

.cp_title{padding:130px 0 20px 0;text-align:center;}
.cp_title p{padding:10px 0 0px 0;}
.ab_boxD .swiper_1{ padding-bottom: 50px;}


    .in_btm .box_1 .lt img { height: 70px; }
    .in_btm .box_1 .rt img { width: 35px; }
    .in_btm .box_2 .lt .tit { font-size: 18px; }
    .in_btm .box_2 .rt .nav a { font-size: 16px; }
    .in_btm .box_2 .rt .shbox { width: 420px; height: 42px; }
    .in_btm .box_2 .rt .shbox .txt { width: calc(100% - 95px); padding: 7px 15px; }
    .in_btm .box_2 .rt .shbox .btn { width: 65px; }
    .in_rtnav { right: 2vw; }
	
	
	.xixi_title{padding:50px 2% 20px 2%;;text-align:center;}
	.xixi_title .p_2 {display:none;}
	

    /*about us*/
    .ab_menu .box_pad_lr { width: calc(100% - 80px); padding-left: 40px; padding-right: 40px; }
    .ab_menu .box .menu { width: calc(100% - 355px); padding-right:35px; }
    .ab_menu .box .menu li { margin-right: 4%; }
    
	.ab_honor li .himg img{height:310px;}


    /*news*/
    .news_list li .box1{padding:20px 20px 10px 20px;}
     .news_list li .mores {margin-top:10px;}

    /*products*/
.pro_det_main .detlt{width:50%;overflow:hidden;height:auto;}
.pro_det_main .detlt .box{padding:40px;}
.pro_det_main .detrt{float:right;width:50%;overflow:hidden;height:auto;padding-top:100px;}
	

    /*E&T*/
    .et_ban .swiper-pagination { text-align: right; right: 50px; }
    .et_ban .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50% }
    .et_ban .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
    .et_ban .swiper-pagination-bullet-active { width: 10px; background-color: #95D4DB; }
    .et_ban { height: 600px; }
    .et_ban .p_1 { font-size: 42px; }
    .et_ban .p_2 { font-size: 18px; padding-top: 75px; }
    .et_ban .p_2 b { font-size: 22px; }
    .et_boxA .box { width: 88vw; padding: 70px 0 60px 0; }
    .et_boxA .box .lt { }
    .et_boxA .box .lt img:first-child { width: 220px; }
    .et_boxA .box .lt .p_1 { font-size: 25px; }
    .et_boxA .box .rt li div { height: 110px; }
    .et_boxA .box .btn { right: calc(88vw - 160px); width: 160px; top: 70%; }
    .et_boxA .box .btn span { width: 77px; height: 40px; }
    .et_boxA .box .btn span i { margin: 12px 0 0 43%; border-left: 2px solid #3D7E91; border-top: 2px solid #3D7E91; }
    .et_boxB .lt .box { padding: 0 60px 0 40px; }
    .et_boxB .lt .p_1 { font-size: 26px; }
    .et_boxB .lt .info { padding-top: 27px; }
    .et_boxB .lt a { font-size: 16px; padding: 9px 20px; margin-top: 30px; }
    .et_boxC .lt .box { padding: 0 40px 0 60px; }
    .et_boxD { width: 88vw; padding: 70px 0 60px 0; }
    .et_boxD a { margin-top: 45px; }

    /*Talent recruitment*/
    .tr_boxA { padding-top: 100px; }
    .tr_boxA .lt { padding-left: 6vw; padding-top:80px; }
    .tr_boxA .lt .p_1 { font-size: 26px; }
    .tr_boxA .rt {  background-size: 70% auto; }
    .tr_boxA .rt .nav { top: 50px; }
    .tr_boxA .rt .info { padding-left:13%; padding-right:8%;}
    .tr_boxA .rt .info .p_1 { padding-top: 100px; }
    .tr_boxA .rt .info .cont { padding-bottom: 140px; }
    .tr_boxA .rt .info .list { padding-top:80px;}

    /*research*/
    .rese_boxA .box .p_1 { font-size: 28px; }
    .rese_boxA .box .load_more { width:33px;}
    .rese_boxA .box .to_talent { font-size:20px;}

    /*contact*/
    #allmap { height: 650px; }
    .cont_boxA .box .lt { width: 65px; height: 115px; background-size: 40% auto; }
    .cont_boxA .box .rt { width: 630px; height: 380px; padding-left: 45px; }
    .cont_boxA .box .rt .p_1 { font-size: 30px; margin-top: 45px; }
    .cont_boxA .box .rt .p_3 { margin-top: 30px; }
    .cont_boxA .box .rt .msgbox { margin-top: 45px; }
}

@media screen and (max-width: 1280px) {
	.et_ban { width: 100%; height: 100%; margin:0 auto;margin-top:25px;}
	 .swiper_ban1 { width: 30%; height: 100%; position: relative; overflow: hidden; text-align:center}
	 .et_ban .swiper-pagination { right:0%; top:320px; position:absolute;text-align:right;}

    /*about us*/
    .ab_menu .box_pad_lr { width: calc(100% - 40px); padding-left: 20px; padding-right: 20px; }
    .ab_menu .box { height: 98px; }
    .ab_menu .box .lt { }
    .ab_menu .box .lt img { width: 220px; }
    .ab_menu .box .menu li > a { font-size: 15px; height: 60px; }
    .ab_menu .box .menu li { margin-right: 3.4%; }




    /*research*/
    .rese_boxA .box { width: calc(100% - 80px); }


}


@media screen and (max-width: 1024px) {
	
	
	

	
	
	
	
	
	
	
    .box_pad_lr { width: calc(100% - 80px); padding-left: 40px; padding-right: 40px; }
    .box_mag_lr { width: calc(100% - 80px); margin-left: 40px; margin-right: 40px; }
    .hid { overflow: unset; }





    .in_boxB .lt .li_0 div { padding-right: 20px; }
    .in_boxB .lt .li_1 { width: 32.8%; }
    .in_boxB .lt .li_2 { width: 28%; }
    .in_boxB .rt { width: calc(42.59% - 30px); }
    .in_boxC .list { margin-top: 10vh; }
    .in_boxC .box li .info { left: 20px; }
    .in_boxC .box li .info .p_2 { font-size: 20px; }
    .in_boxC .box li .tobig { width: 40px; height: 40px; }
    .in_btm .box_2 { padding-top: 40px; }
    .in_btm .box_2 .lt { float: none; width: 100%; }
    .in_btm .box_2 .lt .info { padding-top: 10px; }
    .in_btm .box_2 .rt { padding-top: 30px; float: none; width: 100%; }
    .in_btm .box_2 .rt .nav { width: 100%; text-align: left; position: relative; }
    .in_btm .box_2 .rt .shbox { margin-top: 20px; }
    .in_btm .box_2 .rt .fxbox { justify-content: flex-start; }
    .in_rtnav { display: none; }


    /*about us*/
    .ab_menu { display: none; }
    .wap_top { display: block; background: #FFF; width: 100%; height: 60px; position: fixed; top: 0; left: 0; box-shadow:0 0 5px #ccc; z-index: 2000; }
    .wap_top .lt { float: left; padding: 10px 0 0 15px; }
    .wap_top .lt img { max-height: 40px; }
    .wap_top .menu { position: absolute; top: 60px; left: 0; width: 100%; line-height: 40px; z-index: 1001; display: none; }
    .wap_top .menu li { width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; position: relative; }
    .wap_top .menu li:last-child { border-bottom: 1px solid #EEE; }
    .wap_top .menu li > p a { display: inline; color: #333; height: 40px; line-height: 40px; margin-left: 10px; text-transform: capitalize; }
    .wap_top .menu li > p a:hover { color: #0062A3; }
    .wap_top .menu li em { position: absolute; right: 15px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
    .wap_top .menu li .ul_2 { width: 100%; height: auto; line-height: 33px; background: #FFF; display: none; color: #999; }
    .wap_top .menu li .ul_2 .li_2 > p { background: url(../images/t.png) left center no-repeat; }
    .wap_top .menu li .ul_2 .li_2:last-child > p { background-image: url(../images/t_1.png); }
    .wap_top .menu li .ul_2 .li_2 a { display: inline-block; height: 33px; color: #666; margin-left: 25px; }
    .wap_top .menu li .ul_2 .li_2 a:hover { color: #0062A3; }
    .wap_top .menu li .ul_2 span { margin-left: 10px; }
    .wap_top .controlBtn { height: 60px; width: 60px; position: relative; cursor: pointer; float: right; z-index: 3; transition: all 0.3s; }
    .wap_top .controlBtn i { display: block; height: 2px; background: #39a9ad; width: 24px; position: absolute; top: 29px; left: 18px; transition: all 0.3s; opacity: 1; }
    .wap_top .controlBtn i::after { content: ""; display: block; height: 2px; background: #39a9ad; width: 24px; position: absolute; top: -7px; left: 0px; transition: all 0.3s; }
    .wap_top .controlBtn i::before { content: ""; display: block; height: 2px; background: #39a9ad; width: 24px; position: absolute; bottom: -7px; left: 0px; transition: all 0.3s; }
    .wap_top .controlBtn i.on { background: none; opacity: 1; }
    .wap_top .controlBtn i.on::after { transform: rotate(45deg); top: 0px; }
    .wap_top .controlBtn i.on::before { transform: rotate(-45deg); bottom: 0px; }
    .wap_topjg { display: block; width: 100%; height: 60px; }


    /*news*/


    /*news show*/
    .ns_show_tit { font-size: 18px; }
    .ns_show_cont { font-size: 15px; }


    /*E&T*/
    .et_ban { height: 500px; }
    .et_ban .p_1 { font-size: 34px; padding-top: 70px; }
    .et_ban .p_2 { font-size: 16px; padding-top: 55px; }
    .et_ban .p_2 b { font-size: 19px; }
    .et_boxA .box { width: calc(100% - 80px); padding: 35px 0; }
    .et_boxA .box .lt .p_1 { font-size: 22px; }
    .et_boxA .box .rt { width: calc(63% - 30px); }
    .et_boxA .box .rt li div { padding: 0 20px; }
    .et_boxA .box .btn { right: calc(100vw - 240px); }
    .et_boxB .lt { padding: 40px 0; }
    .et_boxB .half img { width: 100%; height: 100%; object-fit: cover; }
    .et_boxD { width: calc(100% - 80px); padding: 35px 0; }
    .et_boxD .p_1 { font-size: 21px; }
    .et_boxD .info { margin-top: 20px; }
    .et_boxD a { margin-top: 20px; }
    .et_boxD a i { height: 2px; }
    .et_boxD a i::after { height: 2px; }

    .info_boxA { padding-top: 50px; padding-bottom: 30px; }
    .info_boxA .tit { font-size: 18px; }
    .info_boxA .cont { font-size: 16px; padding-top: 40px; }


    /*Talent recruitment*/
    .tr_boxA { padding-top: 75px; }
    .tr_boxA .lt { padding-left: 40px; }
    .tr_boxA .lt .p_1 { font-size: 22px; }
    .tr_boxA .lt .hx { width: 60px; margin-top: 25px; }
    .tr_boxA .lt ul li { margin-top: 25px; }
    .tr_boxA .lt ul li>a { font-size: 15px; }
    .tr_boxA .lt ul li div { font-size:14px;}
    .tr_boxA .rt { width: calc(65.36% - 40px); margin-right: 40px; }
    .tr_boxA .rt .nav li a { font-size: 14px; height: 95px; }
    .tr_boxA .rt .info { min-height:400px; padding:0 10% 30px 18%; background-size:60% auto;}
    .tr_boxA .rt .info .p_1 { padding-top: 70px; }
    .tr_boxA .rt .info .cont { padding: 40px 0 100px 0; }
    .tr_boxA .rt .info .list { padding-top: 30px; }


    /*contact*/
    #allmap { height: 500px; }
    .cont_boxA .box { position: unset; }
}


@media screen and (max-width: 768px) {
    .box_pad_lr { width: calc(100% - 40px); padding-left: 20px; padding-right: 20px; }
    .box_mag_lr { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; }

    /*��ҳ*/
    .in_boxB { height: auto; display: block; padding: 0 0; }
    .in_boxB .box { display: block; }
	.pro_leimu li {width:100%;margin-top:1px;}
	.pro_leimu li .mp_1 img{width:75px;height:90px;}
	.pro_leimu li .mp_1 { font-size:30px; color: #fff; }
    .pro_leimu li .mp_1 img{width:75px;height:90px;}
    .pro_leimu li .mp_1 p { font-size:14px;margin-top: 10px; }
	.pro_leimu li .mp_1 font { padding-top: 30px; }
	.pro_leimu li .mp_2 { margin-top: 50px;}
	
	
    .in_boxC { height: auto; padding: 30px 0; }
    .xixi_title{padding:70px 10px 80px 10px;;text-align:center;}
    .xixi_title .p_1 { font-size:27px; font-weight: bold; line-height: 0; padding-top:0; }
    .xixi_title .p_2 { font-size: 15px; padding-top: 40px;color:#666;line-height:160%; display:block;}
 .swiper_ban1 { width: 100%; height: 100%; position: relative; overflow: hidden; text-align:center}
 .et_ban { width: 94%; height: 100%; margin:0 auto;}
	
    #btn { top: unset; left: unset; bottom: 0px; right: 0; }
    #btn a { width: 30px; height: 30px; }
    #btn .prev { margin-right: 15px; }

	
	
	
    .in_boxD { height: auto; padding: 30px 0; }
    .in_boxD .tit_1 { font-size: 26px; }
    .in_boxD .list { padding-top: 30px; }
	.pz_title{overflow:hidden;padding:30px 0 10px 0;text-align:center;}
    .pz_title h1{font-size:32px;padding-bottom:15px;}
    .pz_title p{font-size:14px;line-height:150%;padding:10px 0 20px 0;}
	
	 .pz_list{margin-top:0px;padding-bottom:30px;}
	.pz_list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:10px}
    .pz_list li{padding:0px 0;}
     .pz_list li .tb{ width:75px; line-height:75px;height:75px;;}
     .pz_list li .title{font-size:18px;padding:15px 0 0px 0;}
     .pz_list li .title p{font-size:14px;padding-top:2px;line-height:18px;}
     .pz_list li:hover {display:none}
	
    .in_boxE { height: auto; padding: 30px 0; }
.cp_title{overflow:hidden;padding:30px 0 15px 0;text-align:center;}
.cp_title h1{font-size:36px;color: #333;padding-bottom:0px;}
.cp_title p{font-size:16px;;line-height:200%;padding:12px 0 20px 0;color:#666;}

.ab_boxD .con_tp{padding:0 0;}
.ab_boxD .title{font-size:18px;color:#333;}
.ab_boxD a:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1,1);transform:scale(1,1);}
.ab_boxD .box{padding-bottom:0px;}	
.ab_boxD .swiper_1{ position: relative; overflow: hidden; padding-bottom: 40px;}


    .in_btm { display: none; }
    .wap_btm { clear: both; display: block; width: 100%; }
    .wap_btm ul { padding: 0 20px; background-color: #222729; }
    .wap_btm ul li { border-bottom: 1px solid #333; overflow: hidden; }
    .wap_btm ul li > a { float: left; display: block; color: #FFF; font-size: 15px; height: 40px; line-height: 40px; text-transform: capitalize; }
    .wap_btm ul li em { float: right; display: block; width: 2px; height: 20px; background: #333; margin: 10px 10px 0 0; }
    .wap_btm ul li em::before { content: ""; float: right; display: block; width: 2px; height: 20px; background: #333; transform: rotate(90deg); }
    .wap_btm div { clear: both; padding-bottom: 8px; display: none; overflow:hidden;}
	.wap_btm div dl{display:grid;grid-template-columns: repeat(3,1fr);gap:3px}
    .wap_btm div dd{overflow:hidden;}
	.wap_btm div dd img{width:96%;height:auto;}
    .wap_btm div dd a{font-size:15px;line-height:22px;color:#999;}
	.wap_btm div dd p{color:#999;text-align:center;}


    .wap_cpy { clear: both; display: block; width: 100%; padding: 12px 0; background-color: #222729; color: #FFF; text-align: center; line-height: 1.5; }


/*----------------------------------------------------------------------------------------------------------------------------*/

.nbox {
    width: 100%;
    max-width: 100%;
    margin: auto;
    min-width: 100%;
}

/*ab-banner*/
.in_banner{width:100%;height:auto;overflow:hidden;position:relative;margin-top:60px;}
.in_banner .bt1{position:absolute;top:40%;left:4%; }
.in_banner .bt1 h1{font-size:24px;padding-bottom:0px;}
.in_banner .bt1 p{font-size:13px;padding-top:8px;}
.banimg{display:none;}
.m-banimg{display:block;}
.m-banimg img{width:100%;height:auto;}

.in_banner .ctg{ position: absolute; left: 50%; bottom: 15%; transform: translateX(-50%);}
.in_banner .ctg ul{ display: flex; justify-content: center;}
.in_banner .ctg li{ margin: 0 5px; font-size: 15px;}
.in_banner .ctg li a{ width: 100px; height: 48px; display: flex; align-items: center; justify-content: center; color: #FFF; border: 1px solid #8E8E8D;}
.in_banner .ctg li.on a{ background-color: #eeab00; border-color: #eeab00;}
/*ab-banner*/

/*xw-menu*/
.xw-menu {width: 100%;overflow: hidden;text-align: center;background-color: #fff;}
.xw-menu a {display: inline-block;font-size: 16px;height:60px;line-height: 60px;margin: 0 5px;}
.xw-menu a.active::before{width:100%;left:0px;}
.xw-menu a::before{border-bottom:3px solid #f8b500;display:block;position:relative;width:0%;position:absolute;left:50%;bottom:0px;content:"";transition: 0.3s ease all;}
.xw-menu a:hover::before{width:100%;left:0px;}
/*xw-menu*/


/*about us*/
.ab_boxA{overflow:hidden;font-size:16px;color:#666;padding:0 8px;}

.wenhua .column .img {position: relative;float: left;width: 100%;}
.wenhua .column .textBox {width: 100%;padding: 30px 20px;}
.wenhua .column .text {font-size: 16px;line-height:24px;}
.wenhua .column h1 {font-size:28px;padding-bottom:15px;}

.jiagou{width:100%;padding:20px 0;}
.jiagou img{width:100%;height:auto;}

.ab_licheng  li{margin-top:0px;padding:0 8px 15px 8px}
.ab_licheng  li .txtbox{width:100%;height:auto;}
.ab_licheng  li .imgbox{display:none}
.ab_licheng  li .txtbox h1{font-size:20px;color:#C00; font-family:Arial, Helvetica, sans-serif;padding:15px 0 0;}
.ab_licheng  li .txtbox p{font-size:16x;color:#666;padding-top:2px;line-height:160%;}

.ab_honor ul{display:grid;grid-template-columns: repeat(2,1fr);gap:10px;}
.ab_honor li{ overflow:hidden;height:auto;background:#FFF;padding:8px;}
.ab_honor li .himg img{width:100%;height:200px;}
.ab_honor li p{font-size:14px;color:#666;}


 /*news*/
.xwbox{background:#f9f9f9;overflow:hidden;padding:35px 0 30px;}
	
.news_list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:10px}
.news_list li .box1{overflow:hidden;padding:6px 6px 6px 6px;}
.news_list li .title{font-size:15px;padding:8px 0 0;color:#666;}
.news_list li .title p{font-size:12px;color:#999;padding-top:0px;}
.news_list li .conn{display:none;}
.news_list li .mores { width:50px; height: 25px; line-height:25px; margin-top:5px;font-size:10px; font-family:Arial, Helvetica, sans-serif}

.xwbox1{padding:30px 15px;margin-bottom:0px;}


/*join center*/
.qyhj{padding:0 8px;}
.qyhj ul{display:grid;grid-template-columns: repeat(2,1fr);gap:15px;}

.join img{width:100%;height:auto;}

.div1 { min-width:50px; width: 50px; text-align: right; font-size: 16px; float: left; line-height:60px; margin-right:5px; }
.div2 { min-width: 32px; float: left; width: 32px; height: 22px; }
.div2 font { background: #f8b500; width: 100%; line-height: 22px; color: #fff; text-align: center; margin-top: 20px; display: block; }
.div3 { float: left; margin-top: 10px; width: 240px; margin-left: 5px; }
.div5 { float: left; margin-top: 10px; width:240px; margin-left: 5px; }
.div5 textarea { height: 150px; }
.xmin {height:60px; }
.qren input { width:120px; height: 55px; background: #f8b500; color: #fff; outline: none; border: 0px; margin-top: 30px; margin-bottom: 30px; cursor: pointer; }

/*contact us*/
.content_main .main_w{display:grid;grid-template-columns:400px 400px;gap:0px;}

/*products */
.colnav_sm_nav{display:none;}

.pro_det_box{background:#333;height:auto;padding-top:60px;}
.pro_det_nav{min-height:0px;}
.pro_det_nav ul{display:flex;align-items: center;height:100%;color:#999999;font-size:18px;}
.pro_det_nav ul li{margin-right:10px;line-height:60px;transition: 0.3s ease color;}
.pro_det_nav a{font-size:18px;color:#fff;} 

.ProList{padding:0 8px;}
.ProList ul{display:grid;grid-template-columns: repeat(2,1fr);gap:15px}
.ProList li{overflow:hidden;height:auto; background:#f7f7f7;padding:15px 8px 0 8px;;}
.pro_3_1 {overflow: hidden;margin:15px 0 5px; text-align:center;}
.pro_3_1 font { font-size:16px; color: #333; }
.pro_3_2 {display:none;}
.pro_3_2 p {display:none;}
.ProList li:hover .pro_3_1 font {font-size:16px; }

.pro_det_main{padding-bottom:30px;}
.pro_det_main .detlt{width:100%;padding:40px 20px 20px;}
.pro_det_main .detlt img{width:90%;height:auto;}
.pro_det_main .detrt{width:100%;padding-top:10px;}

.detrt_title{font-size:20px;height:auto;margin-bottom:0px; text-align:center;color:#666;}
.spjs{margin-top:0px}
.spjs .item_video a{display:none;}
.spjs .item_cpzx a{display:none;}
.spjs .item_lxyx a{display:none;}
.spjs .item_dhzx a{display:none;}
.spjs>div{line-height:60px;}
.spjs>div a{font-size:18px;color:#777;}

.pro_lian_box{display:none;}

/*products */



    /*E&T*/
    .et_ban { height:260px; }
    .et_ban .p_1 { font-size: 30px; }
    .et_ban .p_2 { padding-top: 45px; }
    .et_boxA .box { width: calc(100% - 40px); display: block; }
    .et_boxA .box .lt { width: 100%; max-width: 100% }
    .et_boxA .box .rt { width: 100%; margin-top: 20px; padding-bottom: 70px; }
    .et_boxA .box .btn { right: unset; left: 0; top: unset; bottom: 0; }
    .et_boxB .lt .box { padding: 0 30px 0 20px; }
    .et_boxC .lt .box { padding: 0 20px 0 30px; }
    .et_boxD { width: calc(100% - 40px); }

    /*Talent recruitment*/
    .tr_boxA { padding-top: 0; }
    .tr_boxA .lt .p_1 { display: none; }
    .tr_boxA .lt .hx { display: none; }
    .tr_boxA .lt { float: none; padding: 0; width: 100%; }
    .tr_boxA .lt ul { width: 100%; margin-top: 0; overflow: hidden; }
    .tr_boxA .lt ul li { float: left; width: calc(50% - 1px); margin-top: 0; border-bottom: 1px dashed #ccc; border-right: 1px dashed #ccc; }
    .tr_boxA .lt ul li>a { font-size: 14px; }
    .tr_boxA .lt ul li:nth-child(2n) { border-right: 0; }
    .tr_boxA .lt ul li.on { border-bottom-color: #FFF; }
    .tr_boxA .lt ul li.on div { display:none;}
    .tr_boxA .rt { float: none; width: 100%; margin-top: 0px; margin-right:0;}
    .tr_boxA .rt .nav { margin:15px 0; position: unset; width: 100%; left: unset; top: unset; box-shadow: 0 0 0; transform: translateY(0) }
    .tr_boxA .rt .nav ul { overflow: auto; }
    .tr_boxA .rt .nav li { float: left; border-right: 1px solid #ccc; }
    .tr_boxA .rt .nav li:last-child { border-right: 0; }
    .tr_boxA .rt .nav li a { display: inline-block; height: 30px; background: none; color: #333; margin: 0 15px; }
    .tr_boxA .rt .nav li.on a { background: none; color: #408394; }
    .tr_boxA .rt .info { width: calc(100% - 40px); padding: 0 20px; border-radius: 0; margin-top: 0px; min-height:initial; }
    .tr_boxA .rt .info .p_1 { padding-top: 30px; }
    .tr_boxA .rt .info .cont { padding: 20px 0 30px 0; }
    .tr_boxA .rt .info .list {  padding-top:30px}
    .tr_boxA .wap_ctg_3 { display: block; margin-top: 20px; }
    .tr_boxA .wap_ctg_3 ul{ overflow: hidden; }
    .tr_boxA .wap_ctg_3 li { float: left; border-right: 1px solid #ccc; }
    .tr_boxA .wap_ctg_3 li a { display: inline-block; height: 30px; background: none; color: #333; margin: 0 15px; }
    .tr_boxA .wap_ctg_3 li.on a { color: #408394; }
    .tr_boxA .wap_box { display: block; width: calc(100% - 40px); padding: 0 20px 30px 20px; margin-top: 10px; background: #FFF; min-height:200px; }
    .tr_boxA .wap_box .p_1 { font-size: 18px; font-weight: bold; color: #408394; text-transform: uppercase; padding-top:30px; text-align: center; }
    .tr_boxA .wap_box .cont { padding-top:15px; }
    .tr_boxA .rt .info


    /*contact*/
    #allmap { height: 400px; }
    .cont_boxA .box .lt { width: 55px; height: 95px; }
    .cont_boxA .box .rt { padding-left: 30px; padding-bottom: 30px; width: calc(100% - 85px); height: auto; }
    .cont_boxA .box .rt .p_1 { font-size: 25px; margin-top: 30px; }
    .cont_boxA .box .rt .msgbox { margin-top: 35px; }
}

@media screen and (max-width: 480px) {
    /*��ҳ*/
    .in_boxB .lt .p_2 { font-size: 22px; margin-top: 8px; }
    .in_boxB .lt .hx {  margin-top:8px;}
    .in_boxB .lt .info {  margin-top:15px; height:auto;}
    .in_boxB .lt li { float: none; text-align: left; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; }
    .in_boxB .lt li::after { display: none; }
    .in_boxB .lt li b { font-size: 25px; }
    .in_boxB .lt .li_0 { width: 100%; }
    .in_boxB .lt .li_0 sup { font-size:14px; }
    .in_boxB .lt .li_1 { width: 100%; padding-top: 15px; }
    .in_boxB .lt .li_2 { width: 100%; border-bottom: 0; }
    .in_boxB .lt .li_2 a { float: none; }
    .in_boxB .rt { margin-top: 20px; margin-bottom: 35px; }
    .in_boxC .titbox b { font-size: 22px; }
    .in_boxC .titbox span { font-size:14px}
    .in_boxD .tit_1 { font-size: 22px; }
    .in_boxD .tit_2 { margin-top: 15px; }
    .in_boxD .hx { margin-top: 15px; }
    .in_boxD .list li { width: 100%; margin-right: 0; }
    .in_boxD .list li:nth-child(2) { margin-top: 15px; }
    .in_boxD .list li .info b { font-size: 22px; }
    .in_boxD .list li .info img { width: 30px; }
    .in_boxE li { width: 100%; margin-right: 0; margin-bottom: 15px; }
    .in_boxE .more { margin-top: 10px; }


    /*about us*/


    /*news*/


    /*news show*/
    .ns_show_tit { font-size: 16px; }
    .ns_show_cont { font-size: 14px; }


    /*E&T*/
    .et_ban .swiper-pagination { right: 20px; }
    .et_ban li { background-position: center bottom 50px; }
    .et_ban { height:260px; }
    .et_ban .p_1 { font-size: 25px; padding-top: 40px; }
    .et_ban .p_2 { padding-top: 35px; }
    .et_ban .p_2 b { font-size: 18px; }
    .et_boxA .box .lt img:first-child { width: 200px; }
    .et_boxA .box .lt .p_1 { font-size: 20px; }
    .et_boxA .box .rt { padding-bottom: 50px; }
    .et_boxA .box .btn span { width: 65px; height: 35px; }
    .et_boxA .box .btn span i { width: 10px; height: 10px; }
    .et_boxB { display: block; }
    .et_boxB .half { display: block; width: 100%; flex: none; }
    .et_boxB .lt .box { padding: 0 20px; }
    .et_boxB .lt .p_1 { font-size: 22px; }
    .et_boxB .lt .info { font-size: 16px; }
    .et_boxB .lt a { font-size: 14px; }
    .et_boxB img { display: block; }
    .et_boxC { display: flex; flex-direction: column-reverse; }

    .info_boxA { padding-top: 30px; padding-bottom: 30px; }
    .info_boxA .tit { font-size: 16px; }
    .info_boxA .cont { font-size: 14px; }

    /*Talent recruitment*/
    .tr_boxA .rt .info {}
    .tr_boxA .rt .info .cont .cont_0_0 { display: block; padding-bottom: 20px; }
    .tr_boxA .rt .info .cont .cont_0_0 .img_0_0 { width: auto; display:block; margin:0 auto; }
    .tr_boxA .rt .info .cont .cont_0_0 .div_0_0 { width: 100%; margin-left: 0; padding:15px 0; border-bottom:1px solid #ddd; }
    .tr_boxA .rt .info .cont .cont_2_0 dl { padding: 15px 0 }
    .tr_boxA .rt .info .cont .cont_2_0 dl dt { width: 25%; }
    .tr_boxA .rt .info .cont .cont_2_0 dl dd { width: calc(75% - 15px); }
    .tr_boxA .rt .info .list { padding-top: 10px; padding-bottom: 15px; }
    .tr_boxA .rt .info .list li { margin-top:0; }


    /*research*/
    .rese_boxA .box { padding:30px 0 25px 0}
    .rese_boxA .box .p_1 { font-size:22px;}
    .rese_boxA .box ul { margin-top:25px;}
    .rese_boxA .box li { width:100%; margin-right:0}
    .rese_boxA .box .to_talent { position: unset; display: block; margin: 20px auto 0 auto; text-align: center; }


    /*contact*/
    #allmap { height: 300px; }
    .cont_boxA .box .lt { display: none; }
    .cont_boxA .box .rt { width: calc(100% - 40px); padding: 0 20px 25px 20px; }
    .cont_boxA .box .rt .p_1 { font-size: 20px; margin-top: 25px; }
    .cont_boxA .box .rt .p_3 { margin-top: 25px; font-size: 14px; }
    .cont_boxA .box .rt .msgbox { margin-top: 25px; width: 80%; }
}


@media screen and (max-width: 375px) {
    /*��ҳ*/


    /*about*/


    /*news*/

}

@media screen and (max-width: 320px) {
    /*��ҳ*/



}