/*top*/
.headdiv { position:fixed; top:0; left:0; z-index:1000; width:100%; height:100px; background-color:#FFF; min-width:1400px; transition: 0.4s ease all; }
.header { width:1400px; margin:0 auto; height:100px; transition: 0.4s ease all; }
.header .logo{ float:left; width:25%; }
.header .logo img{ height:50px; padding:25px 0 0 0; transition: 0.4s ease all; }

.navdiv{ float:right; width:60%; height:100px; }
.nav{ position:relative; z-index:100; }
.nav li{ float:left; position:relative; }
.nav li a{ display:block; height:100px; line-height:100px; text-align:center; font-size:16px; color:#000; padding:0 30px; transition: all .4s ease-out; }
.nav li:hover a,.nav li.hover a{ color:#005cb7;}
.nav li.on a{ color:#005cb7;}
.nav li i{ transition: all .2s ease-out; }
.nav li:hover i{ color:#005cb7; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }

.nav li .divshow2{ width:180px; position:absolute; top:100px; left:0px; display:none; box-shadow: 0 0 5px rgb(0 0 0 / 20%);
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.nav li .divshow2 .bg{ background-color:#fff; }
.nav li .divshow2 .sub{ width:155px; padding:20px 0px 20px 25px; overflow:hidden; }
.nav li .divshow2 .sub li{ display:block; width:100%; padding:6px 0; }
.nav li .divshow2 .sub li a{ display:block; text-align:left; padding:0; height:auto; line-height:28px; color:#333; cursor:pointer; font-size:15px; }
.nav li .divshow2 .sub li:hover a{ color:#005cb7; }

.lang { float:right; width:100px; height:100px; line-height:100px; text-align:center; transition: 0.4s ease all; }
.lang a{ display:block; font-size:18px; color:#666; }
.lang a:hover{ color:#000; }

/*下拉*/
.gao { height:60px; }
.gao_logo img{ height:45px !important; padding:8px 0 0 0 !important; }
.gao_nav li a{ height:60px; line-height:60px; }
.gao_lang{ height:60px; line-height:60px; }
.gao_divshow2{ top:60px !important; }

/*banner*/
.banner_div { display:block; width:100%; overflow:hidden; position:relative; z-index: 0; margin:100px 0 0 0; transition: 0.4s ease all; }
.banner_div img { width:100%; }
.banner_div .swiper-container{ }
.banner_div .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 20px;
    opacity: 1;
}
.banner_div .swiper-pagination .swiper-pagination-bullet:hover { background-color: #005cb7; opacity: 1;}
.banner_div .swiper-pagination .swiper-pagination-bullet-active { background-color: #005cb7; width: 45px; }
.gao_banner{ margin:60px 0 0 0; }

.bg1 {background: url(../images/bg1.jpg) no-repeat 0 0; background-size:cover; }
.bg2 {background: url(../images/bg2.jpg) no-repeat 0 0; background-size:cover; }

.home_tit { display:block; width:100%; margin:40px 0; text-align:center; overflow:hidden; }
.home_tit h2{ display:block; font-size:38px; color:#005cb7; font-weight:normal; letter-spacing:1px; }
.home_tit p{ font-size:18px; color:#999; padding:5px 0; text-transform:uppercase; }

.home_titw { display:block; width:100%; margin:40px 0; text-align:center; overflow:hidden; }
.home_titw h2{ display:block; font-size:38px; color:#fff; font-weight:normal; letter-spacing:1px; }
.home_titw p{ font-size:18px; color:#999; padding:5px 0; text-transform:uppercase; }

.pro_home { display:block; overflow:hidden; }
.pro_home li{ float:left; width:406px; padding:20px; list-style:none; background-color:#fff; margin:0 30px 30px 0; }
.pro_home li a{ display:block; }
.pro_home li .imgs{ width:100%; overflow:hidden; }
.pro_home li .imgs img{ width:100%; height:auto; transition: all 0.4s; }
.pro_home li .imgs img:hover{ transform: scale(1.05);}
.pro_home li .tits{ display:block; font-size:18px; color:#000; padding:15px 0px; text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.pro_home li a:hover .tits{ color:#005cb7; }
.pro_home li .desc{ display:block; height:42px; color:#999; line-height:22px; text-align:center; overflow:hidden; }
.pro_home li:nth-child(3n){ margin:0 0 30px 0; }

/*about*/
.aboutbg { background: url(../images/aboutbg.jpg) no-repeat 0 0; background-size:cover; }
.aboutlf { float:left; width:45%; padding:0 3% 50px 3%; line-height:35px; color:#FFF; font-size:16px; overflow:hidden; }
.aboutlf p{ padding:10px 0; }
.aboutlf .more{ display:block; padding:20px 0; margin:30px 0 0 0; overflow:hidden; }
.aboutlf .more a{ background-color:#005cb7; color:#FFF; padding:10px 30px; border-radius:5px; }
.aboutlf .more a:hover{ background-color:#1f4a75; }
.aboutlf .phi { display:block; font-size:28px; color:#FFF; padding:10px 0; text-transform:uppercase; overflow:hidden; }
.aboutrg { float:right; width:45%; padding:0 0 50px 0; overflow:hidden; }
.aboutrg img{ width:100%; border-radius:5px; }

.case_jj { display:block; text-align:center; font-size:15px; color:#999; line-height:28px; overflow:hidden; }
.case_home { display:block; margin:50px auto; width:1110px; min-height:720px; background: url(../images/case_k.png) no-repeat center 100px; overflow:hidden; }
.case_home li{ float:left; list-style:none; padding:15px; text-align:center; }
.case_home li a{ display:block; }
.case_home li .imgs{ background-color:#FFF; padding:15px; margin:0 0 10px 0; }
.case_home li span{ color:#CCC; }
.case_home li .tits{ padding:10px 0 0 0; font-size:16px; }
.case_home li:nth-child(1){ margin:150px 0 0 30px; }
.case_home li:nth-child(2){ margin:0 0 0 20px; }
.case_home li:nth-child(3){ margin:150px 0 0 20px; }
.case_home li:nth-child(4){ margin:0 0 0 20px; }
.case_home li:nth-child(1) a:hover, .case_home li:nth-child(3) a:hover{ margin:-60px 0 0 0; }
.case_home li:nth-child(2) a:hover, .case_home li:nth-child(4) a:hover{ margin:90px 0 0 0; }

/*news*/
.home_news { display:block; list-style:none; padding:10px 0 50px 0; overflow:hidden; }
.home_news li { float:left; width:436px; margin:0px 15px 30px 15px; background-color:#FFF; overflow:hidden; }
.home_news li a{ display:block; }
.home_news li .imgs{ width:100%; overflow:hidden; }
.home_news li .imgs img{ width:100%; height:300px; transition: all 0.4s; }
.home_news li .imgs img:hover{ transform: scale(1.05);}
.home_news li .tit{ display:block; padding:20px; overflow:hidden; }
.home_news li .tit h2{ display:block; font-size:16px; font-weight:normal; overflow: hidden; }
.home_news li .tit p{ display:block; padding:20px 0 0 0; color:#999; line-height:22px; height:70px; overflow: hidden; }

/*footer*/
.footer { display:block; width:100%; padding:20px 0; background:#005cb7; overflow:hidden; }
.f_logo { display:block; background: url(../images/logof.png) no-repeat 30px center; background-size:auto 40px; border-bottom:#4d8dcd 1px solid; padding:30px; overflow:hidden; text-align:right; color:#cbd7eb; font-style:italic; font-size:15px; }

.f_nav { float:left; width:650px; padding:0 30px; overflow:hidden; }
.f_nav ul{ float:left; list-style:none; width:160px; overflow:hidden; }
.f_nav ul h2{ display:block; font-size:16px; color:#FFF; font-weight:normal; line-height:40px; padding:0 0 30px 0; }
.f_nav ul h2 i{ display:block; width:20px; border-bottom:#4d8dcd 1px solid; }
.f_nav ul li{ display:block; }
.f_nav ul li a{ display:block; color:#FFF; line-height:30px; }
.f_nav ul li a:hover{ text-decoration:underline; }

.f_ewm { float:right; width:140px; padding:20px 0 0 0; text-align:center; line-height:30px; color:#FFF; overflow:hidden; }
.f_ewm img{ width:100%; }
.f_lxwm { float:right; width:340px; padding:0 0 0 80px; overflow:hidden; }
.f_lxwm h2{ display:block; color:#fff; font-weight:normal; font-size:16px; line-height:40px; }
.f_lxwm p{ display:block; color:#fff; font-size:15px; line-height:28px; }

.copy { display:block; background-color:#333333; color:#FFF; text-align:center; padding:10px 0; overflow:hidden; }
.copy a{ color:#FFF; }

/*main*/
.banner_nei { display:block; height:298px; margin:100px 0 0 0; text-align:center; background:url(../images/nbanner.jpg) no-repeat center top; background-size:cover; overflow:hidden; }
.banner_nei h2{ font-size:34px; color:#fff; padding:120px 0 10px 0; font-weight:normal; letter-spacing:1px; }
.banner_nei p{ font-size:15px; color:#ccc; text-transform:uppercase; }
.gao_nei{ margin:60px 0 0 0; }

.aboutpd { padding:50px 0; overflow:hidden; }
.aboutpl { float:left; width:450px; overflow:hidden; }
.aboutpr { float:right; width:850px; overflow:hidden; }
.aboutpr .tits{ display:block; padding:40px 0; overflow:hidden; }
.aboutpr .tits p{ display:block; font-size:16px; color:#CCC; text-transform:uppercase; }
.aboutpr .tits h2{ display:block; font-size:32px; color:#005cb7; font-weight:normal; }
.aboutpr .txts{ display:block; font-size:16px; line-height:32px; overflow:hidden; }
.aboutpr .txts p{ padding:10px 0; }

.aboutxl { float:left; width:550px; overflow:hidden; }
.aboutxl .tits{ display:block; padding:40px 0; overflow:hidden; }
.aboutxl .tits p{ display:block; font-size:16px; color:#CCC; text-transform:uppercase; }
.aboutxl .tits h2{ display:block; font-size:32px; color:#005cb7; font-weight:normal; }
.aboutxl .txts{ display:block; font-size:16px; line-height:32px; overflow:hidden; }
.aboutxl .txts p{ padding:10px 0; }
.aboutxr { float:right; width:750px; overflow:hidden; }

.swiper_honer { display:block; position: relative; padding:20px 0; }
.honer_tit { display:block; padding:40px 0; overflow:hidden; }
.honer_tit p{ display:block; font-size:16px; color:#CCC; text-transform:uppercase; }
.honer_tit h2{ display:block; font-size:32px; color:#005cb7; font-weight:normal; }

.honer_scroll { position: relative; width:100%; margin: 0 auto; overflow:hidden; }
.swiper_honer .honer-button-prev {
    background: url(../images/probig-left.jpg) no-repeat left center !important;
    background-size: 34px 52px;
    width: 34px; height: 52px; left:-60px; top:60%;
	cursor:pointer;
}
.swiper_honer .honer-button-prev:hover {
    background: url(../images/probig-left.jpg) center no-repeat; opacity:.8;
}
.swiper_honer .honer-button-next {
    background: url(../images/probig-right.jpg) center no-repeat;
    background-size: 34px 52px;
	 width: 34px; height: 52px; right:-60px; top:60%;
	cursor:pointer;
}
.swiper_honer .honer-button-next:hover {
    background: url(../images/probig-right.jpg) center no-repeat; opacity:.8;
}
.honer_li{ width:90%; padding:5%; background-color:#fff; margin:0 0 0 0; }
.honer_li a{ display:block; }
.honer_li .imgs{ width:100%; overflow:hidden; }
.honer_li .imgs img{ width:100%; height:auto; }
.honer_li .tits{ display:block; text-align:center; padding:10px 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.honer_li a:hover .tits{ color:#e40f17; }

.map { display:block; overflow:hidden; }
.contact { display:block; margin:50px auto; width:1200px; overflow:hidden; }
.contact .tits { display:block; font-size:20px; color:#000; }
.contact ul { display:block; list-style:none; padding:30px 0; }
.contact ul li{ float:left; width:50%; font-size:16px; padding:8px 0; }

.nnav { display:block; width:100%; background-color:#005cb7; overflow:hidden; }
.nnav ul{ width:1400px; margin:0 auto; list-style:none; }
.nnav ul li{ float:left; }
.nnav ul li a{ display:block; height:55px; line-height:55px; color:#FFF; text-align:center; font-size:18px; padding:0 30px; }
.nnav ul li a:hover{ background-color:#1e4a76; }
.nnav ul li a.on{ background-color:#1e4a76; }

.proinfo_pic { float:left; width:650px; position:relative; overflow:hidden; }
.swiper { width:100%; margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover; background-position: center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { top:45% !important; width:28px !important; height:35px !important; background:url(../images/prev.png) no-repeat center center !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { top:45% !important; width:28px !important; height:35px !important; background:url(../images/next.png) no-repeat center center !important; }
	
.mySwiper2 { height: 80%; width: 100%; }
.mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
.mySwiper .swiper-slide { border:#eee 1px solid;
      width: 15% !important;
      height: 100%;
      opacity: 0.4;
    }
.mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }
.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.mySwiper .swiper-slide img{ cursor:pointer; }

.proinfo_cs { float:right; width:650px; overflow:hidden; }
.proinfo_cs h2{ display:block; font-size:30px; color:#005cb7; padding:20px 0 10px 0; font-weight:normal; }
.proinfo_cs i{ display:block; padding:0 0 10px 0; font-size:13px; color:#999; border-bottom:#eee 1px solid; }
.proinfo_cs i a{ font-size:13px; color:#999; }
.proinfo_cs .content{ display:block; font-size:15px; border-top:#ccc 1px solid; line-height:32px; padding:20px 0; overflow:hidden; }
.proinfo_cs .content p{ padding:0 0; }
.proinfo_cs .content img{ max-width:100%; }

.proinfo_cs a.show_down1{ display:inline-block; width:200px; margin-right:20px; text-align:center; color:#FFF; font-size:18px; height:50px; line-height:50px; background: url(../images/ico_down.png) #005cb7 no-repeat 20px center; background-size:20px auto; }
.proinfo_cs a.show_down1:hover{ background: url(../images/ico_down.png) #1e4a76 no-repeat 25px center; background-size:20px auto; }
.proinfo_cs a.show_down2{ display:inline-block; width:200px; margin-right:20px; text-align:center; color:#FFF; font-size:18px; height:50px; line-height:50px; background: url(../images/ico_kefu.png) #005cb7 no-repeat 20px center; background-size:20px auto; }
.proinfo_cs a.show_down2:hover{ background: url(../images/ico_kefu.png) #1e4a76 no-repeat 25px center; background-size:20px auto; }

.pro_titb { display:block; padding:15px 0; font-size:18px; font-weight:bold; color:#005cb7; border-bottom:#ccc 1px solid; overflow:hidden; }
.swiper_proxg { display:block; width:100%; margin:30px auto;  position: relative; overflow:hidden; }
.proxg_scroll .swiper-slide a{ display:block; background-color:#FFF; }
.proxg_scroll .swiper-slide img{ width:100%; }
.proxg_scroll .swiper-slide p{ display:block; padding:10px; line-height:22px; text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.proxg_scroll .proxg-swiper-pagination { text-align:center; padding:10px 0; }
.proxg_scroll .proxg-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #999;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 20px;
    opacity: 1;
}
.proxg_scroll .proxg-swiper-pagination .swiper-pagination-bullet:hover { background-color: #005cb7; opacity: 1;}
.proxg_scroll .proxg-swiper-pagination .swiper-pagination-bullet-active { background-color: #005cb7; }
.pro_cons { display:block; font-size:15px; line-height:30px; padding:20px 0; overflow:hidden; }
.pro_cons img { max-width:100%; }

/*news*/
.newstit { display:block; overflow:hidden; padding:20px 0; font-size:30px; color:#005cb7; text-align:center; }
.newstime { display:block; width:100%; text-align:center; overflow:hidden; }
.newstime div{ padding: 3px 5px 1px; font-size:10px; line-height:14px; text-transform: uppercase; color: #999; display: inline-block;}
.newscons { display:block; font-size:15px; line-height:30px; overflow:hidden; margin:20px 0 0 0; border-top:#eee 1px solid; padding:20px; }

.commonDetailedContentsfoot{ display:block; margin:0 auto; padding:20px 0; border-top:#eee solid 1px; overflow:hidden; }
.commonDetailedContentsfoot dl{ font-size:12px; padding:0px; overflow:hidden;}
.commonDetailedContentsfoot dl span{ display:inline-block; color:#666; line-height:27px; padding:0px 2px; margin-right:0; font-weight:normal; }
.commonDetailedContentsfoot dl dd{ float:left;}
.commonDetailedContentsfoot dl dt{ float:right;}
.commonDetailedContentsfoot dl a{ vertical-align:inherit; font-weight:normal; }

/*case*/
.caselist { display:block; list-style:none; overflow:hidden; }
.caselist li{ float:left; width:327px; background-color:#FFF; margin:10px 30px 20px 0; transition: 0.4s ease all; }
.caselist li .pic{ display:block; height:250px; overflow:hidden; }
.caselist li .pic img{ width:100%; height:250px; transition: all 0.4s; }
.caselist li .pic img:hover{ transform: scale(1.05);}
.caselist li p{ display:block; font-size:15px; text-align:center; padding:20px 0; }
.caselist li:nth-child(4n){ margin:10px 0 20px 0; }

/*search*/
.search_tit { display:block; font-size:54px; color:#005cb7; font-weight:bold; padding:50px 0 0px 0; text-align:center; overflow:hidden; }
.search_form { margin:50px auto; width:50%; border-bottom:#111111 2px solid; padding:10px 0; overflow:hidden; }
.search_form .search-field{ float:left; padding:0; width:90%; height:44px; line-height:44px; border:none; font-size:26px; background-color: transparent; }
.search_form .search-submit{ float:left; width:10%; height:44px; border:0px; cursor:pointer; background:url(../images/search.png) no-repeat center center; }







.sjdhgd { display:none; }
@media (max-width:1200px) {
	.nav_top, .waphid { display:none; }
	.maindiv { width:100%; }
	.wapdiv { padding:0 4%; width:92%; }
	
/*手机nav*/
	.sjdhgd{ display:block; width: 100%;background-size: 100% 100%;position: fixed;z-index: 999;top: 0; left: 0; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
	.sjdh{margin: 0 auto;width:94%; padding:0 3%; height:60px; transition: all ease 0.4s;}
	.sjdha{width: 100%;}
	.sjdha_t1{ padding:12px 0 0 0; width: 70%; overflow: hidden; /*margin-right: calc(50% - 80px);*/ }
	.sjdha_t1 img{ height:38px; max-width:100%; }
	.sjdha_t2{width:30px; position: absolute;right: 4%; top: calc(50% - 13px); text-align:center; }
	.sjdha_t2 i{ padding:3px 0 0 0; font-size:22px; color:#333; }
	.huakuai{ position: fixed;top: 0;right: -100%;z-index: 100001;transition: all .4s cubic-bezier(.4,0,0,1);width: 100%;background: rgba(0,0,0,0.5);height: 100%;}
	.sjdhb{width: 82%;background: #fff;overflow-y: scroll; overflow-x:hidden; height: 100%;float: right;position: relative;}
	.topa_dsj i{ padding:7px 0 0 0; font-size:22px; color:#333; }
	
	.guanbi{width: 100%;}
	.guanbi i{ font-size:22px; margin:5%;float: right; color:#333; }
	.sjdhb_a{width: 100%;position: relative;border-bottom: 1px solid #f1f2f3;}
	.sjdhb_a h6{line-height: 48px;width: 100%;padding-left: 18px;text-transform: uppercase;transition: all ease 0.3s;}
	.sjdhb_a h6 a{font-size: 1rem;color: #404040;transition: all ease 0.3s;font-weight: bold;}
	.sjdhb_a h6 span{font-size: 0.8rem;display: inline-block;margin-left: 7px;color: #b6b6b6;}
	.sjdhb_ah1 h6{background: #f6f6f6;}
	.sjdhb_ah1 h6 a{color: #005cb7;}
	.sjdhb_aa{width: 100%;}
	.sjdhb_p{width: 100%;line-height: 28px;padding-left:37px;text-transform: uppercase;margin: 8px 0;}
	.sjdhb_p a{font-size:0.9rem;color: #666;font-weight: bold; }
	.sjdhb_pa a{color: #ee1d23;}
	.sjtopx{margin-left: 4%;}
	.sjtopx .topa_a{}
	.topa_a1sj{position: absolute;width: 124px;height: 94px;border-radius: 10px;background-color: #f7f7f7;top: 100%;right: 6.4%;padding: 4px 14px 0 14px;display: none;}
	.topa_a1sj::after{position: absolute;content: "";background-image: url(../images/g14.png);width: 14px;height: 14px;background-size: 100% 100%;left: 50%;margin-left: -7px;top: -7px;}
	.topa_a1sj p{line-height: 44px;border-bottom: 1px solid #dedede;text-align: center;}
	.topa_a1sj p:nth-child(2){border: none;}
	.topa_a1sj p a{font-size: 0.85rem;color: #000000;transition: all ease 0.3s;}
	.topa_a1sj p a:hover{color: #dd0f15;}
	.topa_a2sj{position: absolute;width: 100%;background-color: #f7f7f7;left: 0;top: 100%;display: flex;justify-content:space-around;padding: 30px 5%;display: none;}
	.topa_a2x h6{font-size: 1.05rem;color: #000000;line-height: 14px;}
	.topa_a2x p{line-height: 32px;margin-top: 15px;}
	.topa_a2x p a{font-size: 0.88rem;color: #666666;display: block;transition: all ease 0.3s;}
	.topa_a2x p a:hover{color: #dd0f15;text-decoration: underline;}
	.topa_a3sj{position: absolute;width: 90%;background-color: #f7f7f7;left: 0;top: 100%;display: flex;justify-content:center;padding: 30px 5%;display: none;}
	.topa_a3sj img{width: 24px;height: 24px;margin-top: 10px;margin-left: -4px;float: left;}
	.topa_a3sj input.input1{width: calc(96% - 114px);margin: 0 2%;line-height: 40px;height: 40px;border-bottom:1px solid #e5e5e5; border-top:0; border-left:0; border-right:0; font-size: 0.75rem;color: #666666; background-color: transparent;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.topa_a3sj input.input2{width: 100px;line-height: 39px;height: 40px;font-size: 0.95rem;color: #fff; text-align: center;background-color: #e40f17; border:0; border-radius: 30px;cursor: pointer;float: right;}
	.jiaj{position: absolute;right: 5%;top: 24px;transform: translateY(-50%);width: 12px;height: 12px;}
	.jiaj::after,.jiaj::before{content: "";position: absolute;left: 50%;top: 0;margin-left: -1px;width: 2px;height: 100%;background: #000;transition: all .36s;}
	.jiaj::before{transform: rotate(90deg);transition: all ease 0.3s;}
	.sjdhb_ah1 .jiaj::after{transform: rotate(90deg);}

	.yyan{left: 0;bottom: 25px;width: 100%;padding-top:10%;padding-bottom:8px;}
	.yyan h6{text-align: center;font-size: 0.9rem;color: #000;font-weight: bold;}
	.yyan h6 img{display: inline-block;position: relative;top:0px;margin-right: 6px;}
	.yyan_h{width: 82%;background-color: #fff;position: fixed;right: -100%;top:0;bottom:0;padding-top: 30px;transition: all ease 0.3s;}
	
	.yyan_h h5{font-size: 1.05rem;color: #000;line-height: 30px;font-weight: bold;margin-bottom: 10px;padding: 0 18px;}
	.yyan_h{width: 82%;}
	.yyan_ha{width: 100%;border-bottom: 1px solid #f1f2f3;}
	.yyan_ha h6{font-size: 1.05rem;color: #000;line-height: 50px;font-weight: bold;position: relative;padding: 0 18px;transition: all ease 0.3s;}
	.yyan_ha p{line-height: 36px;padding: 10px 0 10px 30px;}
	.yyan_ha p a{display: block;font-size: 0.9rem;color: #000;font-weight: bold;transition: all ease 0.3s;}
	.yyan_ha p a:hover{color: #dd0f15;}
	.jia_h{position: absolute;right: 5%;top: 26px;transform: translateY(-50%);width: 12px;height: 12px;}
	.jia_h::after,.jia_h::before{content: "";position: absolute;left: 50%;top: 0;margin-left: -1px;width: 2px;height: 100%;background: #000;transition: all .36s;}
	.jia_h::before{transform: rotate(90deg);transition: all ease 0.3s;}
	.yyan_haa .jia_h::after{transform: rotate(90deg);}
	.yyan_haa h6{background: #f6f6f6;color: #dd0f15;}
	
	.last-son{ display: block; font-size: 16px; padding-left: 37px; color: #666; line-height: 28px;}
	
/*banner*/
.banner_div { margin:60px 0 0 0; }
.banner_div .swiper-pagination .swiper-pagination-bullet { height: 6px;}
.f_logo { padding:20px 4%; background-size:auto 30px; font-size:14px; }
.f_ewm { display:block; width:92%; padding:20px 4%; }
.f_ewm img{ width:40%; max-width:200px; }
.f_lxwm { display:block; width:92%; padding:0 4% 0 4%; overflow:hidden; }

.home_tit { margin:30px 0; }
.home_tit h2{ font-size:28px; }
.home_tit p{ font-size:15px; }
.home_titw { margin:30px 0; }
.home_titw h2{ font-size:28px; }
.home_titw p{ font-size:15px; }

.pro_home { width:92%; padding:0 4%; }
.pro_home li{ display:block; width:94%; padding:3%; margin:0 0 30px 0; }
.aboutlf { display:block; width:92%; padding:0 4% 50px 4%; }
.aboutrg { display:block; width:92%; padding:0 4% 30px 4%; text-align:center; }
.aboutrg img { max-width:670px; }

.case_jj { width:92%; padding:0 4%; }
.case_home { display:block; width:92%; min-height:auto; background-size:100% auto; }
.case_home li{ float:left; width:42%; padding:2%; }

.case_home li img{ width:100%; }
.case_home li .tits{ padding:10px 0 20px 0; font-size:15px; }
.case_home li:nth-child(1){ margin:0px 0 0 1%; }
.case_home li:nth-child(2){ float:right; margin:0 0 0 0; }
.case_home li:nth-child(3){ margin:0px 0 0 1%; }
.case_home li:nth-child(4){ float:right; margin:0 0 0 0; }
.case_home li:nth-child(1) a:hover, .case_home li:nth-child(3) a:hover{ margin:0 0 0 0; }
.case_home li:nth-child(2) a:hover, .case_home li:nth-child(4) a:hover{ margin:0 0 0 0; }

/*news*/
.home_news { width:92%; padding:10px 4% 50px 4%; }
.home_news li { display:block; width:100%; margin:10px 0; }
.home_news li .imgs img{ height:auto; }
.home_news li .tit p{ height:auto; }

/*main*/
.banner_nei { height:120px; margin:60px 0 0 0; }
.banner_nei h2{ font-size:24px; padding:40px 0 2px 0; }
.banner_nei p{ font-size:13px; }

.aboutpd { padding:20px 0; }
.aboutpl { display:block; width:92%; padding:0 4%; }
.aboutpl img { width:100%; max-width:450px; }
.aboutpr { display:block; width:92%; padding:0 4%; }
.aboutpr .tits{ padding:20px 0; }
.aboutpr .tits p{ font-size:14px; }
.aboutpr .tits h2{ font-size:26px; }

.aboutxl { display:block; width:92%; padding:0 4%; }
.aboutxl .tits{ padding:20px 0; }
.aboutxl .tits p{ font-size:14px; }
.aboutxl .tits h2{ font-size:26px; }
.aboutxr { display:block; width:92%; padding:0 4%; }
.aboutxr img { width:100%; max-width:750px; }

.swiper_honer { width:92%; padding:20px 4%; }
.honer_tit { padding:20px 0; }
.honer_tit p{ font-size:14px; }
.honer_tit h2{ font-size:26px; }
.honer_scroll { width:250%; }

.map img{ width:100%; }
.contact { margin:30px auto; width:92%; padding:0 4%; }
.contact ul li{ display:block; width:100%; }

.proinfo_pic { display:block; width:92%; padding:0 4%; } 
.proinfo_cs { display:block; width:92%; padding:0 4%; }
.proinfo_cs h2{ font-size:23px; }
.pro_titb {  margin:0 4%; }
.swiper_proxg { width:220%; margin:30px 4%; }
.proxg_scroll .proxg-swiper-pagination { display:none; }

.newstit { padding:20px 4%; font-size:22px; }
.newscons{ padding:20px 4%; }
.commonDetailedContentsfoot{ margin:0 4%; }
.commonDetailedContentsfoot dl dd{ float:none; display:block; }
.commonDetailedContentsfoot dl dt{ float:none; display:block; padding:10px 0 0 0; }

/*case*/
.caselist { width:92%; padding:0 4%; }
.caselist li{ display:block; width:100%; margin:10px 0 20px 0; }

/*search*/
.search_tit { font-size:34px; padding:30px 0 0px 0; }
.search_form { margin:30px auto; width:80%; }

.pro_cons { padding:20px 4%; }


}