/* css reset */
*{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;transition: .3s;color:#333}
a:hover,a:focus,button,input{text-decoration: none;outline: none;}
img{border:0;vertical-align: middle;max-width: 100%;}
span{display:inline-block;}
i{font-style: normal;}
ul,li{list-style: none;}
sub,sup{font-size: 6px;margin-left: 2px}
input:focus,textarea:focus,select:focus{outline:none; }
input,textarea{font-family:SourceHanSansCN,"Source Han Sans CN", Helvetica,Tahoma,Arial,simsun,sans-serif;}
body{font-family: SourceHanSansCN,"Source Han Sans CN", Helvetica,Tahoma,Arial,simsun,sans-serif;font-weight:400;font-size:16px;color:#333;margin:0 auto;width:100%;background:#fff;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{content:'';height:0;display:table;clear:both;}
.zz{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;z-index: 998}
.iconfont{position:relative;top:2px;}
.wrap{width:1200px;max-width:90%;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
/*header*/
.header{height:120px;}
.logo{line-height: 120px;}
.logo img{display:block;margin-top: 21.5px;}
.header_lang,.header_search{margin-top: 44px;}
.header_search{margin-left:10px;}
.header_search input{width:135px;height:32px;line-height:32px;border:2px solid #c9c9c9;background:none;border-radius: 1px;padding:0 5px;color:#666;float:left;font-size:16px;}
.header_search button,.header_lang a{width:60px;height:32px;line-height:32px;border:1px solid #98b4d7;background:#225fa9;margin-left:4px;text-align: center;color:#FFF;font-size:16px;cursor:pointer}
.nav li{margin-left:20px;float:left;position:relative}
.nav li>a{padding:0 10px;font-size:18px;line-height: 120px;position:relative;}
.header_search button:hover,.header_lang a:hover{background:#3f88de}
.nav li>a:after{position:absolute;content:'';width:100%;height:2px;background:#3f88de;left:0;bottom:0;display:none;}
.nav li.active>a,.nav li:hover>a{color:#3f88de}
.nav li.active>a:after,.nav li:hover>a:after{display:block;}
.sub_nav{position:absolute;width:180px;top:118px;left:0;background:#FFF;border-top:2px solid #3f88de;border-bottom:2px solid #666;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);-webkit-transition: .3s;transition: .3s;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top center;transform-origin: top center;opacity:0;z-index: -1}
.sub_nav:before{position:absolute;content:'';width:0;height:0;border-bottom:8px solid #3f88de;border-left:8px solid transparent;border-right:8px solid transparent;left:20px;top:-8px;}
.nav li:hover .sub_nav{opacity:1;z-index: 999;-webkit-transform: scaleY(1);transform: scaleY(1)}
.sub_nav_item{position:relative}
.sub_nav_item>a,.sub_nav_item dl dd a{display:block;font-size:14px;line-height: 2.75;padding:0 15px;color:#888;border-bottom:1px solid #ddd;position:relative}
.sub_nav_item>a:before{content:'\e74c';position:absolute;right:12px;top:2px;font-size:14px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#666}
.sub_nav_item.no_dl>a:before{display:none;}
.sub_nav_item:last-child>a,.sub_nav_item dl dd:last-child a{border-bottom:0;}
.sub_nav_item dl{position:absolute;width:180px;top:-1px;right:-180px;background:#FFF;border-top:2px solid #3f88de;border-bottom:2px solid #666;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);-webkit-transition: .3s;transition: .3s;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left center;transform-origin: left center;opacity:0;z-index: -1}
.sub_nav_item:hover dl{opacity:1;z-index: 1;-webkit-transform: scaleX(1);transform: scaleX(1)}
.sub_nav_item>a:hover,.sub_nav_item dl a:hover{background:#666;color:#FFF;}
.sub_nav_item>a:hover:before{color:#FFF;}
.menu{display:none;}
/*footer*/
.footer{text-align: center;background:#2e2e2e}
.footer p{font-size:14px;line-height: 1.5;padding:25px 0;color:#FFF;opacity:0.6;letter-spacing: 1px;}
.loading{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#3f88de;z-index:9999;}
.loading_inner{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;}
.loading_square1,.loading_square2{width:100%;height:100%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation: bounce 2.0s infinite ease-in-out;}
.loading_square2{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
@-webkit-keyframes bounce {
    0%, 100%{-webkit-transform: scale(0.0)}
    50%{-webkit-transform: scale(1.0)}
}
@keyframes bounce {
    0%,100%{transform: scale(0.0)}
    50%{transform: scale(1.0)}
}
/*banner*/
.banner{width:100%;height:450px;overflow: hidden;background-position: center;background-size:cover;background-repeat: no-repeat}
.index_banner .swiper-container{width:100%;height:100%}
.index_banner .swiper-slide{width:100%;height:100%;background-repeat: no-repeat;background-position:center;background-size:cover;}
.index_banner .swiper-slide a{display:block;width:100%;height:100%}
.index_banner .swiper-controls span{opacity:0;-webkit-transition: .3s;transition: .3s}
.index_banner:hover span.swiper-button-prev{left:4%;opacity:1}
.index_banner:hover span.swiper-button-next{right:4%;opacity:1}
 /*index_main*/
.main{padding:20px 0 100px;min-height:-moz-calc(100vh - 260px);min-height:-webkit-calc(100vh - 260px);min-height:calc(100vh - 260px)}
.about,.index_main{min-height: inherit!important;}
.index_main{padding:37px 0 40px;}
.index_nav{width:70%;padding-left:5%}
.index_nav li{width:25%;float:left;}
.index_nav li dt{font-size:26px;line-height: 34px;margin-bottom: 0.8em;}
.index_nav li dt i{color:#3f88de;font-size:34px;margin-right:3px;float:left;line-height:34px;margin-top:-3px;}
.index_nav .index_nav_pro dt i{font-size:24px;margin-right: 8px;}
.index_nav .index_nav_app dt i{width:32px;height:34px;margin-right: 16px;position:relative;}
.index_nav .index_nav_app dt i span{position:absolute;top:0;left:0;width:100%;height:100%}
.index_nav .index_nav_app dt i span:before{content:'\e65b';position:absolute;font-size:32px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_nav .index_nav_app dt i:after,.index_nav .index_nav_app dt i:before{position:absolute;content:'\e65b';font-size:12px;color:#3f88de;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;top:5px;right:-9px;line-height: 1;font-weight:700;}
.index_nav .index_nav_app dt i:after{top:18px;}
.index_nav .index_nav_about dt i{font-size:38px;}
.index_nav li dd a{font-size:16px;line-height:25px;color:#666;padding-left:24px;position:relative}
.index_nav li dd a:after{content:'\e609';font-size:16px;line-height:25px;color:#333;position:absolute;left:0;top:0;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_nav li dd a:hover{color:#3f88de;}
.index_nav li dd a:hover:after{color:#3f88de;}
.index_contact{width:25%;padding-right:5%;margin-top:-2px;}
.index_contact dd{font-size:16px;color:#666;padding:6px 0 6px 36px;line-height: 26px;position:relative}
.index_contact dd i{position:absolute;color:#3f88de;font-size:26px;left:0;top:6px;line-height: 26px;}
.index_contact dd i.icon-tel{font-size:30px;}
.index_contact dd i.icon-email{margin-top:1px;}
/*break_nav*/
.bread_nav{background:#f5f5f5;height:70px;}
.bread_nav_wrap{padding-left:200px;}
.bread_nav a,.bread_nav span,.bread_nav i{display:inline-block;font-size:18px;line-height: 70px;vertical-align: top}
.bread_nav i{color:#3f88de;font-size:14px;top:0}
/*aside*/
.aside{width:200px;-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.2);box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.2);overflow: hidden;}
.aside_title{background:#ededed;padding-left:40px;}
.aside_title i{float:left;line-height:48px;vertical-align:top;top:0;font-size:24px;color:#3f88de;margin-right:10px;}
.aside_title h2{float:left;font-size:22px;line-height: 48px;vertical-align: top;}
.aside_nav li>a,.aside_nav li dd{border-bottom:1px solid #e9e9e9;}
.aside_nav li:last-child>a{border-bottom:0}
.aside_nav li a{font-size:20px;line-height: 56px;padding-left:40px;position:relative;display:block;}
.aside_nav li dd a{font-size:18px;line-height: 52px;color:#666;padding-left:40px;}
.aside_nav li>a:before{content:'\e64f';font-size:26px;line-height:56px;color:#3f88de;position:absolute;left:6px;top:0;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: .3s;transition: .3s}
.aside_nav li>a:after{content:'\e609';font-size:24px;line-height:56px;color:#333;position:absolute;right:6px;top:0;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: .3s;transition: .3s}
.aside_nav li.no_dl >a:before,.aside_nav li.no_dl >a:after{display:none;}


.aside_nav li dl{overflow: hidden;display: none;}
/*.aside_nav li dl{overflow: hidden;-webkit-transition: .3s;transition: .3s;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top center;transform-origin: top center;opacity:0;z-index: -1;position:relative;height:0}*/
/*.aside_nav li.active dl{height:auto;opacity:1;z-index:1;-webkit-transform: scaleY(1);transform: scaleY(1)}*/
.aside_nav li.active dl{display: block}
.aside_nav li a:hover,.aside_nav li.active>a,.aside_nav li.active dd.active a{color:#FFF;background:#3f88de}
.aside_nav li.active dd.active a{background: #6cb0fe}

.aside_nav li>a:hover:before,.aside_nav li>a:hover:after,.aside_nav li.active>a:before,.aside_nav li.active>a:after{color:#FFF;}
.aside_nav li.active>a:after{content:'\e608';right:10px;}/*,.aside_nav li:hover>a:after*/
.aside_nav li.cc>a:after{content:'\e608';right:10px;}
/*.aside_nav li.active.cc>a:after{content:'\e609';}*/
.aside_nav li.active>.ff:after{content:'\e609';}
/*main_content*/
.main_content{width:-webkit-calc(100% - 220px);-moz-calc(100% - 220px);width:calc(100% - 220px)}
.main_content_title{border-bottom:1px solid #3f88de}
.main_content_title i{float:left;margin-right: 10px;font-size:22px;color:#3f88de;line-height: 1;top:0}
.main_content_title h4{float:left;font-size:22px;line-height: 1;padding-bottom:16px;}
/*pagination*/
.pagination{text-align: center;margin-top:50px;}
.pagination ul{display:inline-block;vertical-align: top}
.pagination ul li{display:inline-block;vertical-align: top;width:34px;height:28px;line-height: 28px;border:1px solid #3f88de;margin:0 2px;color:#666;font-size:16px;-webkit-transition: .3s;transition: .3s;cursor:pointer}
.pagination ul li.active,.pagination ul li:hover{color:#FFF;background:#3f88de}
.pagination ul li.prev,.pagination ul li.next{width:auto;padding:0 25px;background:#e5e5e5;border-color:#e5e5e5;}
.pagination ul li.prev:hover,.pagination ul li.next:hover{background:#3f88de}
/*pro*/
.pro_content{padding:0px 0}
.pro_content_t{margin-bottom: 40px;}
.pro_content_t dl{width:50%;padding-left:3.5%}
.pro_content_t dt{font-size:20px;line-height: 1.5;margin-bottom: 0.5em;}
.pro_content_t dd{float:left;width:59%;font-size:16px;color:#666;line-height: 1.5}
.pro_content_t dd:last-child{float:right;width:39%}
.pro_content_t dd span{display:block;}
.pro_content_search{width:1000px;max-width: 80%;margin:0 auto 35px;height:46px;border:2px solid #89aad1;}
.pro_content_search input{width:75%;padding:0 10px;font-size:18px;color:#666;height:42px;border:none;background:none;float:left;}
.pro_content_search button{float:right;border:none;background:#3f88de;width:80px;height:42px;cursor:pointer;-webkit-transition: .3s;transition: .3s;font-size:18px;color:#FFF;}
.pro_content_search button:hover{background:#225fa9}
.pro_content_search button i{color:#FFF;font-size:24px;top:0}
.pro_content_btn{margin-bottom: 10px;}
.pro_content_btn button{font-size:20px;width:92px;height:42px;border:none;background:none;color:#FFF;background:#3f88de;-webkit-transition: .3s;transition: .3s;margin-right: 15px;cursor:pointer;}
.pro_content_btn button:hover{background:#225fa9;}
.pro_content_table table{background:#f9f9f9;width:100%}
.pro_content_table tr{-webkit-transition: .3s;transition: .3s}
.pro_content_table tr:nth-child(2n){background:#f2f2f2}
.pro_content_table tr:hover{background:#FFF;}
.pro_content_table tr .icon-pdf{font-size:24px;color:#3f88de}
.pro_content_table tr .icon-pdf:hover{font-size:24px;color:#225fa9}
.pro_content_table th{font-size:18px;color:#000;text-align: center;height:64px;background:#e4e1e1;line-height: 1.2;font-weight:normal;position:relative}
.pro_content_table th span{position:relative;padding:0 16px;}
.pro_content_table th span:after{content:'\e608';font-size:12px;line-height:1;color:#FFF;position:absolute;right:0;top:50%;margin-top:-5px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:none}
/*.pro_content_table th dl{position:absolute;top:64px;left:0;width:100%;background:#FFF;color:#999;font-size:16px;line-height: 2;max-height: 16em;overflow-y: auto;z-index: 99}*/

.pro_content_table th dl{position:absolute;top:64px;left:0;width:100%;background:#FFF;color:#000;font-size:16px;line-height: 2;max-height: 16em;overflow-y: auto;-webkit-transition: .3s;transition: .3s;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top center;transform-origin: top center;opacity:0;z-index: -1}


.pro_content_table th dl::-webkit-scrollbar{width: 5px;height: 1px;}
.pro_content_table th dl::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #bfbfbf;}
.pro_content_table th dl::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 5px;background: #EDEDED;}
.pro_content_table th:hover dl{opacity:1;z-index: 1;-webkit-transform: scaleY(1);transform: scaleY(1);}
.pro_content_table th dd{cursor:pointer;-webkit-transition: .3s;transition: .3s}
.pro_content_table th dd:hover{background:#3f88de;color:#FFF;}
.pro_content_table th.has_dl{cursor:pointer;}
.pro_content_table th.has_dl span:after{display:block;}
.pro_content_table td{font-size:18px;color:#000;text-align: center;height:60px;}
/*app*/
.app .aside_title i{width:32px;height:34px;margin-right: 14px;position:relative;}
.app .aside_title  i span{position:absolute;top:0;left:0;width:100%;height:100%}
.app .aside_title i span:before{content:'\e65b';position:absolute;font-size:30px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.app .aside_title i:after,.app .aside_title i:before{position:absolute;content:'\e65b';font-size:12px;color:#3f88de;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;top:12px;right:-7px;line-height: 1;font-weight:700;}
.app .aside_title i:after{top:24px;}
.app_content_desc{padding:30px 0 60px;}
.app_content_desc p{line-height: 1.5;text-indent: 2em;font-size:20px;padding-bottom:1em;text-align: justify}
.app_content_pic{text-align: center}
.app_content_pic_inner{display:inline-block;vertical-align:top;max-width:80%;position:relative}
.app_content_pic_inner>img{max-width:100%;display:block;}
.app_content_pic_inner li{position:absolute;cursor:pointer;z-index: 9}
.app_content_pic_inner li .inner{position:absolute;right:100%;padding-right:13px;top:50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);opacity:0;z-index:-1;-webkit-transform-origin: right center;transform-origin: right center;-webkit-transition: .5s;transition: .5s;}
.app_content_pic_inner li:hover .inner{-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);opacity:1;z-index:10;}
.app_content_pic_inner li dl{background:#FFF;border:1px solid #bbb;min-width:150px;position:relative;padding-bottom:2px;}
.app_content_pic_inner li dl:before,.app_content_pic_inner li dl:after{position:absolute;content:'';width:0;height:0;border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent;right:-11px;top:50%;margin-top:-12px;}
.app_content_pic_inner li dl:before{border-left-color:#bbb;right:-12px;}
.app_content_pic_inner li dt{font-size:18px;background:#eee;line-height: 2.5;}
.app_content_pic_inner li dd a{color:#666;font-size:14px;line-height: 2.25;display:block;padding:0 15px;}
.app_content_pic_inner li dd a:hover{color:#3f88de;text-decoration: underline}
 /********/
.app_kc .app_content_pic_inner li.l1{width:21%;height:88%;top:1%;left:31%;}
.app_kc .app_content_pic_inner li.l2{width:16%;height:35%;top:1%;left:75.5%;}
.app_zm .app_content_pic_inner li.l1{width:6%;height:12%;top:46%;left:55%;}
.app_pc .app_content_pic_inner li.l1{width:4.8%;height:9%;top:9.8%;left:76.2%;}
.app_pc .app_content_pic_inner li.l2{width:5%;height:18.5%;top:38%;left:68.8%;}
.app_tyn .app_content_pic_inner li.l1{width:9%;height:15%;top:5%;left:19%;}
.app_tyn .app_content_pic_inner li.l2{width:9%;height:15%;top:5%;left:47.3%;}
.app_tyn .app_content_pic_inner li.l3{width:9%;height:15%;top:5%;left:77.2%;}
.app_ldc .app_content_pic_inner li.l1{width:9%;height:15%;top:83.5%;left:36%;}
.app_ldc .app_content_pic_inner li.l2{width:9%;height:15%;top:83.5%;left:53%;}
/********/
/*about*/
.about .aside_title i{font-size:36px;margin-right: 5px;}
.about_content{padding:25px 0 0}
.about_content>h4{font-size:24px;line-height: 2;margin-bottom: 1em;text-align: center;}
.about_content_desc p{font-size:20px;color:#666;line-height: 1.75em;padding-bottom: 1em;text-indent: 2em;}
.about_content_img{padding:0 2em;margin:30px 0}
.about_content_img img{width:100%}
/*about_honor*/
.about_honor_list{margin:40px 0;padding:0 6.5%;position:relative}
.about_honor_list .swiper-container{}
.about_honor_list .swiper-slide{text-align: center;height:270px;line-height: 268px;background:#e5e5e5;cursor:pointer;}
.about_honor_list .swiper-slide img{max-width: 90%;max-height:90%}
.about_honor_list .swiper-controls span{cursor:pointer;opacity:0.3;-webkit-transition: .3s;transition: .3s}
.about_honor_list .swiper-controls span:hover{opacity:0.6}
.honor_tc{position:fixed;top:50%;left:50%;-webkit-transform: translate(-50%,-50%) scale(0.5);transform: translate(-50%,-50%) scale(0.5);opacity:0;z-index: -1}
.honor_tc.on{-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);z-index: 999;opacity:1;-webkit-transition: .3s;transition: .3s}
.honor_tc .close{font-size:30px;position:absolute;top:-30px;right:-30px;color:#FFF;cursor:pointer;}
.honor_tc img{max-width: 100%;max-height:550px;display:block;}
/*about_news*/
.about_news_list li a{display:block;border-bottom:1px solid #e0e0e0;}
.about_news_list li p{float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:20px;line-height: 50px;max-width:75%;position:relative;padding-left:26px;-webkit-transition: .3s;transition: .3s}
.about_news_list li p:before{content:'\e609';position:absolute;font-size:18px;line-height:50px;color:#3f88de;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;left:0;top:0}
.about_news_list li span{font-size:16px;color:#666;line-height: 50px;float:right;}
.about_news_list li:hover p{color:#3f88de}
/*about_news_detail*/
.about_news_detail_content .main_content_title{text-align: center;padding:30px 0 10px;}
.about_news_detail_content .main_content_title h4{float:none}
.about_news_detail_content .main_content_title span{font-size:16px;color:#666;line-height: 1.5}
.about_news_detail_wrap{padding:30px 0 0;}
.about_news_detail_wrap p,.about_news_detail_wrap div{font-size:18px;line-height: 1.75;padding-bottom: 1em;text-indent: 2em;color:#666}
.about_news_detail_wrap p b,.about_news_detail_wrap div b{color:#333}
.about_news_detail_wrap img{display:block;max-width: 100%;margin:0 auto;}
/*contact_hr*/
.contact_hr_content_search{margin:60px auto 25px;}
.contact_hr_content_search button{width:160px;}
.contact_hr_content_search button i{font-size:20px;margin-right: 8px;top:1px;}
.contact_hr_content_btn{margin-bottom: 15px;text-align: right}
.contact_hr_content_btn a{vert-align: top;font-size:20px;padding:0 44px;line-height: 44px;text-align: center;color:#FFF;background:#f19149;}
.contact_hr_content_btn a:hover{background: #f17f2f}
.contact_hr_content_list,.contact_hr_content_list span,.contact_hr_content_list p,.contact_hr_content_list dd,.contact_hr_content_list dt{font-size:20px;}
.contact_hr_content_list span{float:left;text-align: center;position:relative;width:20%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.contact_hr_content_list span.j_m{text-align: left;padding-left:30px;width:20%}
.contact_hr_content_list span.j_r{width:20%}
.contact_hr_content_list span.j_l{width:20%}
.contact_hr_content_list span.j_d{width:20%}
.contact_hr_content_list span.j_s{width:20%;}
.contact_hr_content_list_header dt span{color:#FFF;line-height: 42px;background:#3f88de}
.contact_hr_content_item dt{cursor:pointer;-webkit-transition: .3s;transition: .3s}
.contact_hr_content_item dt:hover{background:#fbfbfb;}
.contact_hr_content_item span{line-height: 58px;}
.contact_hr_content_item span.j_m{color:#3f88de}
.contact_hr_content_item span.j_m:before{content:'';width:11px;height:11px;border:1px solid #3f88de;position:absolute;top:50%;margin-top:-7px;left:0;}
.contact_hr_content_item span.j_s:before{content:'\e608';position:absolute;font-size:18px;line-height:58px;color:#666;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;right:10%;top:0;-webkit-transition: .2s;transition: .2s}
.contact_hr_content_item dd{padding:30px;border:1px solid #eee;position:relative;color:#666;display:none;margin-bottom: 20px;}
.contact_hr_content_item dd.active{display:block}
.contact_hr_content_item dd p{line-height: 1.35;padding:0.25em 0}
.contact_hr_content_item dd:before,.contact_hr_content_item dd:after{position:absolute;content:'';width:0;height:0;border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent;top:-10px;left:40px;}
.contact_hr_content_item dd:before{border-bottom-color:#eee;top:-12px;}
.contact_hr_content_item.active dt span.j_s:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/*contact*/
.contact_content_wrap{padding:40px 0;}
.contact_content_info{width:40%;padding-top:40px;}
.contact_content_info dt{font-size:22px;line-height: 1.5;margin-bottom: 1em;}
.contact_content_info dd{font-size:18px;line-height: 1.5;color:#666;padding:3px 0}
.contact_content_map{width:55%;height:300px;font-size:12px;color:#666;line-height: 1.5}
.contact_content_map img{max-width:inherit}
.contact_content_map #map{height:300px;}
/*.pro_content_table table{overflow-x: scroll;display: block;height:37em;}*/
.fht-tbody table{margin-top: -64px;}
.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td{vertical-align: middle}
.fht-tbody{height: 25em;}

/*.has_dl:hover dl{z-index: 999999999!important;display: block;opacity: 1!important;}*/

.pro_content_table .fht-thead th:hover dl{opacity: 1;z-index: 999;}
.fht-table-wrapper .fht-thead{overflow: unset}


.fht-table-wrapper table tr:nth-child(2n+1){background: rgba(244,244,244,1)}
.fht-table-wrapper table tr:nth-child(2n){background: rgba(255,255,255,1)}
.fht-table-wrapper table tr:first-child th:nth-child(1),.fht-table-wrapper table tr:first-child th:nth-child(2),.fht-table-wrapper table tr:first-child th:nth-child(3){position: sticky;left: 0;z-index: 99;}
.fht-table-wrapper table tr td:nth-child(1),.fht-table-wrapper table tr td:nth-child(2),.fht-table-wrapper table tr td:nth-child(3){position: sticky;left: 0;z-index: 999;background: inherit}
.fht-table-wrapper table tr:first-child th:nth-child(2),.fht-table-wrapper table tr td:nth-child(2){left: 64px;}
.fht-table-wrapper table tr:first-child th:nth-child(3),.fht-table-wrapper table tr td:nth-child(3){left: 128px;}

.pro_content_table .pagination{display: none}

.pro_content_table td{font-size: 16px;height: 35px}
@media (max-width:1618px){
    .banner{height:400px;}
    .nav li{margin-left:0}
    .nav li>a{padding:0 15px;}
    .index_main{padding: 50px 0 77px;}
}

@media (max-width:1440px){
    .banner{height:350px;}
    .header{height:100px;}
    .logo{line-height: 100px;}
    .logo img{height:77px;margin-top:11.5px;}
    .nav li>a{font-size:16px;line-height:100px;}
    .sub_nav{top:98px;}
    .header_lang, .header_search{margin-top:34px;}
    .header_search input{width:120px;font-size:14px;}
    .main{min-height:-moz-calc(100vh - 240px);min-height:-webkit-calc(100vh - 240px);min-height:calc(100vh - 240px)}
    .index_main{padding: 55px 0 142px;}

    .pro_content_search button i{font-size:22px;}
    .index_nav li dt,.aside_title h2,.main_content_title h4,.about_content>h4,.contact_hr_content_search button i,.contact_content_info dt{font-size:20px;}
    .aside_nav li a,.pro_content_btn button,.pro_content_t dt,.app_content_desc p,.contact_hr_content_btn a{font-size:18px;}
    .index_nav li dd a,.index_contact dd,.aside_nav li dd a,.bread_nav a, .bread_nav span, .bread_nav i,.pro_content_search input,.pro_content_table td,.pro_content_table th,.app_content_pic_inner li dt,.about_content_desc p,.about_news_list li p,.about_news_detail_wrap p,.about_news_detail_wrap div,.pro_content_search button,.contact_hr_content_list,.contact_hr_content_list span,.contact_hr_content_list p,.contact_hr_content_list dd,.contact_hr_content_list dt,.contact_content_info dd{font-size:16px;}
    .header_search button, .header_lang a,.pro_content_table th dl{font-size:14px;}

    .pro_content_t dd{float:none!important;width:100%!important;font-size:16px;}
    .about_honor_list .swiper-slide{height:220px;line-height: 218px;}
    .nav li{margin-left: 15px;}


    .fht-table-wrapper table tr:first-child th:nth-child(2),.fht-table-wrapper table tr td:nth-child(2){left: 59px;}
    .fht-table-wrapper table tr:first-child th:nth-child(3),.fht-table-wrapper table tr td:nth-child(3){left: 121px;}



}
@media (max-width:1366px){
    .header{height:60px;}
    .nav li>a{line-height: 60px;}
    .logo img{height: 53px;margin-top: 7px;}
    .header_lang, .header_search{margin-top: 15px;}
    .bread_nav{height:45px;}
    .bread_nav a, .bread_nav span, .bread_nav i{line-height: 45px;}
    .pro_content_search{height:34px;margin: 0 auto 15px;}
    .pro_content_search button{height:30px;}
    .pro_content_search input{height:30px;}
    .pro_content_btn button{height:26px;}
    .pro_content_table th{height:40px;}
    .index_nav li dd a, .index_contact dd, .aside_nav li dd a, .bread_nav a, .bread_nav span, .bread_nav i, .pro_content_search input, .pro_content_table td, .pro_content_table th, .app_content_pic_inner li dt, .about_content_desc p, .about_news_list li p, .about_news_detail_wrap p, .about_news_detail_wrap div, .pro_content_search button, .contact_hr_content_list, .contact_hr_content_list span, .contact_hr_content_list p, .contact_hr_content_list dd, .contact_hr_content_list dt, .contact_content_info dd{font-size: 14px;}
    .pro_content_table td{height:35px;font-size: 13px;}
    .index_nav li dt, .aside_title h2, .main_content_title h4, .about_content>h4, .contact_hr_content_search button i, .contact_content_info dt{font-size: 17px;}
    .aside_title h2{line-height: 40px;}
    .aside_title i{line-height: 40px;font-size: 18px;}
    .aside_nav li a{line-height: 40px;}
    .aside_nav li>a:before{line-height: 40px;}
    .aside_nav li>a:after{line-height: 40px;font-size: 20px;}
    .aside_nav li a, .pro_content_btn button, .pro_content_t dt, .app_content_desc p, .contact_hr_content_btn a{font-size: 15px;}
    .aside_nav li dd a{line-height: 36px;}
    .pagination ul li.prev, .pagination ul li.next{padding: 0 15px;}
    .pagination ul li{font-size: 14px;}
    .pagination{margin-top: 35px;}
    .pro_content_t dd{font-size: 14px;}
    .sub_nav{top:58px;}
    .contact_hr_content_search{margin: 40px auto 25px;}
    .index_main{padding: 35px 0 40px}
    .footer p{padding: 15px 0;}
    .pro_content_t{margin-bottom: 30px;}
    .header_search button, .header_lang a, .pro_content_table th dl{font-size: 13px;}
    .header_search button, .header_lang a{height:27px;line-height: 27px;}
    .header_search input{height:27px;line-height: 27px;}
    .fht-tbody table{margin-top: -49px;}



    .fht-table-wrapper table tr:first-child th:nth-child(2),.fht-table-wrapper table tr td:nth-child(2){left: 56px;}
    .fht-table-wrapper table tr:first-child th:nth-child(3),.fht-table-wrapper table tr td:nth-child(3){left: 115px;}


}
@media (max-width:1200px){
    .main{padding: 50px 0 100px;}
    .wrap{max-width: 95%}
    .banner{height:300px;padding-top: 60px;}
    .header{position: fixed;width: 100%;z-index: 999;background: #ffffff}
    .logo img{margin-top: 5px;}
    .header_r .nav{display: none;position: absolute;top:60px;left: 0;width: 100%;background: #fff;height: calc(100vh - 60px)}
    .header_r .nav.on{display: block;}
    .nav li{width: 100%;margin-left: 0;border-bottom: 1px solid #ededed;}
    .menu{display: block;float: right;margin-top: 19.5px;margin-left: 20px;}
    .menu span{width: 20px;height: 2px;background: #225fa9;display: block;margin-top: 5px;}
    .header_lang, .header_search{margin-top: 19px;}
    .nav li.active>a:after, .nav li:hover>a:after{display: none}
    .nav li .sub_nav{z-index: 999;opacity: 1;position: relative;    transform: none;    -webkit-transform: none;top:0;border:none;box-shadow:none;display: none;width: 100%;}
    .sub_nav:before{display: none;box-shadow:none;}
    .sub_nav_item dl{border:none;box-shadow:none;position: unset;transform: none;    -webkit-transform: none;opacity: 1;z-index: 999;display: none}
    .sub_nav_item dl{width: 100%;}
    .sub_nav_item dl dd{display: inline-block;}
    .sub_nav_item>a:hover, .sub_nav_item dl a:hover{background: none;color: #888888;}
    .sub_nav_item.on>a:before{color: #666666;transform: rotate(90deg);-webkit-transform: rotate(90deg)}
    .sub_nav_item>a:hover:before{color: #666;}
    .sub_nav_item>a, .sub_nav_item dl dd a{border:none;}
    .sub_nav_item{border-bottom: 1px solid #ededed;}
    .sub_nav_item:last-of-type{border-bottom: none;}
    .nav li>a,.sub_nav_item>a, .sub_nav_item dl dd a{padding: 0 35px;}
    .nav li>a{line-height: 50px;}
    .sub_nav_item>a{line-height: 45px;}
    .sub_nav_item dl dd a{line-height: 45px;}
    .nav li:hover>a,.nav li.active>a{color: unset;}
    .pro_content_table .fht-thead th:hover dl{opacity: 0;}

    .nav li>a.ccc{color: #3f88de;}
    .sub_nav_item>a:before{right: 25px;}
    .fht-table-wrapper{z-index: 99;}
    .pro_content_table th.has_dl>dl.ttt{opacity: 1;z-index:1;transform: scaleY(1);-webkit-transform: scaleY(1);}
    .pro_content_search input{width: 73%;}

}

@media (max-width:992px){
    .pro_content_search input{width: 55%;}
    .contact_hr_content_list span.j_m{padding-left: 25px;}
    .contact_hr_content_list span.j_r{width: 15%;}
    .contact_hr_content_list span.j_s{width: 25%;}
    .contact_hr_content_item span.j_s:before{right: 3%;}
    .index_nav{padding-left: 0;}
    .index_contact{padding-right: 0;}
    .index_nav li dd a, .index_contact dd, .aside_nav li dd a, .bread_nav a, .bread_nav span, .bread_nav i, .pro_content_search input, .pro_content_table td, .pro_content_table th, .app_content_pic_inner li dt, .about_content_desc p, .about_news_list li p, .about_news_detail_wrap p, .about_news_detail_wrap div, .pro_content_search button, .contact_hr_content_list, .contact_hr_content_list span, .contact_hr_content_list p, .contact_hr_content_list dd, .contact_hr_content_list dt, .contact_content_info dd{font-size: 12px;}
    .aside{width: 165px;}
    .main_content{width: calc(100% - 185px);width: -webkit-calc(100% - 185px);}
}
@media (max-width:750px){
    .logo img{height: 40px;}
    .header_search button, .header_lang a, .pro_content_table th dl{font-size: 12px;}
    .header_search{display: none}
    .header_lang a{width: 40px;height: 20px;line-height: 20px;}
    .header_lang{margin-top: 12.5px;}
    .menu{margin-top: 12px;}
    .header{height: 50px;}
    .banner{padding-top: 50px;height: 220px;}
    .header_r .nav{height: calc(100vh - 50px);top:50px;}
    .nav li>a, .sub_nav_item>a, .sub_nav_item dl dd a{padding: 0 15px;}
    .nav li>a{line-height: 45px;font-size: 15px;}
    .sub_nav_item dl dd{font-size: 13px;}
    .index_nav li{width: 50%;margin-bottom: 15px;}
    .index_nav,.index_contact{width: 100%;}
    .index_nav li dt, .aside_title h2, .main_content_title h4, .about_content>h4, .contact_hr_content_search button i, .contact_content_info dt{font-size: 15px;}
    .index_nav .index_nav_pro dt i{font-size: 20px;}
    .index_nav .index_nav_app dt i span:before{font-size: 25px;}
    .index_nav .index_nav_about dt i{font-size: 34px;}
    .index_nav li dt i{font-size: 30px;}
    .index_nav li dt{margin-bottom: 5px;}
    .main{padding: 45px 0 30px;}
    .footer p{font-size: 12px;letter-spacing: 0;padding: 8px 0}
    .aside{width: 100%;}
    .main_content{width: 100%;margin-top: 25px;}
    .bread_nav{padding-top: 50px;}
    .bread_nav_wrap{padding-left: 0;}
    .aside_nav li>a:before{font-size: 22px;}
    .aside_nav li a{line-height: 35px;font-size: 13px;}
    .aside_nav li>a:after{font-size: 15px;}
    .aside_title h2{font-size: 14px;}
    .pro_content_search{height: 30px;}
    .pro_content_search button i{font-size: 18px;}
    .pro_content_search button{height: 26px;}
    .pro_content_search input{height: 26px;}
    .aside_nav li a, .pro_content_btn button, .pro_content_t dt, .app_content_desc p, .contact_hr_content_btn a{font-size: 14px;}
    .pro_content_btn button{width: 75px;}
    .fht-table-wrapper table tr:first-child th:nth-child(2), .fht-table-wrapper table tr td:nth-child(2){left: 51px;}
    .fht-table-wrapper table tr:first-child th:nth-child(3), .fht-table-wrapper table tr td:nth-child(3){left: 110px;}
    .aside_nav li dd a{line-height: 30px;}
    .app_content_pic_inner li dd a{font-size: 12px;padding: 0 7px;}
    .app_content_pic_inner li dl{min-width: 82px;}
    .app .aside_title i span:before{font-size: 25px;}
    .app .aside_title i:after, .app .aside_title i:before{top:10px;}
    .app .aside_title i:after{top:22px;}
    .app_content_pic_inner li dt{line-height: 20px;}
    .app_content_pic_inner li .inner a{font-size: 12px;}
    .main_content_title h4{font-size: 14px;}
    .app_content_pic_inner li dd a{line-height: 20px;}
    .about_news_detail_content .main_content_title span{font-size: 12px;}
    .about_news_list li span{font-size: 12px;}
    .pagination ul li.prev, .pagination ul li.next{padding: 0 10px;}
    .pagination ul li{font-size: 12px;height: 23px;line-height: 21px;}
    .about .aside_title i{font-size: 31px;}
    .about_honor_list .swiper-slide{height: 110px;line-height: 110px;}
    .swiper-button-next, .swiper-button-prev{background-size: 15px 30px;}
    .contact_hr_content_search button{width: 115px;}
    .contact_hr_content_list span.j_m{padding-left: 15px;}
    .contact_hr_content_item span.j_m:before{width: 8px;height: 8px;margin-top: -4px;}
    .contact_hr_content_item span.j_s:before{line-height: 58px;font-size: 12px;}
    .contact_hr_content_item span.j_s:before{right: 2%;}
    .aside_title i{font-size: 22px;}
    .contact_content_info{width: 100%;padding-top: 0px;}
    .contact_content_wrap{padding: 25px 0}
    .contact_content_map{width: 100%;margin-top: 20px;}
    .contact_content_info dt{font-size: 14px;}
    .index_nav li dd a:after{font-size: 13px;}




}





.pro_content_table table th i{font-size:12px;}