/*

涓昏壊锛�#00AB4A

瀛楁瘝澶у啓锛歵ext-transform:uppercase;

浣嶇Щ锛歵ransform:translateX(-50%);

鍏冪礌鏀惧ぇ闆剁偣涓€鍊嶏細transform: scale(1.1);

闄愬畾琛屾暟锛歸ord-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;

褰撶獥鍙ｅ皬浜庯細 @media screen and (max-width: 1360px){ } 

鐧惧垎姣斿噺px(width: calc(31% - 2px); )

------------------------------------------------------------------------------鍒嗗壊绾�------*/

@font-face{font-family:shuzifont;src:url('../font/shuzifont.ttf');}/*鏁板瓧缁熶竴瀛椾綋*/

.max-widht{width: 92%; max-width: 1320px;margin: 0 auto;}



/*澶撮儴*/

.top{position: fixed;left: 0;top: 0;z-index: 200;background: #fff;width: 100%; height: 80px; background: #fff;}

.top .max-widht{position: relative;height: 100%;}

.top .logo{width: 140px; position: absolute;top: 50%;transform: translateY(-50%);left: 0;}

.top .logo img{width: 100%;}

.top .nav{width: 100%;position: absolute;top: 0;left: 0; text-align: center;}

.top .nav .a_ul .a_li{display: inline-block; position: relative;}

.top .nav .a_ul .a_li .a_li_a{ height: 80px;line-height: 80px;padding:0 calc(0rem + 1.5vw); display: block;}

.top .nav .a_ul .a_li:hover{background: #000;}

.top .nav .a_ul .a_li:hover .a_span{color: #fff;}

.top .nav .b_ul{display: none;position: absolute; width: 100%;z-index: 99;left: 0;top: 100%;}

.top .nav .b_ul .b_li{ background: #fff; position: relative;}

.top .nav .b_ul .b_li:nth-child(2) .c_ul_box{ top: -60px;}

.top .nav .b_ul .b_li:nth-child(3) .c_ul_box{ top: -120px;}

.top .nav .b_ul .b_li:nth-child(4) .c_ul_box{ top: -180px;}

.top .nav .b_ul .b_li .b_a{display: block; text-align: center;height: 60px;line-height: 60px;}

.top .nav .b_ul .b_li:hover .b_a{color: #000;}

.top .nav .a_ul .a_li:hover .b_ul{display:inline;}

.top .nav .b_ul .b_li .c_ul_box{position: absolute;top: 0;left: 100%; display: none; width: 510px;}

.top .nav .b_ul .b_li:hover .c_ul_box{display: inline;}

.top .nav .b_ul .b_li:hover .c_ul_box .c_ul{width:470px; height: 240px; background: #fff; overflow: hidden;}

.top .nav .b_ul .b_li .c_ul .c_li{width: 33.33%; float: left; position: relative;background: #fff;}

.top .nav .b_ul .b_li .c_ul .c_li .c_li_a{height: 60px;line-height: 60px;display: block;}

.top .nav .b_ul .b_li .c_ul .c_li .c_li_a img{ float: left;}

.top .nav .b_ul .b_li .c_ul .c_li .c_li_a span{float: left; font-size: 14px;margin-top: -5px;}

.top .nav .b_ul .b_li .c_ul .c_li .c_li_a:hover{ color: #000;}

.top .nav .b_ul .b_li .c_ul .c_li .c_li_a:hover img{transform: scale(1) translateX(5px);}

.top .nav .b_ul .b_li .c_ul .c_li .c_li_a:hover span{transform:translateX(10px); color: #000;}

.content{ width: 100%;height: 1800px; background: #000;}

@media screen and (max-width: 1600px){.top .nav{ margin-right: 120px;}}

.top .right{width: 140px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.top .right img{width: 100%;}

.top.top_hidden{height: 60px;}

.top.top_hidden .nav .a_ul .a_li .a_li_a{height: 60px; line-height: 60px;}



/*涓诲浘*/

.index_banner{ background: #000;}

.index_banner .swiper-container {width: 100%;display: block;margin: 0;}

.index_banner .swiper-slide{overflow: hidden; position: relative;}

.index_banner .swiper-slide p{position: absolute;font-size: 50px; color: #262525;}

.index_banner .swiper-slide .hud_Up{transform:translateY(-200px);opacity:0;transition:all 1.5s;}

.index_banner .swiper-slide .hud_Right{transform:translateX(200px);opacity:0;transition:all 1.5s;}

.index_banner .swiper-slide .hud_Down{transform:translateY(200px);opacity:0;transition:all 1.5s;}

.index_banner .swiper-slide .hud_Left{transform:translateX(-200px);opacity:0;transition:all 1.5s;}

.index_banner .swiper-slide .hud_scale{transform: scale(1.2);transition:all 1.5s;}

.index_banner .swiper-slide .hud_sca{transform: scale(1.2);transition:all 1.5s;}

.index_banner .swiper-slide .hud_opac{opacity:0;transition:all 1.5s;}

.index_banner .ani-slide .hud{transform:translate(0) scale(1);opacity:1;}

.index_banner .swiper-pagination{ width: 20px; left: 30px;}

.index_banner .swiper-slide .yanchi7{animation-delay:7s;-webkit-animation-delay:7s;}

.banner_box{ position: relative;}

.banner_thumbs_box{ width: 100%; position: absolute; bottom: 0;z-index: 10;}

.banner_thumbs_box .max-widht{max-width: 1520px;}

.index_banner_thumbs .swiper-slide{width: 24%;}

.index_banner_thumbs .swiper-slide .slide_a{ background: rgba(0,0,0,0.6);display: block; text-align: center; padding:30px 0 17px;}

.index_banner_thumbs .swiper-slide .img{border-radius:50%; width: 100px; height:100px;display: flex;justify-content:center;align-items:Center; margin: 0 auto;transform:translateY(20px);opacity: 0.5;}

.index_banner_thumbs .swiper-slide .img img{ margin: auto; width: 100%}

.index_banner_thumbs .swiper-slide span{ color: #fff; font-size: 24px; padding: 15px 0;transform:translateY(20px);opacity: 0.8;}

.index_banner_thumbs .swiper-slide p{ width: 90px;background: #000; font-size:12px;padding: 5px 10px;margin: 0 auto;transform:translateY(50px); opacity: 0;}

.index_banner_thumbs .swiper-slide p a{color: #fff; display: block;}

.index_banner_thumbs .swiper-slide:hover .img,.index_banner_thumbs .active .img{transform:translateY(0px); opacity: 1;}

.index_banner_thumbs .swiper-slide:hover span,.index_banner_thumbs .active span{transform:translateY(0px); opacity: 1;}

.index_banner_thumbs .swiper-slide:hover p,.index_banner_thumbs .active p{transform:translateY(0px); opacity: 1;}

.index_banner_thumbs .swiper-slide:hover p a,.index_banner_thumbs .active p a{color: #fff;}



/*搴曢儴*/

.footer{ width: 100%; height: auto; background: #000; padding: 80px 0; color: #fff;}

.footer a{ color: #fff;}

.footer .left{float: left}

.footer .left h4{float: left; margin-right: 25px;font-size: 14px; font-weight: bold;}

.footer .left ul{float: left; margin-right: 70px;}

.footer .left ul li{margin-bottom:5px;}

.footer .left ul li a{font-size: 14px;}

.footer .left ul li a:hover{ color: #888;}

.footer .right {float: right;}

.footer .right h4{ float: left}

.footer .right h4 a{font-size: 14px; font-weight: bold;}

.footer .right h4 a:hover{color: #000; }

.footer .right img{float: right; margin-left: 20px;}

.footer_wrap{ width: 90%; max-width: 1020px; margin: 0 auto;}

.footer .footer_bei {padding-top: 20px; margin-top: 20px; border-top: 2px solid rgba(255,255,255,0.2);}

.footer .footer_bei .left{font-size: 12px;color: rgba(255,255,255,0.4);}

.footer .footer_bei .left a{color: rgba(255,255,255,0.4);}

.footer .footer_bei .right p{float: left;font-size: 14px;opacity: 0.5;}

.footer .footer_bei .right i{font-size: 20px; float: right;opacity: 0.5;}



/*鍐呴〉涓诲浘*/

.top_banner{ position: relative;padding-top: 60px;}

.top_banner .top_banner_img{width: 100%;z-index: 1;height: 100%;object-fit: cover;}



/*鏈嶅姟*/

.service_box{ width: 100%; height: auto; background: #f1f1f1; padding: 70px 0; overflow: hidden;}

.service_box ul{}

.service_box ul li{ width: 32%; float: left; margin-right: 2%; height: 0;line-height: 0; padding: 16% 0; display: block; position: relative; transform-style: preserve-3d; -webkit-perspective: 1500;-moz-perspective: 1500;}

.service_box ul li:nth-child(3){margin-right: 0;}

.service_box ul li .zm,.service_box ul li .fm{ width: 100%;height: 100%; background: #fff;display: block;position: absolute;top: 0;left: 0;}

.service_box ul li .fm{background: #000; opacity: 0;transform: rotateY(-180deg);}

.service_box ul li:hover .zm{transform: rotateY(180deg); opacity: 0;}

.service_box ul li:hover .fm{transform: rotateY(0deg); opacity: 1;}

.service_box ul li i{ font-size:120px; width: 100%; text-align: center; display: block; position: absolute; top: 40%; color: #7d7d7d;}

.service_box ul li b{ position: absolute; bottom:30%; font-size: 30px; width: 100%; text-align: center; font-weight: 500}

.service_box ul li p{ position: absolute; bottom:18%; font-size: 18px; width: 100%; text-align: center; opacity: 0.6;}

.service_box ul li .fm i{color: #fff;}

.service_box ul li .fm b{color: #fff;}

.service_box ul li .fm p{opacity: 1; color: #fff;}



/*鎶ヤ慨娴佺▼*/

.baoxiu_lc{ width: 100%;height: auto; background: #000; padding: 70px 0;}

.baoxiu_lc .title{ text-align: center;}

.baoxiu_lc .title b{font-size: 40px; color: #fff; font-weight: 500;}

.baoxiu_lc .xian{ width: 100%; height: 2px; background: #fff; display: block; margin: 130px 0 100px;}

.baoxiu_lc .xian ul { position:relative;}

.baoxiu_lc .xian ul li{ color: #fff; float: left; text-align: center; position: absolute;}

.baoxiu_lc .xian ul li i{ font-size: 60px;}

.baoxiu_lc .xian ul li p{ font-size: 20px;}

.baoxiu_lc .xian ul li span{width: 6px; height: 6px; border-radius: 50%; display: block; margin: 20px auto; border: 4px solid rgba(255,255,255,0.5); background: #fff; }



/*鑱旂郴鎴戜滑*/

.Contact_box{ width: 100%; height: auto; padding: 80px 0; background: #f1f1f1;}

.Contact_box .title{ text-align: center; padding-bottom: 40px;}

.Contact_box .title b{font-size: 40px; margin-bottom: 10px;font-weight: 500;}

.Contact_box .title p{font-size: 24px; opacity: 0.6;}

.Contact_box ul{width: 70%; margin: 0 auto 50px;}

.Contact_box ul li{ width: 50%; text-align: center; float: left;}

.Contact_box ul li i{font-size: 100px; color: #828282; margin-bottom: 20px; display: block;}

.Contact_box ul li b{ font-size: 30px; margin-bottom:5px; font-weight: 500;}

.Contact_box ul li p{ font-size: 30px;color: #828282; font-weight: 300;}

.Contact_box .gzsj{ text-align: center; font-size: 25px; color: #636363;}



/*浜у搧鏀寔涓庡府鍔�*/

.bangzhu{ padding: 80px 0;}

.bangzhu .title{ text-align: center; padding-bottom:100px;}

.bangzhu .title b{ font-size: 40px;margin-bottom:20px;font-weight: 500;}

.bangzhu .title p{ font-size: 24px; color: #636363; line-height: 38px;}



/*鍝佺墝*/

.column{ padding: 80px 0;}



/*鏂规*/

.fangan_banner{ width: 100%; background: #0e0e0e; height:auto; padding-top: 220px; padding-bottom: 100px; overflow: hidden;}

.fangan_banner_widht{ width:70%;float: left; margin-left:8%;}

.fangan_banner .title{ float: left; text-align: left; padding: 90px 0 100px;}

.fangan_banner .title img{margin: 0 0 30px;}

.fangan_banner .title p{color: #fff; line-height: 27px;}

.fangan_banner_body{position: relative; width: 546px; height: 341px; float: right;}

.fangan_banner_body .mutou{ width: auto; margin: 0 auto;}

.fangan_banner_body .yuan{ width: 170px;height: 170px; border: 6px solid #666; display: block; text-align: center; line-height: 170px; color: #fff; border-radius: 50%; font-size: 36px; position: absolute;}

.fangan_banner_body .text{ color: #fff; position: absolute;}

.fangan_banner_body .text b{font-size: 22px; margin-bottom:8px; font-weight: 500;}

.fangan_banner_body .text p{font-size: 14px; margin-bottom:15px; opacity: 0.4;}

.fangan_box{ width: 100%; height: auto; background:url(../images/fangan_back.jpg);background-attachment:fixed; padding: 100px 0; overflow: hidden;}

.fangan_box .left { width: 40%; float: left;}

.fangan_box .left .text{ color: #fff;}

.fangan_box .left .text b{font-size: 32px; margin-bottom:15px; font-weight: 500;}

.fangan_box .left .text p{font-size: 20px; line-height: 30px; margin-bottom: 66px;}

.fangan_box .left .text img{width: 70%;}

.fangan_box .right { width: 55%; float: right;}

.hengfu{ position: relative;}

.hengfu p{position: absolute; font-size: 18px; line-height:34px;top: 30%!important;}

.cleaf{ display: none;}



/*浜у搧浜岀骇椤甸潰*/

.product_nav{ width: 100%; background: #373737; padding: 30px 0;}

.product_nav ul{}

.product_nav ul li{ width: 10%; float: left;text-align: center; opacity: 0.5;}

.product_nav ul li i{ margin: 0 auto 10px; width:56%; display: block;}

.product_nav ul li img{ margin: 0 auto; width: 100%;}

.product_nav ul li a{ color: #fff;}

.product_nav ul li:hover ,.product_nav ul .on{opacity:1;}

.product_nav ul li:hover i,.product_nav ul .on i{transform:translateY(4px);}

.product_nav ul li:hover p,.product_nav ul .on p{transform:translateY(-2px);}



/*浜у搧涓夌骇椤甸潰*/

.product_top_banner{position: relative;padding-top: 60px;}

.product_top_banner .top_banner_img{ width: 100%;}

.product_top_banner .text{ position: absolute; top: 30%; left: 15%; color: #fff;}

.product_top_banner .text h3{font-size: 22px; margin-bottom: 10px;}

.product_top_banner .text b{font-size: 34px;margin-bottom: 5px;}

.product_top_banner .text p{ font-size: 22px; margin-bottom: 20px;font-weight: 200;}

.product_top_banner .text img{}



/*浜у搧鍒楄〃*/

.product_list{ padding: 80px 0;}

.product_list ul{ }

.product_list ul li{ width: 30%; margin: 0 1.6%; float: left; margin-bottom:30px;}

.product_list ul li .img_sdah {}

.product_list ul li .img_sdah img{ height: 290px;}

.product_list ul li .text{padding:20px 20px; border-bottom: 2px solid #eaeaea;}

.product_list ul li .text p{ float: left;}

.product_list ul li .text span{ float: right; opacity: 0.6;}



.product_list ul li:hover{ box-shadow: 0px 10px 20px rgba(0,0,0,0.1);transform: scale(1.02);}

.product_list ul li:hover .text{border-bottom: 2px solid #fff;}

.product_list ul li:hover .text span{color: #000; opacity: 1;}

.product_list ul li:hover .text p{transform:translateX(10px);}



/*鑱旂郴鎴戜滑*/

.lianxi{ padding: 80px 0;}

.lianxi .left{ width: 55%; float: left;}

.lianxi .right{ width: 40%; float: right;}

.lianxi .right .text{margin-bottom: 40px;}

.lianxi .right .text b{font-size: 32px; color: #000; margin-bottom: 20px; font-weight: 500;}

.lianxi .right .text p{font-size: 18px; color: #828282;}

.lianxi .right .text p i{font-size: 22px; margin-right: 10px;color: #828282; line-height: 36px;}



/*涓嬭浇璇存槑涔﹀晩*/

.down .down_title{ text-align: center; margin-bottom: 40px; font-size: 28px; color: #666;}

.down .down_title b{font-weight: 500;}

.down #btn .dow_kuang{ width:31%; padding: 0 10px; float: left; border: 1px solid #E0E0E0; height: 52px; line-height: 52px; margin-right:2.33%; font-size: 20px; color: #666; border-radius: 5px;}



.down #btn #pf{ width: 33.33%; float: right; height: 52px; line-height: 52px; text-align: center; background: #000; border-radius: 5px;font-size: 20px;}

.down #btn #pf a{ color: #fff; display: block;}





/*琛ㄥ崟*/

.biaodan{ background: #eeeeee; width: 100%; padding: 80px 0;}

.biaodan .title{margin-bottom: 40px;}

.biaodan .title b{ font-size: 36px; color: #000; margin-bottom: 6px;}

.biaodan .title p{ font-size: 22px; color: #333;}

.biaodan{}

.biaodan .name{float: left;}

.biaodan .name .titles_p{ font-size: 16px; float: left;line-height: 42px; }

.biaodan .name .text{height: 42px;line-height: 42px; padding: 0 10px; border-radius: 5px;}

.biaodan .xingming{ width: 50%;}

.biaodan .xingming .text{width:70%;}

.biaodan .diqu{ float: left;}

.biaodan .xingbie{ width: 50%; float: left; padding-top: 10px; margin-bottom: 30px;}

.biaodan .xingbie label{ margin-right: 10px;font-size: 16px; }

.biaodan .xingbie label input{ margin-right: 5px;}

.biaodan .youxiang{ width: 50%;}

.biaodan .youxiang .text{width:70%;}

.biaodan .dianhua{ width: 50%; margin-bottom: 10px;}

.biaodan .dianhua .text{width:70%;}

.biaodan .diqu{width:50%;}

.biaodan .outer{ float: left; width:73%;}

.biaodan .diqu .titles_p{ float: left;line-height: 42px;}

.biaodan .diqu select{ width: calc(33.33% - 8px); padding: 0 10px; margin-right: 10px; float: left; height: 42px; line-height: 42px; background: #fff; border-radius: 5px; color: #666;}

.biaodan .diqu select:nth-child(3){margin-right: 0; float: right;}

.biaodan .leixing{ width: 49.5%; float: left; margin-bottom: 20px;}

.biaodan .leixing #leixingk{ width: 74%; height: 42px; padding: 0 10px; border-radius: 5px;}

.biaodan .neirong{ width: 100%; margin-bottom: 20px;}

.biaodan .neirong .cmessage{ width: calc(100% - 100px);min-height: 150px; padding: 10px; border-radius: 5px;}

.biaodan .submit{ width: 200px; height: 42px; line-height: 42px; display: block; background: #000; margin-left: 80px; color: #fff;font-size: 16px;border-radius: 5px;}





.producta_column{ padding: 80px 0;}

.producta_column .left{ width: 40%; float: left;}

.producta_column .left .icon{ margin-bottom: 30px;}

.producta_column .left p{font-size: 18px; margin-bottom: 20px;}

.producta_column .left .textbo{float: right; margin-top: 30px; }

.producta_column .right{ width: 50%; float: right;}

.producta_column .right img{ width: 100%;}



.product_top_box{width: 100%;padding: calc(2rem + 1vw) 0; background: #f2f2f2;margin-top: 87px;}

.product_top_box .wp{width: 92%;max-width: 1340px;margin: 0 auto; position: relative; min-height: 350px;}

.product_top_box .product_pic{ width: 50%;float: left;}

.product_top_box .product_pic .product_swiper{padding: 40px 0 80px;}

.product_top_box .product_pic .product_swiper .swiper-slide img{ margin: 0 auto;}

.product_top_box .product_pic .product_swiper .swiper-pagination{bottom: 20px;}

.product_top_box .product_pic .product_swiper .swiper-pagination-bullet-active{ background: #000;}

.product_top_box .text{width: 45%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

.product_top_box .text .title{font-size: calc(18px + 0.6vw);color: #000;font-weight: 500; display: block;margin-bottom: calc(0.5rem + 0.5vw);}

.product_top_box .text .font{font-size: 15px;color: #333; padding-bottom: calc(1rem + 1vw);}

.product_top_box .text .chicun{border-top: 1px solid rgba(0,0,0,0.1);padding-top:calc(1rem + 1vw);}

.product_top_box .text .chicun ul li{width: calc(100% / 5);float:left;text-align: center;text-align: center;}

.product_top_box .text .chicun ul li strong{font-size: calc(18px + 0.6vw);font-weight: 500;display: block; color: #555;}

.product_top_box .text .chicun ul li span{text-align: center;display: block;color: #555;}

.product_top_box .text .chicun ul li:nth-of-type(2n) span{ width: 16px;height:1px;position: relative; margin: calc(15px + 0.8vw) auto;}

.product_top_box .text .chicun ul li:nth-of-type(2n) span:before{width: 100%;height: 1px;display: block;content: '';background: #222;position: absolute;top: 0;left: 0;transform: rotate(-45deg);}

.product_top_box .text .chicun ul li:nth-of-type(2n) span:after{width: 100%;height: 1px;display: block;content: '';background: #222;position: absolute;top: 0;left: 0;transform: rotate(45deg);}



.product_texing{position: relative;}

.texing_nav{height: 66px; background: #959595;position: absolute;top: 0;left: 0;width: 100%;z-index:20;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.texing_nav .wp{width: 92%;max-width: 1340px;margin: 0 auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.texing_nav .wp ul li{font-size: 17px;color: #fff;float: left;height: 66px;margin-right: calc(1rem + 1vw); padding: 0 10px;position: relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.texing_nav .wp ul .sll_top{float: left;height: 66px; margin-right: calc(1rem + 1vw); padding: 0 10px;position: relative; cursor: pointer;}

.texing_nav .wp ul .sll_top img{margin-top: 30px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.texing_nav .wp ul li a{position: relative;display: block;z-index: 5;color: #fff;margin-top: 21px;}

.texing_nav .wp ul li:before{width: 100%;height: 60%;display: block;content: '';background: #717171;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1; border-radius: 5px;opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.texing_nav .wp ul li.active:before{opacity: 1;}

.texing_nav .wp ul li.sll_top:before{display: none;}



.texing_nav_fixed{height: 50px; position: fixed;z-index: 300;}

.texing_nav_fixed .wp ul li{height: 50px;}

.texing_nav_fixed .wp ul .sll_top{height: 50px;}

.texing_nav_fixed .wp ul .sll_top img{margin-top: 18px;}

.texing_nav_fixed .wp ul li a{margin-top: 12px;}



.product_infoimg{}

.product_infoimg .swiper-pagination-bullet-active{ background: #fff;}

.product_info{padding-top:66px;}

.product_info .left{ width: 50%; float: left; margin-top: 160px;}

.product_info .left .title b{display: block; text-align: center; margin-bottom: 10px; font-size:24px;}

.product_info .left .title p{display: block; text-align: center; margin-bottom: 20px; font-size:16px;}

.product_info .left .goumai_an{ width: 150px; text-align: center;line-height: 50px; color: #fff; border-radius: 25px; margin: 0 auto;height: 50px; display: block; background: #000;}

.product_info .left .goumai_an:hover{transform: scale(0.95);}

.product_info .right{ width: 40%; float: right;}

.product_info .right .cpxqcs td strong{font-size: 18px;}

.product_content{ padding: calc(2rem + 2vw) 0;}



.news_box{padding:60px 0;}

.news_box .title{ text-align: center; margin: calc(1rem + 1vw) 0 calc(2rem + 2vw);}

.news_box .title b{font-size: calc(20px + 1vw); font-weight: 500;}

.news_box .title p{font-size: 14px; color: #999;}

.news_box .wrap{ width: 92%; max-width: 1170px;margin: 0 auto;}

.news_box.articlelist_box ul li{ width:100%; margin:calc(1rem + 1vw) 0;position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: calc(1rem + 1vw);}

.news_box.articlelist_box ul li .img{width: 270px; float: right; position: relative; overflow: hidden;}

.news_box.articlelist_box ul li .img img{}

.news_box.articlelist_box ul li:hover .img img{transform: scale(1.1);}

.news_box.articlelist_box ul li .img span{ position: absolute;bottom: 0;left: 0;padding: 8px 20px; background: #fff;}

.news_box.articlelist_box ul li .text{ width: calc(100% - 320px);float: left;}

.news_box.articlelist_box ul li .text b{ font-size: calc(16px + 0.5vw); font-weight: 500; margin-bottom: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display: block;margin-bottom: calc(0.5rem + 0.5vw);}

.news_box.articlelist_box ul li .text p{ font-size: 14px;color: #999;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display: block;margin-bottom: calc(1rem + 1vw);}

.news_box.articlelist_box ul li .text span{font-size: 12px;color: #999;}

.news_box.articlelist_box ul li .text span i{padding-left: 10px;}

.news_box.articlelist_box ul li:hover .text span{width: 100%;}

.news_box.articlelist_box ul li .yuedu span{font-size: 12px; float: left;}

.news_box.articlelist_box ul li .yuedu i{font-size: 12px; float: right;}

.article_box{padding-top: calc(2rem + 8vw);}

.article_box .article_title{ border-bottom: 1px dashed #CFCFCF;}

.article_box .article_title h1{ font-size: 28px; margin-bottom: 15px;}

.article_box .article_title .shijian { padding-bottom: 15px;}

.article_box .article_title .shijian span{ float: left; font-size: 16px; color: #666666;}

.article_box .article_title .shijian i{ float: right; font-size: 16px;color: #666666;}

.article_box .wrap{ width: 92%; max-width: 1170px; margin: 0 auto;}

.article_content{ padding: 50px 0; font-size: 22px; color: #666666;}

.article_content img{max-width: 100%; margin: 0 auto;}

.article_content span{display: inline;}





.product_content{padding: calc(1rem + 1vw) 0;}

.product_content .wp{width: 92%; max-width: 1170px;margin: 0 auto;}

.product_content .left{ width:50%;float: left;}

.product_content .right{ width:50%;float: right;margin-bottom: calc(1rem + 1vw);}

.product_content .right img{ width:80%;max-width: 548px; margin: 0 auto}

.product_content .cp_canshu_bige{ width: 60%;}

.product_content .cp_canshu_bige .title{font-size: calc(17px + 0.3vw);padding: 6px 0;border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);display: block;font-weight: 500;}

.product_content .cp_canshu_bige .text{font-size: 14px; color: #333; padding: calc(1rem + 1vw) 0 0;}

.product_content .cp_canshu_bige .text ul li{display: block;line-height: 1.5;}

.product_content .cp_canshu_bige .text ul li span{float: right;}

.product_content .cp_canshu .cp_canshu_bige{ width:26%;margin-right: 10%;margin-bottom:calc(1rem + 1.5vw); float: left;}

.product_content .cp_canshu .cp_canshu_bige:nth-of-type(3n){margin-right:0%;}





.index_news .swiper_index_news ul li{ width: calc(100% / 3 - 2vw); float: left; margin:0 1vw 5%;}

.index_news .swiper_index_news ul li .img{ position: relative; height: 260px;  margin-bottom: 20px; overflow: hidden;}

.index_news .swiper_index_news ul li .img img{ height: 260px; object-fit: cover;}

.index_news .swiper_index_news ul li:hover .img img{transform: scale(1.1);}

.index_news .swiper_index_news ul li .img span{ position: absolute;bottom: 0;left: 0;padding: 8px 20px; background: #fff;}

.index_news .swiper_index_news ul li .text{padding-bottom: 22px;position: relative; border-bottom: 1px solid #999999; margin-bottom:10px;}

.index_news .swiper_index_news ul li .text b{ font-size: 16px;height: 21px; margin-bottom: 10px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

.index_news .swiper_index_news ul li .text p{ font-size: 12px;height: 32px; color: #999;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.index_news .swiper_index_news ul li .text span{width: 0%; height: 1px; display: block; background: #000;position: absolute;bottom: -1px;left: 0;}

.index_news .swiper_index_news ul li:hover .text span{width: 100%;}

.index_news .swiper_index_news .yuedu span{font-size: 12px; float: left;}

.index_news .swiper_index_news .yuedu i{font-size: 12px; float: right;}

























@media screen and (max-width: 1360px){

.index_banner_thumbs .swiper-slide .slide_a{padding: 15px 0;}

.index_banner_thumbs .swiper-slide .img{width: 50px; height: 50px;}

.index_banner_thumbs .swiper-slide span{font-size: 16px;}

.index_banner .swiper-slide p{font-size: 30px;}

.index_banner .swiper-slide p img{font-size: 30px;}

.fangan_box .left .text{transform: scale(0.8);}

	.cleaf{ display: inherit;}

	.fangan_banner_widht{width: 100%; margin-left: inherit;}

	.fangan_banner{padding: 80px 0 50px;}

.fangan_banner .title{ float: inherit;margin-left: 50%;transform:translateX(-50%); padding: 0; text-align: center; margin-bottom: 80px;}

.fangan_banner .title img{transform: scale(0.8)!important;margin: 0 auto;}

.fangan_banner .title p{transform:translateY(-30px) scale(0.8)!important;}

.fangan_banner_body{transform: scale(0.8) translateX(-60%); float: inherit;margin-left: 50%; margin-bottom: 80px;}

.hengfu p{font-size: 18px;}



.top_banner .text{transform: scale(0.8)!important;}

.service_box ul{transform: scale(0.9)}

.baoxiu_lc .title b{}

.baoxiu_lc .footer_wrap{transform: scale(0.8)}

.Contact_box .max-widht{transform: scale(0.8)}

.bangzhu .max-widht{transform: scale(0.8)}

.product_top_banner .text{transform: scale(0.8);top: 20%;}

.product_list ul li .text p{ font-size: 14px;}

.product_list ul li .text span{ font-size: 14px;}

	.product_list ul li .img_sdah img{ height: 240px;}

} 







@media screen and (max-width: 1024px){

	.top .right{display: none;}

	.top .nav{text-align: right;}

	.top .nav ul{padding-right: calc(1rem + 1vw);}

	.column .right{width: 50%!important; padding-top: 0!important;}

	.column .left{width: 100%!important; float: inherit!important; padding-bottom: 2rem;}

	.column .right{width: 100%!important; padding-top: 1rem; float: inherit!important;}

	

	.column{padding: 3rem 0;}

	.fangan_banner{padding-top: 150px;}

	

	

}

.phoneproduct_nav{display: none;}

.hback{width: 100%;height: 100%;z-index: 50;left:0%;display: block;top: 0; position:fixed;cursor:pointer; background: rgba(0,0,0,0.6);visibility: hidden; opacity: 0;filter:alpha(opacity=0);}

.hbackb{width: 100%;height: 100%;z-index: -5;left:0%;display: block;top: 0; position:fixed;cursor:pointer; background: rgba(0,0,0,0.6);visibility: hidden; opacity: 0;filter:alpha(opacity=0);}

.caidan{ width: 50%;height: 100%; display: block; background: #fff; position: fixed;left: 0%;top: 0;z-index:51;transform: translate3d(-100%,0,0);}

.caidan .caidan_nav{padding: 0% 3%; height: 80%; overflow: scroll;}

.caidan .guanbi{position: absolute; left: -60px;top: 5%; cursor:pointer; display:none;}

.caidan .guanbi i{ width: 50px;height: 50px;border-radius: 50%; background: #fff; display: block; text-align: center;line-height: 50px; color: #666;}

.caidan .guanbi:hover i{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.caidan .caidan_nav ul{padding-top:90px;}

.caidan .caidan_nav ul .caidan_1{ width: 90%; padding:0 5%; line-height:60px; height:60px; border-bottom: 1px solid #E8E8E8; font-size: 17px; display: block;font-weight:bold;}

.caidan .caidan_nav ul .caidan_1 i{float: right; color: #333; font-size: 20px;}

.caidan .caidan_nav ul .caidan_1:hover ,.caidan .selected .caidan_1{background: #fff;}

.caidan .selected .caidan_1 i{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.caidan .caidan_nav ul li a{ display: block; height: 100%;}

.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:0px 8%;}

.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px;}

.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){padding-top: 1rem;}

.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}

.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}

.top .menu.menu2 i{width: 100%!important;}

.top .menu.menu2 i:nth-of-type(2){opacity: 0;filter:alpha(opacity=0);}

.top .menu.menu2 i:nth-of-type(1){transform:translateY(7px) rotate(-45deg);}

.top .menu.menu2 i:nth-of-type(3){transform:translateY(-7px) rotate(45deg);}

.pc-vis{display: inherit;}

.phone-vis{display: none;}

@media screen and (max-width: 769px){

	.pc-vis{display: none!important;}

	.phone-vis{display:inherit!important;}

	#fixPara_a .top .logo{width: 70px;margin-top: 10px;}

	#fixPara_b .top .logo{width: 70px;margin-top: 0px;}

	.top .nav .a_ul .a_li .a_li_a{font-size: 14px;}

	.top .nav .a_ul .a_li .a_li_a span{pointer-events: none;}

	.top .nav .b_ul .b_li .b_a{font-size: 14px;}

	.top .nav .b_ul .b_li:hover .c_ul_box .c_ul{width:340px;}

	.column .left{width: 100%!important;transform: scale(1);}

	.column .right{width: 100%!important;}

	.column{padding-bottom: 1rem;}

	.index_news .news_box ul li .img{height: inherit;}

	.index_news .news_box ul li .img img{height: inherit;}

	.footer{padding: 40px 0 20px;}

	.footer .left ul{margin-right: 40px;}

	body #newBridge{display: none;}

	.top .nav{display: none;}

	.index_news .news_box{padding-bottom: 0!important;}

	.footer .left{display: none;}

	.footer .right{display: none;}

	.footer .footer_bei{display: none;}

	

	.footer .footer_wrap p.phone-vis{font-size: 12px;color: rgba(255,255,255,0.5);display: block;width: 100%;text-align: center;line-height: 1.5;}

	.footer .footer_wrap p.phone-vis a{display: block;color: rgba(255,255,255,0.5);}

	

	.top{height: 60px;}

	

	.top .menu{ width: 34px;cursor:pointer;height: 20px; display: block; float: right;margin-top: 25px;position: relative;z-index: 100;}

	.top .menu i{height: 2px;display: block; background: #000; margin-bottom: 5px; float: right;}

	.top .menu i:nth-child(1){ width: 80%;}

	.top .menu i:nth-child(2){ width: 60%;}

	.top .menu i:nth-child(3){ width: 90%;}

	.top .menu:hover i{ width: 100%;}

	.caidan{ width: 100%;}

	.top .logo{width: 80px;}

	

	.index_banner_thumbs .swiper-slide span{font-size: 12px;}

	.index_banner_thumbs .swiper-slide p{display: none; padding-top: 6px;}

	.index_banner_thumbs .swiper-slide .img{width: 30px;height: 30px;transform: translateY(0);}

	

	.index_banner_thumbs .swiper-slide span{transform: translateY(0);}

	.index_banner_thumbs .swiper-slide:hover .img,.index_banner_thumbs .swiper-slide-thumb-active .img{transform: translate3d(0);}

	.index_banner_thumbs .swiper-slide .slide_a{padding-bottom: 0;}

	.banner_thumbs_box .max-widht{width: 100%;}

	

	.footer{padding: 1rem 0;}

	.column .right img{max-width: 100%;}

	.column .right img:nth-of-type(2){width: 150px;}

	.product_nav ul li{width: 25%; margin-bottom: calc(1rem);opacity: 1;}

	.product_nav ul li img{width: 70%;}

	

	.product_nav ul li a{font-size: 14px; color: #fff;}

	

	.product_nav{padding: 1rem 0;}

	.top_banner .text{display:none;}

	

	.column .left{padding-top: 0!important;}

	.column .left img{width: 100%;margin-bottom: 10px;}

	.column .left b{font-size: 24px!important;font-weight: bold!important;}

	.column .left.caonimabi img{width: 100%;}

	.column.caoniba{padding-top: 1rem;}

	.hengfu{}

	

	

	.producta_column .left{width: 100%; float: inherit;}

	.producta_column .right{width: 100%; float: inherit;}

	

	.producta_column{padding: 2rem 0;}

	.producta_column .left p{font-size: 14px;}

	.producta_column .left .icon{margin: 0 auto 1.5rem;width: 26%;}

	.producta_column .left .textbo{float: inherit; max-width: 60%;margin: 1rem auto 2rem;}

	.producta_column .right img{margin-top: 0!important;}

	.producta_column .left{margin-top: 2rem!important;}

	

	.phoneproduct_nav{padding: 0px 4%;background: #f4f4f4;position: relative;height: 46px;}

	.phoneproduct_nav .left{font-size: 12px; float: left;color: #999;line-height: 46px;}

	.phoneproduct_nav .left a{color: #999;}

	.phoneproduct_nav span.cp_menu_an,.phoneproduct_nav span.cp_fanhui{float: right; font-size: 14px;position: absolute;height: 46px;padding: 0 20px;background:#000;color: #fff; top: 0;right: 0;display: table;}

	.phoneproduct_nav span.cp_menu_an em,.phoneproduct_nav span.cp_fanhui em{display: table-cell;vertical-align: middle;font-weight: bold;}

	

	.product_nav{position: fixed;bottom: 0;left: 0;z-index: 50; padding: 2rem 0; transform: translate3d(0,105%,0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

	.product_nav.product_nav_oppen{transform: translate3d(0,0%,0);}

	.product_nav .title{}

	.product_nav .title strong{font-size: 17px;color: #fff; display: block;margin-bottom: calc(1rem + 1vw);text-align: center; }

	

	.product_list ul li{width: 100%;}

	

	.product_list{padding: 1rem 0;}

	.product_list ul li{margin: 0 0 1rem; width:calc(50% - 5px);margin-right: 10px;}

	.product_list ul li:nth-of-type(2n){margin-right: 0px;}

	.product_list ul li .text{border-bottom: 1px solid rgba(0,0,0,0.1); padding-top: 8px; padding-bottom: 8px;}

	.product_list ul li .text span{font-size: 12px;display: none;}

	.product_list ul li .img_sdah img{height: inherit;}

	

	.product_top_box .product_pic{width: 100%; float: inherit;}

	.product_top_box .text{width: 100%;position: inherit; top: inherit;left: inherit;transform: translateY(0);}

	.product_top_box{margin-top: 60px;}

	.product_top_box .product_pic .product_swiper .swiper-slide img{width: 100%;}

	.product_top_box .product_pic .product_swiper{padding: 1rem 0;}

	.product_top_box .text .chicun{margin-top: 1rem;}

	.product_top_box .text{padding-top: 2rem;}

	

	.product_content .left{width: 100%; float: inherit;margin-top: 1rem;}

	.product_content .cp_canshu_bige{width: 90%;padding: 0 5%;}

	

	.product_content .right{width: 100%;}

	.product_content .right img{width: 100%;}

	.product_content .cp_canshu .cp_canshu_bige{width:90%;margin-right: 0;padding: 0 5%; margin-bottom: 2rem;}

	.product_content .cp_canshu_bige .title{font-weight: bold; font-size: 17px;}

	.product_top_box .text{padding-top: 3rem;}

	.product_top_box .text .font{font-size: 14px;}

	.product_top_box .text .chicun ul li strong{font-size: 16px;}

	.product_top_box .text .chicun ul li strong span{font-size: 16px;}

	.product_top_box .text .chicun ul li span{font-size: 12px;}

	

	.product_top_box .text .chicun ul li:nth-of-type(2n) span{transform: scale(0.8);}

	

	.texing_nav{height: 50px;}

	.texing_nav .wp ul li{height: 50px;}

	.texing_nav .wp ul li a{margin-top: 15px;font-size: 14px;}

	.texing_nav .wp ul .sll_top{height: 50px;}

	.texing_nav .wp ul .sll_top img{margin-top: 20px;}

	.product_info{padding-top: 50px;}

	

	.product_nav ul li.on{opacity: 0.6;}

	.product_top_box .text .title{font-weight: bold;}

	.phoneproduct_nav{display: inherit;}

	.cp_fanhui{}

	

	.fangan_banner .title img{width: 60%; margin-bottom: 2rem;}

	.fangan_banner_body{width: 100%;height: inherit;transform:scale(1);}

	.fangan_banner_body .mutou{width: 90%;margin: 0 auto;}

	.fangan_banner_body .yuan{width: 100px;height: 100px; line-height: 100px;font-size: 20px;}

	.fangan_banner_body .text b{font-size: 18px;}

	.fangan_banner .title p{font-size: 14px;}

	

	.fangan_banner_body .text{position: inherit; right: inherit!important;left: inherit!important;top: inherit!important;bottom: inherit!important; margin-bottom: 2rem;padding: 0 5%;}

	.fangan_banner_body{margin-left: 0;}

	

	.fangan_banner_body .yuan:nth-of-type(1){left: 5%!important;top: 0!important;}

	.fangan_banner_body .yuan:nth-of-type(2){left: inherit!important; right: 5%!important;top: 0!important; transform: scale(0.8)!important; width: 80px;height: 80px; line-height: 80px;border: 4px solid #666;}

	.fangan_banner_body .yuan:nth-of-type(3){left: inherit!important; right: 10%!important;top: 20%!important; width: 80px;height: 80px; line-height: 80px;border: 4px solid #666;}

	.fangan_banner_body .yuan:nth-of-type(3) p{font-size: 14px!important;}

	.fangan_banner_body{margin-bottom: 0;}

	.fangan_banner{padding-bottom: 1rem;}

	.fangan_box .left{width:70%;margin-bottom:4rem;}

	.fangan_box .right{width: 90%;float: inherit;margin: 0 auto;}

	.fangan_box .left .text img{width: 50%;}

	.fangan_box .left .text{transform: scale(1);}

	.fangan_box .left .text p{font-size: 14px;line-height: 1.5; margin-bottom: 1rem;}

	.fangan_box .left .text b{font-size: 22px;}

	

	.fangan_box{background-attachment: inherit; background:url(../images/fangan_back_phone.jpg);}

	.hengfu p{font-size: 15px;color: #fff;}

	.service_box ul li i{font-size: 30px;}

	.service_box ul li .zm, .service_box ul li .fm{background: #fff;}

	.service_box ul li .fm{display: none;}

	.service_box ul li{pointer-events: none;height: inherit; line-height: inherit;padding: 20px 0;}

	

	.service_box{padding: 2rem 0;}

	.service_box ul li b{font-size: 20px; font-weight: bold; position: inherit;}

	.service_box ul li .zm{position: inherit;}

	.service_box ul li i{position: inherit;}

	.service_box ul li b{bottom: inherit;}

	.service_box ul li p{position: inherit; font-size: 12px;}

	.service_box ul{ transform: scale(1);}

	.service_box ul li{ background: #fff;}

	

	.footer_wrap{width: 94%;}

	

	.baoxiu_lc{padding: 2rem 0;}

	

	.baoxiu_lc .xian ul li p{font-size: 12px;}

	.baoxiu_lc .xian ul li i{font-size: 30px;}

	

	.baoxiu_lc .footer_wrap{transform: scale(1);width: 96%;}

	.baoxiu_lc .xian{margin: 70px 0 100px;}

	.baoxiu_lc .title{margin-bottom: 2rem;}

	.baoxiu_lc .title b{font-size: 22px;}

	.baoxiu_lc .xian ul{position: relative;}

	.baoxiu_lc .xian ul li{width: 20%; float: left;position: inherit;top: inherit!important;left: inherit!important;bottom: inherit!important;right: inherit!important;}

	.baoxiu_lc .xian ul:before{content: ''; width: 100%;position: absolute;height: 1px;display: block;background: rgba(255,255,255,0.2);top: 50%;left: 0;z-index: 0;}

	.baoxiu_lc .xian ul:after{content: ''; clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

	.baoxiu_lc .xian{ height: inherit;margin: 0; background: inherit;}

	

	.Contact_box{padding: 2rem 0;}

	.Contact_box .max-widht{transform: scale(1);}

	.Contact_box .title b{font-size: 22px;display: block;}

	.Contact_box .title p{font-size: 14px;}

	.Contact_box ul{width: 100%;}

	.Contact_box ul li i{font-size:36px;}

	.Contact_box ul li b{font-size: 18px;}

	

	.Contact_box ul li p{font-size: 14px;}

	

	.Contact_box .gzsj{font-size: 14px;}

	.bangzhu{padding: 2rem 0;}

	.bangzhu .title b{font-size: 22px; font-weight: bold;}

	.bangzhu .title p{font-size: 14px;}

	

	.bangzhu .max-widht{transform: scale(1);}

	.bangzhu .title p{width: 60%; margin:  0 auto;line-height: 1.5;}

	.bangzhu .title p br{display: none;}

	.bangzhu .title{padding-bottom:2rem;}

	.down .down_title{font-size: 18px;}

	.Contact_box ul{margin-bottom: 2rem;}

	.Contact_box .title{padding-bottom: 2rem;}

	.down #btn .dow_kuang{width: calc(50% - 7px);float: left;margin-right: 14px;}

	.down #btn .dow_kuang:nth-of-type(2){width: calc(50% - 7px);float: left;margin-right: 0;}

	.down #btn #pf{width: 80%;float: inherit;margin: 0 auto;}

	.down #btn #pf{font-size: 14px;margin-top: 20px;}

	

	.lianxi{padding: 2rem 0;}

	.lianxi .left{width: 100%;float: inherit; padding-bottom: 2rem;}

	.lianxi .right{width: 100%;float: inherit;}

	.lianxi .right .text b{font-size: 22px; font-weight: bold;}

	.lianxi .right .text p{font-size: 14px;}

	.lianxi .right .text{margin-bottom: 1rem;}

	.lianxi .right .text b{margin-bottom: 10px;}

	.biaodan{padding: 2rem 0;}

	.biaodan .title b{font-size: 22px;}

	.biaodan .title p{font-size: 14px;}

	.biaodan .xingming{width: 100%;}

	.biaodan .xingbie{width: 100%;}

	.biaodan .youxiang{width: 100%;}

	.biaodan .dianhua{width: 100%; margin:0px 0;}

	.biaodan .leixing{width: 100%; margin-top: 10px;}

	.biaodan .xingming{margin-bottom: 10px;}

	

	.biaodan .leixing{margin: 0 0;}

	.biaodan .name{margin: 5px 0;}

	.biaodan .leixing #leixingk{width: 76%;}

	.biaodan .submit{font-size: 14px; width: 140px;}

	

	

	.news_box{padding: 2rem 0;}

	.news_box .title{margin: 1rem 0;}

	.news_box.articlelist_box ul li .img{width: 100%; margin-bottom: 1rem;}

	.news_box.articlelist_box ul li .text{width: 100%;}

	.news_box.articlelist_box ul li .text p{display: none;}

	.news_box.articlelist_box ul li .text b{font-size: 17px;}

	

	.article_box{padding-top:7rem;}

	.down #btn .dow_kuang{font-size: 12px;}

	.Contact_box .title{margin-bottom: 0rem;}

	.article_content span{display: inline;}

	

	.article_content img{width: 100%!important; float: inherit;}

	.article_content p{width: 100%!important;margin-bottom: 1rem!important;}	

	

}



.moreBtn {font-size: 14px;padding: 15px 0;width: 180px;margin: calc(1.5rem + 1.5vw) auto 0;text-align: center;color: #333;background: #ececec;display: block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.moreBtn:hover {background: #222;color: #fff;}



.index_news{padding: calc(1.5rem + 3vw) 0 calc(1rem + 1vw);}

.index_news .wrap{max-width: 1520px;}

.index_news .wrap .swiper_index_news {padding-bottom: calc(2rem + 1vw);}

.index_news .wrap .swiper_index_news .swiper-slide{margin: auto;}

.index_news .title{text-align: center;}

.index_news .title span.cn{font-size: calc(1rem + 1vw);display: block;}

.index_news .title span.en{font-size: calc(0.8rem + 0.2vw);display: block;color: rgba(0,0,0,0.5);}

.index_news .news_box{padding: calc(0.7rem + 0.7vw) 0 calc(1rem + 1vw);}

.index_news .wrap .swiper_index_news .swiper-pagination{}

.index_news .wrap .swiper_index_news .swiper-pagination-bullet-active{background:#a20b0b;}

.footerlink{color: rgba(255,255,255,0.5);text-align: left;padding-top: 15px;}

.footerlink strong{font-size: 14px;margin-right: 10px;}

.footerlink a{font-size: 14px;color: #fff; margin-right: 15px;}

.BMap_scaleBar{display: none!important;}











.honorList ul{ color: #666; padding: 0;}

.honorList li{width: calc(100% / 3 - 0.3px - 12px); margin-bottom:20px;margin-right: 18px; cursor: pointer; text-align: center;}

.honorList li p{margin-top: 6px; font-size: 14px;}

.honorList .img{overflow: hidden; position: relative;}

.honorList li a{}

.honorList li a img{width:100%;height:auto;}

.honorList .bg{ background: rgba(0,0,0,0.4);position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=0); visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}

.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms;}

.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}

.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}

.honorList li:hover .img{ border-color: rgba(255,255,255,0.3);}

.honorList li:hover .bg{ opacity: 1;filter:alpha(opacity=100); visibility: visible;}

.honorList li:hover .il{ width: 30px; }

.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}

.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 1%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}

.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}

.overlayClose:hover{ background-color: rgba(255,255,255,0.3);}

.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }

.no-csstransitions .imgShowBox{ display: none;}

.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }

.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}

.imgShowDemo .con .t{ font-size: 16px; color: #333;}

.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }

.imgShowDemo .txt .i { padding-left: 3%; }

.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }

.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }

.no-csstransitions .img-show{ display: block;}

.owl-item{margin:0;float:left;}

.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}

.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }

.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }

.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: rgba(255,255,255,0.3); }

.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}



.honorList{ padding-bottom:60px;}

.honorList .swiper-scrollbar{ width: 25%; height: 6px; background:#ddd;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}

.honorList .swiper-scrollbar .swiper-scrollbar-drag{ background: rgba(0,0,0,0.3); cursor: pointer;}

























