@charset "utf-8";
/* CSS Document */
@media all and (max-width: 750px) {
img{max-width:100%; height: auto;}
.in_center{width:96%;}
.c_nav{display: flex;}
/**/
.top{width: 100%; height:50px;}
.logo{width: 199px; height: 50px; align-content:flex-start;}
.logo a{height: 45px;}
.logo img{width: auto; height: 90%;}
.top_l{width:100%; height:calc(100vh - 50px); line-height: 50px; text-align: left; float: inherit; position: fixed; top: 50px; left: -100%; z-index: 888; background: rgba(255,255,255,.8); display: none;}
.nav{width:100%; height: auto; line-height: 50px; text-align: left; float: inherit; border-top: 1px solid rgba(0,0,0,.1);}
.nav a{color: #333333; margin-left:0; display: block; padding:0 2%; border-bottom: 1px solid rgba(0,0,0,.1);}
.top_zn{width: 100%; height: 50px; line-height: 50px; float: inherit; padding: 0 2%;}
.top_zn span{margin-top:18px;}
.in_ss{width: 100%; position: absolute; bottom:-90px; right: 0; z-index:999; display: none;}
.input_a{width:80%;}
.aniu_a{width: 20%;}
/* banner */
.in_banner{width:100%; height:calc(100vw * .56); margin-top:50px;}
.in_banner .swiper-slide{background-position: center center; background-repeat: no-repeat; background-size:100% 100%;}

/**/
.in_qhul{width: 100vw; height: 100vh; overflow: hidden;}
.in_qhli{width: 100vw; height: auto; display:block;}
 
.in_title{width: 100%; height: 80px; line-height:80px; font-size:60px; margin: calc(100vh * .05) 0;}
/**/
.in_jfa{width:96%; height: auto; margin: 0 auto 35px; position: relative;}
.in_jfaul{width: 100%; height: auto; overflow: hidden; padding-left:calc((100vw - 278px) / 2);}
.in_jfali{width: 267px; height: 466px; float: left; margin-right:11px; line-height: 1; overflow: hidden;}

.in_abouta{width: 100%; height: auto; float: inherit; color: #fff; line-height: 1; margin-bottom: 30px;}
.in_abouta div{font-size: 16px; line-height: 30px; margin:20px 0 30px;}
.in_aboutb{width: 100%; height:auto; float: inherit; margin-bottom: 35px;}

.in_newsul{width: 100%; height: auto; text-align:center; overflow: hidden;}
.in_newsli{width: 100%; height: auto; float: inherit; margin-bottom:20px;}
.in_newslib{width: calc(100% - 45px); height: auto; float: right; }
.in_newslib h2{font-size: 16px; line-height: 22px; margin: 10px 0;}
.in_newsli:nth-child(2n){float: inherit;}
.in_newsull,.in_newsulr{margin:35px 10px;}

.in_xbd{width:100%; height: auto; margin:35px auto 0; padding-bottom:35px;}
.in_xbdli{width:calc(100vw * 0.3); height: auto; line-height: 1; color: #fff;}
.in_xbdli div{width:calc(100vw * 0.3); height:calc(100vw * 0.3); padding-top:35%; font-size:20px; font-weight: lighter;}
.in_xbdli div span{font-size:30px;}
.in_xbdli p{font-size:14px; margin-top:10px; font-weight: lighter;}
.in_xbdli:nth-child(2){margin: 0 calc(100vw * 0.02);}

.foot{width: 100%; height: auto; padding-top:30px; position: inherit; float: inherit;}
.foot_a{width: 96%;}
.foot_nav{width: 100%; height: auto; float: inherit; margin-bottom: 15px;}
.foot_navli{width:30%; height: auto; float: left; line-height: 36px; overflow: hidden; margin:0 3% 0 0; padding-bottom: 20px;}

.foot_b{width: 100%; height: auto; float: inherit;}
.foot_ba{width: 100%; margin-bottom: 25px; padding-left: 60px; text-align: left;}
.foot_ba p{letter-spacing: 1px; margin-top: 5px;}
.foot_bb{text-align: center; }
.foot_bb p{margin-top: 15px;}
.foot_ul{width: 100%; height: auto; padding: 10px 2%; background: #383838; overflow: hidden; text-align: center; color: #8b8b8b;}
 
/**/
.pg_top{width: 100%; height: 50px; position: relative;}
.pg_top{height:50px;}
.pg_top .top_l{height:calc(100vh - 50px);}
.pg_top .logo{height: 50px; align-content:flex-start;}
.pg_top .logo a{height: auto;}
.pg_top .logo img{width: auto; height:auto;}
.pg_top .nav,.pg_top .top_zn{height: auto; line-height: 50px;}
.pg_top .top_zn span{margin-top:12px;}

.pg_banner{width: 100%; height:calc(100vw * .2735); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.pg_map{height:auto; line-height:40px; font-size: 12px;}

.pg_proul{width: 100%; height: auto;}
.pg_proli{width: 100%; height: auto; float: inherit; margin-bottom: 24px; overflow: hidden; transition: all .5s ease 0s; border: 1px solid #fff;}
.pg_prolia{width: 100%; height: 234px; float: inherit;}
.pg_prolib{width: 100%; height: auto; display:block; margin-top: 15px;}

.pg_foota{width: 100%; float: inherit; padding:60px 0 20px; overflow: hidden;}
.pg_foota div{height: 60px; background: url(../images/in5.png) left center no-repeat; padding-left: 50px; font-size: 28px; color: #8b8b8b; line-height: 1; font-weight: bold; font-family: Arial;}
.pg_footb{width:100%; height: auto; line-height: 1; float: inherit;}
.pg_footbli{width: 30%; height: auto; float: left; margin-right:5%;}
.pg_footbli a:first-child{font-size: 14px; margin-bottom:5px;}
.pg_footbli:last-child{margin-right: 0;}
.pg_footc{width: 120px; float: inherit; text-align: center; color: #8b8b8b; margin: 20px auto 0;}

    
.s_protopimg{width: 100%; height:300px; float: inherit; }
.s_protopimg img{max-width: 95%; max-height: 95%;}
.s_protoptxt{width: 100%; height: auto; float: right; display:block; padding: 15px 0;}
.s_protoptxta{margin-bottom:15px;}

.s_prozj{padding:20px 0 0; }
.s_prozjli{width:50%; height: 125px; line-height: 1; float: left; overflow: hidden; text-align: center; margin-bottom:40px;}
.s_prozjli:first-child{width: 100%; height: auto; margin-bottom: 20px; line-height: 1; text-align: center;}

.s_protxt{padding:30px 0;}
.s_title{margin-bottom:20px;}
.s_text{font-size: 14px; line-height: 30px; color: #777777;}    
.s_text td,.s_text th{width: 100%; display: block;}

.s_protj{width: 100%; height: auto; position: relative; overflow: hidden;}
.s_protjul{width: 255px; height: auto; margin: 0 auto; overflow: hidden;}

.pg_nav{ margin-bottom:20px; overflow: hidden;}
.pg_nav a{margin-right:15px; padding-right: 15px; }

.pg_caseli{width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden; line-height: 1;}
.pg_caseliimg{width: 100%; height:auto;}
.pg_caseli:nth-last-child(2),.pg_caseli:nth-last-child(3){margin-bottom: 30px;}
.pg_caseli:nth-last-child(1){margin-bottom: 0;}    

.pg_newstitle p span{margin: 0 20px;}  
    
.pg_dlzcli{width: 100%; height: auto;}
.pg_dlzclia{width: 100%; height: auto; float: inherit; overflow: hidden;}
.pg_dlzclib{width: 100%; float: inherit; margin-top: 20px;}
.pg_dlzcliba{margin-bottom:15px; height: auto;}
.pg_dlzcliba div{font-size:50px;}
.pg_dlzcliba div sup{font-size:50%; top: -1.2em;}
.pg_dlzcliba p{margin-left:5px;}
.pg_dlzcliba p em{ font-size:20px;}
.pg_dlzcliba p span{font-size:14px; color: #b8b8b8; font-weight: 200; text-transform: uppercase; display: block;}
.pg_dlzclibb{font-size: 14px; line-height: 30px; color: #525252;}
.pg_dlzclibb p{ position: relative; padding-left: 40px;}
.pg_dlzclibb p:after{content:""; display: block; width: 10px; height: 1px; background: #224cac; position: absolute; top: 15px; left: 0;}
.pg_dlzcli:nth-child(2){background: #f2f2f2;}
.pg_dlzcli:nth-child(2) .pg_dlzclia{float: left; width: 100%;}
.pg_dlzcli:nth-child(2) .pg_dlzclib{float: right; width: 100%; padding:10px;}
.pg_dlzcli:nth-child(2) .pg_dlzcliba{margin-bottom: 15px;}
.pg_dlzcli:nth-child(3) .pg_dlzcliba{margin-bottom:15px;}    

.s_jszc{width: 100%; height: auto; overflow:hidden;}
.s_jszcimg{width: 100%; height: auto; float: inherit;}
.s_jszctxt{width: 100%; height: auto; float: right;}
.s_jszctxt .s_title{margin-top: 25px;}

.s_jszca{width: 100%; height: auto; overflow:hidden; background: #f2f2f2;}
.s_jszcaimg{width: 100%; height: auto; float: inherit; overflow: hidden;}
.s_jszcaa{width: 100%; height: auto; float: inherit; overflow: hidden; padding:15px;}
.s_jszcaa .s_title{margin-bottom:20px;}
.s_jszcaa p span{display: inline-block; vertical-align: top; width: 32%; height: auto; vertical-align: middle; font-size: 14px;}
.s_jszcaa p span i{margin-right: 10px;}

.s_jszcb{width: 100%; height: auto; float: inherit; margin-bottom: 15px;}
.s_jszcbimg{width: 100%; height: auto; float: inherit; margin-right: 0; margin-bottom: 15px;}
.s_jszcbimg img{width: 100%;}
.s_jszcb:nth-child(2){float: inherit;}
    

.s_gsjj{width: 100%; height: auto; overflow: hidden;}
.s_gsjjimg{width: 100%; height: auto; float: inherit; margin-bottom: 15px;}
.s_gsjjtxt{width: 100%; height: auto; float:inherit;}
.s_gsjjtxta{font-size: 14px; line-height: 24px; color: #777777; overflow: hidden; padding-top: 20px;}
.s_hhln{width: 100%; height: auto; background: #f3f3f3; overflow: hidden; padding:0 0 15px;}
.s_hhln .s_titlea{float: inherit; margin:15px 0 0 15px;}
.s_hhlna{width: 100%; height: auto; float: right; overflow: hidden; margin-bottom: 15px;}

.s_hhlnula{margin:25px 0 20px;}

.s_jjfa{margin-bottom:40px;}
.s_jjfaimg{width: 100%; height: auto; float: inherit; margin-bottom: 20px;}
.s_jjfatxt{width: 100%; float: inherit; font-size: 14px; line-height: 30px; color: #525252;}
.s_titleb{margin-bottom:30px;}
.s_sdgnli{width:46vw; height:46vw; float: left; margin: 0 0 25px 0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden;}
.s_sdgnli:nth-child(2n){float: right;}
.s_sdgnli:nth-child(5n){margin-right: 0;}

.s_faoneli{width: 46vw; height: auto; margin: 0 0 25px; overflow: hidden;}
.s_faoneli div{width: 46vw; height: 175px;}
.s_faoneli p{margin-top: 15px; font-size: 14px; text-align: center;}

.s_yycsli{width:100%; height: auto; float: inherit; margin-bottom:20px; overflow: hidden;}
.s_yycslia{width: 100%; height:auto; float: inherit; margin-right: 0; margin-bottom:10px;}
.s_yycslia img{width: 100%; height: auto;}
.s_yycslib div{margin-top:5px;}
.s_yycsli:nth-child(2n){float: right;}    

.pg_videoli{width: 100%; height: auto; margin: 0 0 25px 0; float: inherit;overflow: hidden;}
.pg_videoli div{width: 100%; height:auto; margin-bottom:10px;}

.s_video,.s_video img,.s_video video{width:96vw; height: calc(96vw * .7495); overflow: hidden; margin: 0 auto;}

.input_b{vertical-align: top; width: 60%;}
.aniu_b{vertical-align: top; width:35%;}    

.pg_zzimgli{width: 100%; height: auto; margin: 0 0 25px 0; float: inherit; padding-right: 0; overflow: hidden;}
.pg_zzimgli div{width: 100%; height:auto; margin-bottom:10px;}

.s_contenta{width:100%; height: auto; padding-right: 0; float: inherit; margin-bottom: 15px;}
.s_contentb div{display: inline-block; vertical-align: top; margin-right:15px; text-align: center;}

.pg_newsli{width: 100%; height: auto; margin-bottom:35px; overflow: hidden;}
.pg_newslia{width:30%; height: auto; margin-right: 5%; padding-top: 15px;}
.pg_newslib{width: 65%; height: auto; max-height: 135px; float: inherit; line-height: 0; overflow: hidden;}
.pg_newslib img{width: 100%; height:auto; transition: all .6s ease 0s;}
.pg_newslic{width: 100%;; height: auto; float: inherit; padding-top: 15px;}
.pg_newslic div{font-size: 14px; line-height: 24px; color: #777777; height: auto; margin:10px 0 10px; overflow: hidden;}    

/**/
.mb100{margin-bottom:50px;}
.mb40{margin-bottom: 20px;}
.mt40{margin-top: 20px;}
}
/* max 750 end */