/* CSS Document */
@font-face {
	font-family: 'Alibaba-PuHuiTi-Bold'; 
	src: url(../font/Alibaba-PuHuiTi-Bold.ttf)
}
@font-face {
	font-family: 'Alibaba-PuHuiTi-Regular'; 
	src: url(../font/Alibaba-PuHuiTi-Regular.ttf)
}
@font-face {
	font-family: 'OPPO'; 
	src: url(../font/OPPO%20Sans_mianfeiziti.com.ttf)
}

div { font-size: 16px; }
body { font-family: Roboto, sans-serif; background-color: #eeeeee; }
/*Ã¥â€¦Â¬Ã§â€Â¨Ã¦Â Â·Ã¥Â¼Â*/
.edit-container { margin-right: auto; margin-left: auto; position: relative; width: 1680px; }
.swiper-container, .swiper-wrapper { width: 100%; height: auto; }
.swiper-slide { width: 100%; height: auto !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.swiper-active-switch { width: 150px; height: 5px; background-color: #dc3832; }
.swiper-pagination-bullet { width: 50px; height: 8px;  background-color: #f00; opacity: 1; position: relative; }
.swiper-pagination-bullet i {width: 50px;height: 8px;/* border: 2px solid #fff; */border-radius: 0;background-color: #34353b;position: absolute;/* margin: 0 0 0 50px; */}
.swiper-pagination-bullet-active, .swiper-pagination-bullet-active i { background-color: #87cac0;}
.row { margin: 0 -10px; }
.col-xs-12 { padding: 0 10px; }
.nnnnn{display:none;}
.cont_warp{display:none;}
/* Ã©Â¦â€“Ã©Â¡Âµ */
/*.home-banner { margin-top: -70px; }*/
.home-banner .swiper-container, .home-banner .swiper-wrapper { height: 100% !important; }
.home-banner .swiper-slide { height: 100% !important; overflow: hidden; }
.home-banner .swiper-slide img { display: block; height: auto; min-height: auto; min-width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100% !important; }
.home-banner .swiper-slide .video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.home-banner .swiper-slide .video video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.home-banner .swiper-slide a::after { content: ''; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; z-index: 9; }
.home-banner .swiper-slide:nth-child(1) a::after { content: ''; background-color: #000; opacity: 0; }
.home-banner .swiper-slide:nth-child(3) a::after { content: ''; background-color: #000; opacity: 0; }
.home-banner .swiper-slide:nth-child(4) a::after { content: ''; background-color: #000; opacity: 0; }
.home-banner .swiper-slide .fceng_index_imgtext { position: absolute; top: 26.5%; z-index: 10; left: 4.5%; }
.home-banner .swiper-slide .fceng_index_imgtext .title { font-size: 54px; /* font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œÃ§Â²â€”Ã¤Â½â€œ"; */ font-weight: bold; line-height: 1.2; margin-top: 25px; color: #fff; }
.home-banner .swiper-slide .fceng_index_imgtext .s-title { font-size: 24px; /* font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œÃ§Â²â€”Ã¤Â½â€œ"; */ font-weight: bold; line-height: 1.2; margin-top: 45px; color: #fff; }
.home-banner .swiper-slide .fceng_index_imgtext2 { position: absolute; top: 72%; z-index: 10; left: 4.5%; right: 4.5%; }
.home-banner .swiper-slide .fceng_index_imgtext2 .title { font-size: 48px; /* font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œÃ§Â²â€”Ã¤Â½â€œ"; */ font-weight: bold; line-height: 1.2; margin-top: 25px; color: #fff; }
.home-banner .swiper-slide .fceng_index_imgtext2 .s-title { font-size: 20px; /* font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œÃ§Â²â€”Ã¤Â½â€œ"; */ font-weight: bold; line-height: 1.2; margin-top: 45px; color: #fff; }
.home-banner .swiper-slide .fceng_index_imgtext img { height: auto; min-height: 0; width: 100%; position: static; transform: translate(0, 0); }
.home-banner .swiper-pagination { bottom: 35px;  }
.home-module { padding: 0 20px; }
.img_center {padding: 0 20px;padding-top: 20px;padding-bottom: 20px;display: block;overflow: hidden;background-color: #eeeeee;}
.cont-box:hover{
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transform: scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-0-transform:scale(1.2,1.2);
}
.img1{float:left;width:32.6%;background: url(../images/pic12.jpg)  no-repeat;height: 36vh;background-size: cover;}
.img2{float:left; width:32.6%; margin:0 1% ;background: url(../images/pic13.jpg)  no-repeat;height: 36vh;background-size: cover;}
.img3{float:left; width:32.6%; background: url(../images/pic14.jpg)  no-repeat; height: 36vh;background-size: cover;}
.img1 img , .img2 img{width:100%;}
.title-box{text-align:center; color:#fff; margin-top:12vh}
.title-box .title{font-size:32px;font-family:Alibaba-PuHuiTi-Bold}
.title-box  p{font-size:24px; font-family:OPPO}
.footer11_1 img{ width:100%}
.footer11_2_1{float:left;/* margin: 0 1%; */border-right: 1px solid #8d8d8d;}
.footer11_2_1:last-child{border-right:0}
.footer11_2_1 img{width:70%;}
.footer11_2_1 p{text-align:center; color:#4f4f4d}
.footer11_2{display: inline-block;margin: 20px auto;float:right}
@keyframes arrow { 0% {
opacity: 0;
}
 10% {
opacity: 0;
}
 30% {
opacity: 1;
}
 50% {
opacity: 1;
}
 70% {
opacity: 1;
}
 90% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
.home-zlhd { padding: 0 20px; margin-top: 20px; }
.home-zlhd .swiper-slide .img { display: block; width: 100%; }
.home-zlhd .swiper-slide .cont-box { width: 100%; position: absolute; top: 105px; left: 0; text-align: center; }
.home-zlhd .swiper-slide .cont-box .title { font-size: 42px; line-height: 1; color: #fff; margin-bottom: 30px; }
.home-zlhd .swiper-pagination { bottom: 25px; }
.home-zlhd .swiper-slide .more { width: 136px; height: 40px; line-height: 40px; margin: 60px auto 0 auto; background-color: #c94040; border-radius: 3px; font-size: 16px; color: #fff; }
.home-zlhd .swiper-slide .more:hover { background-color: #36353b; color: #fff; }
.home-zlhd a { color: #fff; }
.home-module2 .row { margin: 0 -10px; }
.home-module2 .col-xs-12 { padding: 0 10px; }
.home-module2 .block-box { position: relative; margin-top: 20px; overflow: hidden; }
.home-module2 .block-box .img { display: block; width: 100%; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }
.home-module2 .block-box .video::before { content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 9; }
.home-module2 .block-box .video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }
.home-module2 .block-box .video video { width: 100%; height: 100%; }
.home-module2 .block-box:hover .img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); }
.home-module2 .block-box.home-saishi:hover .img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.home-module2 .block-box.home-shehui:hover .img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.home-module2 .block-box:hover a::before { opacity: 0.3; }
.home-module2 .block-box.home-saishi:hover a::before { opacity: 0.5; }
.home-module2 .block-box:hover .video { opacity: 1; }
.home-module2 .block-box .swiper-slide { overflow: hidden; }
.home-module2 .block-box .cont-box { width: 100%; position: absolute; top: 23%;/*top: 50%; */ left: 0; transform: translate(0, -50%); z-index: 9; text-align: center; color: #fff; padding: 50px 0; }
.home-module2 .block-box .box1 { background: url(../images/icon21.png) center no-repeat; }
.home-module2 .block-box .box2 { background: url(../images/icon25.png) center no-repeat; }
.home-module2 .block-box .cont-box .title-box .title { font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 30px; margin-top: 10px; padding-left: 15px }
.home-module2 .block-box .cont-box .title-box .title1 { font-size: 30px; color: #000; font-weight: bold; line-height: 1; margin-bottom: 30px; margin-top: 10px; padding-left: 15px }
.home-module2 .block-box .cont-box .title-box img { padding-left: 15px; }
.home-module2 .block-box .cont-box .title-box .line-box { display: inline-block; position: relative; margin-top: 10px; padding-right: 28px; }
.home-module2 .block-box .cont-box .title-box .line-box img { display: block; }
.home-module2 .block-box .cont-box .title-box .line-box .circle { width: 24px; height: 24px; background-color: #d53434; border-radius: 100%; position: absolute; right: 0; top: 50%; margin-top: -12px; }
.home-module2 .block-box .cont-box .title-box .line-box .circle i { display: block; width: 100%; height: 100%; background: url(../images/icon/icon-circle-arrow.png) center no-repeat; background-size: cover; animation: arrow 1.5s ease-in-out infinite; position: absolute; left: 0; top: 0; }
.home-module2 .block-box .cont-box p { font-size: 18px; color: #fff }
.home-module2 .block-box.home-saishi .cont-box { top: 18%; }
.home-module2 .block-box.home-shehui .cont-box { top: 18%; }
.home-module2 .block-box.home-saishi .cont-inner { position: absolute; left: 10%; width: 70%; bottom: 10%; z-index: 9; }
.home-module2 .block-box.home-saishi .cont-inner .logo { font-size: 50px;/* font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œÃ§Â²â€”Ã¤Â½â€œ"; */ font-weight: bold; color: #fff }
.home-module2 .block-box.home-saishi .cont-inner .title { font-size: 32px;/* font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œÃ§Â²â€”Ã¤Â½â€œ"; */ font-weight: bold; line-height: 1.25; color: #fff; width: 100%; margin-top: 10px; }
.home-module2 .block-box.home-saishi .cont-inner .text { font-size: 18px; color: #fff; width: 100%; margin-top: 10px; }
.home-news { padding: 0 20px; margin-top: -30px; background: #fff; }
.home-news .title-box { position: absolute; left: 12%; top: 60px; z-index: 9; background: url(../images/icon25.png) center no-repeat; width: 200px; height: 155px }
.home-news .title-box a { color: #fff; }
.home-news .title-box .title { font-size: 30px;/* font-family: "æ€æºé»‘ä½“ç²—ä½“"; */ font-weight: bold; line-height: 1; text-align: center; color: #000; padding-top: 40px; padding-left: 15px; }
.home-news .title-box img { text-align: center; margin: 0 auto; display: block; padding-top: 20px; padding-left: 15px }
.home-news .title-box .line-box { display: inline-block; position: relative; margin-top: 10px; padding-right: 28px; }
.home-news .title-box .line-box img { display: block; }
.home-news .title-box .line-box .circle { width: 24px; height: 24px; background-color: #d53434; border-radius: 100%; position: absolute; right: 0; top: 50%; margin-top: -12px; }
.home-news .title-box .line-box .circle i { display: block; width: 100%; height: 100%; background: url(../images/icon/icon-circle-arrow.png) center no-repeat; background-size: cover; animation: arrow 1.5s ease-in-out infinite; position: absolute; left: 0; top: 0; }
.home-news .swiper-slide { background-color: #fff; }
.home-news .swiper-slide .img-box::before { content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0; /*opacity: 0.4;*/ position: absolute; top: 0; left: 0; z-index: 5; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }
.home-news .swiper-slide .img { display: block; width: 100%; }
.home-news .swiper-slide a { display: block; overflow: hidden; background-color: #fff; }
.home-news .swiper-slide .img-box { width: 65%; float: right; position: relative; }
.home-news .swiper-slide .cont-box { width: 35%; float: left; color: #fff; margin-top: 17%; }
.home-news .swiper-slide .cont-box .cont { padding-left: 80px; }
.home-news .swiper-slide .cont-box .cont .title { font-size: 0.3rem;/* font-family: "æ€æºé»‘ä½“ç²—ä½“"; */ font-weight: bold; line-height: 1.5; color: #000; padding-right: 50px; }
.home-news .swiper-slide .cont-box .cont p { display: none; font-size: 22px; line-height: 1.8; margin-top: 20px; }
.home-news .swiper-pagination { bottom: 25px; width: 70%; }
.home-news .swiper-slide .more { width: 136px; height: 40px; line-height: 40px; margin-top: 75px; background-color: #c94040; border-radius: 3px; font-size: 16px; text-align: center; }
.home-news .swiper-slide .more:hover { background-color: #36353b; color: #fff; }
.home-news .swiper-slide:hover a::before { opacity: 0.2; }
.home-news .swiper-pagination-bullet i { border-color: #ddd; }
.home-news .swiper-pagination-bullet-active, .home-news .swiper-pagination-bullet-active i { border-color: #d53434; }
/* Ã¦Å¸Â¥Ã§Å“â€¹Ã¦â€ºÂ´Ã¥Â¤Å¡Ã¦Å’â€°Ã©â€™Â®Ã¦Â Â·Ã¥Â¼ÂÃ¤Â¸â‚¬ */
.commonMore { font-size: 13px; overflow: hidden; position: relative; z-index: 0; display: flex; width: 170px; height: 45px; margin-top: 50px; padding: 0; text-indent: 10px; border: 1px solid #f4792b; border-radius: 32px; align-items: center; justify-content: center; color: #f4792b; cursor: pointer; margin: 0 auto }
.commonMore::before { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 2px; left: 3px; width: 39px; height: 39px; content: ""; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: #f4792b; }
.commonMore::after { font-size: 30px; line-height: 46px; position: absolute; z-index: -1; top: -4px; left: 7px; width: 30px; height: 30px; content: "+"; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: transparent; }
.block-box:hover .commonMore { color: #fff; border: 1px solid #d2d3d4; border-color: transparent; background: transparent; }
.block-box:hover .commonMore::before { content: ""; transform: scale(8); color: #f4792b; }
.block-box:hover .commonMore::after { color: #f4792b; }
.commonMore1 { font-size: 13px; overflow: hidden; position: relative; z-index: 0; display: flex; width: 130px; height: 35px; margin-top: 50px; padding: 0; text-indent: 10px; border: 1px solid #f4792b; border-radius: 32px; align-items: center; justify-content: center; color: #f4792b; cursor: pointer; line-height: 48px; margin-top: 20px }
.commonMore1::before { font-size: 33px; line-height: 40px; position: absolute; z-index: -1; top: 2px; left: 3px; width: 29px; height: 29px; content: ""; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: #f4792b; }
.commonMore1::after { font-size: 24px; line-height: 35px; position: absolute; z-index: -1; top: -3.1px; left: 2.6px; width: 30px; height: 30px; content: "+"; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: transparent; }
.commonMore1:hover { color: #fff; border: 1px solid #d2d3d4; border-color: transparent; background: transparent; }
.commonMore1:hover::before { content: ""; transform: scale(8); color: #f4792b; }
.commonMore1:hover::after { color: #f4792b; }
.commonMore1:hover a { color: #fff; display: block; }
.footer1 { background-color: #1b1b1b; padding: 40px 0 30px 0; display: block; overflow: hidden }
.ff1 { border-bottom: 1px solid #303030; display: block; overflow: hidden; padding-bottom: 50px; }
.fot_1 { width: 580px; float: right; }
.fot_1 img { margin-bottom: 10px; width: 100% }
.fot_1 p { font-size: 15px; color: #898989; line-height: 30px }
.main { padding: 0 20px; }
.main1 { padding: 0 50px; }
.fot_2 { width: 60%; float: left; padding: 0 0; }
.f_nav { float: left; color: #898989; text-align: center; padding-right: 15%; padding-top: 10px }
.f_nav h3 { font-size: 16px; padding-bottom: 15px; float: left; line-height: 30px; color: #f1f1f1 }
.f_nav .f_nav_r { float: left; margin-left: 20px }
.f_nav p a { font-size: 15px; line-height: 30px; color: #898989 }
.f_nav p a:hover { color: #f4792b; }
.fot_1_l { float: left;/* padding-left:20% */ }
.fot_1_r { float: right; padding-left: 5%; border-left: 1px solid #4e4d4d; }
.fot_1_r h4 { font-size: 15px; color: #f1f1f1; margin-bottom: 20px }
.fot_3 { padding-top: 30px }
.f_icon23 { float: left; margin-left: 18% }
.fot_3_t { }
.fot_3_t span { font-size: 15px; color: #898989; line-height: 30px; padding-right: 2% }
.fot_3_t span a { color: #898989; }
.fot_3_t span img { vertical-align: middle; padding-right: 10px; }
.foot_warp { display: none; }
.banner_nyp { width: 100%; }
.banner_nyw { display: none; }
.subnav_bj1 { width: 100%; height: 60px; background-color: #f4792b; line-height: 60px; text-align: center }
.subnav1 a { padding: 0 1.5%; font-size: 18px; color: #fff; display: inline-block; }
.subnav1 a:hover, .subnav1 a.on2 { background-color: #1b1b1b; color: #fff }
.title1 { text-align: center; margin: 50px 0 30px 0; display: block; overflow: hidden }
.title1 h3 { font-size: 35px; color: #333333; font-weight: bold; }
.title1 h4 { font-size: 18px; color: #999999; text-transform: uppercase; padding-top: 5px }
#pro_div2 { margin-top: 0; overflow: hidden; position: relative; margin-bottom: 1rem }
#pro_div2 .mr_frBtnL { position: absolute; left: 0%; top: 40%; width: 0.2rem; height: 0.45rem; z-index: 100; cursor: pointer; }
#pro_div2 .mr_frBtnR { position: absolute; right: 0%; top: 40%; width: 0.2rem; height: 0.45rem; z-index: 100; cursor: pointer; }
#pro_list2 { position: relative; width: 90%; margin-left: 3% }
#pro_list2 ul li { float: left; width: 25%; margin-right: 20px }
#pro_list2 ul li img { width: 100%; float: left }
#pro_list2 ul li p { text-align: center; font-size: 18px; color: #333; line-height: 40px }
.title_bj { background-color: #f4792b; display: block; overflow: hidden; margin-top: 60px }
.title2 { text-align: center; margin: 50px 0 30px 0; display: block; overflow: hidden }
.title2 h3 { font-size: 35px; color: #fff; font-weight: bold; }
.title2 h4 { font-size: 18px; color: #fff; text-transform: uppercase; padding-top: 5px }
/* Ã¥Ë†â€ Ã©Â¡Âµ */
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; padding-top: 0; margin: 50px 0 }
.page a { display: inline-block; margin: 5px; height: 35px; line-height: 35px; padding: 0 14px; border: #a3a3a3 solid 1px; color: #a3a3a3; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 12px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
.xncs { border: 1px solid #cccccc; border-bottom: 0; width: 100%; margin-top: 30px }
.xncs .xncs_t1 { font-size: 22px; color: #333333; border-bottom: 1px solid #cccccc; height: auto; width: 40%; padding: 10px }
.xncs .xncs_t2 { font-size: 22px; color: #555555; border-bottom: 1px solid #cccccc; height: auto; width: 59%; line-height: 28px; border-left: 1px solid #cccccc; padding: 10px }
.con1 { display: block; overflow: hidden; margin-top: 50px }
.con1 .con_li { float: left; width: 30%; margin: 0 1.6% 30px 1.6%; }
.con1 .con_li .img1 img { width: 100%; }
.con1 .con_li p, .ve_p {  height: 50px;line-height: 24px;margin-top:10px;font-size: 16px;color: #333;font-family:Alibaba-PuHuiTi-Bold }
.videolist { position: relative; }
.con1 h3 { font-size: 1.2rem; color: #333; margin: 2rem 0 }
#video { width: 100%}
.videolist img { width: 100%; }
.videolist:hover { cursor: pointer; }
.videoed { display: none; width: 50px; height: 50px; position: absolute; left: 45%; top: 45%; z-index: 99; border-radius: 100%; }
.videos {display: none;border: 1px solid #080808;position: fixed;left: 35%;top: 20%;margin-left: -10%;margin-top: -00px;z-index: 100;width: 50%;height: 360px;}

.vclose { position: absolute; right: 1%; top: -30px; border-radius: 100%; cursor: pointer; }
.ved { position: relative; top: 25%; z-index: 9; left: 50%; }
.ved img { width: auto; }
.ved1 { position: absolute; left: 0 }
.faq_li { margin: 40px 0; }
.faq_li h3 { background-color: #f1f1f1; padding: 15px 15px; font-size: 20px; color: #333333; display: block; overflow: hidden; vertical-align: middle; font-weight: bold }
.faq_li h3 img { padding-right: 5px; }
.faq_li p { font-size: 17px; color: #666666; line-height: 30px; padding: 15px 40px }
.meu { margin-bottom: 10px }
.meu a { font-size: 16px; color: #666666; padding: 7px 15px; display: inline-block }
.meu a.on4, .meu a:hover { background-color: #f4792b; color: #fff; }
.down h3 a { font-size: 16px; color: #666666; padding: 7px 15px; display: inline-block }
.down h3 a.on4, .down h3 a:hover { background-color: #f4792b; color: #fff; }
.con1 .con_li .img1 img { width: 100%; }
.after ul { margin-right: -3.33%; }
.after ul li { width: 30%; margin-right: 3.33%; background-color: #f1f1f1; display: block; overflow: hidden; padding: 2%; float: left; margin-bottom: 3% }
.after ul li .after_img { float: left; margin-right: 20px }
.after ul li h3 { font-size: 24px; color: #333333; margin-top: 10px }
.fh a { font-size: 14px; color: #999999; padding: 20px 0; display: block; overflow: hidden }
.fh a:hover { color: #f4792b; }
.ss_bj { padding: 20px 0 60px 0; background-color: #f1f1f1; display: block; overflow: hidden; }
.ss { width: 210px; float: left; margin-top: 1.8rem; margin-right: 20px }
.inner-box { width: 1000px; margin: 30px auto 0 auto; border: 2px solid #b5b5b5; border-radius: 3px; padding-left: 108px; background-color: #fff; position: relative; }
.inner-box .input-text { width: 100%; border: 0; font-size: 22px; padding: 27px 0; }
.inner-box .search-btn { width: 30px; height: 33px; background: url(../images/ss.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -16.5px; left: 45px; }
.search-list { padding: 50px 0; }
.search-listW { width: 100%; }
.search-list .top-box { font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b5; }
.search-list .top-box span { color: #d53434; }
.search-list .top-box .number { font-size: 20px; }
.search-list li { padding: 45px 0; border-bottom: 1px solid #b5b5b5; font-size: 16px; }
.search-list li .title { font-size: 18px; color: #000; padding-left: 18px; background: url(../images/icon/icon-dot.png) 0 8px no-repeat; }
.search-list li .cont { color: #6a6a6a; margin-top: 10px; padding-left: 18px; }
.online { padding: 0 20px }
.qq1 { margin-right: -3.3%; margin-top: 50px; margin-bottom: 60px; display: block; overflow: hidden }
.qq1 li { float: left; width: 30%; margin-right: 3.3%; background-color: #f1f1f1; padding: 30px 9%; display: inline-block; }
.qq1 li img { float: left; }
.qq1 li .qq_t { float: left; margin-left: 5%; }
.qq1 li .qq_t h3 { font-size: 16px; color: #666666; padding: 25px 0 5px 0 }
.qq1 li .qq_t p { font-size: 16px; color: #666666; }
.online1 h4 { background: url(../images/lin.png) 50% 13px no-repeat; font-size: 24px; color: #666666; text-align: center; display: block; text-transform: capitalize; }
.online1 p { font-size: 36px; color: #333333; text-align: center; padding: 30px 0; }
.online1 p img { display: block; margin: 0 auto 60px auto; text-align: center; }
.a_bj { background: url(../images/a-bj.jpg) 100% bottom no-repeat; display: block; overflow: hidden; }
.a_l { float: left; width: 30%; }
.a_l img { width: 100%; }
.a_r { width: 64%; float: right; margin-right: 3% }
.a_t p { font-size: 24px; color: #000000; line-height: 50px; text-indent: 2em }
.t_li_1:last-child { margin-right: 0; }
.t_li_1 { float: left; width: 30%; margin-right: 3.333%; }
.t_li_1 p { padding: 5px 3%; border: 1px solid #ee780c; color: #ee780c; font-size: 28px; border-radius: 10px; display: inline-block; margin-top: 30px; font-weight: bold }
/*äº§å“*/
.product-list { padding: 0 20px; }
.product-list li { margin-top: 20px; position: relative; overflow: hidden; }
.product-list li img { display: block; width: 100%; }
.product-list li .img { width: auto; height: 100%; position: absolute; bottom: 0; transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; }
.product-list li .img.left { left: -100%; }
.product-list li .img.right { right: -100%; }
.product-list li .img.left.animation { left: 0; }
.product-list li .img.right.animation { right: 0; }
.product-list li .cont-inner { width: 32%; position: absolute; top: 25%; z-index: 9; }
.product-list li .cont-inner .title-box { display: inline-block; }
.title-box:hover{
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transform: scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-0-transform:scale(1.2,1.2);
}
.product-list li .cont-inner .title-box .title {font-size:32px;font-family:Alibaba-PuHuiTi-Bold; /* font-family: "æ€æºé»‘ä½“ç²—ä½“"; */  line-height: 1; margin-bottom: 10px; }
.product-list li .cont-inner .title-box .title span.tit-ml { display: inline-block; /*margin-left: -30px;*/ }
.product-list li .cont-inner .title-box .title img { display: inline; width: auto; }
.product-list li .cont-inner .title-box .e-title { height: 32px; line-height: 32px; background: url(../images/product/product-view-line-bg.png) center no-repeat; background-size: auto 100%; text-align: center; font-size: 25px; color: #fff; font-style: italic; }
.product-list li .cont-inner .title-box .line-box {font-size:24px; font-family:OPPO; display: inline-block; position: relative; /*margin-top: 15px; */ width: 334px; height: 35px; /* text-transform: uppercase;*/ line-height: 35px; padding-left: 15px }
.product-list li .cont-inner .title-box .line-box img { display: inline-block; width: auto;/* float: left; */ padding-left: 70px; }
.product-list li .cont-inner .title-box .line-box .circle { width: 34px; height: 34px; background-color: #d53434; border-radius: 100%; position: absolute; right: 0; top: 50%; margin-top: -17px; }
.product-list li .cont-inner .title-box .line-box .circle i { display: block; width: 100%; height: 100%; background: url(../images/icon/icon-circle-arrow.png) center no-repeat; background-size: cover; animation: arrow 1.5s ease-in-out infinite; position: absolute; left: 0; top: 0; }
.product-list li .cont-inner .cont { margin-top: 80px; padding-left: 5px; }
.product-list li .cont-inner .cont .logo img { width: auto; }
.product-list li .cont-inner .cont .title { font-size: 24px; margin-top: 10px; line-height: 50px }
.product-list li .cont-inner .cont p { font-size: 22px; line-height: 1.5; margin-top: 25px; }
.product-list li .cont-inner.left { left: 12%; }
.product-list li .cont-inner.right { right: 12%; }
.product-list li.through .cont-inner { color: #fff; }
.product-list li.through .cont-inner.left { left: 4%; }
.product-list li.through .cont-inner.right { right: 2%; }
.product-list li.through .cont-inner.right .cont p { text-align: right; }
.product-list li.through .cont-inner.cont3 { margin-top: 5%; }
.pro_title { background: url(../images/icon1.png) no-repeat; height: 63px; line-height: 63px; margin: 40px 20px; font-size: 30px; color: #fff; padding-left: 60px }
.pro_bj { background-color: #fff; padding: 45px 0; display: block; overflow: hidden; text-align: center }
.pro_bj a { display: inline-block; color: #797979; padding: 10px 30px; font-size: 22px; font-family: 'OPPO';}
.pro_bj a:hover, .pro_bj a.on3 { background-color: #87cac0; color: #fff; }
.pro_bj1 { padding: 20px 0; display: block; overflow: hidden; text-align: center }
.pro_bj1 a { display: inline-block; color: #797979; padding: 10px 30px; font-size: 22px; }
.pro_bj1 a:hover, .pro_bj1 a.on3 { background-color: #87cac0; color: #fff; }
.inner-list { padding: 0 100px; }
.inner-list .row { margin: 0 -10px; }
.inner-list .col-xs-12 { padding: 0 10px; height:62vh}
.inner-list .block-box { margin: 48px 0 27px 0; /*position: relative;*/ overflow: hidden; }
.inner-list .block-box img { display: block; width: 100% }
.inner-list .block-box .s-title { font-size: 32px; color: #000; /*position: absolute;*/ top: 30px; left: 27px; font-family:OPPO}
.inner-list .block-box .logo {width: 100%;/*position: absolute;*/left: 27px;top: 12%;font-size: 32px;color: #87cac0;font-family:Alibaba-PuHuiTi-Bold}
.inner-list .block-box .logo2 { opacity: 0.5; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.inner-list .block-box .logo3, .inner-list .block-box .logo3 { width: 25%; /*position: absolute;*/ right: 15px; bottom: 10px;text-align:right }
.inner-list .block-box .car {width: 100%;/*position: absolute;*/left: 0;top: 21%;bottom: 0;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transform: scale(0.93);-webkit-transform: scale(0.93);-moz-transform: scale(0.93);}
.inner-list .block-box::before { content: ''; width: 46px; height: 46px; background: url(../images/icon/icon-link.png) center no-repeat; background-size: cover; position: absolute; left: 30px; bottom: 35px; opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }
.inner-list .block-box:hover .car { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.inner-list .block-box:hover::before { opacity: 1; }
.inner-list .block-box:hover .logo2 { opacity: 1; }
.inner-list .block-box .car img {width: 47%;margin: 0 auto;}
.inner-list .block-box .logo img { width: 86%; margin: 0 auto; }
.price {padding: 0 1.38rem 60px 1.38rem;/* margin-bottom: 50px; */display: block;overflow: hidden;background-color: #fff;}
.price dl dt { float: left; width: 26%; color: #fff; background-color: #87cac0; font-size: 0.2rem; font-weight: normal; margin-right: 1px; margin-bottom: 1px; line-height: 0.5rem; }
.price dl dd { float: left; color: #333333; font-size: 0.2rem; background-color: #f1f1f1; font-weight: normal; text-align: left; line-height: 0.5rem; padding-left: 2% }
.price dl .d1 { width: 30%; margin-right: 1px; margin-bottom: 1px }
.price dl .d2 { width: 43%; margin-bottom: 1px }
.qcjs-details-inner { padding: 0 20px; }
.qcjs-details-inner .step-view { margin-top: 20px; background-color: #fff; padding: 0px 90px 0 90px;/* position: relative; */}
.qcjs-details-inner .step-view li { overflow: hidden; }
.qcjs-details-inner .step-view li .black-box { /*width: 50%;*/ }
.qcjs-details-inner .step-view li .black-box.left { float: none; height:none }
.qcjs-details-inner .step-view li .black-box.right { float: none;height:none }
.zl { margin-bottom: 50px; /*margin-top: 30px*/ }
.zl ul{/*margin-right:-2%;*/ display:block; overflow:hidden}
.zl ul li {width: 90%;float: none;margin-left: 5%;margin-bottom:40px;}
.zl ul li img{width:100%;}
.laosding { width: 120px; margin:0 auto; height: 40px; background: #333333 ; margin-top: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.laosding:hover { background: #ae8c44; cursor: pointer; }
.laosding a {display: block;height: 40px;color: #fff;text-align: center;line-height: 40px;}
.cont_pc{background: url(../images/contact_pc.jpg) center no-repeat;height: 579px;}
@media (max-width: 1400px) {
.qcjs-details-inner .step-view li .black-box.left { float: left; height:350px }
.qcjs-details-inner .step-view li .black-box.right { float: right;height:350px }
}
.qcjs-details-inner .step-view .number-box { /*position: relative; */display:none}
.qcjs-details-inner .step-view .number-box::before { content: ''; width: 100%; height: 6px; background-color: #f0f0f0; position: absolute; left: 0; bottom: 11px; }
.qcjs-details-inner .step-view .number-box img { position: relative; z-index: 9; background-color: #fff; padding: 0 30px 0 24px; margin-left: 150px; }
.qcjs-details-inner .step-view .inner { padding: 20px 30% 20px 30%}
.qcjs-details-inner .step-view .inner .title { font-size: 32px; color: #d53434; /* font-family: "æ€æºé»‘ä½“ç²—ä½“"; */ font-weight: bold; display:none}
.qcjs-details-inner .step-view .inner .cont { font-size: 20px; line-height: 2; margin-top: 25px; font-family: 'OPPO'}
.qcjs-details-inner .step-view::before { content: ''; width: 6px; height: 100%; background-color: #f0f0f0; /*position: absolute; */left: 50%; margin-left: -3px; top: 0; }
.qcjs-details-inner .step-view .block-box2 { margin-top: 120px; }
.aqcg-video .video-play2 { width: 100px; height: 100px; background: url(../images/icon/icon-video-play.png) center no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; z-index: 9; cursor: pointer; display: none; }
.aqcg-video { margin-top: 20px; position: relative; }
.aqcg-video video { display: block; width: 100%; }
.aqcg-video iframe{width:100%; height:940px}
.aqcg-video .auto-video { background: #000; padding: 4% 0; }
.aqcg-video .auto-video .video-cont { width: 40%; margin: 0 auto; }
.proxc_bj { background-color: #87cac0; padding-bottom: 40px;  }
.title3 { text-align: center; color: #fff; padding: 70px 0 50px 0 }
.title3 h3 { font-size: 36px; text-transform: uppercase }
.title3 h4 { font-size: 18px; }
.title4 { text-align: center; padding: 70px 0 20px 0 }
.title3  p{font-size: 16px; padding-top:10px}
.title4 h3 { font-size: 0.2rem; color: #87cac0; text-transform: uppercase }
.title4 h4 { font-size: 0.3rem; margin-top: 0.1rem; color: #000 }
.sp img { width: 100%; }
.xgcp { width: 100%; margin: 0.5rem 0 5rem 0; display: block }
.xgcp ul li a { float: left; width: 25%; padding: 0 5%; }
.xgcp ul li img { width: 100%; }
.xgcp ul li p { text-align: center; font-size: 18px; color: #333333; margin-top: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.online h1 { height: 40px; background: url(../images/wz_ico.png) no-repeat 0; color: #787878; padding-left: 20px; font-size: 12px; line-height: 40px; }
.online a { color: #787878; font-size: 12px; }
.online a:hover { color: #ac1a6c; font-size: 12px; }
.online a.xz { color: #ac1a6c; }
.about { display: block; overflow: hidden; margin: 4% 5% 0 5% }
.about_l { float: left; width: 55%;/* background: url(../images/icon31.png) no-repeat center center;*/ background-size: 40% }
.title5 { padding: 20px 0 25px 0 }
.title5 h3 { font-size: 0.2rem; color: #87cac0; text-transform: uppercase }
.title5 h4 { font-size: 0.3rem; color: #000 }
.title6 { padding: 0.7rem 0 0.7rem 0 }
.title6 h3 { font-size: 0.36rem; color: #fff; text-transform: uppercase }
.title6 h4 { font-size: 0.2rem; color: #fff }
.about_l p { font-size: 0.19rem; color: #333333; line-height: 0.37rem; text-indent: 2em; font-family: 'OPPO';}
.about_r { width: 42%; float: right; position: relative }
.about_r img{width:100%; margin-top:7vh}
.boxes.cur { background: url(../images/curBG.jpg) center center no-repeat; background-attachment: fixed; }
.curList { width: 90%; padding-top: 25px; margin-bottom: 50px; margin: 0 auto; }
.curList ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.curList ul li { width: 30%; position: relative; }
.curList ul li .icon { width: 60px; height: auto; line-height: 60px; text-align: center; font-size: 28px; margin-bottom: 20px; border-radius: 50%; color: #1cb6cd; background: #fff; }
.curList ul li .info { width: 100%; margin-top: 0.2rem; }
.curList ul li .info .name { font-size: 0.3rem; margin-bottom: 15px; }
.curList ul li .info .des { font-size: 0.18rem; line-height: 1.7; }
.ydh { width: 60%; background: #fff; border-radius: 10px; padding: 0.4rem 20px; display: flex; align-items: center; justify-content: center; margin-left: 5%; margin-top: 0.8rem; margin-bottom: 1rem; }
.ydh .txt { font-size: 14px; line-height: 2; padding-left: 50px; position: relative; margin-left: 40px; }
.ydh .txt::after { width: 1px; height: 90%; content: ''; background: rgba(0, 0, 0, .1); position: absolute; left: 0px; top: 5%; }
.box_w { width: 90%; margin: 0 auto; }
.sh_w { display: none; }
.news_ny { margin-top: 0.5rem; }
.news_ny ul { clear: both; display: block; overflow: hidden }
.news_ny ul li a { padding: 20px; display: block; margin-top: 0.1rem; overflow: hidden; }
.news_ny ul li .news_tt { float: right; width: 76%; }
.news_ny ul li .news_tt h2 { font-size: 0.25rem; color: #333;font-weight: bold;font-family: 'OPPO'; }
.news_ny ul li .news_tt p { font-size: 0.18rem; color: #333; line-height: 0.3rem; margin-top: 0.2rem;font-family: 'OPPO'; }
.news_ny ul li .news_tt h3 {font-size: 00.3rem;color: #87cac0;margin-bottom: 0.2rem;margin-top: 0.1rem;font-family: 'OPPO';}
.news_ny ul li .news_img { width: 22%; float: left; position: relative; overflow: hidden; }
.news_ny ul li .news_img img { width: 4rem; height: 2.5rem; display: block; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }
.more1 { width: 136px; height: 40px; line-height: 40px; margin-top: 0.3rem; background-color: #87cac0; border-radius: 3px; font-size: 16px; text-align: center; color: #fff }
.news_ny ul li:hover .news_tt .more1 { background-color: #36353b; color: #fff; }
.news_ny ul li:hover .news_img img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); }
/*èµ›äº‹æ–°é—»è¯¦æƒ…*/
.infor_ss_news_detial {/* width: 96%;max-width: 1400px; */ margin: 20px auto 0 auto; padding: 0 20px; overflow: hidden; position: relative; }
.infor_ss_news_detial_title h2 { font-size: 0.4rem; font-weight: bold; color: #000; text-align: center; }
.infor_ss_news_detial_title p { font: 24px/32px ''; color: #000; text-align: center;/* margin-bottom: 25px; */ margin-top: 15px; }
.infor_ss_news_detial_item { background: #fff; padding: 60px 0 0 0; }
.infor_ss_news_detial_item p { font: 16px/42px ''; color: #000; text-indent: 2em; }
.infor_ss_news_detial_item .row p { text-indent: 0; }
.infor_ss_news_detial_item p img,.infor_ss_news_detial_item img{padding:10px 0; margin: 0 auto; display: block;}
.infor_ss_news_detial_item p.point { padding-left: 20px; }
.infor_ss_news_detial_item p.point span { margin-left: -20px; }
.detial-left-box { }
.detial-left-box-cont { padding: 65px 70px; background-color: #fff; min-height: 812px; float: left; width: 73.6%; }
.detial-left-box-cont1 { padding: 65px 70px; background-color: #fff; width: 100%; }
.detial-right-box1 { float: right; width: 24%; }
.detial-right-box1 .qjyd-box { padding: 30px 65px; background-color: #fff; }
.detial-right-box1 .qjyd-box .top-title { font-size: 20px; font-weight: bold; }
.detial-right-box1 .qjyd-box .cont-inner { margin-top: 5px; }
.detial-right-box1 .qjyd-box .cont-inner li { padding: 20px 0; border-bottom: 1px dashed #c4c4c4; }
.detial-right-box1 .qjyd-box .cont-inner li h3 { font-size: 16px; color: #000; position: relative; padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detial-right-box1 .qjyd-box .cont-inner li h3::before { content: ''; width: 5px; height: 5px; background-color: #000; position: absolute; left: 0; top: 6px; }
.detial-right-box1 .qjyd-box .cont-inner li p { font-size: 14px; color: #5b5b5b; margin-top: 15px; }
.rcll_1 { width: 90%; margin: 0 auto; border: 5px solid #9b9a99; margin-top: 0.6rem }
.rc_w1 { padding: 0.5rem 27% 0.8rem 27%; }
.rc_w2 { padding: 0.5rem 15% 0.8rem 15%; margin-top: 1.2rem; display: block; overflow: hidden; margin-bottom: 0.3rem }
.rcll_1 h3 { font-size: 0.3rem; color: #c2292b; text-align: center; margin-bottom: 0.4rem }
.rcll_1 p { font-size: 0.17rem; color: #333; line-height: 0.3rem; }
.rcll_2 { width: 90%; margin: 0 auto; margin-top: 0.6rem; }
.rcll_2 ul { margin-right: -4%; }
.rcll_2 ul li { width: 46%; margin-right: 4%; float: left; border-top-left-radius: 80px; border-bottom-right-radius: 80px; background-color: #fff; padding-bottom: 0.2rem; height: 9.3rem; margin-bottom: 0.6rem }
.rcll_2 ul li img { width: 100%; }
.rcll_2 ul li h3 { font-size: 0.3rem; color: #000; padding: 0.3rem 0.4rem 0.2rem 0.4rem }
.rcll_2 ul li h4 { width: 50px; height: 1px; background-color: #c2292b; margin: 0 0.4rem }
.rcll_2 ul li p { font-size: 0.16rem; line-height: 0.3rem; color: #666; padding: 0.2rem 0.4rem }
.joinList { padding-top: 40px; }
.joinList .swiper-slide { width: 23.5%; position: relative; height: 280px; margin-right: 2%; margin-bottom: 25px; background: #fff; cursor: pointer; padding: 4% 3%; border-radius: 30px 0px 30px 0px; }
.joinList .swiper-slide:nth-child(4n) { margin-right: 0%; }
.joinList { height: 0px; overflow: hidden; }
.joinList .swiper-wrapper { flex-wrap: wrap; }
.joinList.active { height: auto; }
.jboxs { padding-bottom: 50px; }
.joinList .swiper-slide .title { font-size: 22px; line-height: 1.4; position: relative; margin-bottom: 15px; padding-bottom: 10px; min-height: 46px; font-weight: bold; }
.joinList .swiper-slide .title::after { width: 15%; height: 2px; position: absolute; left: 0px; bottom: 0px; content: ''; background: #c2292b; -webkit-transition: all .5s; }
.joinList .swiper-slide:hover .title { color: #c2292b; }
.joinList .swiper-slide:hover .title::after { width: 100%; }
.joinList .swiper-slide .des { width: 100%; height: auto; position: relative; line-height: 2; height: 200px; overflow: hidden; }
.join_xq { background: #fff; padding: 5%; margin-top: 0.3rem }
.join_xq p { font-size: 16px; color: #333; line-height: 34px }
.downn { padding: 0.1rem 0.2rem; background-color: #c2292b; color: #fff; }
.title_bj1 { background: url(../images/pic4.jpg) no-repeat 0 50%; height: 1.2rem; }
.title7 { padding: 0 20px }
.title7 h3 { font-size: 0.2rem; color: #fff; text-transform: uppercase; padding-top: 0.3rem }
.title7 h4 { font-size: 0.25rem; color: #fff; padding-top: 5px }
.title8 { margin-bottom: 0.2rem; }
.title8 h3 { font-size: 0.2rem; color: #333; text-transform: uppercase; padding-top: 40px }
.title8 h4 { font-size: 0.25rem; color: #000; padding-top: 5px }
.ppys { margin-top: 0.5rem; display: block; overflow: hidden; margin-bottom: 0.5rem }
.ppys_t { width: 50%; background-color: #fff; height: 5.5rem; padding: 1rem 0.5rem }
.ppys_t h3 { font-size: 0.3rem; color: #c2292b; padding-bottom: 0.5rem }
.ppys_t p { font-size: 0.18rem; color: #000; line-height: 0.4rem; }
.ppys_img { width: 50%; }
.ppys_img img { width: 9.33rem; height: 5.5rem; }
.p_l { float: left; }
.p_r { float: right; }
.ppys_2 { background: url(../images/yyds.jpg) no-repeat 50% 0; height: 4rem; padding-top: 20px }
.ppys_2_l { float: left; width: 40%; }
.ppys_2_l p, .ppys_2_r p { font-size: 0.18rem; color: #fff; line-height: 0.25rem; padding: 0.1rem 0; }
.ppys_2_r { float: right; width: 33%; margin-right: 5%; }
.tiaojian_bj { background: url(../images/pic23.png) no-repeat 50% 0; background-size: cover; height: 9rem; padding-top: 0.6rem }
.tiaojian { width: 53%; float: right; }
.tiaojian p { font-size: 0.18rem; vertical-align: middle; line-height: 0.6rem }
.tiaojian p img { vertical-align: middle; padding-right: 5px }
.dh { margin-top: 2.7rem; margin-left: 37%; font-size: 0.4rem; color: #fff }
.dh i { font-size: 0.48rem; padding-left: 20px; }
.jm_bj { margin-top: 0.3rem }
.form { width: 50%; background: url(../images/jm_bj_1.jpg) no-repeat 50% 0; height: 5.4rem; }
.form label { font-size: 0.5rem; color: #000; font-weight: normal; margin-left: 15%; margin-top: 0.5rem; margin-bottom: 0.1rem }
.form .label1 { width: 70%; margin: 0 auto; margin-bottom: 30px; }
.form .label1 .tt { vertical-align: top; font-size: 14px; color: #444; }
.form .label1 .input1 { width: 45%; height: 0.7rem; font-size: 0.18rem; border-bottom: 1px solid #ccc; border-top: 0; border-left: 0; border-right: 0; margin-right: 3%; outline: none; padding-left: 10px; color: #777; background-color: rgba(255,255,255,0) }
.form .label1 .input4 { width: 93%; height: 0.7rem; line-height: 0.2rem; font-size: 0.18rem; border-bottom: 1px solid #ccc; border-top: 0; border-left: 0; border-right: 0; margin-right: 20px; outline: none; padding-left: 10px; color: #777; background-color: rgba(255,255,255,0); }
 .form .label1 .input4::-webkit-scrollbar {
 display: none;
}
.form .label1 span { color: #666; margin-right: 30px; }
.form .label1 .button { width: 136px; height: 40px; line-height: 40px; margin-top: 0.3rem; cursor: pointer; outline: none; border: 0; background-color: #c2292b; font-size: 16px; text-align: center; color: #fff }
.jm_title { width: 50%; text-align: center; background: url(../images/jm_bj_2.jpg) no-repeat 50% 0; height: 5.4rem; }
.jm_title h3 { font-size: 0.3rem; color: #fff; text-transform: uppercase; padding-top: 2rem; margin-bottom: 0.1rem }
.jm_title h4 { font-size: 0.5rem; color: #fff; }
@media (max-width: 1750px) {
#pro_div1 { height: 78vh; }
#pro_div1 .mr_frBtnL { top: 67vh; }
#pro_div1 .mr_frBtnR { top: 67vh; }
.st_r { width: 55%; }
.a_t p { font-size: 22px; color: #000000; line-height: 46px; text-indent: 2em }
.t_li_1 p { font-size: 26px; }
.product-list li .cont-inner .title-box .title { font-size: 60px; }
.product-list li .cont-inner .cont { margin-top: 50px; padding-left: 5px; }
}
@media (max-width: 1600px) {
.f_icon23 { float: left; margin-left: 10%; }
#pro_div1 { height: 72vh; }
#pro_div1 .mr_frBtnL { top: 62vh; }
#pro_div1 .mr_frBtnR { top: 62vh; }
.pro_display_t h5 { margin-top: 15px; font-size: 26px }
.pro_display_t p { font-size: 18px; }
.pro_display_t p a { line-height: 30px; }
.pro_display_t { margin-top: 40px; }
.st_r { width: 50%; }
.fot_2 { width: 50%; float: left; padding: 0 0; }
.f_nav { float: left; color: #898989; text-align: center; padding-right: 12%; padding-top: 10px }
.a_t p { font-size: 20px; color: #000000; line-height: 40px; text-indent: 2em }
.t_li_1 p { font-size: 22px; }
.product-list li .cont-inner .title-box .title { font-size: 50px; }
.product-list li .cont-inner .cont .title { font-size: 22px; margin-top: 10px; line-height: 40px; }
.dh { margin-top: 2.6rem; }
}
@media (max-width: 1500px) {
.a_t p { font-size: 20px; color: #000000; line-height: 34px; text-indent: 2em }
.t_li_1 p { font-size: 22px; margin-top: 20px }
}
@media (max-width: 1400px) {
.f_icon23 { float: left; margin-left: 4%; }
#pro_div1 { height: 66vh; }
#pro_div1 .mr_frBtnL { top: 56vh; }
#pro_div1 .mr_frBtnR { top: 56vh; }
.st_r { width: 46%; }
.fot_2 { width: 45%; float: left; padding: 0 0; }
.f_nav { float: left; color: #898989; text-align: center; padding-right: 5%; padding-top: 10px }
.a_t p { font-size: 18px; color: #000000; line-height: 30px; text-indent: 2em }
.t_li_1 p { font-size: 20px; margin-top: 20px }
.product-list li .cont-inner .cont .title { font-size: 20px; margin-top: 0; line-height: 40px; }
.product-list li .cont-inner { top: 20%; }
}
@media (max-width: 992px) {
/* Ã§Â¼Â©Ã¥Â°Â60% */
.edit-container { width: auto; }
/* Ã©Â¦â€“Ã©Â¡Âµ */
.home-banner .swiper-slide img { left: 50%;/* transform:translate(-50%,0);*/ height: 100%; min-height: 100%; width: auto !important; }
.home-banner .swiper-pagination { bottom: 20px; }
.home-zlhd { padding: 0; margin-top: 12px; }
.home-zlhd .swiper-slide .cont-box { top: 12%; }
.home-zlhd .swiper-slide .cont-box .title { font-size: 18px; margin-bottom: 10px; }
.home-zlhd .swiper-slide .cont-box .logo img { height: 41px; }
.home-zlhd .swiper-slide .more { margin-top: 30px; font-size: 12px; width: 108px; height: 32px; line-height: 32px; }
.home-zlhd .swiper-pagination { bottom: 10px; }
.home-module2 .block-box { margin-top: 12px; }
.home-module2 .block-box .cont-box { top: 6%; transform: translate(0, 0); }
.home-module2 .block-box .cont-box .title-box .title { font-size: 28px; }
.home-module2 .block-box .cont-box .title-box .line-box { padding-right: 22px; }
.home-module2 .block-box .cont-box .title-box .line-box img { height: 8px; }
.home-module2 .block-box .cont-box .title-box .line-box .circle { width: 16px; height: 16px; margin-top: -8px; }
.home-module2 .block-box .cont-box p { font-size: 14px; }
.home-module2 .block-box .video, .home-module2 .block-box:hover .video { opacity: 0 !important; display: none !important; }
.home-module2 .block-box.home-saishi .cont-box { top: 12%; }
.home-module2 .block-box.home-shehui .cont-box { top: 12%; }
.home-module2 .block-box.home-saishi .cont-inner .logo { font-size: 28px; }
.home-module2 .block-box.home-saishi .cont-inner .title { font-size: 18px; }
.home-module2 .block-box.home-saishi .cont-inner .text { font-size: 14px; }
.sub-banner .xm-more-btn { bottom: 10px; right: 10px; width: 110px; height: 35px; line-height: 35px; }
.home-banner .swiper-slide .video { width: 100%!important; height: 100%!important; }
.home-banner .swiper-slide .video video { width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; object-fit: cover; }
.product-detail .infor_ss_news_detial_item img { width: 100%!important; }
.home-banner .swiper-slide .fceng_index_imgtext { display: none; }
.home-banner .swiper-slide .fceng_index_imgtext2 { display: none; }
.footer1 { display: none; }
.aqcg-video iframe{width:100%; height:340px}
/*Ã¥Âºâ€¢Ã©Æ’Â¨*/
.foot_warp { display: block; }
.foot { padding: 10px 10px 50px 10px; background-color: #87cac0; color: #fff; font-size: 12px; text-align: center; line-height: 20px; display: block;  }
.toolbar { height: 45px; background: #272727; position: fixed; width: 100%; bottom: 0; left: 0; display: block; z-index: 9 }
.toolbar ul li { float: left; width: 50%; }
.toolbar ul li a { display: block; width: 100%; height: 45px; padding-top: 13px; text-align: center; font-size: 14px; color: #fff; background-size: 18%; background-repeat: no-repeat; background-position: center 5px; border-right: #fff solid 1px; position: relative; }
/*.toolbar ul li .tooldh { background-image: url(../images/a3.png); }
.toolbar ul li .tooldt { background-image: url(../images/a4.png); }
.toolbar ul li .toolfx { background-image: url(../images/a2.png); }
.toolbar ul li .toolly { background-image: url(../images/a1.png); border: 0 none; }*/
.toolbar .fenxiang { position: absolute; width: 100%; height: 25px; top: -35px; left: 0; background: #CCC; padding: 5px 0 5px 20%; }
.toolbar .fenxiang a { float: none !important; }
.banner_nyp { display: none; }
.banner_nyw { display: block; width: 100%; }
.main1 { padding: 0 20px; }
.about_r img{width:100%; margin-top:2vh}
#pro_list1 ul li { float: left; position: relative; width: 100%; margin-right: 0 }
#pro_div1 { height: 52vh; }
#pro_div1 .mr_frBtnL { left: 22%; top: 40vh; }
#pro_div1 .mr_frBtnR { right: 22%; top: 40vh; }
.sh_p { display: none; }
.sh_w { display: block; }
.shehui_t { width: 100%; font-size: 16px; line-height: 30px }
#pro_list2 { position: relative; left: -61% }
#pro_div2 .mr_frBtnL { left: 2%; top: 41%; }
#pro_div2 .mr_frBtnR { right: 2%; top: 41%; }
.Patent_bj { background-size: 200%; }
.honor ul li { width: 100%; margin-right: 0%; float: none; }
.honor ul { margin-right: 0; }
.map { height: 400px; position: unset; }
.contact_2 { position: unset; left: 0; top: 0; background: rgba(0,0,0,0.6); height: auto; padding: 50px 30px 50px 30px;/* margin-top: 947px; */ width: 100%; top: 0; }
.message_l { width: 100%; float: none; }
.message_r { width: 100%; float: none; margin-top: 70px }
.message_r img { width: 100%; }
.message { margin-bottom: auto; }
.pro_display_l { width: 100%; padding: 0; float: none; }
.pro_display_r { float: none; width: 100%; }
.left { float: none; }
.right { float: none; }
.pro_list ul { margin-right: 0; }
.pro_list ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 3% }
.pro_list_nav { padding: 20px 10px; }
.pro_list_nav p { font-size: 26px; }
.pro_list_nav p a { font-size: 18px; padding: 7px 20px 5px 20px; margin: 10px }
.bg_left { width: 100%; float: none; }
.st_l { width: 100%; float: none; }
.show { width: 100%; height: 100%; }
.show img { width: 100%; height: 100%; }
.about_r video{height:4rem; width:100%}
.zl ul li {width: 100%;float: none;margin-right: 0;margin-bottom: 0;margin-left:0}
.title4 {text-align: center;padding: 50px 0 20px 0;}

.img1{float:left;width: 100%;background: url(../images/pic12.jpg)  no-repeat;height: 22vh;background-size: cover; margin-bottom:15px}
.img2{float:left; width:100%; margin:0 1% ;background: url(../images/pic13.jpg)  no-repeat;height: 22vh;background-size: cover;margin-bottom:15px}
.img3{float:left; width:100%; background: url(../images/pic14.jpg)  no-repeat; height: 22vh;background-size: cover;}
.title-box{text-align:center;color:#fff;margin-top: 6vh;}

.bg_right { display: none }
.mask { width: 0; height: 0; }
.smallshow>.middle_box { margin-left: 18px; margin-right: 18px; width: 88%; overflow: hidden; height: 104px; }
.st { margin-top: 50px; }
.st_r { width: 100%; float: none; margin-top: 30px; }
.st_r h3 { font-size: 36px; }
.pic_list_details p img, .pic_list_details img { width: 100%; }
.b_p1 { font-size: 12px; color: #333333; font-weight: bold }
.b_p2 { font-size: 16px; color: #333333; line-height: 24px; font-weight: bold }
.slideTxtBox .hd ul li { margin: 30px 0; }
.slideTxtBox { margin-top: 50px; }
.pic_list_details { margin-top: 0 }
.con1 .con_li { float: none; width: 100%; margin: 0 1.6% 10px 1.6%; }
.con1 { margin-top: 30px; }
.slideTxtBox .bd ul { margin-bottom: 30px; }
.con1 ul .con_li { float: none; width: 98%; margin: 0 0 30px 0; padding: 0 1% }
.videos { display: none; border: 0; position: fixed; left: 10%; top: 70%; margin-left: 0; margin-top: -210px; z-index: 100; width: 80%; height: 360px; }
.vclose { position: absolute; right: 1%; top: -10%; border-radius: 100%; cursor: pointer; }
#video { width: 100% }
.after ul { margin-right: 0; }
.after ul li { width: 100%; margin-right: 0; padding: 8% 3% }
.inner-box { width: 80% }
.ss_bj { padding: 10px 0 50px 0; }
.inner-list .block-box .logo3, .inner-list .block-box .logo3 {width: 100%; }
.search-list { padding: 50px 0 0 0; }
#dituContent { height: 400px; }
.con_n { position: unset; height: auto; }
.subnav2 { line-height: 45px; margin: 3rem 0 0 0; }
.subnav2 a { padding: 0 3%; font-size: 20px; }
.pro_display_t1 { margin-left: 20px; margin-top: 0px }
.pro_list1 ul { margin-right: 0; margin-top: 30px }
.pro_list1 ul li { float: none; width: 100%; margin-right: 0; }
.a_l { float: none; width: 100%; }
.a_r { width: auto; float: none; margin-right: 10px; margin-left: 10px }
.t_li_1 { float: none; width: 100%; margin-right: 0; }
.t_li_1 p { display: block; text-align: center }
.footer { display: none; }
.home-news { padding: 0; margin-top: 12px; padding-bottom: 20px; }
.home-news .title-box { top: 8%; left: 0; width: 100%; text-align: center; }
.home-news .title-box .title { font-size: 28px; }
.home-news .title-box .line-box { padding-right: 22px; }
.home-news .title-box .line-box img { height: 8px; }
.home-news .title-box .line-box .circle { width: 16px; height: 16px; margin-top: -8px; }
.home-news .swiper-container { padding-top: 30%; }
.home-news .swiper-slide .cont-box { top: 38%; left: 0; width: 100%; padding: 0 12px; margin-top: 20px; float: none; padding-bottom: 40px; }
.home-news .swiper-slide .img-box { width: 100%; float: none;/*min-height: 300px;*/ margin-top: 120px; }
.home-news .swiper-slide .cont-box .cont { padding-left: 0; }
.home-news .swiper-slide .cont-box .cont .title { font-size: 20px; }
.home-news .swiper-slide .cont-box .cont p { font-size: 14px; margin-top: 10px; }
.home-news .swiper-slide .more { margin: 20px auto 0 auto; font-size: 12px; width: 108px; height: 32px; line-height: 32px; }
.home-news .swiper-pagination { bottom: 0; width: 100%; }
.home-news .swiper-pagination-bullet i { border-color: #5d5d5d; }
.home-news .swiper-pagination-bullet-active i { border-color: #d53434; }
.product-list { padding: 0; }
.product-list li { margin-top: 12px;  /*min-height: 500px; */ }
.product-list li .img { height: auto; width: 85%; }
.product-list li .cont-inner { width: 100%; top: 12%; }
.product-list li .cont-inner .title-box { display: block; }
.product-list li .cont-inner .title-box .title { font-size: 28px; text-align: center }
.product-list li .cont-inner .title-box .title span.tit-ml {/* margin-left: -10px;*/ }
.product-list li .cont-inner .title-box .e-title { height: 14px; line-height: 14px; font-size: 12px; }
.product-list li .cont-inner .title-box .line-box { padding-right: 22px; margin-left: 15px; }
.product-list li .cont-inner .title-box .line-box img { height: 30px; }
.product-list li .cont-inner .title-box .line-box .circle { width: 16px; height: 16px; margin-top: -8px; }
.product-list li .cont-inner .cont { margin-top: 10px; padding: 0 20px; }
.product-list li .cont-inner .cont .logo img { height: 22px; }
.product-list li .cont-inner .cont .title { font-size: 20px; margin-top: 10px; }
.product-list li .cont-inner .cont p { font-size: 14px; margin-top: 10px; }
.product-list li .cont-inner .title-box .title img { height: 50px; }
.product-list li .cont-inner.left { left: 0; }
.product-list li .cont-inner.right { right: 0; }
.product-list li.through .cont-inner.left { left: 0; }
.product-list li.through .cont-inner.right { right: 0; }
.product-list li.through a::before { content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 5; }
.inner-list .block-box .logo img { width: 100%; }
.inner-list .block-box .car img { width: 100%; }
.inner-list .block-box .s-title { top: 10px; font-size: 32px }
.cont_pc{display:none;}
.cont_warp{display:block;}
.cont_warp img{width:100%}
.img_center {padding: 0 20px;padding-top: 20px;padding-bottom: 20px;display: block;overflow: hidden;background-color: #fff;}
.inner-list .block-box { margin: 10px 0 27px 0; }
.pro_bj {padding: 15px 0;}
.price dl dt {line-height: 0.4rem;height: 0.9rem;}
.price dl dd { height:0.9rem;}
.qcjs-details-inner .step-view li .black-box.left {float: left;height: auto;padding-bottom: 0;}
.qcjs-details-inner .step-view li .black-box.right {float: right;height: auto;padding-bottom: 0;}
.pro_bj a:hover, .pro_bj a.on3 { background-color: #87cac0; color: #fff; margin-bottom: 5px;font-size:18px }
.inner-list {padding: 0 20px;}
.price { padding: 0 0.38rem; padding-bottom:40px }
.pro_bj a {display: inline-block;color: #797979;padding: 10px 30px;font-size: 18px;font-family: 'OPPO';}
.con1 .con_li p, .ve_p {height: auto;line-height: 24px;margin-top:10px;font-size: 14px;color: #333;font-family:Alibaba-PuHuiTi-Bold}
.qcjs-details-inner { padding: 0 12px; }
.qcjs-details-inner .step-view { padding: 0px 12px 0 12px; margin-top: 12px; }
.qcjs-details-inner .step-view li { width: 100%; }
.qcjs-details-inner .step-view li .black-box { width: 100%; float: none !important; }
.qcjs-details-inner .step-view::before { left: 30px; margin-left: 0; }
.qcjs-details-inner .step-view .number-box::before { bottom: 8px; }
.qcjs-details-inner .step-view .number-box img { padding: 0 21px 0 16px; margin-left: 50px; height: 30px; }
.qcjs-details-inner .step-view .inner { padding: 15px 10px 30px 10px; }
.qcjs-details-inner .step-view .inner .title { font-size: 18px; }
.qcjs-details-inner .step-view .inner .cont { font-size: 14px; margin-top: 10px; }
.aqcg-video { margin-top: 12px; }
.xgcp ul li a { float: left; width: 50%; padding: 0 5%; display: block; margin-bottom: 1rem;height:4rem }
.infor_ss_news_detial_item p img,.infor_ss_news_detial_item img{padding:10px 0;width: 100%;}
.infor_ss_news_detial_item p { text-indent: 0; }
.news_ny ul li a {padding: 20px 10px;}
.title3 { text-align: center; color: #fff; padding: 50px 0 30px 0 }
.title3 h3 { font-size: 0.5rem; }
.title3 h4 { font-size: 14px; }
.title4 h3 {font-size: 0.5rem;color: #000000;text-transform: uppercase;}
.title4 h4 { font-size: 14px; margin-top: 0.1rem; color: #666666 }
.pro_bj1 a { display: inline-block; color: #797979; padding: 10px 20px; font-size: 20px; }
.pro_title { background: url(../images/icon1.png) no-repeat; height: 53px; line-height: 53px; margin: 40px 20px 20px 20px; font-size: 26px; color: #fff; padding-left: 60px }
.about_l { float: none; width: 100%; }
.about_r { float: none; width: 100%; margin-top: 0.3rem; margin-bottom: 0.4rem }
.curList { width: 100%; padding-top: 0px; margin-bottom: 25px; }
.curList ul li { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.curList ul li .icon { margin-bottom: 0px; }
.curList ul li .info { width: calc(100% - 70px); }
.curList ul li .info .name { font-size: 16px; margin-bottom: 5px; font-weight: bold; }
.ydh { width: 100%; display: block; padding: 25px 10px; margin-left: 0; }
.ydh .img { margin: 0px auto; margin-bottom: 10px; }
.ydh .img img { margin: 0 auto; display: block; text-align: center }
.ydh .txt { margin-left: 0%; padding-left: 0%; text-align: center; font-size: 12px; }
.ydh .txt::after { display: none; }
#pro_list2 { position: relative; left: 0 }
#pro_div2 .mr_frBtnL { left: 0%; top: 41%; }
#pro_div2 .mr_frBtnR { right: 0%; top: 41%; }
#pro_list2 ul li { float: left; width: 102%; margin-right: 39px }
#pro_list2 { position: relative; width: 80%; margin-left: 8% }
.news_ny ul li .news_img { width: 100%; float: none; position: relative; overflow: hidden; }
.news_ny ul li .news_img img { width: 100%; height:auto }
.news_ny ul li .news_tt { float: none; width: 100%; }
.detial-left-box-cont { padding: 30px 15px; min-height: auto; width: 100% }
.detial-left-box-cont1 { padding: 30px 15px; min-height: auto; width: 100% }
.detial-left-box1 { float: none; width: 100%; }
.detial-right-box1 { /* float: none; */ width: 100%; position: relative; right: 0; }
.detial-right-box1 .qjyd-box { padding: 20px 15px; margin-top: 20px }
.detial-right-box1 .qjyd-box .top-title { font-size: 16px; }
.detial-right-box1 .qjyd-box .cont-inner li { padding: 10px 0; ; }
.detial-right-box1 .qjyd-box .cont-inner li h3 { font-size: 14px; }
.detial-right-box1 .qjyd-box .cont-inner li h3::before { top: 4px; }
.detial-right-box1 .qjyd-box .cont-inner li p { margin-top: 10px; }
.rc_w1 { padding: 0.5rem 7% 0.8rem 7%; }
.rc_w2 { padding: 0.5rem 5% 0.8rem 5%; margin-top: 0.2rem; }
.rcll_2 ul { margin-right: 0; }
.rcll_2 ul li { width: 100%; margin-right: 0; float: none; height: auto; }
.joinList .swiper-slide { width: 100%; height: auto; padding: 20px 15px; border-radius: 20px 0px 20px 0px; }
.joinList .swiper-slide .title { font-size: 18px; }
.ppys_t { width: 100%; }
.ppys_img { width: 100%; }
.ppys_img img { width: 100%; height: auto }
.p_l { float: none; }
.p_r { float: none; }
.ppys_2 { background: #c2292b; height: auto; padding-top: 20px; display: block; overflow: hidden }
.ppys_2_l { float: none; width: 100%; }
.ppys_2_r { float: none; width: 100%; margin-right: 0%; padding-top: 0.5rem; padding-bottom: 0.5rem }
.jm_title { width: 100%; }
.form { width: 100%; }
.tiaojian_bj { background: none; height: 7rem; }
.tiaojian { width: 100%; float: left; padding-left: 10% }
.dh { margin-top: 1rem; padding: 0.2rem; background-color: #c2292b; color: #fff }
.dh { margin-left: 0; }
.about_l p {line-height: 0.5rem;}
.title5 {padding: 20px 0 40px 0;}
.rcll_2 ul li p {line-height: 0.5rem;}
.rcll_1 p {line-height: 0.5rem;}
.home-news .swiper-slide .cont-box .cont .title {padding-right: 0;}
.home-banner .swiper-container, .home-banner .swiper-wrapper { height: 100% !important; }
}
 @media (max-width: 768px) {
.title1 h3 { font-size: 24px; }
.title1 h4 { font-size: 15px; }
.subnav1 a { padding: 0 1.5%; font-size: 16px; color: #fff; display: inline-block; }
.title2 h3 { font-size: 24px; color: #fff; font-weight: bold; }
.title2 h4 { font-size: 15px; color: #fff; text-transform: uppercase; padding-top: 5px }
.pro_display_l h3 { font-size: 36px; background: url(../images/icon25.png) 0 10px no-repeat; }
.st_r h3 { font-size: 30px; }
.st_r p { font-size: 20px; }
.st_dh { font-size: 20px; }
.after ul li h3 { margin-top: 0 }
.after ul li .after_img { width: 22%; }
}

/* Ã§â€°Â¹Ã¦Â®Å Ã§Â¼Â©Ã¦â€Â¾ */
@media (min-width: 1201px) and (max-width: 1280px) {
/* Ã§Â¼Â©Ã¥Â°Â70% */
	
	/* Ã¥Â¤Â´Ã©Æ’Â¨ header */
.header .nav { margin-left: 24px; }
.header .nav li { margin: 0 20px; }
.header-share .icon { margin: 0; }
.header-search { margin-left: 10px; }
}
