
.bc_f2{ width:100%; overflow:hidden; background-color:#f2f2f2; position:relative}

.about_nav{ width:100%; float:left; overflow:hidden; padding:33px 0 30px}
.about_nav a{ width:120px; height:16px; line-height:16px; overflow:hidden; float:left; font-size:16px; color:rgba(50,50,50,0.7); text-align:center; border-left:1px solid #E2E2E2; padding-left:1px}
.about_nav a:hover{ color:rgba(50,50,50,0.7)}
.about_nav .cur, .about_nav .cur:hover{ border-left:2px solid #f02546; color:#f02546; font-weight:bold; padding-left:0}

.about_nav_box{ width:100%; height:84px; float:left; position:relative}
.about_nav_2{ width:1160px; float:left; height:16px; padding: 34px 0}

.fixed_nav_box{ width:100%; height:84px; float:left; position:absolute; top:0; z-index:2; background-color:rgba(255,255,255,1);}
.fixed_nav{ position:fixed; left:0; top:0; z-index:999998}

.about_box{ width:100%; float:left; position:relative}
.about_box .img_box{ width:100%; float:left; position:relative; overflow:hidden; border-radius:5px}
.about_box .img_box img{ width:1160px; float:left; position:relative; left:50%; margin-left:-580px}

.index_box{ width:100%; height: 2688px; min-width:930px; float:left; overflow:hidden; position:relative}
.index_box .box{ width:1920px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.index_box .img_box{ width: 1920px; float: left; top: 0; left: 0}
.index_box .tit_box{ width: 630px; float: left; position: absolute; top: 113px; left: 386px; z-index: 1}
.index_box .tit_box .t_1{ width: 100%; float: left; font-size: 36px; line-height: 40px; color: #fff; padding-bottom: 48px}
.index_box .tit_box .t_2{ width: 100%; float: left; font-size: 16px; line-height: 30px; color: #fff; padding-bottom: 30px}
.index_box .tit_box_2{ width: 1160px; top: 971px}
.index_box .tit_box_2 .t_1{ color: #c72d43}
.index_box .tit_box_2 .t_2{ color: #222222}

.fzlc_box{ padding:32px 30px 0; overflow:hidden; position:relative}
.fzlc_box .con_box{ width:100%; float:left; position:relative}
.fzlc_box .tit{ width:100%; float:left; font-size:36px; line-height:80px}
.fzlc_box .box{ width:100%; float:left; padding-bottom:46px; position:relative}
.fzlc_box .box .date{ width:135px; float:left; font-size:16px; line-height:28px}
.fzlc_box .box .date .rd{ width:12px; height:12px; float:left; background-color:#000; overflow:hidden; border-radius:50px; margin:8px 10px 0 0}
.fzlc_box .box .con{ width:950px; float:left}
.fzlc_box .box .con p{ width:100%; float:left; font-size:16px; line-height:28px; color:#323232}
.fzlc_box .box .con .co_888{ color:#888}
.fzlc_box .box .con img{ float:left; padding:8px 0}
.fzlc_box .box .con a{ width:100%; float:left; font-size:16px; line-height:28px; color:#323232}
.fzlc_box .line{ width:2px;  float:left; position:absolute; background-color:#eee; overflow:hidden; top:90px; bottom:60px; left:5px}

.ljym_box{ padding:62px 70px 100px; overflow:hidden; position:relative}
.ljym_box .tit{ width:100%; float:left; font-size:16px; line-height:30px; color:#000; text-indent:2em; padding-bottom:32px}
.ljym_box ul{ width:100%; float:left; padding-top:55px}
.ljym_box li{ width:100%; height:250px; float:left; margin-bottom:50px; border-bottom:1px solid #ECEDED; position:relative}
.ljym_box li .con{ width:400px; float:left; color:#666; font-size:16px; line-height:24px; padding-top:24px; position:absolute; left:350px}
.ljym_box li .t_1{ font-size:36px; color:#000; line-height:46px}
.ljym_box li .t_2{ font-size:20px; color:#323232; line-height:28px}
.ljym_box li .mr_60{ margin-right:60px}

.contact_box{ padding:56px 30px 120px; overflow:hidden; font-size:16px; position:relative}
.contact_box .con{ width:100%; float:left; padding-bottom:30px}
.contact_box .t_1{ width:100%; float:left; color:#888; line-height:20px; padding-bottom:10px}
.contact_box .t_2{ width:100%; float:left; font-size:20px; line-height:32px}

.video_box{ padding:0px 0 120px; overflow:hidden; position:relative}
.video_box ul{ width:100%; float:left}
.video_box li{ width:calc(50% - 10px); float:left; cursor:pointer; margin:0 0 0 10px; padding-bottom: 20px}
.video_box li:nth-child(2n){ margin:0 10px 0 0}
.video_box li .img_box{ width:100%; float:left; position:relative; overflow:hidden}
.video_box li .img_box img{ width:570px; height:330px; float:left; position:relative; left:0; margin-left:0}
.video_box li .videoPlayBtn{ width:80px; height:80px; float:left; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; background-position:-400px -3400px}
.video_box li:hover .videoPlayBtn{}
.video_box li .t_1{ width:100%; float:left; line-height:40px; text-align:center; font-size:20px; color:#323232; padding:20px 0}
.video_box .big{ width: 100%; margin: 0}
.video_box .big .img_box img{ width: 1160px; height: 460px}

.video_pop{ width:100%; height:100%; float:left; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8); overflow:hidden; z-index:99999999}
.video_pop video{ width:1280px; height:720px; float:left; position:absolute; top:50%; left:50%; margin:-360px 0 0 -640px}
.video_pop .close{ width:60px; height:60px; float:left; position:absolute; top:50%; left:50%; margin:-360px 0 0 640px; background-position:-400px -780px}

.information_box{ padding:0 30px 20px; overflow:hidden; position:relative}
.information_box .tit{ width:100%; float:left; font-size:20px; color:#666; line-height:60px; border-bottom:1px solid #EAEAEA}
.information_box ul{ width:100%; float:left}
.information_box li{ width:100%; float:left; border-bottom:1px solid #E5E5E5}
.information_box li:last-child{ border-bottom:none}
.information_box li .t_1{ width:100%; float:left; line-height:88px; color:#323232; font-size:24px}
.information_box li .t_1 .fs_14{ font-size:14px; color:#666; float:right}
.information_box li .img_box{ width:100%; height:300px; float:left; position:relative; overflow:hidden}
.information_box li .img_box img{ width:900px; height:300px; float:left; position:relative; left:50%; margin-left:-450px}
.information_box li .con{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; padding:24px 0}
.information_box li .con a{ color:#14a672; padding-left:10px}

.informationDetail_box{ padding:0 30px 20px; overflow:hidden; position:relative}
.informationDetail_box .tit{ width:100%; float:left; line-height:88px; color:#323232; font-size:24px}
.informationDetail_box .tit .fs_14{ font-size:14px; color:#666; float:right}
.informationDetail_box .con{ width:100%; float:left; padding-bottom:20px}
.informationDetail_box .con img{ max-width:100%}
.informationDetail_box .return_box{ width:100%; float:left; line-height:60px; border-bottom:1px solid #EAEAEA}
.informationDetail_box .return_box a{ color:#14a672; font-size:14px}
.informationDetail_box .share_box{ width:100%; line-height:50px; font-size:14px; color:#666; float:left}
.informationDetail_box .share_box .wbBtn{ width:26px; height:26px; float:left; background-position:-400px -3160px; margin:12px 6px 0 0}
.informationDetail_box .share_box .wbBtn:hover{ background-position:-400px -3220px}

.service_box{ padding:66px 30px 120px; overflow:hidden; font-size:16px; position:relative}
.service_box .con{ width:100%; float:left; line-height:30px; padding:4px 0 34px}
.service_box .t_1{ width:100%; float:left; line-height:22px; font-weight:bold}
.service_box ul{ padding-left:15px}
.service_box li{ width:100%; float:left; list-style-type:disc; line-height:30px; padding-bottom:12px}

.question_box{ padding:60px 30px 120px; overflow:hidden; font-size:16px; position:relative}
.question_box .t_1{ width:100%; float:left; line-height:40px}
.question_box .con{ width:100%; float:left; line-height:30px; padding-bottom:33px}
.question_box .w_35{ width:35px; float:left}
.question_box .w_865{ width:calc(100% - 35px); float:left}

.instructions_box{ width:100%; float:left; padding:70px 0 0; position:relative}
.instructions_box .t_1{ width: 100%; float: left; font-size: 24px; color: #333; line-height: 32px; padding-bottom: 11px}
.instructions_box ul{ width:100%; float:left; padding-bottom: 64px}
.instructions_box li{ width:25%; float:left}
.instructions_box a{ float: left; color: #333; font-size: 16px; line-height: 36px}
.instructions_box a:hover{ color: #e84a4a}

.guide_box{ padding:60px 30px 120px; overflow:hidden; font-size:16px; position:relative}
.guide_box .t_1{ width:100%; float:left; line-height:30px}
.guide_box .t_2{ width:100%; float:left; line-height:36px; font-weight:bold}
.guide_box ul{ float:left; padding:0 0 26px 15px}
.guide_box li{ width:100%; float:left; list-style-type:disc; line-height:30px}
.guide_box li a{ color:#000}
.guide_box .con{ width:100%; float:left; line-height:30px; padding-bottom:26px}
.guide_box .con p{ width:100%; float:left; padding-bottom:12px}

.zhiFuFangShi_box{ padding:50px 30px 120px; overflow:hidden; font-size:16px; position:relative}
.zhiFuFangShi_box .t_1{ width:100%; float:left; line-height:32px; padding:10px 0 27px}
.zhiFuFangShi_box .t_2{ width:100%; float:left; line-height:36px}
.zhiFuFangShi_box .con{ width:100%; float:left; line-height:28px; padding-bottom:33px}
.zhiFuFangShi_box .w_35{ width:35px; float:left}
.zhiFuFangShi_box .w_865{ width:calc(100% - 35px); float:left}

.songHuoZhengCe_box{ padding:60px 30px 120px; overflow:hidden; font-size:16px; position:relative}
.songHuoZhengCe_box .t_1{ width:100%; float:left; line-height:36px; font-weight:bold}
.songHuoZhengCe_box .con{ width:100%; float:left; line-height:30px; padding-bottom:26px}
.songHuoZhengCe_box .con a{ color:#000}

.instructions_img_box{ width:1160px; float:left; overflow:hidden; position:relative; border-radius:6px; text-align:center; margin-bottom:40px}
.instructions_img_box img{ max-width:100%}
.instructions_img_box .downBtn{ width:110px; height:38px; float:left; border:1px solid #C8C8C8; border-radius:5px; color:#666; font-size:20px; line-height:38px; padding-left:32px; background-position:-386px -3288px; position:absolute; top:166px; left:80px}


.design_box{ width:100%; float:left; overflow:hidden}
.design_full_box{ width:100%; overflow:hidden; float:left}
.design{ width:100%; overflow:hidden; float:left; position:relative}
.design img{ width: 1920px; height: 1271px; float: left; position: absolute; top: 50%; left: 50%; margin: -635px 0 0 -960px}

.des_nav{ width:14px; float:left; display:none; position:fixed; top:50%; opacity:0; right:20px; z-index:9999999}
.des_nav li{ width: 100%; float: left}
.des_nav a, .des_nav .cur{ width:10px; height:10px; border:none; background-color:#fff; overflow:hidden; float:left; margin:8px 0 8px 2px; border-radius:50px; transition:background-color .9s ease-in; -webkit-transition:background-color .9s ease-in}
.des_nav .cur{ border:2px solid #fff; background-color:inherit; margin:6px 0; transition:none; -webkit-transition:none}

.transition{ transition:transform .9s cubic-bezier(.86, 0, .07, 1); -webkit-transition:-webkit-transform .9s cubic-bezier(.86, 0, .07, 1)}
























