body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea,button{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;overflow-x: hidden;}
body{ width:100%; ;position: relative;background: #fff;}
.clear{clear: both;}
.clearAfter:after{content:"";display: block; clear: both;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding-left:15px;padding-right:15px;margin:0 auto;}
.swiper-slide img{max-width: 100%;max-height: 100%;}



.bottom_nav{background: #005bac;height:55px;position: fixed;bottom:0;left:0;right:0;z-index: 50;}
.bottom_nav:after{content:"";display: block;clear:both;}
.bottom_nav li{float: left;width:25%;text-align: center;}
.bottom_nav li img{display: block;width:22px;margin:7px auto 4px;}
.bottom_nav li span{color:#fff;font-size: 13px;line-height: 18px;height:18px;overflow: hidden;display: block;}

.WeChatModel{display: none;z-index: 50; position: fixed;bottom:0;top:0;left:0;right:0; }
.WeChatModel .bg{ position: fixed;bottom:0;top:0;left:0;right:0;background: rgba(0,0,0,.5);}
.WeChatModel .box{ width: 120px;height:120px;background: #fff;padding:3px; position: absolute;top:0;bottom:0;margin:auto;left:0;right:0;}
.WeChatModel .box img{width: 120px;margin:0;max-width: 100%;max-height: 100%;}

.searchModel{display: none;z-index: 40; position: fixed;bottom:50px;left:0;right:0;background: #000;padding:5px;}
.searchModel form{width:100%;display: block;height:30px}
.searchModel input{float: left;padding:0;line-height: 30px;height:30px;font-size: 14px;}
.searchModel .b_txt{width: 80%;padding:0 10px;color:#333;}
.searchModel .b_sub{width: 20%;color:#fff;text-align: center;background: #333;border:none;}


.left_navBox{position: fixed;top:0;left:0;width:100%;height:100%;z-index:100;
    transform: translate3d(-100%,0,0);-webkit-transform: translate3d(-100%,0,0);
    transition: all linear .3s;-webkit-transition: all linear .3s;
}
.left_navBox.on{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.left_navCont{position: fixed;top:0;left:0;background: #005bac;width:100%;height:100%;padding-bottom:50px;z-index:102;
    overflow-y: auto;-webkit-overflow-scrolling : touch;}
.left_had{background: #020202;height:50px;line-height: 50px;padding:0 10px;color:#fff;font-size: 16px;}
.leftLogo{padding:10px 0;height:50px;display: block;float: left;}
.leftLogo img{max-height: 100%;vertical-align: top;}
.closeM{float: right;width: 20px;margin:15px 0 0 0;}
.left_nav li {border-bottom:1px solid #035197;position: relative; }
.left_nav li a{position: relative; display: block;line-height: 45px;height:45px;
    padding:0 40px 0 12px;font-size: 15px;color:#fff;}
.left_nav li i{display: none;text-align:center;position: absolute;top:0;right:10px;width:20px;height:45px;
    background: url(../images/dh_03.png) no-repeat center center;background-size: 20px;}
.left_nav li i.in{display: block;}
.left_nav>li>a.on i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.left_nav li a.on{color:#fff; }
.left_navTwo {padding-bottom:10px;}
.left_navTwo li{border:none;}
.left_navTwo li a{padding:0 45px;line-height: 35px;height:35px;font-size: 14px;color:#6699c7;}
.left_navThree {background:#044b8b;padding-bottom:10px;}
.left_navThree li a{padding:0 60px;}
.left_navFour {padding-bottom:5px;}
.left_navFour li a{padding:0 75px;}
.left_nav ul{display: none;}
.left_navTwo li a.on{font-weight: bold;}
.left_navTwo li a.on{background: #044b8b;}



.header{position: absolute;top:20px;left:0;right:0;z-index:20;background:rgb(193 193 193 / 80%);}
.logo{position: absolute;top:0;left:calc(50% - 150px);width:300px;text-align: center;height:80px;}
.logo a{display: block;padding:10px 0;height:100%;}
.logo img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width: 100%;max-height: 100%;}
.nav li{float: left;width:calc((100% - 300px) / 6);text-align: center;position: relative;}
.nav li a{display: block;padding:18px 0;}
.nav li span{color:#fff;display: block;font-size:15px;line-height: 22px;height:22px;overflow: hidden; }
.nav li .en{color:#808080;font-size: 12px;}
.nav li:before{content:"";display: block;position: absolute;top:30px;left:0;width:1px;height:20px;background: #363636;}
.nav>li:first-child:before{display: none;}
.nav>li:nth-child(3){margin-right:300px;}
.child_nav{display:none;position: absolute;top:80px;left:0;right:0;border-radius: 0 0 10px 10px;background:rgb(0 91 172 / 80%);}
.child_nav li{float: none;margin:0;padding:10px 20px;width:100%;}
.child_nav li a{color:#b7d7f3;font-size: 14px;padding:0; margin:10px 18px;display: block;height:20px;line-height: 20px;}
.child_nav li:before{content:"";display:none;position: absolute;top:50%;left:20px;width:18px;height:1px;background: #fff;}
.child_nav li:after{content:"";display:none;position: absolute;top:50%;right:20px;width:18px;height:1px;background: #fff;}
.nav li:hover a .en,.nav li.current>a .en{color:#fff;}
.nav>li:hover,.nav li.current{background: #005bac;}
.child_nav li:hover:before{display: block;}
.child_nav li:hover:after{display: block;}
.child_nav li:hover a{color:#fff;}

.up_btn{margin-top:-80px;margin-left:80px;z-index:22;position: relative;width:40px;height:40px;
    transition: all linear .3s;-webkit-transition: all linear .3s;
    animation: upBtn infinite 2s;-webkit-animation: upBtn infinite 2s;}
@keyframes upBtn {
   0%{transform: translateY(0);-webkit-transform: translateY(0)}
   50%{transform: translateY(5px);-webkit-transform: translateY(5px)}
   100%{transform: translateY(0);-webkit-transform: translateY(0)}
}
.banner .slick-dots {bottom:33px;right:80px;width: auto;z-index: 25;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li {width:8px;height:8px;border-radius: 50%;margin:10px 0;display: block;background: #fff;opacity: .4;}
.banner .slick-dots li.slick-active {opacity: 1;}

.product_class{margin-top:-40px;position: relative;z-index: 20;}
.class_box{height:80px;background:rgb(255 255 255 / 80%);}
.class_box:after{content:"";display: block;clear: both;}
.class_list{float: left;width:25%;padding:22px 45px 10px;text-align: center;position: relative;}
.class_list a{display: block;}
.class_list:after{content:"";display: block;position: absolute;top:20px;right:0;width:1px;height:40px;background: #e6e6e6;}
.class_box .class_list:last-child:after{display: none;}
.class_list .img{max-width:60px;display: inline-block;vertical-align: top;text-align: left;margin-right:10px; transition: all linear .3s;-webkit-transition: all linear .3s;}
.class_list .img img{max-width: 100%;max-height: 100%;}
.class_list .name{display: inline-block;vertical-align: top;text-align: left;max-width:calc(100% - 75px); transition: all linear .3s;-webkit-transition: all linear .3s;}
.class_list .name .cn{font-size: 18px;line-height: 24px;height:24px;overflow: hidden;}
.class_list .name .en{font-size: 12px;color:#808080; line-height: 24px;height:24px;overflow: hidden;}
.class_list a:before{content:""; display: block;width:10px;height:18px;position: absolute;top:50%;margin-top:-9px;right:30px;
    background: url(../images/index_22.png) no-repeat center center;opacity: 0;transition: all linear .3s;-webkit-transition: all linear .3s;}
.class_list:hover .name .cn{color:#005bac;}
.class_list:hover .name {transform: translateX(-15px);-webkit-transform: translateX(-15px)}
.class_list:hover .img{transform: translateX(-15px);-webkit-transform: translateX(-15px)}
.class_list:hover{text-align: left;}
.class_list:hover a:before{animation: icon forwards .5s;-webkit-animation: icon forwards .5s;}
@keyframes icon {0%{opacity: 0;right:30px;} 100%{opacity: 1;right:20px;} }

.common_title{float: left;margin-left:-180px;display:inline-flex; }
.common_title .en{font-size: 30px;font-weight: bold;color:#d9d9d9;letter-spacing: 6px;writing-mode: vertical-lr;writing-mode: tb-lr;}
.common_title .cn{font-size: 30px;width:30px;text-align: center;line-height: 37px;margin-left:12px;}
.common_title .cn em{display: inline-block;position: relative; width:1px;height:100px;background: #005bac;margin-top:45px;}
.common_title .cn em:before{content:"";display: inline-block;position: absolute;top:-20px;left:50%;margin:-7px; width:15px;height:15px;border-radius: 50%;border:2px solid #005bac;}
.common_more{display: table;position: relative;}
.common_more a{display: block;font-size: 14px;color:#808080;padding-bottom:15px;line-height: 18px;border-bottom:1px solid #808080;transition: all linear .3s;-webkit-transition: all linear .3s;}
.common_more a.hov{color:#005bac;position:absolute;top:0;left:-100%;opacity: 0;border-bottom: 1px solid #005bac;}
.common_more:hover a{opacity: 0;}
.common_more:hover a.hov{left:0;opacity: 1;}

.section_one{padding:100px 0 165px;}
.section_one .common_title{margin-top:65px;}
.one_box{background: url(../images/img1.jpg) no-repeat left center;background-size: contain;}
.oneBox_lt{float: left;width: 49%;padding-top:65px;overflow: hidden;}
.oneBox_lt .oneBox_ti{font-size: 24px;line-height: 30px;height:30px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.oneBox_lt .oneBox_des{margin:10px 0 55px;font-size: 16px;line-height: 36px;height:180px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:5;}
.oneBox_rt{float: right;width: 49%;height:420px;position: relative;padding:20px 0 0 20px;}
.oneBox_rt:before{content:"";display: block;position: absolute;top:0;left:0;width:calc(100% - 50px);height:calc(100% - 30px); /*background:#fbeac6;*/}
.oneBox_rt  iframe{width:100%;height:100%;position: relative;z-index: 10;}

.section_two{padding-left:10%;background: url(../images/img2.jpg) no-repeat fixed center center;}
.section_two .common_title{margin-top:240px;}
.section_two .common_title .cn{color:#fff;}
.section_two .common_title .en{color:#d9d9d9;opacity: .3;}
.section_two .common_title .cn em{background:#005bac;}
.section_two .common_title .cn em:before{border-color:#005bac;}
.two_slide .two_list{ position:relative;overflow: hidden; width:25%;float: left; height:800px;border-right:1px solid rgba(255,255,255,0.2);text-align: center;}
.two_list .txt{padding:0 10px;z-index:10;position:relative;top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all linear .3s;-webkit-transition: all linear .3s;}
.two_list .txt .ti a{display: block; color:#fff;line-height: 24px;height:24px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.two_list .txt .ti:after{content:"";display: block;width:25px;height:1px;margin:10px auto;background: #fff;}
.two_list .txt .des{color:#fff;font-size: 14px; line-height: 24px;height:auto;overflow: hidden;/*  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;*/}
.two_list .img{z-index:10;position:absolute;bottom:-100%;left:40px;right:40px;transition: all linear .3s;-webkit-transition: all linear .3s;}
.two_list:hover{width: 420px; box-shadow: 0 0 10px 0 rgba(0,0,0,.05);background: #fff;}
.two_list:hover .img{bottom:40px;}
.two_list:hover .txt .ti a{color:#333;}
.two_list:hover .txt {position: static; transform: translateY(110px);-webkit-transform: translateY(110px);}
.two_list:hover .txt .ti:after{background: #333;}
.two_list:hover .txt .des{color:#808080;}
.two_slide .slick-prev,
.two_slide .slick-next{width:50px;height:50px;top:auto;bottom:40px;left:-90px;right:auto; transform: translate(0);-webkit-transform: translate(0);}
.two_slide .slick-prev:before,
.two_slide .slick-next:before{display: none;}
.two_slide .slick-prev{bottom:110px; background: url(../images/index_34.png) no-repeat center center;}
.two_slide .slick-next{background: url(../images/index_37.png) no-repeat center center;}
.two_slide .slick-prev:hover{background: url(../images/index_43.png) no-repeat center center;}
.two_slide .slick-next:hover{background: url(../images/index_41.png) no-repeat center center;}

.section_three{padding:110px 0 150px;}
.section_three .common_title{margin-top:135px;}
.three_box{overflow: hidden;}
.three_slide{margin:0 -20px;}
.three_list{margin:0 20px;float: left;}
.three_list .time{font-size: 14px;color:#808080;font-family: Arial;margin:25px 0;}
.three_list .time b{font-size: 48px;font-weight: normal;line-height: 40px;margin-right:5px;}
.three_list img{max-width: 100%;max-height: 100%;}
.three_list .ti{margin:25px 0 10px;}
.three_list .ti a{display: block;line-height: 24px;height:24px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.three_list .des{color:#808080;font-size:14px;line-height: 24px;height:48px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.three_list .more a{display: block;position: relative; border-top:1px solid #e5e5e5;margin-top:30px;padding-top:30px;color:#808080;text-align: center;font-size: 14px;}
.three_list .more a:before{content:"";display: block;position: absolute;top:0;left:0;width:0;height:1px;background: #005bac; transition: all linear .3s;-webkit-transition: all linear .3s;}
.three_list:hover .more a:before{width: 100%;}
.three_list:hover .more a{color:#005bac;}
.three_list:hover .time b{color:#005bac;}

.section_four{padding:120px 0 105px;background: url(../images/img4.jpg) no-repeat fixed center center;}
.section_four .common_title .cn{color:#fff;}
.section_four .common_title .en{color:#d9d9d9;opacity: .2;}
.four_cont{width: 55%;display: inline-block;vertical-align: top;background: #fff;text-align: center;padding:50px;}
.four_cont  .txt{line-height: 36px;}
.four_cont  .tell p{line-height: 36px;margin:25px 0 0;}
.four_cont  .tell em{font-size: 24px;color:#005bac;vertical-align: middle;}
.four_cont  .tell img{vertical-align: middle;}
.four_cont  .tell  a{display: block;margin:25px auto 10px; width: 260px;height:54px;line-height: 54px;border-radius: 4px;background: #005bac;color:#fff;text-align: center;font-size: 18px;}
.four_cont .tell a:hover{box-shadow:0 12px 6px 1px rgb(181 210 235)}

.footer{background: #005bac;padding-top:50px;}
.footNav {overflow: hidden;width: 62%;display: inline-block;vertical-align: top;}
.footNav .list{float: left;width: 20%;padding-right:10px;}
.footNav .list h3{color:#fff;font-size: 15px;line-height: 36px;margin-bottom:7px;}
.footNav .list a{font-size: 14px;color:#b2bfcb;display: block;line-height: 36px;}
.footNav .list a:hover{color:#fff;}
.ewm{display: inline-block;vertical-align: top;margin:15px 3%;max-width:10%;text-align: center;}
.ewm img{max-width: 100%;max-height: 100%;}
.hotTell{float: right;width:21%;}
.hotTell span{display: block;color:#fff;font-size: 14px;}
.hotTell h3{font-size: 30px;color:#fff;font-family: Arial;font-weight: normal;margin:15px 0 10px;}
.hotTell p{font-size: 14px;color:#b2bfcb;}

.copy{border-top:1px solid rgb(161 161 161 / 50%);color:#b2bfcb;text-align: center;font-size: 14px;line-height: 20px;padding:25px 0;margin-top:30px;}
.copy a{color:#b2bfcb;}

.det_banner{text-align: center;position: relative;}
.det_banner img{max-height: 100%;max-width: 100%;}
.detName{position: absolute;bottom:22%;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.detName .cn{color:#fff;font-size: 36px;line-height: 40px;}
.detName .en{color:#fff;font-size: 14px;line-height: 24px;margin-top:20px;}
.detName:after{content:"";display: block;width:30px;height:1px;margin:15px auto 0;background: #fff;}

.det_navBox{background: #fff;text-align: center;z-index: 10;position: relative;}
.det_navTwo .two_li {display: inline-block;vertical-align: top;position: relative;}
.det_navTwo   a{display: block;line-height: 60px;height:60px;overflow: hidden;padding:0 60px;}
.det_navThree{position: absolute;top:60px;left:0;width:100%;border-top:1px solid #fff; text-align:left;background:rgb(0 91 172 / 90%);}
.det_navThree li{display: block;}
.det_navThree li a{padding:0 30px 0 10px;height:50px;line-height: 50px;color:#87b2d9;font-size: 14px;}
.det_navThree li a:after{content:"";display: none;float: right;margin-right:-20px; width:14px;height:100%;background: url(../images/dh_03.png) no-repeat center center;background-size: contain;transition: all linear .3s;-webkit-transition: all linear .3s;}
.det_navFour li a:after{display: none!important;}
.det_navFour li a{padding-left:30px;line-height: 40px;height:40px;}
.det_navFour{background: #005bac;}
.det_navTwo li.current>a{font-weight: bold;color:#005bac;border-bottom:1px solid #005bac;}
.det_navTwo li:hover>a{font-weight: bold;color:#005bac;border-bottom:1px solid #005bac;}
.det_navThree li.in a:after{display: block;}
.det_navThree li a.on:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.det_navThree>li>a.on{background: #005bac;color:#fff;}
.det_navThree>li>a:hover{background: #005bac;color:#fff;}
.det_navFour li a:hover,.det_navFour li a.on{color:#fff;}
.det_navTwo ul{display: none;}

.det_main{background: #f7f7f7;padding:100px 0;}
.pro_page{margin:0 -20px;}
.proP_list{float: left;width:calc(25% - 40px);margin:0 20px 30px;position: relative;}
.proP_list dl{overflow: hidden;}
.proP_list dt{text-align: center;overflow: hidden;}
.proP_list dt img{max-width: 100%;max-height: 100%;transition: all linear .3s;-webkit-transition: all linear .3s;}
.proP_list dd {position: relative;}
.proP_list dd .name{padding:15px 10px 25px;}
.proP_list dd .name a{display: block;text-align: center; line-height: 24px;height:24px;overflow: hidden;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.proP_list dd .box{position: absolute;bottom:-100%;opacity: 0; left:0;right:0;background: #fff;padding:15px 22px 30px;z-index: 10;transition: all linear .1s;-webkit-transition: all linear .1s;}
.proP_list dd .ti{margin:0 0 12px;display: block;text-align: center; line-height: 24px;height:24px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.proP_list dd .line{width:20px;height:1px;background: #005bac;margin:0 auto;}
.proP_list dd .des{margin:15px 0;font-size: 14px;color:#808080;line-height: 24px;height:72px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.proP_list:hover::after{content:"";display: block;position: absolute;bottom:20px;left:-10px;right:-10px;height:2px;background: #005bac;z-index: 11;}
.proP_list:hover dd .box{bottom:0;opacity: 1;}
.proP_list:hover {box-shadow: 0 5px 15px 0 rgba(0,0,0,.05);}
.proP_list:hover dt img{transform: scale(1.2);-webkit-transform: scale(1.2);}

.page_list{text-align: center;margin-top:45px;}
.page_list a{display: inline-block;vertical-align: top;width:40px;height:40px;border-radius: 50%;border:1px solid #cfcfcf;line-height: 40px;font-size: 14px;color:#808080;margin:0 12px;}
.page_list a.prev,
.page_list a.next{width:31px;border-radius: 0;border:none;margin:0 5px;}
.page_list a.prev img,
.page_list a.next img{margin-top:-3px;max-width: 100%;max-height: 100%;}
.page_list a.prev img.on,
.page_list a.next img.on{display: none;}
.page_list a:hover{color:#fff;border-color:#005bac;background: #005bac;}
.page_list a.on{color:#fff;border-color:#005bac;background: #005bac;}
.page_list a.prev:hover ,
.page_list a.next:hover {background: none;}
.page_list a.prev:hover img,
.page_list a.next:hover img{display: none;}
.page_list a.prev:hover img.on,
.page_list a.next:hover img.on{display: inline-block;}


.comDet_cont{border-top:2px solid #005bac;background: #fff;padding:50px 60px;}
.proDet_des{overflow: hidden;}
.proDet_des .img{float: left;width:375px;}
.proDet_des .img img{max-width: 100%;max-height: 100%;}
.proDet_des .cont{margin-left:420px;}
.proDet_des .cont .ti{padding:30px 0;border-bottom:1px solid #e6e6e6;position: relative;}
.proDet_des .cont .ti:after{content:"";position: absolute;bottom:-1px;left:0; display: block;width:120px;height:1px;background: #005bac;}
.proDet_des .cont .ti span{ display: block;font-size: 30px;line-height: 32px;height:32px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.proDet_des .list{margin:40px -40px 40px 0;overflow: hidden;}
.proDet_des .list li{float: left;width:calc(50% - 40px);font-size: 14px;line-height: 20px; margin-right:40px;padding:20px 0;border-bottom:1px solid #e6e6e6;}
.proDet_des .list li i{float: left;display: block; width:100px;padding-right:5px;height:20px;line-height: 20px;overflow: hidden;}
.proDet_des .list li span{margin-left:100px;display: block; height:20px;line-height: 20px;overflow: hidden;}
.proDet_des .txt{font-size: 14px;line-height: 30px;}
.proDet_des .btnN{display: block;margin-top:40px;width:158px;height:46px;line-height: 46px;border-radius: 4px;text-align: center;color:#fff;background: #005bac;}
.proDet_des .btnN:hover{box-shadow:0 12px 6px 1px rgb(191 217 241)}
.proDet_txt{margin-top:60px;}
.proDet_txt .title{height:60px;line-height: 60px;background: #f2f2f2;text-align: center;font-size: 20px;overflow: hidden;}
.proDet_txt  .text{padding:20px 0;}
.detPage_page{margin:50px 0;border-top:1px solid #e6e6e6;padding:20px 0;}
.detPage_page:after{content:"";display: block;clear: both;}
.detPage_page a{float: left;width:40%; font-size: 14px;color:#808080;}
.detPage_page a img.on{display: none;}
.detPage_page a.back_btn{margin:0 auto;width:20%;text-align: center;}
.detPage_page a.rt{text-align: right;}
.detPage_page a:hover{color:#005bac;}
.detPage_page a:hover img{display: none;}
.detPage_page a:hover img.on{display: inline-block;}
.recommend{margin-top:25px;}
.recommend .title{padding:20px 0;overflow: hidden;}
.recommend .title span{font-size: 24px;}
.recommend .title a{font-size: 14px;color:#808080;}
.recommend .title a img{margin-right:3px;}
.recommend .title a img.on{display: none;}
.recommend .title a:hover img{display: none;}
.recommend .title a:hover img.on{display: inline-block;}
.recommend .title a:hover{color:#005bac;}

.det_aboutMain{padding:40px 0 90px;background: #f7f7f7;}
.about_title{text-align: center;}
.about_title:after{content:"";display: block;margin:20px auto 0;width:34px;height:2px;background: #005bac;}
.about_title .en{font-size: 78px;font-weight: bold;font-family: Arial;line-height: 70px;color:#e6e6e6;letter-spacing: 4px;}
.about_title .cn{font-size: 30px;line-height:30px;margin-top:-22px;}
.aboutOne_des{margin:15px 0 50px;font-size: 14px;line-height: 36px;text-align: center;}
.aboutOne_img{text-align: center;}
.aboutOne_img img,.aboutOne_des img{max-width: 100%;max-height: 100%;}
.about_one{padding:60px 0 0;}
.about_two{margin-top:60px;padding:60px 0 0;}
.aboutTwo_img{height:486px;overflow:hidden;background: url(../images/about_07.jpg) no-repeat fixed center center;background-size: contain;}
.about_three{margin-top:60px;padding:60px 0 0;}
.aboutThree_cont{margin:0 -18px;padding:35px 0 0;}
.aboutThree_list{float: left;width:calc(50% - 36px);margin:18px;background: #fff;padding:20px;overflow: hidden;}
.aboutThree_list dt{float: left;width:180px;}
.aboutThree_list dt img{max-width: 100%;max-height: 100%;}
.aboutThree_list dd{margin-left:180px;padding:10px 25px;}
.aboutThree_list dd .ti{font-size: 24px;line-height: 36px;height:36px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.aboutThree_list dd .des{margin-top:10px;color:#808080;line-height: 30px;height:60px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.aboutThree_list:hover{box-shadow: 0 10px 15px 1px rgba(0,0,0,.1);}

.news_page{margin:0 -20px;}
.news_page .three_list{margin:0 20px 40px;width:calc(33.33% - 40px);}

.newsDet_title{text-align: center;padding:20px 0;}
.newsDet_title .ti{font-size: 18px;line-height: 26px;}
.newsDet_title .time{font-size: 14px;line-height: 26px;color:#808080;margin-top:10px;}
.newsDet_text{padding:20px 0;font-size: 14px;line-height: 30px;}
.newsRecommend{margin:0 -17px;}
.newsR{float: left;width:calc(25% - 34px);margin:0 17px;}
.newsR img{max-width: 100%;max-height: 100%;}
.newsR dt{text-align: center;}
.newsR  dd{padding:15px 0 0;}
.newsR  dd a{display: block;line-height: 28px;height:56px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.newsR:hover  dd a{color:#005bac;}

.det_joinMain{padding-top:40px;background: #f7f7f7;}
.join_one{padding-top:60px;}
.join_title{text-align: center;}
.join_title .en{font-size: 24px;font-weight: bold;color:#b2b2b2;line-height: 30px;}
.join_title .cn{font-size: 30px;line-height: 36px;margin-top:4px;}

.joinOne_cont{margin:0 -7px;padding:40px 0 100px;}
.joinOne_list{float: left;width: calc(20% - 14px);margin:7px;background: #fff;text-align: center;padding:40px 22px 35px;}
.joinOne_list dt .img{width: 100%;height:45px;display: inline-flex;align-items: center;}
.joinOne_list dt img{max-width: 100%;max-height: 100%;margin:0 auto;}
.joinOne_list dt .ti{font-weight: normal; font-size: 18px;line-height: 24px;height:24px;overflow: hidden;margin-top:20px;}
.joinOne_list dd .line{width:28px;height:1px;background: #e5e5e5;margin:15px auto;}
.joinOne_list dd .des{font-size: 14px;line-height: 24px;height:48px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}

.join_two{padding:95px 0 140px;background: url(../images/jion_20.jpg) no-repeat fixed center center;}
.joinTwo_cont{background: #fff;border-top:2px solid #005bac;padding:60px 80px;}
.joinTwo_cont .des{font-size: 14px;color:#808080;text-align: center;line-height: 24px;margin:10px 0 30px;}
.join_form .box{margin:0 -10px;}
.join_form .box .join_input{float: left;width:calc(33.33% - 20px);margin:10px;}
.join_input{background: #f2f2f2;border-radius: 4px;overflow: hidden;}
.join_input span{display: block;float: left;text-align: right; width:84px;font-size: 14px;height:48px;line-height: 48px;overflow: hidden;}
.join_input input{background: none;border:none;width:calc(100% - 85px);line-height: 48px;height:48px;font-size: 14px;padding:0 5px;}
.join_input textarea{width:calc(100% - 85px);height:150px;padding:14px 10px;font-size: 14px;background: none;border:none;}
.join_form button{width:260px;height:52px;border-radius: 4px;color:#fff;background: #005bac;text-align: center;border:none;margin:40px 0 20px;}

.det_contactMain{background: #f7f7f7;}
.contact_cont{margin:60px 0 55px;background: #fff;border-top:2px solid #005bac;padding:50px 55px 90px;}
.contact_cont .one{padding:30px 0;border-bottom:1px solid #e6e6e6;}
.contact_cont .one .name{margin-top:10px; font-size: 30px;line-height: 35px;display: inline-block;vertical-align: bottom;}
.contact_cont .one .tell{text-align: right;}
.contact_cont .one .tell p{font-size: 14px;color:#808080;}
.contact_cont .one .tell h3{font-size: 24px;color:#005bac;line-height: 30px;font-weight: bold;}
.contact_cont .two{padding-top:25px;}
.contact_cont .two .txt{line-height: 48px;display: inline-block;vertical-align: top;}
.contact_cont .two .ewmF em{margin-right:5px;font-size: 14px;line-height: 20px;display: inline-block;vertical-align: bottom;text-align: right;}
.contact_cont .two .ewmF  span{max-width:140px;max-height:140px;border:1px solid #e6e6e6;padding:10px ;background: #fff;text-align: center;display: inline-block;vertical-align: bottom;}

.map{height:568px;}



.quickbar_nav {
    width: 40px;
    height: auto;
    position: fixed;
    right: 26px;
    top: 50%;
    z-index: 33;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .quickbar_nav ul li {
        width: 40px;
        height: 44px;
        padding: 2px 0;
        position: relative;
    }

        .quickbar_nav ul li a {
            display: block;
        }

        .quickbar_nav ul li .icon {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 0 3px #b7b7b7;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .quickbar_nav ul li .icon img {
                /* older safari/Chrome browsers */
                -webkit-opacity: 0.6;
                /* Netscape and Older than Firefox 0.9 */
                -moz-opacity: 0.6;
                /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
                -khtml-opacity: 0.6;
                /* IE9 + etc...modern browsers */
                opacity: 0.6;
                /* IE 4-9 */
                filter: alpha(opacity=60);
                /*This works in IE 8 & 9 too*/
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                /*IE4-IE9*/
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            }

        .quickbar_nav ul li .seabtn { /* older safari/Chrome browsers */
            -webkit-opacity: 0.6;
            /* Netscape and Older than Firefox 0.9 */
            -moz-opacity: 0.6;
            /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
            -khtml-opacity: 0.6;
            /* IE9 + etc...modern browsers */
            opacity: 0.6;
            /* IE 4-9 */
            filter: alpha(opacity=60);
            /*This works in IE 8 & 9 too*/
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            /*IE4-IE9*/
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            width: 100%;
            height: 100%;
            background: url(/res/cn/images/icon/icon_32.png) center no-repeat;
            border: none;
        }

        .quickbar_nav ul li:hover .icon img, .quickbar_nav ul li:hover .seabtn {
            opacity: 1;
        }

        .quickbar_nav ul li .li_hover {
            display: none;
            position: absolute;
            right: 50px;
            top: 2px;
            text-align: center;
            font-weight: bold;
            color: #0d0d0d;
            border-radius: 6px;
            box-shadow: 0 0 6px #d6d6d6;
            min-height: 24px;
            padding: 8px 0;
            width: 126px;
            background-color: rgba(255, 255, 255, 0.8);
        }

            .quickbar_nav ul li .li_hover:before {
                content: "";
                border-left: 6px solid rgba(214,214,214,0.8);
                border-right: 6px solid transparent;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                position: absolute;
                right: -12px;
                top: 14px;
            }

            .quickbar_nav ul li .li_hover.ewmimg {
                width: 96px;
                height: 100px;
                padding: 5px 0;
                background: #fff;
            }

                .quickbar_nav ul li .li_hover.ewmimg img {
                    width: 85px;
                }

        .quickbar_nav ul li .sea_input {
            width: 150px;
            padding: 0;
        }

            .quickbar_nav ul li .sea_input input {
                width: 130px;
                height: 40px;
                border: none;
                padding: 0 10px;
                outline: none;
                border-radius: 6px;
                background: none;
            }

        .quickbar_nav ul li.r_weChart .li_hover {
            width: 100px;
            top: -40px;
        }

            .quickbar_nav ul li.r_weChart .li_hover img {
                max-width: 100%;
            }