.header{ position:relative;}
.header .ver{ position:absolute; top:35%; right:5%; color:#c8c8c8; font-size:.5rem;}
.header .ver a{ color:#c8c8c8;}
.header .ver a.on{ color:#d7000f;}


.focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; position:absolute; z-index:1; bottom:15px; text-align:center;}
.focus .hd ul{ display:flex; flex-direction:row; justify-content:center;}
.focus .hd ul li{ font-size:0; margin:0 5px; width:5px; height:5px; border:2px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.focus .hd ul .on{ background:#fff;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; height:17.5rem; background:url(images/loading.gif) center center no-repeat; vertical-align:top;}

.box{ margin:0 .46875rem;}
.class_title{ margin-top:1rem; font-size:1rem; text-align:center; background:url(/web_images/h5/sj_05_hr.jpg)no-repeat bottom center; background-size:12%; height:2rem;}
.pro_title{ float:left; width:5.6rem; font-size:1.1875rem; padding-right:1.5rem; background:url(/web_images/h5/sj_05.png)no-repeat right center; background-size:20%; margin-bottom:1rem; color:#000;}
.pro_jj{ clear:both; font-size:.5625rem; line-height:1rem;}
.product_1{ overflow:hidden; background:url(/web_images/h5/sj_03.jpg) no-repeat; background-size:100%; height:20rem;}
.product_1 .pro_list{ margin-top:.9375rem;}
.product_1 .pro_list li{ float:left; width:30%; margin-right:5%;}
.product_1 .pro_list li .pic{ margin-bottom:.5625rem; font-size:0;}
.product_1 .pro_list li .pic img{ width:100%; height:7.28125rem;}
.product_1 .pro_list li .tit{ font-size:.625rem; text-align:center; color:#303030;}
.product_1 .pro_list li.last{ margin-right:0;}

.product_2{ overflow:hidden; background:url(/web_images/h5/sj_04.jpg) no-repeat; background-size:100%; height:17.5rem;}
.product_2 .pro_title{ float:right; text-align:right; margin-top:2rem;}
.product_2 .pro_jj{ float:right; text-align:right;}
.product_2 .pro_list{ margin-top:.9375rem; clear:both;}
.product_2 .pro_list li{ float:left; width:30%; margin-right:5%;}
.product_2 .pro_list li .pic{ margin-bottom:.5625rem; font-size:0;}
.product_2 .pro_list li .pic img{ width:100%; height:7.28125rem;}
.product_2 .pro_list li .tit{ font-size:.625rem; text-align:center; color:#303030;}
.product_2 .pro_list li.last{ margin-right:0;}

.product_3{ overflow:hidden; margin-bottom:2rem;}
.product_3 .pro_title{ float:initial; margin:2rem auto 1rem;}
.product_3 .pro_jj{ text-align:center;}
.product_3 .pro_list_1{ margin-top:.9375rem;}
.product_3 .pro_list_1 li{ float:left; width:48%; margin-right:4%;}
.product_3 .pro_list_1 li .pic{ margin-bottom:.5625rem; font-size:0;}
.product_3 .pro_list_1 li .pic img{ width:100%; height:5.75rem;}
.product_3 .pro_list_1 li .tit{ font-size:.625rem; text-align:center; color:#303030;}
.product_3 .pro_list_1 li.last{ margin-right:0;}

.aboutus{ overflow:hidden;}
.aboutus .txt{ font-size:.6875rem; text-align:center; margin:1rem 0; line-height:1.25rem;}
.aboutus .btn-box{ padding-bottom:2rem; border-bottom:1px solid #e6e6e6;}
.aboutus .btn-box .btn{ display:flex; flex-direction:row; justify-content:center;}
.aboutus .btn-box .btn a{ display:block; width:4.6875rem; height:1.53125rem; text-align:center; line-height:1.53125rem; color:#fff; font-size:.625rem;}
.aboutus .btn-box .btn .btn_1{ padding-right:1rem; background:url(/web_images/h5/sj_14.jpg)no-repeat; background-size:100%;}
.aboutus .btn-box .btn .btn_2{ padding-left:1rem; background:url(/web_images/h5/sj_15.jpg)no-repeat; background-size:100%;}

.quicklink{ margin:1.5rem 0;}
.quicklink ul{ display:flex; flex-direction:row; justify-content:space-around;}
.quicklink li{ width:20%;}
.quicklink li .pic{ font-size:0; width:90%; margin-bottom:.46875rem;}
.quicklink li .tit{ font-size:.6875rem; color:#303030; text-align:center;}