@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family: 'HELVETICA-LT'; color: #000000; min-width: 320px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
*/
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
position: relative;
overflow-x: hidden;
}


.font_bd{font-family: 'HELVETICANEUELTCOM-BD';}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0; }
h1,h2,h3,h4{margin: 0; padding: 0; font-weight: normal; font-size: inherit;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;  -webkit-appearance:none;} 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none; -webkit-appearance:none;  } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; text-decoration:none; }
a:hover{ color: #000; text-decoration:none; }

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}


.w1460{ width: 1460px; max-width: 96%; margin: 0 auto;}
/*全局样式*/

.body_t{padding-top: 80px;}

.header_w{background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; font-family: "HELVETICA-LT";}
.header{height: 80px; position: relative;}
.header .logo{margin-top: 21px; display: block; float: left;}
.header .logo img{height: 35px;}
.header .nav{}
.header .nav_list{margin-right: 50px; float: right;}
.header .nav_list>ul>li{float: left; margin-right: 45px; position: relative;}
.header .nav_list>ul>li>a.title{display: block; height: 80px; line-height: 80px; font-size: 16px; color: #333; padding-right: 19px; position: relative;}
.header .nav_list>ul>li>a.title i{width: 10px; height: 6px; position: absolute; top: 50%; margin-top: -3px; right: 0; background: url(../images/nav_arrowb.png) 0 0 no-repeat; background-size: contain;}
.header .nav_list>ul>li.on a.title i,
.header .nav_list>ul>li:hover a.title i{background: url(../images/nav_arrowb2.png) 0 0 no-repeat; background-size: contain;}
.header .nav_list>ul>li.on a.title,
.header .nav_list>ul>li:hover a.title{color: #86b2c6;}

.header .nav_listB{position: absolute; top: 100%; background: #fff; width: 217px; left: 50%; margin-left: -107px; display: none;}
.header .nav_listB>ul>li>a{display: block; text-align: center; height: 60px; line-height: 60px; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav_listB>ul>li>a:hover{color: #fff; background: #a4c5d4;}

.header .nav_list3{display: none;}
.header .nav_list3 ul li{border-top: 1px solid #f2f2f2;}
.header .nav_list3 ul li a{padding: 0 10%; height: 25px; line-height: 25px; display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.header .nav_list3 ul li a:before{content: ""; width: 8px; height: 2px; background: #a4c5d4; position: absolute; left: 5%; top: 50%; margin-top: -1px;}

.header_r{float: right; height: 20px; margin-top: 30px;}
.header_r .language{line-height: 20px; position: relative; float: left; position: relative; cursor: pointer;}
.header_r .language span{font-size: 16px; color: #333; padding:0 20px 0 26px;  background: url(../images/icon_language.png) 0 50% no-repeat; background-size: contain;}
.header_r .language .lang_list{position: absolute; width: 100%; top: 100%; left: 0;background: #eaeaea; display: none;}
.header_r .language .lang_list a{display: block; text-align: center; height: 28px; line-height: 28px;}
 


.header_r .language i{width: 10px; height: 6px; position: absolute; top: 50%; margin-top: -3px; right: 0; background: url(../images/nav_arrowb.png) 50% 50% no-repeat; background-size: contain;}
.header_r .header_search{width: 16px; height: 20px;  background: url(../images/icon_search.png) 0 50% no-repeat; background-size: contain; float: right; margin-left: 50px;}

.header_menu{position: absolute;  height: 20px; width: 30px;  right: 0; top: 50%; transform: translateY(-50%); display: none; cursor: pointer;} 
.header_menu span{display: block; width: 100%; height: 3px; position: absolute; top: 50%; margin-top: -2px; background: #002870; border-radius: 10px; transition: 0.5s; }
.header_menu::before{content: ""; width: 100%; height: 3px; background: #002870; position: absolute; top: 0; left: 0; border-radius: 10px; transition: 0.5s;}
.header_menu::after{content: ""; width: 100%; height: 3px; background: #002870; position: absolute; bottom: 0; left: 0; border-radius: 10px;transition: 0.5s;}
.header_menu.on span{opacity: 0;}
.header_menu.on::before{transform:rotate(45deg); top: 50%; margin-top: -2px;}
.header_menu.on::after{transform:rotate(-45deg); top: 50%; margin-top: -2px;}


.header .nav .search_top{background: #fff; height: 100%; width: 70%; position: absolute; right: -200%; top: 0; transition: 0.5s;}
.header .nav .search_top .text{height: 40px; margin: 20px 0; width: 80%; float: left;font-size: 16px; padding-left: 5%; }
.header .nav .search_top button{cursor: pointer;border:none;position: absolute; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; background: url(../images/icon_search.png) 0 50% no-repeat; background-size: contain;outline: none;}
.header .nav .search_top.on{right: 0;}

.nav_subW{position: absolute; top: 100%; left: 0; width: 100%; background: #fff;   }
.nav_subW:before{content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: #dddddd;}
.nav_sub{overflow: hidden;}

.nav_sub_list{padding-top: 60px; display: none; padding-bottom: 5%;} 
 
.nav_sub_list1 ul {margin-right: -2%;}
.nav_sub_list1 ul li{width: 23%; margin-right: 2%; float: left; margin-bottom: 36px;}
.nav_sub_list1 ul li .title{display: block; margin-top: 20px; text-align: center; font-size: 18px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav_sub_list1 ul li .pic{display: block; position: relative; padding-bottom: 63%; overflow: hidden;}
.nav_sub_list1 ul li .pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.nav_sub_list1 ul li:hover .title{color: #86b2c6;}

 
.nav_sub_list2 ul li{width: 25%; padding: 0 2%; min-height: 275px; float: left; position: relative; box-sizing:border-box;}
.nav_sub_list2 ul li dl{margin: 0;}
.nav_sub_list2 ul li dl dt{font-size: 24px; margin-bottom: 10px;}
.nav_sub_list2 ul li dl dt a{color: #333; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-family: "HELVETICANEUELTCOM-BD";}
.nav_sub_list2 ul li dl dd{margin: 10px 0 0 0;}
.nav_sub_list2 ul li dl dd a{color: #666;  display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-family: 'HELVETICA-LT';}
.nav_sub_list2 ul li:first-child{padding-left: 0;}
.nav_sub_list2 ul li:before{content: ""; width: 1px; height: 275px; background: #dddddd; position: absolute; top: 0; left: 0;}
.nav_sub_list2 ul li:first-child:before{display: none;}
.nav_sub_list2 ul li dl dd a:hover{color: #86b2c6;}

.nav_sub_list3 .nav_sub_tab{font-family: "HELVETICANEUELTCOM-BD";width: 100%; height: 60px; line-height: 60px; text-align: center; display: block; float: left; background: #f5f5f5; font-size: 24px; color: #333; position: relative; margin-bottom: 20px;}
.nav_sub_list3 .nav_sub_tab:before{content: ""; width: 0px; height: 0; position: absolute;  left: 50%; margin-left: -6px; bottom: -16px; border: 8px solid transparent; _border-color: tomato;_filter: chroma(color=tomato); border-top-color: #f5f5f5; overflow: hidden; pointer-events: none;}
.nav_sub_list3 .box a.nav_sub_tab:first-child{margin-right: 1%;} 
.nav_sub_list3 .box>div:hover a.nav_sub_tab{background: #86b2c6; color: #fff;}
.nav_sub_list3 .box>div:hover a.nav_sub_tab:before{ border-top-color: #86b2c6;}
 
.nav_sub_list3 .box .left{width: 49.5%; margin-right: 1%; float: left;}
.nav_sub_list3 .box .right{width: 49.5%; float: right;}
.nav_sub_list3 .box ul li{width: 50%; float: left; margin-top: 20px;}
.nav_sub_list3 .box ul li a{color: #666; font-size: 16px; padding-right: 5%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav_sub_list3 .box ul li a:hover{color: #86b2c6;}

.h_banner{position: relative;overflow: hidden;}
.h_banner ul li{overflow: hidden;}
.h_banner ul li a{display: block; }
.h_banner ul li a.pic{}
.h_banner ul li.on a.pic{transform: scale(1.04,1.04);transition: 3s;}
.h_banner ul li a .tip_pic{position: absolute; bottom: 14%; width: 90%; padding: 0 5%; text-align: center; animation: bannerTip 1s infinite; animation-delay:1s; opacity: 0; transform: translateY(-50px); transition: 0.8s;  }
.h_banner ul li a .tip_pic img{width: 1444px; margin: 0 auto;}

.h_banner ul li.on a .tip_pic{transform: translateY(0); opacity: 1;}

.h_banner ul li img{width: 100%;}
.h_banner .banner_pagination{position: absolute; bottom: 50px!important; z-index: 10; left: 50%!important; max-width: 96%;  width: 1460px!important; margin-left: -730px;}
.h_banner .banner_pagination span{width: 40px; height: 2px; background: #fff; border-radius: 0; margin-right: 20px;}
.h_banner .prev{width: 44px; height: 44px; position: absolute; right:5%; top: 50%; margin-top: -44px;  background: url(../images/banner_arrowL.png) 0 0 no-repeat; z-index: 10; background-size: contain;}
.h_banner .prev:hover{background: url(../images/banner_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.h_banner .next{width: 44px; height: 44px; position: absolute; right:5%; top: 50%; margin-top: 22px;  background: url(../images/banner_arrowR.png) 0 0 no-repeat; z-index: 10; background-size: contain;}
.h_banner .next:hover{background: url(../images/banner_arrowR2.png) 0 0 no-repeat; background-size: contain;}
.h_banner .text{transition:all .3s linear;position: absolute; top: 40%; transform: translateY(-40%);opacity:0; left: 50%; margin-left:-730px;}
.h_banner .text span{display: block;}
.h_banner .text .time{color: #fff; font-size: 24px; opacity: 1; transform: translateY(0%);  transition: 0.5s;  }
.h_banner .text .tit{font-weight: bold;font-size: 60px; color: #fff; opacity: 1; transform: translateY(0%);  transition: 0.5s; transition-delay: 0.5s;}

.h_banner .text .txt{color: #adccdb; font-size: 20px; line-height: 36px; white-space: pre-line; opacity: 1; transform: translateY(0%);transition: 0.5s; transition-delay: 1s; margin-top: 20px;}
.h_banner .text .more{font-size: 16px; color: #fff; width: 118px; padding-bottom: 15px; margin-top: 20%; border-bottom: 3px solid #fff; position: relative; opacity: 1;transform: translateY(0%);  transition: 0.5s; transition-delay: 1.5s; }
.h_banner .text .more i{width: 18px; height: 12px; position: absolute; right: 0; top: 5px; background: url(../images/arrow_r.png) 0 0 no-repeat; background-size: contain;}


.h_banner ul li.li2 .text .txt {color: #fff;}
.h_banner ul li.li2 .text .tit { margin-top: 20px;}
 
.h_banner ul li.li3 .text .tip{color: #fff; font-size: 24px; font-size: 20px;   opacity: 0; transform: translateX(-100%);  transition: 0.5s; transition-delay: 0.5s;}
.h_banner ul li.li3 .text .txt {color: #ebf2f5; font-size: 16px; line-height: 30px;  }
.h_banner ul li.li3 .text .more{margin-top: 10%;}

.h_banner ul li:first-child .text .tit{transition-delay: .8s;}
.h_banner ul li:first-child .text .txt{transition-delay: 1.3s;}
.h_banner ul li:first-child .text .more{transition-delay: 1.8s;}
 
.h_banner ul li.li3 .text .tit {transition-delay: 0s; }
.h_banner ul li.li3 .text .tip {transition-delay: 0.5s;}
.h_banner ul li.li3 .text .txt {transition-delay: 1s;}
.h_banner ul li.li3 .text .more {transition-delay: 1.5s;}



.h_banner ul li.delay a .tip_pic {transition-delay:0s!important;}
.h_banner ul li.delay .text .time{transition-delay: 0s!important;}
.h_banner ul li.delay .text .tit{transition-delay: 0s!important;}
.h_banner ul li.delay .text .txt{transition-delay: 0s!important;}
.h_banner ul li.delay .text .more{transition-delay: 0s!important;}
.h_banner ul li.on .text {opacity: 1; transform: translateY(-50%);}}
.h_banner ul li.on .text .time{ opacity: 1; transform: translateY(0);}
.h_banner ul li.on .text .tit{ opacity: 1; transform: translateY(0);}
.h_banner ul li.on .text .tip{ opacity: 1; transform: translateY(0);}
.h_banner ul li.on .text .txt{ opacity: 1; transform: translateY(0);}
.h_banner ul li.on .text .more{ opacity: 1; transform: translateY(0);}

.h_banner .wap_banner{display: none;}
.banner_tip{position: absolute; left: 50%; margin-left: -8px; bottom: 5%; z-index: 9; animation: move 2s infinite;}
.banner_tip img{width: 15px;}
 
@-webkit-keyframes move {0%{transform:translateY(0)}70%{transform:translateY(10px)}100%{opacity:0;transform:translateY(0)}}
@-o-keyframes move {0%{transform:translateY(0)}70%{transform:translateY(10px)}100%{opacity:0;transform:translateY(0)}}
@-moz-keyframes tip {0%{transform:translateY(0)}70%{transform:translateY(10px)}100%{opacity:0;transform:translateY(0)}}
@keyframes move {0%{transform:translateY(0)}70%{transform:translateY(10px)}100%{opacity:0;transform:translateY(0)}}

@-webkit-keyframes bannerTip {
    from {transform: translateY(0)}
    50%{transform: translateY(-10px)}
    to {transform: translateY(0)}
}
@-o-keyframes bannerTip {
    from {transform: translateY(0)}
    50%{transform: translateY(-10px)}
    to {transform: translateY(0)}
}
@-moz-keyframes bannerTip {
    from {transform: translateY(0)}
    50%{transform: translateY(-10px)}
    to {transform: translateY(0)}
}
@keyframes bannerTip {
    from {transform: translateY(0)}
    50%{transform: translateY(-10px)}
    to {transform: translateY(0)}
}
.about_team .about_teamW1 .right .text p{
	color: #666;
}
.about_team .about_teamW2 .left .text p{
	color: #666;
}
.h_title{padding-left: 46px; color: #333; font-size: 60px; font-family: "HELVETICANEUELTCOM-BD"; position: relative;  }
.h_title h1,.h_title h2,.h_title h3{ font-size: 60px; display: inline-block;}
.h_title i{content: ""; width: 20px; height: 3px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #86b2c6;}
.h_title .more{width: 240px; height: 60px; font-family: "HELVETICA-LT" ;line-height: 60px; text-align: center; color: #fff; font-size: 18px; background: url(../images/more_bg.png) 0 0 no-repeat; float: right; font-weight: normal; background-size: contain;}
.h_pro{padding: 110px 0 120px 0; }
.h_pro .list{margin-top: 30px; overflow: hidden;}
.h_pro .list ul{margin-right: -1%;}
.h_pro .list ul li{width: 24%; margin-right: 1%; float: left; position: relative;}
.h_pro .list ul li span{display: block;}
.h_pro .list ul li .pic{display: block; position: relative; padding-bottom: 142%;}
.h_pro .list ul li .pic img{position: absolute; top: 0; left: 0; width: 100%;}
.h_pro .list ul li .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 0 5%;}
.h_pro .list ul li .text .title{font-family: "HELVETICANEUELTCOM-BD";margin-top: 18%; font-size: 24px; color: #333;  transition: 0.5s;white-space: nowrap;}
.h_solutions .tab_box ul li a .title{font-family: "HELVETICANEUELTCOM-BD";}
.h_pro .list ul li .text i{display: block; width: 20px; height: 2px; background: #ffffff; margin: 10px auto;opacity: 0; transition: 0.5s;}
.h_pro .list ul li .text .txt{font-size: 16px; margin-top: 5%; max-height: 100px; overflow: hidden; color: #fff;opacity: 0; transition: 0.5s; font-family: "HELVETICA-LT";}
.h_pro .list ul li .text .more{width: 240px; height: 60px; line-height: 60px; position: absolute; bottom: 8%; left: 50%; margin-left: -120px; background: url(../images/more_bg2.png) 0 0 no-repeat; text-align: center; color: #86b2c6; font-size: 16px;opacity: 0; transition: 0.5s; background-size: contain; font-family: "HELVETICA-LT";}
.h_pro .list ul li .pic2{position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: 0.5s;}
.h_pro .list ul li .pic2 img{width: 100%;}

.h_pro .list ul li:hover .text .more,
.h_pro .list ul li:hover .text .title,
.h_pro .list ul li:hover .text i,
.h_pro .list ul li:hover .text .txt,
.h_pro .list ul li:hover .pic2{opacity: 1;}
.h_pro .list ul li:hover .text .title{color: #fff;}

.h_solutions{background: #e7f0f4; position: relative;}
.h_solutions_box {position: relative;}
.h_solutions_box .left{position: absolute; width: 540px; height: 100%; left: 50%; margin-left: -730px; background: #e7f0f4; z-index: 1; z-index: 10;}
.h_solutions .pic_box{float: right; width: 64%;}
.h_solutions .pic_box ul li{position: relative;}
.h_solutions .pic_box ul li .text{position: absolute; top: 0; left: 0;}
.h_solutions .pic_box .pic{padding-bottom:750px;}
.h_solutions .pic_box .text{margin: 10% 10% 10% 13%;}
.h_solutions .pic_box .text .title{color: #fff; font-size: 36px; font-family: "HELVETICANEUELTCOM-BD";}
.h_solutions .pic_box .text  i{background: #fff; width: 20px; height: 3px; display: block; margin: 10px 0;}
.h_solutions .pic_box .text .txt{width: 90%; color: #fff; padding-top: 10px; font-size: 16px; line-height: 30px; font-family: "HELVETICA-LT";}

.h_solutions .left .tit{font-size: 60px; color: #333; margin-top: 100px; padding-left: 43px; position: relative; font-family: "HELVETICANEUELTCOM-BD";}
.h_solutions .left .tit h2{font-size: 60px;}
.h_solutions .left .tit:before{content: ""; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 20px; height: 3px; background: #86b2c6;}
.h_solutions .left .tab{margin-top: 30px;  position: relative;}
.h_solutions .left .tab .more{  position: absolute; top: 50%; transform: translateY(-50%); right: 20%; font-size: 18px;}
.h_solutions .left .tab ul {width: 355px;}
.h_solutions .left .tab ul li{width: 50%; float: left;}

.h_solutions .left .tab ul li a{display: block;height: 60px; line-height: 60px; text-align: center; font-size: 18px; font-family: "HELVETICANEUELTCOM-BD";}
.h_solutions .left .tab ul li.li1 a{background: url(../images/tab_bg1.png) 50% 50% no-repeat; background-size: contain;}
.h_solutions .left .tab ul li.li2 a{background: url(../images/tab_bg2.png) 50% 50% no-repeat; background-size: contain;}
.h_solutions .left .tab ul li.li1.on a{background: url(../images/tab_bg1_2.png) 0 0 no-repeat;background-size: contain; color: #fff;}
.h_solutions .left .tab ul li.li2.on a{background: url(../images/tab_bg2_2.png) 0 0 no-repeat;background-size: contain; color: #fff;}


.h_solutions .tab_box{position: absolute; bottom: 0; left: 0; width: 100%;}
.h_solutions .tab_box .box{overflow: hidden; display: none;}

.h_solutions .tab_box ul li{width: 50%; height: 210px; float: left; background: #ffffff; position: relative; }
.h_solutions .tab_box ul li .img2{display: none;}
.h_solutions .tab_box ul li a{display: block; padding: 30px; height: 150px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; font-size: 18px; color: #999;height: 100%;-webkit-box-sizing:border-box;box-sizing: border-box;}
.h_solutions .tab_box ul li a img{position: absolute; bottom: 30px; left: 30px;}
.h_solutions .tab_box ul li:nth-child(1)  a,
.h_solutions .tab_box ul li:nth-child(2)  a{border-top: none;}
.h_solutions .tab_box ul li:nth-child(2)  a,
.h_solutions .tab_box ul li:nth-child(4)  a{border-right: none;}

.h_solutions .tab_box ul li.on,
.h_solutions .tab_box ul li:hover{background: #87b1c7 url(../images/tab_listBg.jpg) 100% 0 no-repeat;}
.h_solutions .tab_box ul li.on a,
.h_solutions .tab_box ul li:hover a{color: #fff;}
.h_solutions .tab_box ul li.on .img2,
.h_solutions .tab_box ul li:hover .img2{display: block;}

.h_solutions .tab_box ul li i{width: 18px; height: 12px; position: absolute; bottom: 30px; right: 40px; background: url(../images/arrow_r.png) 0 0 no-repeat; background-size: contain;}

 .h_solutions .pic_box ul li .more{width: 80%; color: #fff; font-size: 16px; position: absolute; left: 10%; bottom: 40px; padding-bottom: 15px; border-bottom: 1px solid #fff;}
/*.h_solutions .pic_box ul li{display: none;}*/
.h_solutions .pic_box .box{display: none; overflow: hidden;}
.h_solutions .pic_box .box .pic-pagination{display: none;}

.h_solutions_num ul li{width: 25%; float: left; text-align: center; padding: 60px 0; }
.h_solutions_num ul li .title{font-size: 48px; line-height: 48px; color: #86b2c6;}
.h_solutions_num ul li .title em{font-style: normal;  font-family: "HELVETICANEUELTCOM-BD";}
.h_solutions_num ul li .en{font-size: 16px; margin-top: 10px; color: #666; font-family: "HELVETICA-LT";}

.h_news{padding: 113px 0 100px 0;}

.h_news_box{margin-top: 50px;}
.h_news_box .left{width: 24.5%; float: left; background: #86b2c6}
.h_news_box .left .con{height: 580px; padding: 0 7%; color: #fff;}
.h_news_box .left .con .tit{font-size: 30px;  padding-top: 60px;font-weight: bold;}
@media (max-width: 991px) {
	.h_news_box .left .con .tit{
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.h_news_box .left .con .tit{
		font-size: 26px;
	}
}
@media (max-width: 565px) {
	.h_news_box .left .con .tit{
		font-size: 24px;
	}
}
.h_news_box .left .con .txt{font-size: 22px; margin-top: 30px;}
.h_news_box .left .con .time{margin-top: 30px; font-size: 16px; color: #c8dbe4;}
.h_news_box .left .con .time em{display: block; font-style: normal; font-size: 16px; color: #fff;}
.h_news_box .left .con .more{font-size: 16px; padding:0 10px 10px 0; color: #fff; display: inline-block; margin-top: 86px; border-bottom: 2px solid #9ec1d1;}

.h_news_box .coenter{width: 49%; margin: 0 1%; float: left; position: relative; float: left; overflow: hidden;}
.h_news_box .coenter .tit{position: absolute; height: 52px; line-height: 52px; font-size: 16px; color: #fff; top: 10%;left: 0; z-index: 10; background: #86b2c6; padding: 0 50px; border-radius: 0 4px 4px 0;}
.h_news_box .coenter ul li{position: relative;}
.h_news_box .coenter ul li .pic{display: block; padding-bottom: 580px; transition: 0.5s;}
.h_news_box .coenter ul li:hover .pic{transform: scale(1.04)}
.h_news_box .coenter ul li .title{position: absolute; font-size: 22px; width: 100%; padding: 5%; color: #fff; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7);}
.h_news_box .coenter ul li .title em{font-style: normal; max-height: 70px; display: block; overflow: hidden;font-family: "HELVETICANEUELTCOM-BD";}
.h_news_box .coenter ul li .title span{display: block; font-size: 16px; color: #b3b3b3; margin-top: 20px;} 
.h_news_box .coenter .news_pagination{position: absolute; left: auto; right: 5%; bottom: 35px; z-index: 10; text-align: right;}
.h_news_box .coenter .news_pagination span{cursor: pointer; width: 40px; height: 2px; margin-right: 20px; background: #a8acac; border-radius: 0; opacity: 1;}
.h_news_box .coenter .news_pagination span.swiper-pagination-bullet-active{background: #fff;}

.h_news_box .right{height: 580px; position: relative;}
.h_news_box .right{width: 24.5%; float: right;}
.h_news_box .right .h_industry{background: #deebf3; position: absolute; width: 100%; height: 48.5%; left: 0; top: 0;}
.h_news_box .right .h_industry .text{padding: 12% 8%;}
.h_news_box .right .h_industry .tit{font-size: 16px; color: #999;}
.h_news_box .right .h_industry .txt{font-size: 22px; line-height: 30px; color: #333; margin-top:7%;font-family: "HELVETICANEUELTCOM-BD";}
.h_news_box .right .h_dow{background: url(../images/dow_bg.jpg) 0 0 no-repeat; background-size: cover; position: absolute; width: 100%; height: 48.5%; left: 0; bottom: 0;}
.h_news_box .right .h_dow .con{padding: 7% 0;}
.h_news_box .right .h_dow a{width: 50%; color: #fff; font-size: 16px; padding: 0 5%; margin: 20px auto; display: block; height: 48px; line-height: 48px; border: 1px solid #fff; border-radius: 4px; position: relative; transition: 0.5s;}
.h_news_box .right .h_dow a i{width: 20px; height: 18px; position: absolute; right: 5%; top: 50%; margin-top: -9px; background: url(../images/dow1.png) 0 0 no-repeat; background-size: contain;  transition: 0.5s;}
.h_news_box .right .h_dow a:hover{background: #fff; color: #8bb3c5;}
.h_news_box .right .h_dow a:hover i{background: url(../images/dow2.png) 0 0 no-repeat; background-size: contain;}

.footer_w{background: #f5f5f5; padding: 20px 0 40px 0;}
.footer_top {padding-bottom: 34px; border-bottom: 1px solid #86b2c6;}
.footer_top .left{float: left;}
.footer_top .logo{height: 43px; margin-right: 20px; float: left; }
.footer_top  .left .code{float: left; margin-top: 10px; font-size: 14px; color: #999;}
.footer_top  .left .footer_menbers span{font-size: 16px; color: #333; padding-right: 32px; position: relative; cursor: pointer;}
.footer_top  .left .footer_menbers span:before{width: 10px; height: 6px; content: ""; background: url(../images/nav_arrowb.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -3px; right: 0;}

.footer_top  .right{float: right; width: 70%;} 
.footer_top  .right .text{font-size: 16px; color: #999; white-space: pre-line; float: right; margin-right: 25px;}
.footer_top  .footer_search{width: 340px; height: 44px; padding-left: 20px; line-height: 44px; background: #fff ;float: right; position: relative;}
.footer_top  .footer_search .txt{height: 44px; line-height: 44px; font-size: 16px; color: #666;}
.footer_top  .footer_search a{display: block; width: 80px; height: 44px; position: absolute; top: 0; right: 0; background: url(../images/search_btn.png) 0 0 no-repeat;}
.footer_top  .footer_search a i{width: 19px; height: 12px; position: absolute; top: 50%; margin-top: -6px; left: 50%; margin-left: -5px;  background: url(../images/arrow_r.png) 0 0 no-repeat; background-size: contain;}
 

.footer_list{padding-top: 50px;}
.footer_list .footer_box{width: 25%; float: left;} 
.footer_list .footer_box .title{font-size: 20px; color: #333; padding-bottom: 10px; position: relative;}
.footer_list .footer_box .title i{font-style: normal; display: none; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
.footer_list dl{margin: 0; }
.footer_list dl dd{margin: 0;}
.footer_list dl dd a{font-size: 16px; color: #999; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;}
.footer_list dl dd a:hover{color: #86b2c6;}


.footer_b{ background: #86b2c6;}
.footer_link{height: 80px; float: left; line-height: 80px; font-size: 16px; color: #90bed3;}
.footer_link a{color: #c8dbe4;}
.footer_link a:hover{color: #fff;}
.footer_link em{font-style: normal; margin: 0 20px 0 24px;}
.footer_b .cop{float: right; line-height: 80px; color: #c8dbe4; font-size: 16px;}
.footer_share{float: right; line-height: 80px; margin-left: 10px;}
.footer_share a {display: inline-block; margin-left: 2px;height: 24px;}
.footer_share a img{vertical-align: middle;height: 100%;}

.footer_menbersList{position: absolute; background: #fff; z-index: 99; padding: 5px 0; margin-left: -30px; display: none;} 
.footer_menbersList ul li a{display: block; padding:5px 5%; border-top: 1px solid #f2f2f2; font-size: 12px;}
.footer_menbersList ul li:nth-child(1) a{border-top: none;}


.news_menu{text-align: center; padding-top: 4%;}
.news_menu ul li{display: inline-block; margin-right: 70px;}
.news_menu ul li a{font-size: 20px; display: block;font-weight: bold; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.news_menu ul li a:hover{color: #86b2c6;}
.news_menu ul li.on a{color: #86b2c6;}

.news_list{padding-top: 50px; margin-bottom: 70px;}
.news_list ul li {background: #fafafa; overflow: hidden; position: relative; margin-top: 30px;}
.news_list ul li .pic{padding-bottom: 250px; display: block; width: 24%; float: left; transition: 0.5s;}
.news_list ul li:hover .pic{ transform: scale(1.08,1.08);}
.news_list ul li:hover .pic{ transform: scale(1.08,1.08);}
.news_list ul li .text{width: 47%; margin-left: 5%; float: left;}
.news_list ul li .text .title{font-size: 30px; margin-top: 48px; color: #333; font-weight: bold; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_list ul li .text .txt{font-size: 14px; color: #666; line-height: 30px; margin-top: 20px; max-height: 120px; overflow: hidden;}
.news_list ul li .text .more{font-size: 16px; color: #333; margin-top: 20px; display: inline-block;}
.news_list ul li .time{position: absolute; right: 5%; top: 50%; transform: translateY(-50%); font-size: 40px; color: #999; text-align: center;}
.news_list ul li .time span{display: block; font-size: 18px;}
.news_list ul li:hover .title{color: #86b2c6; }
.news_list ul li:hover .more{color: #86b2c6; }

.news_list ul li .text .title{font-family: "HELVETICANEUELTCOM-BD";}
.news_list ul li .tip{font-size: 16px; color: #666; margin-top: 15px; padding-left: 43px; position: relative;}
.news_list ul li .tip i{width: 22px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.news_list ul li .tip1 i{ background: url(../images/tip1.png) 0 0 no-repeat; background-size: contain;}
.news_list ul li .tip2 i{ background: url(../images/tip2.png) 0 0 no-repeat; background-size: contain;}



.news_b{overflow: hidden; padding-bottom: 80px;}
.news_b ul{margin-right: -1%;}
.news_b ul li{width: 49%; margin-right: 1%; float: left; position: relative;}
.news_b ul li a{display: block; width: 100%; height: 100%;}
.news_b ul li a:before{content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); position: absolute; transition: 0.5s;}
.news_b ul li img{width: 100%;}
.news_b ul li .title{position: absolute; width: 50%; height: 98px;  left: 25%; text-align: center; line-height: 98px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 48px; font-family: "HELVETICANEUELTCOM-BD"; } 
.news_b ul li:hover a:before{background: rgba(137, 181, 202, 0.8);}

.news_info{margin-top: 70px;}
.news_infoT .title{font-size: 36px; color: #333; width: 68.5%; line-height: 48px;}
.news_infoT .tip{font-size: 16px; color: #999; margin-top: 20px;}
.news_infoT .tip span{display: inline-block; float: left; line-height: 28px; margin-right: 20px;}
.news_infoT .tip .more-style-addthis{display: inline-block;  width: 85px; height: 28px;  padding-left: 20px; line-height: 28px; text-align: center; color: #fff; background: url(../images/share.png) 50% 50% no-repeat!important;  float: left;}
.news_infoT .tip .more-style-addthis:hover{color: #fff; text-decoration: none;}
.news_infoT .tip .bshare-custom .bshare-more.more-style-addthis{display: inline-block;  width: 85px; height: 28px; margin-left: 30px; padding-left: 20px; line-height: 28px; text-align: center; background: url(../images/share.png) 50% 50% no-repeat!important; float: none!important; color: #fff!important; }
#bsBox{box-sizing: content-box!important;}
#bsPanel{box-sizing: content-box!important;}
.bFind-wrapper-top{height: 30px!important; line-height: 30px!important;}

.news_infoBox{margin: 40px 0 78px 0;}
.news_infoBox .left{width: 68.5%; float: left;}
.news_infoBox .left .text{font-size: 16px; color: #747474;}
.news_infoBox .left .text img{max-width: 100%;}
.news_infoBox_page{margin-top: 40px; padding-top: 40px; border-top: 1px solid #dddddd; position: relative; text-align: center;}
.news_infoBox_page .return{height: 38px; width: 133px; border-radius: 4px; font-size: 16px; padding-left: 30px; line-height: 38px; display: inline-block; border: 1px solid #dddddd; position: relative; color: #666;}
.news_infoBox_page .return:before{content: ""; width: 19px; height: 18px; background: url(../images/Return_list.png) 0 0 no-repeat; background-size: contain; position: absolute; left: 25px; top: 50%; margin-top: -9px;}
.news_infoBox_page img{width: 21px; height: 18px; margin-top: 10px;}
.news_infoBox_page .prev{height: 38px; line-height: 38px; position: absolute; left: 0; font-size: 16px; color: #666;}
.news_infoBox_page .next{height: 38px; line-height: 38px; position: absolute; right: 0; font-size: 16px; color: #666;}
.news_infoBox_page .next img{
    margin-left: 10px;
}
.news_infoBox_page .prev img{
    margin-right: 10px;
}
.news_infoBox .right{width: 25%; float: right;}
.news_infoBox .right .tit{font-size: 24px; padding-bottom: 20px; color: #333; } 
.news_infoBox .right .list ul li{border-top: 1px solid #eeeeee; padding: 30px 0;}
.news_infoBox .right .list ul li span{display: block;}
.news_infoBox .right .list ul li a{display: block; overflow: hidden;}
.news_infoBox .right .list ul li .pic{float: left; margin-right: 30px;}
.news_infoBox .right .list ul li .pic img{max-width: 120px;}
.news_infoBox .right .list ul li .time{font-size: 14px; color: #999; margin-top: 3%;}
.news_infoBox .right .list ul li .title{display: block; margin-top: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333;}
.news_infoBox .right .list ul li .time2{color: #333; }  
.news_infoBox .right .Subscribe .text{width: 100%; border-radius: 5px; border: 1px solid #ddd; height: 56px; line-height: 56px; padding: 0 20px; color: #999;}
.news_infoBox .right .Subscribe .btn{width: 100%; height: 58px; line-height: 58px; background: #86b2c6; color: #fff; text-align: center; font-size: 18px; margin-top: 20px; border: none; display: block; padding: 0;cursor: pointer;}


.Page_con{text-align: center; margin-top: 80px;}
.page{display: inline-block;}
.page a{width: 40px; height: 40px; line-height: 40px; display: block; border-radius: 50%; font-size: 18px;}
.page .prev{float: left; background: url(../images/page_prev.png) 0 0 no-repeat; margin-right: 10px;}
.page em{float: left; font-style: normal;}
.page em a{float: left; margin: 0 10px;}
.page em a:hover,
.page em a.active{background: #86b2c6; color: #fff;}
.page .next{float: left;  background: url(../images/page_next.png) 0 0 no-repeat; margin-left: 10px;}


.news_topW{background: #f5f5f5; margin-top: 100px; position: relative; padding-bottom: 100px;}
.news_topW::before{content: ""; width: 100%; background: #fff; height: 180px; position: absolute; left: 0; top: 0;}
.news_top{position: relative; z-index: 1; overflow: hidden;}
.news_top ul li{overflow: hidden;}
.news_top ul li .pic{width: 49%; float: left; padding-bottom: 514px; transition: 0.5s;}
/*.news_top ul li:hover .pic{transform: scale(1.04,1.04)}*/
.news_top ul li .text{width: 47%; float: right;}
.news_top ul li .text .title{margin-top: 40px; display: block; font-size: 30px; bg color: #333; line-height: 40px;  height: 80px; overflow: hidden;}
.news_top ul li .text .time{font-size: 14px; color: #999; margin-top: 20px;}
.news_top ul li .text .txt{font-size: 14px; color: #666; line-height: 30px; margin-top: 40px;}
.news_top ul li .text a.more{margin-top: 40px; font-size: 16px; color: #86b2c6; display: inline-block;}
.news_top ul li:hover .text .title{color: #86b2c6;}

.newsTop_page{position: absolute; width: 320px; bottom: 0; left: 50%; margin-left: 3%;  z-index: 10;}
.newsTop_page:before{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #f1f1f1; z-index: 1;}
.newsTop_page a{display: block; width: 50%; height: 70px; float: left; background: #fff; position: relative;}
.newsTop_page a:before{content: ""; width: 10px; height: 18px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -9px; background: url(../images/news_arrowL.png) 0 0 no-repeat; background-size: contain;}
.newsTop_page a:hover:before{background: url(../images/news_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.newsTop_page a.news_next:before{background: url(../images/news_arrowR.png) 0 0 no-repeat; background-size: contain;}
.newsTop_page a.news_next:hover:before{background: url(../images/news_arrowR2.png) 0 0 no-repeat; background-size: contain;}
.newsTop_page a:hover{background: #86b2c6;}



.aboutTop_w{position: relative;}
.aboutTop_w img{width: 100%;}
.aboutTop_w video{width:100%;object-fit:cover;height: 100%;}
.aboutTop_w .text{position: absolute; width: 1460px; left: 50%; top: 50%; transform: translateY(-50%);z-index:2; margin-left: -730px; text-align: center; color: #fff;}
.aboutTop_w .text .txt{width: 1010px; margin: 0 auto; max-width: 100%; font-size: 36px; line-height: 60px;}
.aboutTop_w .text .video_btn{background: #fff; display: inline-block; width: 240px; padding-left: 28px; height: 46px; line-height: 46px; border-radius: 4px; border: 1px solid #86b2c6; font-size: 18px; color: #86b2c6; position: relative; margin-top: 3%;}
.aboutTop_w .text .video_btn:before{content: ""; width: 19px; height: 16px;  background: url(../images/video_btn.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -9px; left: 20px;}

.about_num .h_solutions_num ul li{position: relative;}
.about_num .h_solutions_num ul li:before{content: ""; width: 1px; position: absolute; height: 40%; top: 50%; transform: translateY(-50%); background: #dddddd; left: 0;}
.about_num .h_solutions_num ul li:first-child:before{display: none;}

.about_list ul li{overflow: hidden;}
.about_list ul li .fl{width: 50%; float: left;}
.about_list ul li .fr{width: 50%; float: right;}
.about_list ul li .pic img{width: 100%;}
.about_list ul li .fr.text{width: 730px; float: left; position: relative; top: 50%; }
.about_list ul li .fl.text{width: 730px; float: right; margin-top: 2%;}
.about_list ul li .fr.text .abot_con{padding-left: 5%;}
.about_list ul li .fl.text .abot_con{padding-right: 5%; }
.about_list ul li .text .title{font-size: 36px; color: #333; margin-top: 10%;}
.about_list ul li .text i{display: block; width: 20px; height: 2px; background: #999999;  margin-top: 3%;}
.about_list ul li .text .txt{font-size: 16px; color: #999; margin-top: 5%; max-height: 100px; overflow: hidden;}
.about_list ul li .more{display: block; text-align: center; width: 240px; height: 60px; line-height: 60px; color: #fff; background: url(../images/more_bg3.png) 0 0 no-repeat; font-size: 18px; margin-top:8%; background-size: contain;}


.about_list_b{}
.about_list_b .box{width: 50%; float: left; text-align: center; height: 650px; position: relative;}
.about_list_b .box .title{font-size: 36px; color: #333; margin-top: 114px;}
.about_list_b .box .more{display: inline-block; font-size: 18px; color: #666; margin-top: 10px;}
.about_list_b .box .about_logo img{height: 114px; margin-top: 130px;}
.about_list_b .left{background: #f3f7f9;}
.about_list_b .right .more{color: #86b2c6;}
.about_list_b .right .pic{position: absolute; bottom: 0; width: 100%; left: 0;}

.currency_title{font-size: 36px; text-align: center;}
.currency_title span{display: block; font-size: 16px; color: #999; font-family: "HELVETICA-LT";}
.currency_title2 .title{font-size: 36px; float: left;}
.currency_title2 .more{float: right; font-size: 18px; margin-top: 20px; font-weight: bold;}

.menorabilia_w{background: #f5f5f5; padding: 70px 0; margin-top: 100px;}
.menorabilia .tab_time{margin-top: 65px; padding-top: 33px; position: relative; overflow: hidden;}
.menorabilia .tab_time:before{content: ""; height: 1px; width: 100%; background: #dddddd; position: absolute; top: 33px; left: 0;}
.menorabilia .tab_time ul li{width: 25%; padding-top: 45px; float: left; text-align: center; font-size: 36px; position: relative;}
.menorabilia .tab_time ul li .time{font-family: "HELVETICANEUELTCOM-BD"; }
.menorabilia .tab_time ul li i{width: 8px; height: 8px; position: absolute; top: -4px; left: 50%; margin-left: -4px; border-radius: 50%; border: 1px solid #dddddd; background: #fff; z-index: 1; transition: 0.5s;}
.menorabilia .tab_time ul li.on i{width: 20px; height: 20px; top: -10px; background: #86b2c6;}
.menorabilia .tab_time ul li.on{color: #86b2c6;}
.menorabilia .tab_time .line1{height: 1px; width: 100px; background: #f5f5f5; position: absolute; top: 33px; left: 0;}
.menorabilia .tab_time .line2{height: 1px; width: 100px; background: #f5f5f5; position: absolute; top: 33px; right: 0;}

.menorabilia .tab_time .prev{width: 66px; height: 66px; position: absolute; left: 0; top: 0; background: url(/static/img/time_l.png) 0 0 no-repeat;background-size: contain; z-index: 9;}
.menorabilia .tab_time .prev:hover{background: url(/static/img/time_l2.png) 0 0 no-repeat;background-size: contain;}
.menorabilia .tab_time .next{width: 66px; height: 66px; position: absolute; right: 0; top: 0; background: url(/static/img/time_r.png) 0 0 no-repeat;background-size: contain;z-index: 9;}
.menorabilia .tab_time .next:hover{background: url(/static/img/time_r2.png) 0 0 no-repeat; background-size: contain;}
.menorabilia .tab_time  span{display: block;}
.menorabilia .tab_time .pic{display: block; position: relative; padding-bottom: 51%; margin-top: 6%;}
.menorabilia .tab_time .pic img{position: absolute; top: 0; left: 3%; width: 94%; transition: 0.5s;}
.menorabilia .tab_time ul li:hover .pic img{transform: scale(1.04,1.04)}
.menorabilia .tab_time .title{font-size: 16px; color: #999; line-height: 24px; margin-top: 30px; padding: 0 4%;text-align: left;}

.column_w{border-bottom: 1px solid #ddd; padding: 60px 0;}
.column_w .list{margin-top: 42px; overflow: hidden;}
.column_w .list ul{margin-right: -2%;}
.column_w .list ul li{width: 23%; margin-right: 2%; float: left;}
.column_w .list span{display: block;}
.column_w .list .pic{position: relative; padding-bottom: 72%;}
.column_w .list .pic img{position: absolute; top: 0; left: 0; width: 100%; transition: 0.5s;}
.column_w .list ul li:hover .pic img{transform: scale(1.04,1.04)}
.column_w .list .title{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #666; margin-top: 20px;}
.column_w .list ul li:hover .title{color: #86b2c6;}


.introduction_top{margin: 100px 0; padding-bottom: 61px; position: relative;}
.introduction_top .left{width: 48%; float: left;}  
.introduction_top .left .title{font-size: 36px; color: #333;}
.introduction_top .left .title i{display: block; width: 20px; height: 2px; margin: 30px 0; background: #999;}
.introduction_top .left .txt{padding-right: 10%; font-size: 16px; line-height: 30px; color: #666; position: relative; height: 307px; overflow: hidden;}
.introduction_top .left .con{  height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.introduction_top .right{width: 49%; float: right; }
.introduction_top .right .pic{width: 100%; padding-bottom: 420px; position: relative;} 
.introduction_top .swiper-container-vertical>.swiper-scrollbar{width: 2px;}
.introduction_top .swiper-scrollbar-drag{width: 4px; left: -1px;}
.introduction_top:before{content: ""; width: 40%; height: 80%; position: absolute; background: #deebf3; bottom: 0; right: 0; z-index: -1;}
.introduction_top .right .pic:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.introduction_top .right .pic i{width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -34px; background: url(../images/video_btn2.png) 0 0 no-repeat; background-size: contain;}

.about_honor{padding-top: 70px; overflow: hidden;}
.about_honorList {margin-top:55px;}
.about_honorList ul {margin-right: -1%;height: 742px;overflow: hidden;}
.about_honorList ul li{width: 24%; height: 350px;margin: 1% 1% 0 0; background: #f5f5f5; float: left;}
.about_honorList ul li a{display: block; padding: 12%;}
.about_honorList ul li a p{text-align: center;width: 100%;height: 41px;overflow: hidden;display: -webkit-box;
            /* autoprefixer: off */
            -webkit-box-orient: vertical;
            /* autoprefixer: on */
            -webkit-line-clamp: 2;
            overflow: hidden;color: #666;}
.about_honorList ul li .pic{display: block; padding-bottom: 74%;}
@media (max-width:1440px) {
    .about_honorList ul{
        height: 633px;
    }
    .about_honorList ul li {
        height: 300px;
    }
}
@media (max-width:1099px) {
    .about_honorList ul li {
        height: 220px;
    }
    .about_honorList ul {
        height: 461px;
    }
}
@media (max-width: 768px) {
    .about_honorList ul {
        height: 1366px;
    }
    .about_honorList ul li {
        height: 333px;
    }
}
@media (max-width: 565px) {
    .about_honorList ul {
        height: 867px;
    }
    .about_honorList ul li {
        height: 212px;
    }
}
.about_honorList .more{text-align: center; margin-top: 40px; font-size: 18px; }
.about_honorList .more a{color: #86b2c6;}
.about_honorList .more img{display: block; margin: 10px auto 0; width: 16px;}

.about_honorB{border-top: 1px solid #dddddd; margin-top: 60px; text-align: center; padding: 35px 0 40px 0; color: #999;}
.about_honorB span{font-size: 16px;}
.about_honorB a{font-size: 16px; color: #707070; display: inline-block; margin-left: 30px;}
.about_honorB a:hover{color: #86b2c6;}

.about_culture{margin-top: 100px;}
.about_culture .box .left{width: 49%; float: left;}
.about_culture .box .right{width: 49%; float: right;}
.about_culture .box .title{font-size: 36px; color: #333; margin-top: 5%;}
.about_culture .box .title:first-child{display:block}
.about_culture .box p{font-size: 16px; color: #666; white-space: pre-line;} 
.about_culture .box1 .text{margin-top: 15%;}
.about_culture .box2 .text{margin-top: 12%;}
.about_culture .box2 .left .pic{position: relative; margin-top: -25%;}

.about_story{margin-top: 100px;}
.about_story .list{margin-top: 40px; overflow: hidden;}
.about_story ul{margin-right: -1%;}
.about_story ul li{width: 49%; margin-right: 1%; float: left; background: #f5f5f5;}
.about_story ul li .pic{width: 50%; float: left; padding-bottom: 250px;}
.about_story ul li  span{display: block;}
.about_story ul li .text{padding: 0 3%; width: 50%; float: right;}
.about_story ul li .text .title{font-size: 18px; line-height: 30px; color: #333; margin-top: 30px; max-height: 60px; overflow: hidden;}
.about_story ul li .text .txt{font-size: 14px; color: #999; line-height: 30px; margin-top: 20px; max-height: 60px; overflow: hidden;}
.about_story ul li .text .time{font-size: 14px; color: #666; margin-top: 30px;}

.about_brandT{padding: 90px 0 0px 0;}
.about_brandT .left{width: 45%; float: left;}
.about_brandT .left .tip{font-size: 36px; color: #333; white-space: pre-line;}
.about_brandT .left img{    max-height: 252px;
    margin-top: 50px;}
.about_brandT .right{width: 49%; float: right;}
.about_brandT .right .title {font-size: 24px; color: #333;}
.about_brandT .right .title i{width: 20px; height: 2px; display: block; background: #999; margin-top: 25px;}
.about_brandT .right .txt{font-size: 16px; color: #666; margin-top: 60px; line-height: 30px;}
.about_brandT .right .txt p{margin: 0; padding: 15px 0;}


.about_brandList{background: #f7f7f7; padding: 100px 0;}
.about_brandList ul{margin-top: 60px;}
.about_brandList ul li{width: 25%; padding-right: 2%; float: left;}
.about_brandList ul li .unm{font-size: 72px; color: #ddd;}
.about_brandList ul li .title{font-size: 24px; color: #333;}
.about_brandList ul li .txt{font-size: 16px; color: #666; margin-top: 20px; line-height: 30px;}

.about_brandCon{margin-top: 100px; padding-bottom: 70px; position: relative;}
.about_brandCon .left{width: 49%; float: left;}
.about_brandCon .right{width: 48%; float: right;}
.about_brandCon .right .title{font-size: 36px; color: #333; margin-top: 60px;}
.about_brandCon .right .txt1{margin-top: 100px; font-size: 22px; color: #333; line-height: 36px;}
.about_brandCon .right .txt2{margin-top: 50px; font-size: 16px; color: #666; line-height: 30px;}
.about_brandCon:before{content: ""; width: 90%; height: 75%; background: #f5f5f5; position: absolute; right: 0; bottom: 0; z-index: -1;}

.about_team{ position: relative;}
.about_team .about_teamW{position: relative;}
.about_team .box{padding-top: 100px;}
.about_team .box .title{font-size: 36px; color: #333;}
.about_team .box .text i{display: block; margin-top: 10px; width: 20px; height: 2px; background: #999999;}
.about_team .box .text .txt{color: #666; line-height: 30px; margin-top: 20px;}
.about_team .box .left{width: 50%; float: left;}
.about_team .box .pic{width: 100%; padding-bottom: 500px;}

.about_team .box .text{padding: 10% 0;}
.about_team .box .right{width: 50%; float: right;} 
.about_team .about_teamW1 .right .text{padding-left: 10%;}
.about_team .about_teamW2 .left .text{padding-right: 10%;} 
.about_team .about_teamW1:before{content: ""; width: 27%; height: 100%; background: #f5f5f5; z-index: -1; position: absolute; left: 0; top: 0;}
.about_team .about_teamW2:before{content: ""; width: 27%; height: 100%; background: #f5f5f5; z-index: -1; position: absolute; right: 0; top: 0;}

.about_contactT{margin-top: 100px;}
.about_contactT .left{width: 50%; float: left;}
.about_contactT .left #map{height: 400px;}
.about_contactT .right{width: 50%; float: right;}
.about_contactT .right .text{height: 400px; background: #e7f0f5; padding: 10%;}
.about_contactT .right .title{font-size: 24px;}
.about_contactT .right i{display: block; width: 30px; height: 2px; background: #999; margin-top: 20px;}
.about_contactT .right .txt {margin-top: 10px; line-height: 30px;}
.about_contactT .right .txt span{display: block;}
.about_contactT .right .txt{font-size: 16px; color: #fff;}
.about_contactT .right .txt p{margin:0; padding: 0 0;}

.about_addList{margin-top: 80px; position: relative;}
.about_addList .list{overflow: hidden;}
.about_addList ul li{width: 48%; float: left;}
.about_addList ul li .con{border: 1px solid #dddddd; height: 358px; padding: 0 10%; box-sizing: border-box; margin: 0 1px;}
.about_addList ul li .title{font-size: 24px; color: #333; margin-top: 70px;}
.about_addList ul li i{width: 20px; height: 2px; display: block; margin-top: 15px; background: #999;}
.about_addList ul li .text{margin-top: 30px; font-size: 16px; color: #666; line-height: 30px;}
.about_addList ul li .add{margin-top: 20px;}
.about_addList .prev{width: 18px; height: 28px; background: url(../images/news_arrowL.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -14px; left: -48px; z-index: 10;}
.about_addList .next{width: 18px; height: 28px; background: url(../images/news_arrowR.png) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -14px; right: -48px; z-index: 10;}

.about_message{margin-top: 100px;}
.about_message .con{margin-top: 50px;}
.about_message .con .left{width: 49%; float: left;}
.about_message .con .left .box{width: 100%; background: #f5f5f5; margin-bottom: 20px; border-radius: 4px;position: relative;}

.about_message .con .left .box .text,.about_message .con .left .box .hover1{position: relative;z-index: 2;  height: 68px; line-height: 68px; border: none; margin-left: 30px; font-size: 16px; color: #666; width: 90%;}
.about_message .con .left .box .hover1{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.about_message .con .left .box .hover1 span{
	color: #ff1f1f;
}
.about_message .con .right{width: 49%; float: right;}
.about_message .con .right .box{position: relative; background: #f5f5f5; height: 420px; border-radius: 4px;}
.about_message .con .right .box textarea,.about_message .con .right .box .hover1{z-index: 2; position: relative; padding: 30px; font-size: 16px; color: #666; font-family: "HELVETICA-LT"; width: 100%; height: 100%;}
.about_message .con .right .box .hover1{
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
}
.about_message .con .right .box .hover1 span{
	color: #ff1f1f;
}
.about_message .btn_con{margin-top: 30px; text-align: center;}
.about_message .btn_con input{width: 240px; height: 60px; line-height: 60px; text-align: center; background: url(../images/btn1.png) 50% 50% no-repeat; background-size: contain; font-size: 18px; color: #fff; cursor: pointer;}
.about_message .btn_con input.btn1{background: url(../images/btn2.png) 50% 50% no-repeat; background-size: contain;}
 

.pro{padding: 90px 0 80px 0;}
.pro_tit .tit{font-size: 36px; color: #333; float: left; line-height: 40px;}
.pro_tit .pro_search{width: 348px; height: 42px; float: right; border: 1px solid #86b2c6; border-radius: 4px; position: relative; overflow: hidden;}
.pro_tit .pro_search .text{padding-left: 20px; height: 42px; line-height: 42px; font-size: 16px; color: #999;}
.pro_tit .pro_search .btn{position: absolute; right: -1px; width: 77px; height: 100%; background: url(../images/search_btn.png) 0 0 no-repeat; background-size: 100% 100%;outline: none;border: none;cursor: pointer;}
.pro_tit .pro_search .btn i{width: 19px; height: 12px; position: absolute; top: 50%; margin-top: -6px; left: 50%; margin-left: -5px;  background: url(../images/arrow_r.png) 0 0 no-repeat; background-size: contain;}
.pro_tit .pro_search .btn img{
    width: 20px;
}
 
.pro_list{position: relative; padding-left: 50.5%; margin-top: 70px; min-height: 520px;}
.pro_list a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_list>ul>li{margin-bottom: 20px; border: 1px solid #dddddd; border-radius: 4px;}
.pro_list>ul>li>.title{display: block; height: 78px; line-height: 78px; display: block; padding: 0 50px 0 5%; font-size: 24px; position: relative;}
.pro_list>ul>li>.title>i{display: block; width: 24px; height: 24px; position: absolute; right: 5%; top: 50%; margin-top: -12px; background: url(../images/show.png) 0 0 no-repeat;}
.pro_list>ul>li:hover>.title,
.pro_list>ul>li.on>.title{color: #85b2c5;}
.pro_list>ul>li.on>.title>i{background: url(../images/hide.png) 0 0 no-repeat;}

.pro_sub{padding: 0 5%; background: #f7f7f7; display: none;}
.pro_sub>ul>li{padding: 22px 0;  border-top: 1px solid #dddddd;}
.pro_sub>ul>li>a{display: block; font-size: 18px; color: #333; position: relative; padding-right: 20px;}
.pro_sub>ul>li>a>i{position: absolute; width: 14px; height: 14px; right: 0; top: 50%; margin-top: -7px; background: url(../images/show2.png) 0 0 no-repeat;}
.pro_sub>ul>li:hover>a,
.pro_sub>ul>li.on>a{color: #85b2c5;}
.pro_sub>ul>li.on>a>i{background: url(../images/hide2.png) 50% 50% no-repeat;}
.pro_sub>ul>li:first-child{border-top: none;}

.pro_sub dl{margin: 0; padding-top: 10px; display: none;}
.pro_sub dl dd{margin: 0; }
.pro_sub dl dd a{display: block; position: relative; height: 30px; line-height: 30px; padding-left: 5%;}
.pro_sub dl dd a i{position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #999999; top: 50%; margin-top: -5px; left: 0; font-size: 16px;}
.pro_sub dl dd a:hover{color: #85b2c5;}
.pro_sub dl dd a:hover i{border-color: #85b2c5;}
.pro_sub dl dd.on a{color: #85b2c5;}
.pro_sub dl dd.on a i{border-color: #85b2c5;}
.pro_list>ul>li.li1{position: absolute; left: 0; top: 0; width: 49.5%;}

.pro_contentW{position: relative;}
.pro_content{padding: 100px 0; min-height: 1200px}
.pro_menu{width: 50%; height: 100%; float: left; background: #e7f0f5; position: absolute; top: 0; right: 50%; margin-right: 380px;}
.pro_menu a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_menu .box{width: 350px; float: right; padding-top: 100px;}  
.pro_menu .tip{font-size: 30px; color: #333; }
.pro_menu .list{margin-top: 5%;}
.pro_menu .list dl{margin: 0;padding-top: 20px; display: none; padding: 3% 53px 3% 0;}
.pro_menu .list dl dd{margin: 0; }
.pro_menu .list dl dd>a{display: block; padding: 5% 58px 5% 0; font-size: 18px; color: #333; position: relative;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.pro_menu .list dl dd>a i{width: 14px; height: 14px; position: absolute; right: 45px; top: 50%; margin-top: -7px; background: url(../images/show2.png) 0 0 no-repeat;} 
.pro_menu .list dl dd.on>a i{background: url(../images/hide2.png) 0 0 no-repeat;}
.pro_menu .list dl dd.on>a,
.pro_menu .list dl dd>a:hover{color: #85b2c5;}

 
.pro_menu .list>ul>li{position: relative; padding: 40px 0; cursor: pointer;}
.pro_menu .list>ul>li:before{content: ""; width: 900%; height: 1px; background: #d3e4eb; right: 0; top: 0; position: absolute;}
.pro_menu .list>ul>li:first-child:before{display: none;}
.pro_menu .list>ul>li .title{display: block;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 30px; position: relative; font-size: 26px; padding-right: 70px; } 
.pro_menu .list>ul>li .title i{position: absolute; width: 24px; height: 24px; right: 40px; top: 50%; margin-top: -12px; background: url(../images/show.png) 0 0 no-repeat; z-index: 1;}
.pro_menu .list>ul>li.on .title,
.pro_menu .list>ul>li .title:hover{color: #85b2c5;}
.pro_menu .list>ul>li.on .title i{background: url(../images/hide.png) 50% 50% no-repeat; }
.pro_menu .list>ul>li.on .title,
.pro_menu .list>ul>li .title:hover{color: #85b2c5;}
.proCon_list{width: 70.5%; float: right;}
.pro_menuSub{display: none;}
.pro_menuSub ul li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0; font-size: 14px; color: #666; position: relative;padding-left: 20px;} 
.pro_menuSub ul li a i{position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #999999; left: 0; top: 50%; margin-top: -5px; }
.pro_menuSub ul li a:hover{color: #85b2c5;}

.proCon_list{}
.proCon_list .box{ }
.proCon_tit .tit{font-size: 36px; color: #85b2c5; float: left;} 
.proCon_tit .proCon_search{width: 348px; height: 42px; float: right; border: 1px solid #86b2c6; border-radius: 4px; position: relative; overflow: hidden;}
.proCon_tit .proCon_search .text{padding-left: 20px; height: 42px; line-height: 42px; font-size: 16px; color: #999; }
.proCon_tit .proCon_search .btn{position: absolute; right: -1px; width: 77px; height: 100%; background: url(../images/search_btn.png) 0 0 no-repeat; background-size: 100% 100%; border: none;outline: none;cursor: pointer;}
.proCon_tit .proCon_search .btn i{width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -5px;  background: url(../images/search_btn2.png) 0 0 no-repeat; background-size: contain;}
.proCon_tit .proCon_search .btn img{width: 17px;}

.proCon_text{font-size: 16px; color: #666; line-height: 30px; margin-top: 20px;}
.proCon_list .list{margin-top: 45px; padding-top:5px; border-top: 1px solid #dddddd;}
.proCon_list .list ul li{margin-top: 40px; overflow: hidden;}
.proCon_list .list ul li .pic{width: 29.6%; padding-bottom: 200px; display: block; float: left;}
.proCon_list .list ul li .right{width: 68%; float: right;}
.proCon_list .list ul li .title{font-size: 24px; color: #333; }
.proCon_list .list ul li .title:hover{color: #85b2c5;}
.proCon_list .list ul li .txt{font-size: 16px; color: #999; line-height: 30px; margin-top: 10px;}
.proCon_list .list ul li .link{margin-top: 20px;}
.proCon_list .list ul li .link a{margin-right: 5%; display: inline-block; line-height: 30px; font-size: 16px; color: #666;vertical-align: middle;}
.proCon_list .list ul li .link a i{height: 30px; line-height: 30px; float: left; margin-right: 6px;overflow: hidden;}
.proCon_list .list ul li .link a i img{max-height: 30px; max-width: 30px;float: left;}
.proCon_list .list ul li .link a:hover{color: #86b2c6;}
.proCon_list .list1 ul li .pic{border: 1px solid #dddddd;}
.proCon_list .list1 .link2 {margin-top: 20px;}
.proCon_list .list1 .link2 a{width: 50%; float: left; display: block; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; padding-left: 20px; position: relative;}
.proCon_list .list1 .link2 a i{width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 50%; margin-top: -3px; left: 0; background: #86b2c6;}
.proCon_list .list1 .link2 a:hover{color: #86b2c6;}

.proCon_list .list2{margin-top: 45px; padding-top:5px; border-top: 1px solid #dddddd; overflow: hidden;}
.proCon_list .list2 ul{margin-right: -2%;}
.proCon_list .list2 ul li{width: 31.33%; margin-right: 2%; margin-top: 40px; float: left;}
.proCon_list .list2 ul li span{display: block;}
.proCon_list .list2 ul li .pic{position: relative; border: 1px solid #ddd; padding-bottom: 68%; overflow: hidden;}
.proCon_list .list2 ul li .pic img{position: absolute; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; transition: 0.5s;}
.proCon_list .list2 ul li:hover .pic img{-webkit-transform: translateY(-50%) scale(1.02);transform: translateY(-50%) scale(1.02);}
.proCon_list .list2 ul li .title{font-size: 16px; color: #333; line-height: 30px; height: 60px; text-align: center; margin-top: 10px; overflow: hidden;}
.proCon_list .list2 ul li:hover .title{color: #85b2c5;}


.pro_current{padding: 30px 0;}
.pro_current .current_add{color: #999; font-size: 16px; float: left;}
.pro_current .current_add a{color: #999;}
.pro_current .current_add a:hover{color: #86b2c6;}
.pro_current .current_add em{font-style: normal;}
.pro_current .pro_return{float: right; font-size: 16px; color: #999; padding-left: 30px; position: relative;}
.pro_current .pro_return:before{content: ""; width: 14px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: url(../images/return.png) 0 0 no-repeat; background-size: contain;}
.pro_current .pro_return:hover{color: #86b2c6;}
.pro_return1{    float: left;
    border-radius: 3px;
    font-size: 16px;
    color: #999;
    padding-left: 30px;
    position: relative;
    margin-top: 40px;
    border: 1px solid #ddd;
    padding: 10px 0;
    width: 120px;
    text-align: center;
    text-indent: 1rem;}
.pro_return1:before{content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    background: url(../images/return.png) 0 0 no-repeat;
    background-size: contain;}
.pro_return1:hover{color: #86b2c6;}
.pro_info_T{padding: 60px 0; border-top: 1px solid #f0f0f0; background: #f9f9f9;}
.pro_info_T .left{width: 46.5%; float: left;}
.pro_info_T .left .box{border: 1px solid #dddddd; background: #fff;}
.pro_info_T .left .big {overflow: hidden;}
.pro_info_T .left .big .pic{padding-bottom: 469px; background: #fff;position:relative;}
.pro_info_T .left .big .pic img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;}
.pro_info_T .left .big .big-pagination{display: none;}
.pro_info_T .left .min_pic{padding: 30px 50px; border-top: 1px solid #dddddd; position: relative; background: #fff; position: relative;} 
.pro_info_T .left .min_pic .prev{width: 18px; height: 28px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); background: url(../images/pro_arrowL.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .left .min_pic .prev:hover{ background: url(../images/pro_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .left .min_pic .next{width: 18px; height: 28px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); background: url(../images/pro_arrowR.png) 0 0 no-repeat; background-size: contain;} 
.pro_info_T .left .min_pic .next:hover{background: url(../images/pro_arrowR2.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .left .min {overflow: hidden;}
.pro_info_T .left .min ul li{width: 25%;   float: left; cursor: pointer;}
.pro_info_T .left .min ul li .pic{padding-bottom: 88px; transition: 0.5s; position: relative; margin: 1px;}
.pro_info_T .left .min ul li .pic:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #dddddd; box-sizing: border-box; transition: 0.5s;}
.pro_info_T .left .min ul li .pic img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;}
.pro_info_T .left .min ul li:hover .pic:before{border: 3px solid #86b2c6;}
.pro_info_T .left .min ul li.on .pic:before{border: 3px solid #86b2c6;}


.pro_info_T .right{width: 50%; float: right;}
.pro_info_T .right .title{font-size: 30px; color: #333; line-height: 40px; margin-top: 5%;}
.pro_info_T .right .text{margin-top: 40px; border-top: 1px solid #dddddd;}
.pro_info_T .right .text .txt{font-size: 16px; color: #666; margin-top: 40px; line-height: 30px;}
.pro_info_T .right .text .txt1{color: #666;}
.pro_info_T .right .box_btn{margin-top: 50px;}
.pro_info_T .right .box_btn>.btn{width: 240px; height: 60px; line-height: 60px; color: #fff!important; background: url(../images/btn1.png) 0 0 no-repeat; display: block; float: left; text-align: center; font-size: 18px;  background-size: contain;}
.pro_info_T .right .box_btn>.btn.btn1{background: url(../images/btn2.png) 0 0 no-repeat; background-size: contain;}
.pro_info_T .right .box_btn>.btn img{height: 20px; margin-top: 20px; margin-right: 15px;}

.pro_info{padding: 98px 0 80px 0;}
.pro_info .left{width: 68.5%; float: left;}
.pro_info .right{width: 24%; float: right;}

.pro_info .tab{border-bottom: 2px solid #85b2c5;}
.pro_info .tab ul li{width: 175px; height: 56px; line-height: 56px; float: left; font-size: 18px; color: #666; text-align: center; cursor: pointer;}
.pro_info .tab ul li:hover,
.pro_info .tab ul li.on{background: #86b2c6; color: #fff;}
.pro_info .tab ul li:first-child.on{background: url(../images/con_tab1.png) 0 100% no-repeat; background-size: cover;}
.pro_info .tab ul li:first-child:hover{background: url(../images/con_tab1.png) 0 100% no-repeat; background-size: cover;}

.pro_info .con_tab .box_text{padding-top: 35px; line-height: 30px; font-size: 16px; color: #666; display: none;}

.pro_info .con_tab .box_text img{
    width: auto;
}
.pro_info .right .tip{font-size: 18px; min-height: 58px; padding: 10px 0; color: #666; border-bottom: 2px solid #dddddd;}
.pro_info .right .list{padding-top: 25px;}
.pro_info .right ul li span{display: block;}
.pro_info .right ul li {margin-top: 15px;}
.pro_info .right ul li .pic{border: 1px solid #dddddd;overflow: hidden;}
.pro_info .right ul li .pic img{width: 100%;-webkit-transition: all .3s linear;transition: all .3s linear;}
.pro_info .right ul li .title{text-align: center; font-size: 16px; line-height: 30px; margin-top: 15px; color: #333;}
.pro_info .right ul li:hover .pic img{-webkit-transform: scale(1.02);transform: scale(1.02);}

.video_list{overflow: hidden; padding: 60px 0 80px 0;}
.video_list ul{margin-right: -1%;}
.video_list ul li{width: 49%; float: left; margin-right: 1%; margin-top: 30px; cursor: pointer;}
.video_list ul li .pic{padding-bottom: 66%; position: relative;}
.video_list ul li .pic i{width: 68px; height: 68px; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; margin-left: -34px; display: block; background: url(../images/video_btn2.png) 0 0 no-repeat; background-size: contain;}
.video_list ul li .pic:before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.2);}
.video_list ul li .title{display: block; text-align: center; font-size: 30px; color: #333; margin-top: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.video_list .video{ width: 600px; padding: 10px; position: fixed; top: 50%; transform: translateY(-50%); left: 50%; margin-left: -305px; background: #fff; z-index: 101; display: none;}
.video_list .video video{width: 100%;}
.video_list .video i{width: 38px; height: 34px; position: absolute; top: -20px; right: -20px; background: url(../images/fancybox_sprite.png) 0 0 no-repeat;}
.video_bg{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none;}


.thematic_info{padding-top: 95px;}
.thematic_info>.text{margin-top: 40px; font-size: 16px; line-height: 30px; overflow: hidden;text-align: center;}
.thematic_info>.text dl{margin-right: -1%; margin-top: 40px;}
.thematic_info>.text dd{margin: 0; width: 49%; margin-right: 1%; float: left;}
.thematic_info p{
    font-size: 16px;
}    
@media (max-width:767px) {
    .thematic_info p{
        font-size: 14px;
    }
	.pro_info .con_tab .box_text iframe,.pro_info .con_tab .box_text video{
		width: 100%!important;
	}
}
.thematic_info_map{margin-top: 80px; position: relative;}
.thematic_info_map #map{height: 530px; width: 100%;}
.thematic_info_map #map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thematic_info_map .box{position: absolute; width: 545px; height: 400px; left: 50%; top: 50%; margin-left: 10px; transform: translateY(-50%); background: #fff;}
.thematic_info_map .box .con{padding: 10%; }
.thematic_info_map .box .con .tit{font-size: 36px;}
.thematic_info_map .box .con .tip_text{margin-top: 40px;}


.thematic_info_map .tip{font-size: 16px; color: #666; margin-top: 15px; padding-left: 43px; position: relative;}
.thematic_info_map .tip i{width: 22px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.thematic_info_map .tip1 i{ background: url(../images/tip1.png) 0 0 no-repeat; background-size: contain;}
.thematic_info_map .tip2 i{ background: url(../images/tip2.png) 0 0 no-repeat; background-size: contain;}
.thematic_info_map .tip3 i{ background: url(../images/tip3.png) 0 0 no-repeat; background-size: contain;}
.thematic_info_map .btn{width: 250px; height: 50px; display: block; font-size: 16px; margin-top: 36px; line-height: 50px; text-align: center; color: #fff; background: #86b2c6; border-radius: 4px;}

.thematic_info_news{margin-top: 70px; overflow: hidden;}

.news_list .news-pagination {width: 100%; text-align: center; margin-top: 40px;}
.news_list .news-pagination span{width: 14px; height: 14px; background: #999999; border-radius: 50%; opacity: 1; margin: 0 10px!important;}
.news_list .news-pagination span.swiper-pagination-bullet-active{background: #86b2c6;}

.thematic_info_event{background: #f5f5f5; padding: 85px 0 100px 0; margin-bottom: 80px; position: relative;}
.thematic_info_event .event_list{overflow: hidden; }
.thematic_info_event ul li {width: 30.33%; float: left;}
.thematic_info_event ul li .pic{display: block; padding-bottom: 67%;}
.thematic_info_event .prev{width: 18px; height: 28px; position: absolute; top: 50%; margin-top: -14px; left: 50%; margin-left: -770px; background: url(../images/pro_arrowL.png) 0 0 no-repeat; background-size: contain; z-index: 9;}
.thematic_info_event .prev:hover{background: url(../images/pro_arrowL2.png) 0 0 no-repeat; background-size: contain;}
.thematic_info_event .next{width: 18px; height: 28px; position: absolute; top: 50%; margin-top: -14px; right: 50%; margin-right: -770px; background: url(../images/pro_arrowR.png) 0 0 no-repeat; background-size: contain; z-index: 9;}
.thematic_info_event .next:hover{background: url(../images/pro_arrowR2.png) 0 0 no-repeat; background-size: contain;}

@media(min-width:2300px){ 
.h_solutions .tab_box ul li{height: 320px;}
}

@media(min-width:2000px){ 
.w1460{width: 88%;}  
.h_solutions .pic_box .pic{padding-bottom: 65%;}
.h_solutions_box .left{width: 35%;  margin-left: -44%;}    

.pro_menu{margin-right: 20%;}
.pro_menu .box{width: 48%;  }
/* .support .cont .item{height: 640px!important;} */
}

@media(max-width:1920px){ 
.w1460{width: 1460px;}
}

@media(max-width:1500px){
.pro_menu{margin-left: 0; left: 0; width: 27%;}
.pro_menu .box{width: 100%; padding-left: 5%;}
    
.thematic_info_event .prev{left: 4%; margin-left: 0;}
.thematic_info_event .next{right: 4%; margin-right: 0;}
    
.h_banner .text{margin-left: 0; left: 5%;}
}


@media(max-width:1480px){
.header .nav .search_top{width: 80%;}    
.h_banner .banner_pagination{left: 2%!important; margin-left: 0;}	 	
    
.h_solutions_box .left{left: 2%; margin-left: 0; width: 40%;}
.h_solutions .pic_box{width: 58%;}
.h_solutions .left .tab .more{right: 12%;}
    
.h_solutions .left .tit{font-size: 50px;}
.h_solutions .left .tit h2{font-size: 50px;}    
.news_menu ul li{width: 33.33%; margin-right: 0; float: left;}
    
.aboutTop_w .text{left: 2%; margin-left: 0; width: 96%;}
    
.about_list ul li .text{width: 50%!important;}
.about_list ul li .text .title{margin-top: 5%;}
.about_list ul li .abot_con{padding: 0 5%!important;}
.about_list ul li .more{margin-top: 5%;}
    
.about_list_b .box{height: 600px;}
    
.about_addList .prev{left: 10px;}
.about_addList .next{right: 10px;}
    
.proCon_tit .tit,
.pro_menu .tip{font-size: 30px;}

}


@media(max-width:1200px){
.header .nav_list{margin-right: 0;}	 	
.header_r .header_search{margin-left: 20px;}
.header .nav .search_top{width: 85%;}
.nav_sub_list2 ul li dl dt a{font-size: 20px;}
.nav_sub_list2 ul li dl dd a{font-size: 16px;}
    
.nav_sub_list3 .nav_sub_tab a{font-size: 20px;}
    
.h_pro .list ul li .text .title{font-size: 20px;}
.h_pro .list ul li .text .txt{font-size: 14px;}
.h_pro .list ul li .text .more{width: 160px; height: 40px; line-height: 40px;margin-left: -80px; font-size: 14px;}

.h_title{font-size: 50px;}
.h_title h1,.h_title h2,.h_title h3{ font-size: 50px;}    
.h_solutions .left .tab .more{right: 5%;}
    
.h_solutions .left .tab ul{width: 300px;}
.h_solutions .left .tab ul li a{height: 51px; line-height: 51px;}
.h_solutions .left .tit{font-size: 40px;}
.h_solutions .left .tit h2{font-size: 40px;}    
.footer_top .left{margin-top: 20px;}
.footer_top .right{width: 380px;}
.footer_top .right .text{margin: 10px 0 0 0;}
    
.footer_link{font-size: 14px;}
.footer_b .cop{font-size: 14px;}
.footer_link em{margin: 0 10px;}
    
.news_list ul li .pic{width: 30%;}  
.news_b ul li .title{font-size: 30px;}
.news_infoT .title{font-size: 30px;}
.news_infoBox .right .list ul li .pic{margin-right: 10px;}
    
.aboutTop_w .text .txt{line-height: 60px; font-size: 30px;}
    
    
.about_list ul li .text{width: 50%;}
.about_list ul li .text .title{margin-top: 2%; font-size: 30px;}
.about_list ul li .text .txt{font-size: 14px;}
.about_list ul li .more{margin-top:2%; width: 160px; height: 40px; line-height: 40px; font-size: 16px;}

.about_list_b .box .title{margin-top: 100px; font-size: 30px;}
.about_list_b .box{height: 500px;}
    
.currency_title{font-size: 30px;}
.currency_title2 .title{font-size: 30px;}
    
.introduction_top .left .title{font-size: 30px;}
    
.about_culture .box .right{width: 47%;}
.about_culture .box .left{width: 47%;}
.about_culture .box p{white-space: normal;}
.about_culture .box1 .text{margin-top: 5%;}
    
    
.about_brandCon .right .title{margin-top: 10px;}
.about_brandCon .right .txt1{margin-top: 80px;}
.about_brandCon .right .txt2{margin-top: 10px;}
    
.about_team .about_teamW1 .right .text{padding-left: 5%;}
.about_team .about_teamW2 .left .text{padding-right: 5%;}
.about_team .box .text{padding: 5% 0 0 0;}
    
.about_contactT .right .title{font-size: 20px;}
    
.about_addList ul li .title{font-size: 20px; margin-top: 10%;}
    
.proCon_tit .tit, .pro_menu .tip{font-size: 24px;}
.pro_menu .list>ul>li .title{font-size: 20px;}
    
.pro_info_T .right .text .txt{line-height: 24px;}
.pro_info_T .right .box_btn>.btn{width: 200px; height: 50px; line-height: 50px;color: #fff!important;}
.pro_info_T .right .box_btn>.btn img{margin-top: 16px;}
.pro_info_T .right .box_btn>.btn:hover{
    text-decoration: none!important;
}   
.pro_info .tab ul li{width: 25%;}
    
.thematic_info_map .box{width: 400px;}
.about_addList{
    margin-top: 60px;
}
}


@media(max-width:1000px){
.header .nav_list>ul>li>a.title{font-size: 14px;}
.header .nav_list>ul>li{margin-right: 15px;}	
    
.header .nav_listB{width: 160px; margin-left: -80px;}
.header .nav_listB>ul>li>a{height: 40px; line-height: 40px; font-size: 14px;}
    
.nav_sub_list2 ul li dl dt a{font-size: 18px;}
.nav_sub_list2 ul li dl dd a{font-size: 14px;}
    
.h_pro .list ul li .text .title{font-size: 18px;}
.h_pro .list ul li .text .more{width: 120px; height: 30px; line-height: 30px;margin-left: -60px;  }
    
.h_title{font-size: 40px;}
.h_title h1,.h_title h2,.h_title h3{ font-size: 40px;}
.h_solutions .left .tab ul{width: 240px;}
.h_solutions .left .tab ul li a{ height: 40px; line-height: 40px;} 
.h_solutions .left .tab .more{font-size: 16px; right: 2%;}
.h_solutions .tab_box ul li a{font-size: 16px; padding: 30px 15px;}
    
.h_news_box .left .con .txt{font-size: 18px;}
.h_news_box .right .h_industry .txt{font-size: 18px;}
.h_news_box .coenter ul li .title{font-size: 18px;}
.h_news_box .left .con{height: 520px;}
.h_news_box .coenter ul li .pic{padding-bottom: 520px;}
.h_news_box .right{height: 520px;}
    
.h_news_box .left .con .more{margin-top: 50px;}
.h_news_box .coenter .news_pagination{bottom: 25px;}
    
    
.footer_b{padding: 20px 0; text-align: center;}
.footer_link{width: 100%; height: auto; line-height: 24px; float: none; }
.footer_b .cop{font-size: 14px; width: 100%; float: none; line-height: 30px;}
.footer_link em{margin: 0 10px;}
.footer_share{float: none; line-height: 30px; margin: 10px 0;}
 
    
.news_list ul li .pic{width: 35%;}  
.news_list ul li .text .title{margin-top: 20px; font-size: 24px;}
.news_list ul li .time{font-size: 30px;}
    
.news_infoBox .left{width: 100%;}    
.news_infoBox .right{width: 100%; margin-top: 20px;}    
.news_infoBox_page .retum{height: 40px; line-height: 40px; width: 160px;}
.news_infoBox .right .tit{font-size: 20px;}
.news_infoT .title{width: 100%;}
.news_infoBox .right .list ul li .time{margin-top: 1%;}
.news_infoBox .right .list ul li .title{margin-top: 10px;}
    
.aboutTop_w .text .txt{line-height: 40px;}
    
.about_list ul li .text .title{margin-top: 0; font-size: 24px;}
.about_list ul li .text .txt{margin-top: 2%;}
.about_list ul li .more{width: 120px; height: 30px; line-height: 30px; font-size: 14px;}
    

.about_list_b .box .title{margin-top: 50px;}
.about_list_b .box{height:400px;}
.menorabilia .tab_time ul li{font-size: 30px;}
    
.about_honor{padding-top: 30px;}
.about_honorList{margin-top: 30px;}
.about_honorList .more{margin-top: 20px;}
.about_honorB{margin-top: 20px;}
    
.about_culture .box1 .text{margin-top: 0;}
.about_culture .box .title{font-size: 26px;margin-top: 2%;} 
.about_culture .box2 .left .pic{margin-top: -15%;}
    
.about_story ul li .pic{padding-bottom: 200px;}
.about_story ul li .text .title{margin-top: 10px;}
.about_story ul li .text .txt{margin-top: 10px;}
.about_story ul li .text .time{margin-top: 10px;}
    
.about_story{margin-top: 30px;}
.about_story .list{margin-top: 10px;}
    
.about_brandT .left .tip{font-size: 30px;}
    
.about_brandCon:before{height: 83%;}
.about_brandCon .right .title{font-size: 30px;}
.about_brandCon .right .title{margin-top: 10px;}
.about_brandCon .right .txt1{margin-top: 60px;}
.about_brandCon .right .txt2{margin-top: 10px;}
    
.about_team .box .title{font-size: 30px;}
    
.about_addList ul li .text{font-size: 14px;}

.pro_tit .tit{font-size: 30px;}
    
.proCon_tit .proCon_search{width: 300px;}
.proCon_tit .tit, .pro_menu .tip{font-size: 22px;}
.pro_menu .list>ul>li .title{font-size: 16px;}
    
.pro_menu .list>ul>li{padding: 30px 0;}
.pro_menu .list dl dd>a,
.pro_menu .list>ul>li .title{padding-right: 45px;}
.pro_menu .list dl dd>a i{right: 27px;}
.pro_menu .list>ul>li .title i{right: 20px;}
.proCon_tit .tit{width: 50%;}
.proCon_tit .proCon_search{width: 50%;}
.proCon_tit .proCon_search .text{font-size: 14px;}
    
.proCon_list .list ul li .pic{width: 35%;}
.proCon_list .list ul li .right{width: 62%;}
    
.pro_current .current_add{float: none;}
.pro_current .pro_return{float: none; margin-top: 20px; display: inline-block;}
.pro_return1{float: none; margin-top: 20px; display: inline-block;}   
.pro_info_T .right .text{margin-top: 20px;}
.pro_info_T .right .text .txt{line-height: 24px; margin-top: 20px;}
.pro_info_T .right .box_btn>.btn{width: 148px; height: 40px; line-height: 40px;}
.pro_info_T .right .box_btn>.btn img{margin-top: 10px;}
    
.pro_info .right ul li .title{font-size: 14px; line-height: 24px;}
    
.thematic_info_map .box{width: 340px;}
.thematic_info_map .box .con .tit{font-size:30px;}
.thematic_info_map .tip{font-size: 14px;}
.about_addList{
margin-top: 40px;
}
}


@media(max-width:768px){
.body_t{padding-top: 60px;}    
/*.header .nav{overflow: hidden;}*/
.header{height: 60px; }
.header .logo{margin-top: 10px;}
.header_menu{display: block;}
.header .nav{position: absolute; top: 100%; width: 104.1%; left: -2%; background: #fff; border-top: 1px solid #f2f2f2; padding-bottom: 50px; display: none; z-index: 99;}
.header .nav_list{float: none; width: 100%;}
.header .nav_list>ul>li{display: block; width: 100%;  border-bottom: 1px solid #f2f2f2;}
.header .nav_list>ul>li>a.title{padding: 0 2%; height: 40px; line-height: 40px;}
.header .nav_list>ul>li>a.title i{right: 2%;}
.header .header_r{ position: absolute; bottom: 5%; left: 2%; margin-top: 0;}
.header .nav .search_top{bottom: 0; height: 50px; top: auto;  width: 94%;}
.header .nav .search_top.on{right: 5%; }
.header .nav .search_top .text{height: 50px; line-height: 50px; margin: 0;}
    
.header .nav_listB{position: relative; width: 100%; left: auto; margin-left: 0;}
.header .nav_listB>ul>li>a{text-align: left; height: 30px; line-height: 30px; border-top: 1px solid #f2f2f2; padding: 0 5%;}
.h_banner .banner_pagination{bottom: 20px!important;display: flex;justify-content: center; align-items: center;}
.h_banner .banner_pagination span{width: 20px;}
.banner_tip{display: none;}  
.h_pro{padding: 30px 0;}
.h_pro .list ul li{width: 49%; margin-top: 1%;}
    
.h_title{font-size: 30px;}
.h_title h1,.h_title h2,.h_title h3{ font-size: 30px;}
.h_solutions_box .left{width: 96%; position: relative;}
    
.h_solutions_box .left{padding-top: 30px;}
.h_solutions .left .tit{margin-top: 0; font-size: 30px;}    
.h_solutions .left .tit h2{font-size: 30px;}    
.h_solutions .tab_box{position: relative; margin-top: 20px;}
    
.h_solutions .pic_box{width: 96%; margin: 0 auto; float: none;}
.h_solutions .pic_box .pic{padding-bottom: 65%;}
.h_solutions .pic_box ul li{overflow: hidden;}
.h_solutions .pic_box .text .title{font-size: 30px;}
.h_solutions .pic_box ul li .text{margin: 0; padding: 2% 5%; height: 94%; background: rgba(155, 155, 155, 0.35);}

.h_solutions .pic_box ul li .more{width: 90%; left: 5%; padding-bottom: 5px;}
    
.h_solutions_num ul li{padding: 30px 0;}
.h_solutions_num ul li .title{font-size: 40px; line-height: 40px;}
.h_solutions_num ul li .en{font-size: 14px;}
    
.h_news{padding: 60px 0;}    
.h_news_box .left {width: 100%;}   
.h_news_box .left .con{height: auto; padding-bottom: 60%;}
.h_news_box .coenter{width: 100%; margin: 20px 0;}
.h_news_box .coenter ul li .pic{padding-bottom: 80%;}
.h_news_box .right{width: 100%; height: auto;}
.h_news_box .right .h_industry{position: relative;}

.h_news_box .right .h_dow{position: relative; margin-top: 20px;}
    
.footer_w{padding: 30px 0;}
.footer_top .left{margin-top: 0;}
.footer_top .right{width: 300px;}
.footer_top .footer_search{width: 95%; padding-left: 5%;}
.footer_top .right .text{font-size: 14px; white-space: normal;}
    
    
.footer_list{padding-top: 20px;}
.footer_list .footer_box{width: 100%; float: none; border-bottom: 1px solid #c7c7c7;} 
.footer_list .footer_box .title{padding: 0; height: 40px; line-height: 40px; cursor: pointer;}
.footer_list .footer_box .title i{display: block;}
.footer_list dl{display: none;}
.footer_list dl dd a{font-size: 16px; margin-top: 0; height: 35px; line-height: 35px; border-top: 1px solid #c7c7c7;}

.news_list ul li .pic{width: 40%;}  
.news_list ul li .text{width: 38%;} 
.news_list ul li .time{font-size: 24px;}
    
.news_b ul li{width: 100%; margin-top: 10px;}
.news_menu ul li{width: 33.33%; margin-top: 10px; margin-right: 0; float: left;}
.news_menu ul li a{font-size: 14px;}
.news_list{padding-top: 10px;}
.news_infoT .title{font-size: 20px; line-height: 24px;}
.about_addList ul li .con{
    height: auto;
    padding-bottom: 80px;
}
    
.news_topW{margin-top: 30px; position: relative; padding-bottom: 0;} 
.news_top{padding-bottom: 100px;}
.news_top ul li .pic{width: 100%; padding-bottom: 71%;}
.news_top ul li .text .title{font-size: 30px; line-height: 30px; margin-top: 20px; height: auto;}
.news_top ul li .text .txt{margin-top: 20px; line-height: 24px;}
.news_top ul li .text a.more{margin-top: 20px;}
.news_top ul li .text{width: 100%;}
    
.newsTop_page{bottom: 20px; width: 120px; left: 0; margin-left: 0;}
.newsTop_page a{height: 40px;}
    
.news_info{margin-top: 20px;}
.news_infoBox{margin: 30px 0;}  
    
.aboutTop_w .text .txt{font-size: 20px; line-height: 30px;}
.aboutTop_w .text .video_btn{font-size: 16px; width: 200px; height: 40px; line-height: 40px;}
.aboutTop_w .text .video_btn:before{left: 10px;}
     
.about_num .h_solutions_num ul li:nth-child(3):before{display: none;}
    
    
.about_list ul li .fl{width: 100%;}   
.about_list ul li .fr{width: 100%;}   
.about_list ul li .text{width: 100%!important; padding: 20px 0;}

.about_list ul li .fl.text{margin-top: 0;}
.about_list ul li .text .abot_con{padding: 0 2%;}
    
.about_list_b .box .title{font-size: 24px;}
.about_list_b .box{width: 100%; height: auto; }
.about_list_b .box .about_logo img{margin: 60px 0;} 
.about_list_b .box.right .pic{position: relative;}
    
.about_list_b .box .title{font-size: 24px;}
    
.currency_title{font-size: 24px; }
.menorabilia_w{padding: 30px 0; margin-top: 30px;}
    
.menorabilia .tab_time{margin-top: 30px;}
    
.menorabilia .tab_time .next{height: 40px; width: 40px; margin-top: 15px;}
.menorabilia .tab_time .prev{height: 40px; width: 40px; margin-top: 15px;} 
    
.currency_title2 .title{font-size: 24px;}
.currency_title2 .more{margin-top: 0;}
.column_w{padding: 30px 0;}
.column_w .list .title{font-size: 16px;}
.column_w .list ul li{width: 48%; margin-top: 20px;}
.column_w .list{margin-top: 20px;}
    
.introduction_top{margin: 30px 0; padding-bottom: 0;}
.introduction_top .left{width: 100%;}
.introduction_top .right{width: 100%; margin-top: 20px;}
.introduction_top .right .pic{padding-bottom: 58%;}
.introduction_top:before{display: none;}
.introduction_top .left .txt{padding-right: 10px;}
    
.about_honorList ul li{width: 49%;}
    
.about_culture .box .title{font-size: 24px;}
.about_culture{margin-top: 30px;}
.about_culture .box .left{width: 100%;}
.about_culture .box .right{width: 100%;}
.about_culture .box2 .text{margin-top: 20px;}
.about_culture .box2 .left .pic{margin-top: 0;}
.about_culture .box2 .left .pic img{width: 100%;}
    
.about_story ul li{width: 100%; margin-top: 20px;}
    
.about_brandT{padding: 30px 0;}
.about_brandT .left .tip{font-size: 24px;}
.about_brandT .left{width: 100%;}
.about_brandT .left img{margin-top: 30px; max-height: 150px;}
    
.about_brandT .right{width: 100%; margin-top: 20px;}
.about_brandT .right .txt{margin-top: 20px;}
.about_brandT .right .txt p{padding: 10px 0;}
    
.about_brandList{padding: 30px 0;}
.about_brandList ul li .unm{font-size: 50px;}
.about_brandList ul li .title{font-size: 20px;}
.about_brandList ul li .txt{font-size: 14px; line-height: 24px;}
.about_brandList ul{margin-top: 30px;}
    
.about_brandCon{margin-top: 30px; padding-bottom: 30px;}
.about_brandCon:before{display: none;}
.about_brandCon .right .title{font-size: 20px;}
.about_brandCon .right .txt1{font-size: 18px; line-height: 24px;}
.about_brandCon .left{width: 100%;}
.about_brandCon .right{width: 100%;}
.about_brandCon .right .txt1{margin-top: 10px;}
    
.about_team .box .left{width: 100%;}
.about_team .box .right{width: 100%;}
    
.about_team .about_teamW1:before{display: none;}
.about_team .about_teamW2:before{display: none;}
.about_team .about_teamW1 .right .text{padding: 0; margin-top: 10px;}

.about_team .about_teamW2 .left .text{padding: 0;  margin-top: 10px;}
.about_team .box{padding-top: 0; margin-top: 20px;}
.about_team .box .pic{padding-bottom: 71%;}
    
.about_team .box .title{font-size: 24px;}
.about_team .box .text .txt{margin-top: 10px;}
    
.about_contactT{margin-top: 30px;}
.about_contactT .left{width: 100%;}
.about_contactT .left #map{height: 200px;}
.about_contactT .right{width: 100%;}
.about_contactT .right .text{padding: 5%; height: auto;}
    
.about_message{margin-top: 30px;}
    
.pro{padding: 30px 0;}
    
.pro_tit .tit{font-size: 24px;}
    
.pro_list{padding-left: 0; margin-top: 30px;}
.pro_list>ul>li>.title{font-size: 20px; height: 60px; line-height: 60px;}
.pro_sub>ul>li{padding: 15px 0;}
.pro_sub>ul>li>a{font-size: 16px;}
.pro_list>ul>li.li1{position: relative; width: 100%;}
.pro_list{min-height: inherit;}
    
.pro_content{padding: 30px 0;display: flex;flex-wrap:wrap;}
.pro_content .pro_menu{order: 1;margin-right: 0;}
.pro_content .proCon_list{order: 0;}
.pro_menu .box{padding-top: 30px;}
.pro_menu .tip{padding: 0 20px;}
.pro_menu .list{margin-top: 2%;}
.pro_menu{position: relative; width: 100%;}
.pro_menu .list dl dd>a{padding: 10px 50px 10px 20px;}
.pro_menu .list>ul>li:before{width: 100%;}
.pro_menu .box{padding-left: 0;}
.pro_menu .list>ul>li{padding: 10px 0;}
.pro_menu .list>ul>li .title{padding: 0 20px;line-height: 30px;}
    
.pro_menuSub ul li{padding: 0 20px;}
.proCon_list{width: 100%; margin-top: 20px;}
    
.proCon_tit .tit, .pro_menu .tip{font-size: 18px;}
.pro_list>ul>li>.title{font-size: 18px;}
    
.pro_info_T .left{width: 100%;}
.pro_info_T .right{width: 100%; margin-top: 20px;}
.pro_info_T .right .title{font-size: 24px;}
    
.pro_info{padding: 30px 0;}
.pro_info .left{width: 100%;}
.pro_info .right{width: 100%;}
   
.pro_info .right ul {margin-right: -2%; overflow: hidden; }
.pro_info .right ul li{width: 48%; margin-right: 2%; float: left;}
.pro_info .right ul li .title{height: 50px; overflow: hidden;}
    
.video_list{padding: 30px 0;}
.video_list ul li .title{font-size: 20px; margin-top: 10px;}
    
.thematic_info{padding-top: 30px;}
.thematic_info>.text{margin-top: 20px;}
    
.thematic_info_map{margin-top: 30px;}
.thematic_info_map #map{height: 300px;}
.thematic_info_map .box{position: relative; width: 100%; margin-left: 0; left: 0; transform: translateY(0); top: 0; height: auto;}
.thematic_info_map .box .con{padding: 5% 0;}
.thematic_info_map .box .con .tip_text{margin-top: 20px;}
    
.thematic_info_news{margin-top: 20px;}
.news_list{padding-top: 0;}
    
.thematic_info_news .news_list{margin-bottom: 20px;}
.thematic_info_event{padding: 30px 0; margin-bottom: 30px;}
    
.h_banner .wap_banner{display: block;}
.h_banner ul li .pic{display: none;}
.h_banner .text{display: none;}
.h_banner .prev{width: 30px; height: 30px;display: none;}
.h_banner .next{width: 30px; height: 30px;display: none;}
.about_honorB{text-align: left;}
.about_honorB span{display: block;}
.about_honorB a{margin-right: 25px;margin-top: 5px;margin-left: 0;}
.about_honorB a:hover{color: #86b2c6;}
}

@media(max-width:640px){
.h_title .more{width: 120px; height: 30px; line-height: 30px;}

.h_title{font-size: 20px; padding-left: 30px;}
.h_title h1,.h_title h2,.h_title h3{ font-size: 20px;}
.h_title .more{font-size: 16px;}
.h_title i{width: 15px;}
.h_pro .list{margin-top: 20px;}
.h_pro .list ul li .text .title{font-size: 16px;white-space:normal;}
    
.h_solutions .tab_box ul li{height: 160px;}
.h_solutions .tab_box ul li a{height: 100%; padding: 20px 15px;}
.h_solutions .pic_box .text .txt{line-height: 24px;}
.h_solutions .pic_box .pic{padding-bottom: 90%;}
    
.h_solutions .left .tit{padding-left: 30px; font-size: 20px;}
.h_solutions .left .tit h2{font-size: 20px;}    
.h_solutions .left .tit i{width: 15px;}
    
.h_solutions_num ul li{width: 50%; padding: 10px 0;}
.h_solutions_num ul li .title{font-size: 30px;}
    
.h_news{padding: 30px 0;}
.h_news_box .coenter .tit{font-size: 14px; height: 35px; line-height: 35px; padding: 0 5%;}
.h_news_box .coenter ul li .title{font-size: 14px; line-height: 20px;}
.h_news_box .coenter ul li .title span{font-size: 14px; margin-top: 10px;}
.h_news_box .coenter .news_pagination{bottom: 18px;}
.h_news_box .coenter .news_pagination span{width: 20px; margin-right: 10px;}

    
.footer_list .footer_box .title{font-size: 16px;}   
.footer_list dl dd a{font-size: 14px;}
    
.footer_top .right{width: 100%;}
.footer_top .footer_search{float: none; margin-top: 10px;}
.footer_top .footer_search .txt{width: 80%;}
.footer_top .right .text{margin-top: 10px; float: none;}
.footer_b .cop{font-size: 12px;}
    
.news_menu ul li{text-align: center;}
.news_list{margin-bottom: 30px;}
.news_list ul li {padding-bottom: 20px;}
.news_list ul li .pic{width: 100%; padding-bottom: 70%;}  
.news_list ul li .text{width: 90%; margin: 0 5%;} 
.news_list ul li .text .title{font-size: 18px;}
.news_list ul li .text .txt{line-height: 24px;}
.news_list ul li .time{font-size: 24px;  top: auto; bottom: 10px; transform: translateY(0); font-size: 16px;}
.news_list ul li .time span{font-size: 12px;}
.Page_con{margin-top: 20px;}
.page em{display: none;}
    
.news_b ul li .title{font-size: 20px; height: 47px; line-height: 47px;}
 
    

.news_infoBox_page{padding-top: 20px;}   
.news_infoBox .right .Subscribe .text{height: 40px; line-height: 40px;}
.news_infoBox .right .Subscribe .btn{height: 40px; line-height: 40px;}
.news_menu ul li a{font-size: 12px;}
.news_b{padding-bottom: 30px;}
    
.news_top ul li .text .title{font-size: 20px; line-height: 24px;}
    
.about_list ul li .text .title{font-size: 20px;}
.aboutTop_w .text .txt{font-size: 16px; line-height: 24px;}
.aboutTop_w .text .video_btn{font-size: 14px; width: 175px; height: 35px; line-height: 33px; margin-top: 0;}
     
.about_list_b .box .title{font-size: 20px;}
.about_list_b .box .more{font-size: 16px;}
    
.menorabilia .tab_time ul li{font-size: 20px;}
.menorabilia .tab_time .title{font-size: 12px; line-height: 20px; margin-top: 10px;}
    
.currency_title2 .title{font-size: 20px;}
.currency_title2 .more{margin-top: 5px; font-size: 14px;}
    
.introduction_top .left .title{font-size: 20px;}
.introduction_top .left .title i{margin: 10px 0;}
    
.about_culture{margin-top: 10px;}
.about_culture .box .title{font-size: 20px;}
.about_culture .box p{font-size: 14px;}
    
.about_story ul li .pic{padding-bottom: 180px;}
.about_story ul li .text .title{font-size: 16px; line-height: 24px; max-height: 50px;}
.about_story ul li .text .txt{line-height: 24px; max-height: 72px;}
.about_brandT .left .tip{font-size: 20px; line-height: 24px;}
.about_brandT .left img{max-height: 100px;}
.about_brandT .right .title{font-size: 18px;}
    
.about_brandList ul{margin-top: 0;}
.about_brandList ul li .unm{font-size: 40px;}
.about_brandList ul li {width: 100%; text-align: center; padding-right: 0; margin-top: 20px;}
.about_brandList ul li .txt{margin-top: 10px;}
    
.about_team .box .title{font-size: 20px;}
.about_team .box .text .txt{line-height: 24px;}
    
.about_message .con{margin-top: 20px;}
.currency_title span{font-size: 14px;}
.about_message .con .left{width: 100%;}
.about_message .con .left .box .text,.about_message .con .left .box .hover1{height: 40px; line-height: 40px; font-size: 14px; margin-left: 20px;}
.about_message .con .right .box{height: 200px;}
.about_message .con .right{width: 100%;}
    
.about_message .btn_con input{width: 160px; height: 40px; line-height: 40px; font-size: 14px;}
.about_message .con .right .box textarea,.about_message .con .right .box .hover1{font-size: 14px; padding: 20px;}
    
.pro_tit .tit{font-size: 20px;}
.pro_tit .pro_search{width: 270px;}
    
.pro{padding-bottom: 0;}

.proCon_tit .tit{width: 100%;}
.proCon_tit .proCon_search{width: 100%; margin-top: 10px;}
    
.proCon_list .list ul li .pic{width: 100%; padding-bottom: 69%;}
.proCon_list .list ul li .right{margin-top: 20px; width: 100%;}
.proCon_list .list ul li .title{font-size: 20px;}
.proCon_list .list ul li .txt{font-size: 14px; line-height: 24px;}
    
.proCon_list .list2{margin-top: 20px;}
.proCon_list .list2 ul li {width: 48%; margin-top: 20px;}
.proCon_list .list2 ul li .title{font-size: 14px; line-height: 24px; height: 50px; overflow: hidden;}
    
.pro_info_T{padding: 30px 0;}
.pro_info_T .left .min_pic{padding: 20px 40px;}
.pro_info_T .left .big .pic{padding-bottom: 60%;}
.pro_info_T .right .title{font-size: 20px; line-height: 24px;}
    
.pro_info_T .right .box_btn>.btn img{margin-right: 5px;}
.pro_info .right ul li{width: 98%;}
.pro_info .tab ul li{font-size: 14px; height: 40px; line-height: 40px;}
    
.news_list ul li .tip{font-size: 14px; padding-left: 30px;}
    
.video_list ul li .title{font-size: 14px;}
.video_list ul li .pic i{width: 40px; height: 40px; margin-left: -20px;}
    
.video_list .video{width: 86%; left: 7%; margin-left: 0; padding: 2%;}
    
.thematic_info_map .box .con .tit{font-size: 24px;}
}

.nav_sub .nav_sub_list:nth-child(4){
	/*padding-bottom: 30px;*/
}

 .h_solutions .tab_box ul li a img{
 	width: 52px;
 }
 .news_menu ul li{
	 margin-right: 120px;
 }
 .f_tu .f-about-contactT_tit{
	 margin-bottom: 80px;
 }
@media (max-width: 1480px) {
	.news_menu ul li{
		width: 25%;
	}
}

.fang{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
}
.fang .bag{
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0; 
}
.fang .img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 20px;
    background-color: #fff;
}

.fang .img img{
    width: 100%;
    height: auto;
}

.f_news_list .currency_title2 .more{
    display: block;
    text-align: center;
    width: 240px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: url(../images/more_bg3.png) 0 0 no-repeat;
    font-size: 18px;
    background-size: contain;
    font-weight: 500;
    margin: 0;
}
.f_w1460{
    padding-top: 80px;
}
.f_w1460 .news_list:first-child{
    margin-bottom: 0;
}
.f_w1460:nth-child(2){
    padding-top: 0;
}
.f_w1460:nth-child(2) .news_list{
    padding-top: 0;
}
.f_news_list .currency_title2 h4{
    text-indent: 48px;
    position: relative;
}
.f_news_list .currency_title2 h4:after{
    display: block;
    content: "";
    width: 25px;
    height: 4px;
    background-color: #b7d8e1;
    position: absolute;
    top: 24px;
    left: 0;
}
.news_list{
    padding-top: 40px;
}
.about_contactT .left{
    position: relative;
}
.about_contactT .left .item{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
}
.about_contactT .left .item span{
    display: block;
    width: 22px;
    height: 22px;
    background-color: #333;
    opacity: .8;
    border-radius: 50%;
    margin-bottom: 5px;
}
.about_contactT .left .item p{
    margin: 0;
    line-height: 1.1;
}
/* .about_contactT .left .item:hover{
    color: #ff3232;
}
.about_contactT .left .item:hover span{
    background-color: #ff3232;
} */
.about_contactT .left .it1{
    top: 36%;
    right: 21%;
}
.about_contactT .left .it2{
    top: 20%;
    right: 32%;
}
.about_contactT .left .it3{
    top: 27%;
    left: 38%;
}
.about_contactT .left .it4{
    top: 33%;
    left: 8%;
}
.about_contactT .left .it5{
    top: 45%;
    right: 27%;
}
.about_contactT .left .it6{
    top: 48%;
    right: 18%;
}
.about_contactT .left .on{
    color: #ff3232;
}
.about_contactT .left .on span{
    background-color: #ff3232;
}
.about_contactT .left {
    height: 400px;
}
.f-about_contact .about_contactT{
    margin-bottom: 80px;
}
.about_contactT .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.f-about-contactT_tit{
    width: 100%;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
	font-family: "HELVETICANEUELTCOM-BD";
}
.aboutbanner-section1{
	padding-top: 80px;
	margin-bottom: 90px;
}
.aboutbanner-section1 .img{
	width: 100%;
	padding: 60px 130px;
	background-color: #F5F5F5;
}
.aboutbanner-section2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.aboutbanner-section2 .lt{
	width: 45%;
}
.aboutbanner-section2 .lt h3{
	font-size: 36px;
	font-weight: bold;
	line-height: 60px;
	height: 111px;
	margin-bottom: 25px;
}
.aboutbanner-section2 .lt span{
	display: block;
	width: 40px;
	height: 2px;
	background-color: #85b2c5;
	margin-bottom: 25px;
}
.aboutbanner-section2 .lt p{
	font-size: 16px;
	color: #666;
}
.aboutbanner-section2 .gt{
	width: 50%;
}
.aboutbanner-section2 .gt a{
	display: block;
	width: 100%;
	font-size: 18px;
	color: #666;
	margin-bottom: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.aboutbanner-section2 .gt a:hover{
	color: #85b2c5;
}
@media (min-width: 1550px) {
    .about_contactT .left .it1 {
        top: 33%;
        right: 25%;
    }
    .about_contactT .left .it3 {
        top: 30%;
        left: 41%;
    }
    .about_contactT .left .it4 {
        top: 34%;
        left: 17%;
    }
    .about_contactT .left .it5 {
        top: 45%;
        right: 31%;
    }
    .about_contactT .left .it6 {
        top: 47%;
        right: 23%;
    }
}
@media (max-width: 1199px) {
    .about_contactT .left .it1 {
        top: 33%;
        right: 25%;
    }
    .about_contactT .left .it3 {
        top: 30%;
        left: 41%;
    }
    .about_contactT .left .it4 {
        top: 34%;
        left: 15%;
    }
    .about_contactT .left .it5 {
        top: 45%;
        right: 31%;
    }
    .about_contactT .left .it6 {
        top: 47%;
        right: 23%;
    }
		.aboutbanner-section1 .img{
			padding: 50px 110px;
		}
}
@media (max-width: 1000px) {
    .f_news_list .currency_title2 .more {
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .f_news_list .currency_title2 .more {
        /* margin-top: 2%; */
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .f_news_list .currency_title2 h4:after {
        top: 20px;
    }
    .about_contactT .left,.about_contactT .right .text{
        height: 313px;
    }
}

@media (max-width: 1366px) {
    .fang .img{
        width: 45%;
    }
}
@media (max-width: 1024px) {
    .fang .img{
        width: 55%;
    }
		.aboutbanner-section1 .img{
			padding: 40px 60px;
		}
}
@media (max-width: 969px) {
    .fang .img{
        width: 65%;
    }
    .f_news_list .currency_title2 h4{
        width: 100%;
        margin-bottom: 15px;
    }
    .f_news_list .currency_title2 .more{
        float: left;
    }
    .pro_content{
        min-height: auto;
    }
}
@media (max-width: 768px) {
    .fang .img{
        width: 90%;
        padding: 10px;
    }
    .f_w1460{
        padding-top: 40px;
    }
    .f_news_list .currency_title2 h4:after{
        top: 18px;
    }
    .f-about_contact{
        margin-bottom: 40px;
    }
    .about_contactT .left .item{
        font-size: 13px;
    }
    .about_contactT .left .item span{
        width: 12px;
        height: 12px;
    }
    .about_contactT .left,.about_contactT .right .text{
        height: 368px;
    }
		.aboutbanner-section1{
			padding-top: 40px;
			margin-bottom:45px;
		}
		.aboutbanner-section1 .img{
			padding: 10px 15px;
		}
		.aboutbanner-section2 .lt{
			width: 100%;
			margin-bottom: 20px;
		}
		.aboutbanner-section2 .lt h3{
			font-size: 30px;
			height: auto;
			line-height: 40px;
		}
		.aboutbanner-section2 .gt{
			width: 100%;
        }
        .h_news_box{
            margin-top: 25px;
        }
}

@media (max-width: 640px) {
    .f_news_list .currency_title2 h4 {
        text-indent: 38px;
    }
    .f_news_list .currency_title2 h4:after{
        top: 14px;
        width: 20px;
        height: 2px;
    }
    .f-about-contactT_tit{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .about_contactT .left{
        height: auto;
    }
    .about_contactT .left img{
        width: 100%;
        height: auto;
    }
}
.fang{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
}
.fang .bag{
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0; 
}
.fang .img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 20px;
    background-color: #fff;
}

.fang .img img{
    width: 100%;
    height: auto;
}

.f_news_list .currency_title2 .more{
    display: block;
    text-align: center;
    width: 240px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: url(../images/more_bg3.png) 0 0 no-repeat;
    font-size: 18px;
    background-size: contain;
    font-weight: 500;
    margin: 0;
}
.f_w1460{
    padding-top: 80px;
}
.f_w1460 .news_list:first-child{
    margin-bottom: 0;
}
.f_w1460:nth-child(2){
    padding-top: 0;
}
.f_w1460:nth-child(2) .news_list{
    padding-top: 0;
}
.f_news_list .currency_title2 h4{
    text-indent: 48px;
    position: relative;
}
.f_news_list .currency_title2 h4:after{
    display: block;
    content: "";
    width: 25px;
    height: 4px;
    background-color: #b7d8e1;
    position: absolute;
    top: 24px;
    left: 0;
}
.news_list{
    padding-top: 40px;
}
.about_contactT .left{
    position: relative;
}
.about_contactT .left .item{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
}
.about_contactT .left .item span{
    display: block;
    width: 22px;
    height: 22px;
    background-color: #333;
    opacity: .8;
    border-radius: 50%;
    margin-bottom: 5px;
}
.about_contactT .left .item p{
    margin: 0;
    line-height: 1.1;
}
/* .about_contactT .left .item:hover{
    color: #ff3232;
}
.about_contactT .left .item:hover span{
    background-color: #ff3232;
} */
.about_contactT .left .it1{
    top: 36%;
    right: 21%;
}
.about_contactT .left .it2{
    top: 20%;
    right: 32%;
}
.about_contactT .left .it3{
    top: 27%;
    left: 38%;
}
.about_contactT .left .it4{
    top: 33%;
    left: 8%;
}
.about_contactT .left .it5{
    top: 45%;
    right: 27%;
}
.about_contactT .left .it6{
    top: 48%;
    right: 18%;
}
.about_contactT .left .on{
    color: #ff3232;
}
.about_contactT .left .on span{
    background-color: #ff3232;
}
.about_contactT .left {
    height: 400px;
}
.f-about_contact .about_contactT{
    margin-bottom: 80px;
}
.about_contactT .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.f-about-contactT_tit{
    width: 100%;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}
.aboutbanner-section1{
	padding-top: 80px;
	margin-bottom: 90px;
}
.aboutbanner-section1 .img{
	width: 100%;
	padding: 60px 130px;
	background-color: #F5F5F5;
}
.aboutbanner-section1 .img img{
	width: 100%;
}
.aboutbanner-section2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.aboutbanner-section2 .lt{
	width: 45%;
}
.aboutbanner-section2 .lt h3{
	font-size: 36px;
	font-weight: bold;
	line-height: 60px;
	height: 111px;
	margin-bottom: 25px;
}
.aboutbanner-section2 .lt span{
	display: block;
	width: 40px;
	height: 2px;
	background-color: #85b2c5;
	margin-bottom: 25px;
}
.aboutbanner-section2 .lt p{
	font-size: 16px;
	color: #666;
}
.aboutbanner-section2 .gt{
	width: 50%;
}
.aboutbanner-section2 .gt a{
	display: block;
	width: 100%;
	font-size: 18px;
	color: #666;
	margin-bottom: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.aboutbanner-section2 .gt a:hover{
	color: #85b2c5;
}
@media (min-width: 1550px) {
    .about_contactT .left .it1 {
        top: 33%;
        right: 25%;
    }
    .about_contactT .left .it3 {
        top: 30%;
        left: 41%;
    }
    .about_contactT .left .it4 {
        top: 34%;
        left: 17%;
    }
    .about_contactT .left .it5 {
        top: 45%;
        right: 31%;
    }
    .about_contactT .left .it6 {
        top: 47%;
        right: 23%;
    }
}
@media (max-width: 1199px) {
    .about_contactT .left .it1 {
        top: 33%;
        right: 25%;
    }
    .about_contactT .left .it3 {
        top: 30%;
        left: 41%;
    }
    .about_contactT .left .it4 {
        top: 34%;
        left: 15%;
    }
    .about_contactT .left .it5 {
        top: 45%;
        right: 31%;
    }
    .about_contactT .left .it6 {
        top: 47%;
        right: 23%;
    }
		.aboutbanner-section1 .img{
			padding: 50px 110px;
		}
}
@media (max-width: 1000px) {
    .f_news_list .currency_title2 .more {
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .f_news_list .currency_title2 .more {
        /* margin-top: 2%; */
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .f_news_list .currency_title2 h4:after {
        top: 20px;
    }
    .about_contactT .left,.about_contactT .right .text{
        height: 313px;
    }
}

@media (max-width: 1366px) {
    .fang .img{
        width: 45%;
    }
}
@media (max-width: 1024px) {
    .fang .img{
        width: 55%;
    }
		.aboutbanner-section1 .img{
			padding: 40px 60px;
		}
}
@media (max-width: 969px) {
    .fang .img{
        width: 65%;
    }
    .f_news_list .currency_title2 h4{
        width: 100%;
        margin-bottom: 15px;
    }
    .f_news_list .currency_title2 .more{
        float: left;
    }
}
@media (max-width: 768px) {
    .fang .img{
        width: 90%;
        padding: 10px;
    }
    .f_w1460{
        padding-top: 40px;
    }
    .f_news_list .currency_title2 h4:after{
        top: 18px;
    }
    .f-about_contact{
        margin-bottom: 40px;
    }
    .about_contactT .left .item{
        font-size: 13px;
    }
    .about_contactT .left .item span{
        width: 12px;
        height: 12px;
    }
    .about_contactT .left,.about_contactT .right .text{
        height: 368px;
    }
		.aboutbanner-section1{
			padding-top: 40px;
			margin-bottom:45px;
		}
		.aboutbanner-section1 .img{
			padding: 10px 15px;
		}
		.aboutbanner-section2 .lt{
			width: 100%;
			margin-bottom: 20px;
		}
		.aboutbanner-section2 .lt h3{
			font-size: 30px;
			height: auto;
			line-height: 40px;
		}
		.aboutbanner-section2 .gt{
			width: 100%;
		}
}

@media (max-width: 640px) {
    .f_news_list .currency_title2 h4 {
        text-indent: 38px;
    }
    .f_news_list .currency_title2 h4:after{
        top: 14px;
        width: 20px;
        height: 2px;
    }
    .f-about-contactT_tit{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .about_contactT .left{
        height: auto;
    }
    .about_contactT .left img{
        width: 100%;
        height: auto;
    }
}
.f-search form{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f-search form a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 42px;
    background: url(../images/search_btn.png) 0 0 no-repeat;
    background-size: 100% 100%;
    outline: none;
    border: none;
}
.f-search form a img{
    width: 20px;
}
.f-fenxinag{
    position: relative;
    z-index: 555;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-fenxinag .fenhover1{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    display: none;
    background-color: #fff;
}
.f-fenxinag .fenhover1 a{
    display: block;
    color: #666;
    font-size: 16px;
    padding: 5px 0;
    text-align: left;
    padding-left: 20px;
}
.f-fenxinag .fenhover1 a:nth-child(2) i img{
    width: 20px;
}
.f-fenxinag2 .fenhover1 a:nth-child(2) i img{
    width: 18px;
}
.f-fenxinag:hover .fenhover1{
    display: block;
}
.f-fenxinag2 .fenhover1{
    width: 200%;
}
.f-fenxinag2 .fenhover1 a i{
    width: 20px!important;
    height: auto!important;
    display: block;
}
.f-fenxinag2 .fenhover1 a i img{
    width: 100%;
    float: left;
}
.f-fenxinag2 .fenhover1 a:nth-child(2) i{
    width: 18px;
}
.f-fenxinag2 .fenhover1 a{
    display: block!important;
}
.f-fenxinag .fenhover1 a i{
    margin-right: 10px;
    display: inline-block!important;
}
.f-fenxinag .fenhover1 a i img{
    width: 24px;
    height: auto!important;
}
.f-fenxinag .fenhover1 a:hover{
    background-color: #86b2c6;
    color: #fff;
}
.f-fenxinag .fenhover1 a:hover i{
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
.rightfixed{
    position: fixed;
    right: 40px;
    top: 63%;
    z-index: 998;
    display: none;
}
.rightfixed .item{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #86b2c6;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.rightfixed .item img{
    width: 30px;
    height: auto;
}
.alerclick{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
}
.altbag{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
}
.alerclick .vide{
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    height: 40%;
}
.alerclick .vide video{
    width: 100%;
}
.alerclick .cax{
    width: 27px;
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
.alerclick .cax img{
    width: 100%;
}
.f-banner1:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	z-index:1;
	opacity:.4;
	width:100%;
	height:100%;
}
.f-banner1{
	height: 670px!important;
}
@media (max-width:1199px) {
	.f-banner1{
		height: 430px!important;
	}
}
@media (max-width:991) {
    .alerclick .vide{
        width: 70%;
    }
    .f-banner1{
		height: 330px!important;
	}
}
@media (max-width:767px) {
    .rightfixed{
        /* display: none!important; */
        right: 8px;
    }
    .rightfixed .item{
        width: 40px;
        height: 40px;
        margin-bottom: 15px;
    }
    .rightfixed .item img{
        width: 22px;
    }
    .alerclick .vide{
        width: 80%;
    }
    .about_list ul li .text .txt{
        max-height: none;
    }
	.f-banner1{
		height: 230px!important;
	}
}
.about_addList ul li .text p{margin: 10px 0;line-height:1.2;}   
.menorabilia .tab_time .title p{
    margin: 0;
}
.footer_top .footer_search a{background-position:center;}

@media (min-width:1921px) {
    .about_honorList ul li .pic{
	    padding-bottom: 51%;
}
}
@media (min-width: 2000px) {
    .about_team .box .pic{
        padding-bottom: 590px;
    }
    .about_team .box .text{
        padding: 14% 0;
    }
    .about_culture .box2 .left {
        padding-right: 5%;
    }
    .about_culture .box2 .left .pic img{
        width: 100%;
    }
    .about_culture .box .right{
        padding-left: 5%;
    }
    .about_culture .box .right .pic img{
        width: 100%;
    }
    .footer_top .footer_search input{
        font-size: 18px;
    }
	.f-banner1{
		height: 770px;
	}
}
.f-banner {
    background: #999;
}
.float{
	position: fixed;
	bottom: 0;
	z-index: 999;
	right: 0;
	width: 100%;
	padding: 10px 15px;
	background: #86b2c6;
	display: flex;
	justify-content: space-between;
	display: none;
	align-items: center;
	flex-wrap: wrap;
}
.float p{
	font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    margin-right: 160px;
    text-align: left;
    color: #fff;
    margin-bottom: -39px;
    min-height: 32px;
}
.float a{
	color: #fff;
}
.float .cta {
    background-color: transparent;
    border-radius: 5px;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 18px;
    line-height: 37px;
    min-height: 37px;
    min-width: 83px;
    overflow: hidden;
    padding: 0 26px;
    text-align: center;
}
.f-service_saleList{
	width: 100%;
	padding: 100px 0;
}
.f-service_saleList .list li a{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	color: #666;
}
.f-service_saleList .news_pageW{
	width: 100%;
	margin-top: 30px;
}
.f-service_saleList .news_pageW .news_page >div{
	display: flex;
	flex-wrap: wrap;
}
.f-service_saleList .news_pageW .news_page span,.f-service_saleList .news_pageW .news_page a{
padding: 8px;
    display: block;
    width: 36px;
    margin: 0 5px;
    text-align: center;
}
.f-service_saleList .news_pageW .news_page .current{
	background: #85b2c5;
	border-radius: 50%;
	color: #fff;
}
.f-service_saleList .news_pageW .news_page .next,.f-service_saleList .news_pageW .news_page .prev{
	border-radius: 50%;
	border: 1px solid #666;
}
.f-service_saleList .list li a:hover{
	color: #85b2c5;
}
.f-list{
	width: 100%;
	padding: 20px 0;
	background: #333;

}
.f-list a{
	color: #fff;
	display: block;
}
.f-list .cont{
	color: #fff;
	display: flex;
}
.f-list span{
	color: #fff;
	display: block;
	margin: 0 10px;
}
.about-pat{
    width: 100%;
    padding-top: 100px;
    position: relative;
    margin-bottom: 100px;
}
.about-pat-tit{
    text-align: center;
    margin-bottom: 64px;
}
.about-pat-tit strong{
    font-size: 36px;
    font-weight: bold;
}
.about-pat-tit p{
    display: block;
    font-size: 18px;
    color: #666;
    margin-top: 30px;
}
.about-pat-cont {
    width: 100%;
}
.about-pat-cont .item{
    position: relative;
    /* background-color: #f5f5f5; */
    padding:30px 0 130px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.about-pat-cont .item .img{
    position: relative;
    padding-bottom: 71%;
    z-index: 2;
    width: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-pat-cont .item .img img{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    object-fit: contain;
}
.about-pat-cont .item .font{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    width: 100%;
    font-size: 16px;
    padding: 13px 40px;
    background-color: rgba(0,0,0,.5);
}
.about-pat-cont .item .font p{
	height: 44px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.about-cer .about-cer-next1:after,.about-cer .about-cer-prev1:after,.about-pat .about-next1:after,.about-pat .about-prev1:after{
    display: none;
}
.about-cer .about-cer-prev1,.about-pat .about-prev1{
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.about-cer .about-cer-next1,.about-pat .about-next1{
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.about-cer .about-cer-next1,.about-pat .about-next1{
    width: 66px;
    height: 66px;
    position: absolute;
    right: 0;
    top: 60%;
    background: url(../images/time_r.png) 0 0 no-repeat;
    background-size: contain;
    z-index: 9;
} 
.about-cer .about-cer-prev1,.about-pat .about-prev1{
    width: 66px;
    height: 66px;
    position: absolute;
    left: 0;
    top: 60%;
    background: url(../images/time_l.png) 0 0 no-repeat;
    background-size: contain;
    z-index: 9;
}
.about-cer .about-cer-prev1:hover,.about-pat .about-prev1:hover{
    background: url(../images/time_l2.png) 0 0 no-repeat;
    background-size: contain;
}
.about-cer .about-cer-next1:hover,.about-pat .about-next1:hover{
    background: url(../images/time_r2.png) 0 0 no-repeat;
    background-size: contain;
}
.about-pat-cont .item:hover .img img{
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.about-pat-cont .item:hover .font{
    background-color: #86b2c6;
}
.about-cer{
    position: relative;
}
.about-cer-cont{
    width: 100%;
}
.about-cer-cont .item{
    width: 100%;
    cursor: pointer;
}
.about-cer-cont .item .tu{
    background-color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 47px 0;
}
.about-cer-cont .item .tu .img{
    position: relative;
    padding-bottom: 66%;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.about-cer-cont .item .tu .img img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    object-fit: contain;
    right: 0;
    margin: 0 auto;
}
.about-cer-cont .item .font{
    width: 100%;
    text-align: center;
    font-size: 18px;
}
.about-cer-cont .item:hover .tu .img img{
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}
.search-section1{
    background-color: #f5f5f5;
    padding: 100px 0;
    margin-bottom: 100px;
}
.search-section1 .check{
    margin-bottom: 0;
}
.search-section1 .check .form{
    margin: 0;
    width: 87%;
}
.search-section1 .check .form form{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.search-section2{
    padding-bottom: 154px;
}
.search-tit{
    margin-bottom: 60px;
}
.search-tit a{
    display: inline-block;
    margin-right: 65px;
    font-size: 18px;
    color: #999;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
	font-family: "HELVETICANEUELTCOM-BD";
}
.search-tit a:hover{
    color: #333;
    border-bottom: 2px solid #86b2c6;
}
.search-tit a.on{
    color: #333;
    border-bottom: 2px solid #86b2c6;
}
.search-cont{
    overflow: hidden;
}
.search-cont .proCon_list{
    float: none;
    width: 89.5%;
}
.search-cont .proCon_list .list2{
    margin-top: 0;
    border-top: none;
}
.search-cont .proCon_list .list2 ul li{
    margin-top: 0;
    margin-bottom: 30px;
    width: 22.33%;
}
.search-cont .proCon_list{
    margin-top: 0;
}
.f_alert{
    padding: 170px 0 135px;
}
.f_alert .font{
    text-align: center;
}
.f_alert .font strong{
    font-size: 60px;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
}
.f_alert .font span{
    display: block;
    font-size: 24px;
    color: #666;
}
.f_but{
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 42px;
    border-radius: 3px;
    color: #fff;
    background-color: #86b2c6;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    margin-top: 50px;
    display: block;
}
.f_but:hover{
    color: #fff;
}
.f_but i{
    font-style: normal;
}
.f_check{
	
	width: 100%;
	display: flex;
    justify-content: center;
}
.f_check_parents{
    padding-bottom: 160px;
}
.f_check table{
	width: 50%;
}
.f_check table th{
	color: #fff;
	font-family: "HELVETICANEUELTCOM-BD";
}
.f_check table th,.f_check table tr,.f_check table td{
	padding: 8px;
	font-size: 16px;
	text-align: center;
}
.f_check table td{
	/* border:1px solid #ddd; */
}
.f_check table thead{
	background: #85b2c5;
}

.f_liu{
	width: 100%;
	display: flex;
	height: 694px;
	flex-wrap: wrap;
	margin-bottom: 100px;
	margin-top: 100px;
	align-items: center;
}
.f_liu .lt{
	width: 76%;
	background-color: #e3e8ec;
	padding: 65px 0;
	height: 100%;
}
.f_liu-cont{
	width: 100%;
	height: 100%;
}
.f_liu-cont .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.f_liu .lt img{
		max-width: 100%;
}
.f_liu .lt  .img{
	position: relative;
	padding-bottom: 39%;
	overflow: hidden;
	width: 100%;
}
.f_liu .lt .img img {
	position: absolute;
	top: 0;
	float: left;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.f_liu .gt{
	width: 24%;
	background-color: #f3f7f9;
	height: 100%;
	display: flex;
	align-items: center;
}
.f_pagin{
	position: relative;
}
.f_liu .gt .font {
	width: 100%;
}
.f_liu .gt .font .tit{
	width: 100%;
	font-weight: bold;
	font-size: 60px;
	line-height: 1;
	margin-bottom: 20px;
}
.f_liu .gt .font .tit,.f_liu-nav a,.f_pagin{
	padding-left: 10%;
}
.f_liu-nav{
	height: 260px;
	margin-bottom: 64px;
	width: calc(100% + 10px);
	margin-left: -10px!important;
}
.f_liu-nav a{
	display: flex;
	align-items: center;
	width: calc(100% - 10px);
	height: 68px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-left: 10px;
	margin-bottom: 12px;
}
.f_liu-nav a:after{
	content: "";
	display: block;
	position: absolute;
	left: -10px;
	top: 50%;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #e3e8ec;
	opacity: 0;
}
.f_liu-nav .on a{
	background-color: #86b2c6;
	color: #fff;
}
.f_liu-nav .on a:after{
	border-right: 10px solid #86b2c6;
	opacity: 1;
}
.f_pagin{
	position: relative;
	display: flex;
}
.f_pagin .f_liu-prev:after,.f_pagin .f_liu-next:after{
	display: none;
}
.f_pagin .f_liu-prev,.f_pagin .f_liu-next{
	display: block;
	width: 65px;
	height: 65px;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	position: relative;
	left: 0;
	right: 0;
	outline: none;
}
.f_pagin .f_liu-prev{
	background: #fff url(../images/shang1.png) no-repeat center;
	background-size: 16px 10px;
	margin-right: 20px;
}
.f_pagin .f_liu-prev:hover{
	border-color: #86b2c6;
	background: #86b2c6 url(../images/shang1-1.png) no-repeat center;
	background-size: 16px 10px;
}
.f_pagin .f_liu-next{
	background: #fff url(../images/xia1.png) no-repeat center;
	background-size: 16px 10px;
}
.f_pagin .f_liu-next:hover{
	border-color: #86b2c6;
	background: #86b2c6 url(../images/xia1-1.png) no-repeat center;
	background-size: 16px 10px;
}
.f_cheng{
	padding-bottom: 60px;
}
.f_cheng-tit{
	width: 100%;
	margin-bottom: 56px;
	text-align: center;
}
.f_cheng-tit strong{
	font-weight: bold;
	font-size: 60px;
}
.f_zhong{
	display: flex;
	justify-content: center;
}
.f_cheng1{
	margin-top: 100px;
}
.f_cheng-nav{
	padding-bottom: 10px!important;
	margin-bottom: 40px;
}
.f_cheng-nav a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 68px;
	font-size: 18px;
	position: relative;
}
.f_cheng-nav a:after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #fff;
	opacity: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -10px;
}
.f_cheng-nav .on a{
	background-color: #86b2c6;
	color: #fff;
}
.f_cheng-nav .on a:after{
	border-top-color: #86b2c6;
	opacity: 1;
}
.f_jut{
	position: relative;
	background-color: #e3e8ec;
	padding: 30px;
}
.f_jut img{
	max-width: 100%;
}
.f_jut .swiper-slide{
	display: flex;
	align-items: center;
}
.f_jut .img{
	position: relative;
	padding-bottom: 50%;
	width: 100%;
}
.f_jut .img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.f_jut .f_cheng-prev1:after,.f_jut .f_cheng-next1:after{
	display: none;
}
.f_jut .f_cheng-prev1,.f_jut .f_cheng-next1{
	width: 66px;
	height: 66px;
	border-radius: 50%;
	outline: none;
}
.f_jut .f_cheng-prev1{
	background: url(../images/time_l.png) no-repeat center;
	background-size: 100% 100%;
	left: -33px;
}
.f_jut .f_cheng-prev1:hover{
	background: url(../images/time_l2.png) no-repeat center;
	background-size: 100% 100%;
}
.f_jut .f_cheng-next1{
	background: url(../images/time_r.png) no-repeat center;
	background-size: 100% 100%;
	right: -33px;
}
.f_jut .f_cheng-next1:hover{
	background: url(../images/time_r2.png) no-repeat center;
	background-size: 100% 100%;
}

.f_banner1 .font .w1460{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.f_cler {
	width: 50%;
	margin: 0;
}
.f_cler  .right .text{
	background-color: #86b2c6;
}
.f_cler .right .title{
	color: #fff;
}
.f_cler .right i{
	background-color: #fff;
	opacity: .5;
}
.f_cler .right{
	width: 100%;
}
.f_cler .right .text{
	color: #fff;
	height: auto;
	position: relative;
}
.f_cler .about_contact-prev:after,.f_cler .about_contact-next:after{
	display: none;
}
.f_cler .about_contact-prev,.f_cler .about_contact-next{
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.f_cler .about_contact-prev{
	left: -22.5px;
	background: #fff url(../images/news_arrowL.png) no-repeat center;
	background-size: 10px 16px;
}
.f_cler .about_contact-next{
	right: -22.5px;
	background: #fff url(../images/news_arrowR.png) no-repeat center;
	background-size: 10px 16px;
}
.f_tu{
	width: 100%;
	padding-top: 100px;
}
.f_tuzhong{
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.f_tuzhong .lt{
	width: 70%;
	position: relative;
}
.f_tuzhong .lt a{
	display: block;
	position: absolute;
}
/* 欧洲 */
.f_tuzhong .lt .tu1{
	width: 46%;
	height: 34%;
	top: 4%;
	left: 6%;
}
/* 非洲 */
.f_tuzhong .lt .tu2{
	width: 22%;
	height: 37%;
	top: 44%;
	left: 1%;
}
/* 中国 */
.f_tuzhong .lt .tu3{
	width: 31%;
	height: 30%;
	top: 42%;
	left: 23%;
}
/* 美洲 */
.f_tuzhong .lt .tu4{
	width: 30%;
	height: 100%;
	top: 0;
	left: 70%;
}
.f_tuzhong .gt{
	width: 23%;
	height: 100%;
	display: flex;
	align-items: center;
}
.f_tu-cont{
	width: 100%;
}
.f_tu-cont a{
	display: flex;
	align-items: center;
	height: 88px;
	background: url(../images/fbut1.png) no-repeat center;
	background-size: 100% 100%;
	margin-bottom: 27px;
	font-size: 24px;
	padding-left: 15%;
}
.f_tu-cont a i{
	display: block;
	width: 40px;
	margin-right: 25px;
}
.f_tu-cont a i img{
	width: 100%;
}
.f_tu-cont a i img:nth-child(2){
	display: none;
}
.f_tu-cont .on a i img:nth-child(2){
	display: block;
}
.f_tu-cont .on a i img:nth-child(1){
	display: none;
}
.f_tu-cont .on a{
	color: #fff;
	background: url(../images/fbut1-1.png) no-repeat center;
	background-size: 100% 100%;
}
@media (max-width: 1440px) {
	.f_liu{
		height: 560px;
	}
    .search-section2{
        padding-bottom: 100px;
    }
    .f_alert{
        padding: 150px 0 115px;
    }
    .f_alert .font strong{
        font-size: 50px;
    }
    .f_alert .font span{
        font-size: 22px;
    }
}
@media (max-width:1199px) {
	.f_check_parents{
		padding-bottom: 140px;
	}
	.f_liu .gt .font .tit{
		font-size: 50px;
		margin-bottom: 15px;
	}
	..f_cheng-tit strong{
		font-size: 50px;
	}
	.f_liu-nav{
		margin-bottom: 45px;
	}
	.f_liu-nav a{
		height: 56px;
	}
	.f_cheng-nav a{
		height: 56px;
	}
	.f_liu{
		height: 460px;
	}
    .f_alert{
        padding: 130px 0 95px;
    }
    .search-tit{
        margin-bottom: 30px;
    }
    .search-section2{
        padding-bottom: 80px;
    }
    .about-cer-cont .item .tu{
        padding: 30px 0;
    }
    .search-section1{
        padding: 80px 0;
        margin-bottom: 80px;
    }
    .about-pat{
        padding-top: 80px;
        margin-bottom: 80px;
    }
    .about-pat-tit strong{
        font-size: 30px;
    }
    .about-pat-tit p{
        margin-top: 26px;
    }
    .about-pat-tit{
        margin-bottom: 50px;
    }
    .about-pat-cont .item{
        padding-top: 50px;
    }
    .about-cer .about-cer-next1,.about-cer .about-cer-prev1,.about-pat .about-prev1,.about-pat .about-next1{
        display: none;
    }
    .about-pat-cont .item .font{
        padding: 13px 30px; 
    }
    .about-cer-cont .item .font{
        font-size: 16px;
    }
    .search-tit a{
        font-size: 16px;
        margin-right: 32px;
        margin-bottom: 20px;
    }
    .f_alert .font strong{
        font-size: 40px;
        margin-bottom: 25px;
    }
    .f_alert .font span{
        font-size: 20px;
    }
    .f_but{
        margin-top: 40px;
    }
}
@media (max-width: 991px) {
	.f_tu .f-about-contactT_tit{
		 margin-bottom: 30px;
	}
	.f_cler .about_contact-prev,.f_cler .about_contact-next{
		width: 30px;
		height: 30px;
	}
	.f_cler .about_contact-prev{
		left: -15px;
	}
	.f_tu-cont a{
		font-size: 18px;
		height: 58px;
	}
	.f_cheng1{
		margin-top:60px;
	}
	.f_tu-cont a i{
		width: 25px;
		margin-right: 15px;
	}
	.f_cler .about_contact-next{
		right: -15px;
	}
	.f_cheng{
		padding-bottom: 20px;
	}
	.f_tu{
		padding-top: 60px;
	}
	.f_jut .f_cheng-prev1,.f_jut .f_cheng-next1{
		display: none;
	}
	.f_banner1 .tit{
		display: none;
	}
	.f_banner1{
		height: 530px!important;
	}
	.f_cler {
		width: 100%;
	}
	.f_liu{
		margin-bottom: 60px;
		margin-top: 60px;
		height: auto;
	}
	.f_liu .gt{
		padding: 30px 0 20px;
	}
	.f_liu .gt .font .tit, .f_liu-nav a, .f_pagin{
		padding: 0 15px;
	}
	.f_pagin{
		display: none;
	}
	.f_liu-nav{
		margin: 0;
		height: auto;
	}
	.f_cheng-nav a{
		font-size: 16px;
	}
	.f_liu .lt .img{
		padding-bottom: 53%;
	}
	.f_liu .gt .font .tit{
		font-size: 30px;
	}
	.f_cheng-tit strong{
		font-size: 30px;
	}
	.f_liu-nav a{
		font-size: 16px;
	}
	.f_liu .lt{
		width: 100%;
		order: 1;
	}
	.f_liu .gt{
		order: 0;
		width: 100%;
	}
	.f_tuzhong .lt{
		order: 1;
		width: 100%;
	}
	.f_tuzhong .gt{
		width: 100%;
		order: 0;
	}
    .search-cont .proCon_list .list2 ul li{
        width: 33.1%;
    }
	.f_check_parents{
		padding-bottom: 100px;
	}
    .f_alert{
        padding: 100px 0 85px;
    }
    .search-section2{
        padding-bottom: 60px;
    }
	.f-service_saleList{
		width: 100%;
		padding: 60px 0;
    }
    .search-section1{
        padding: 60px 0;
        margin-bottom: 60px;
    }
    .about-pat{
        padding-top: 60px;
        margin-bottom: 60px;
    }
    .about-pat-tit strong{
        font-size: 28px;
    }
    .about-pat-tit p{
        margin-top: 20px;
    }
    .about-pat-tit{
        margin-bottom: 40px;
    }
    .about-pat-cont .item .font{
        padding: 10px 25px; 
    }
    .f_alert .font strong{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .f_alert .font span{
        font-size: 18px;
    }
    .f_but{
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        margin-top: 30px;
    }
}
@media (max-width:767px) {
	.f_tu .f-about-contactT_tit{
		 margin-bottom: 20px;
	}
	.f_cheng1{
		margin-top: 40px;
	}
	.f_cler .about_contact-prev,.f_cler .about_contact-next{
		display: none;
	}
	.f_tu{
		padding-top: 40px;
	}
	.f_liu{
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.f_cheng-nav a{
		font-size: 14px;
	}
	.f_jut .img{
		padding-bottom: 60%;
	}
    .search-cont .proCon_list .list2 ul li{
        width: 48%;
    }
	.f_check_parents{
		padding-bottom: 60px;
	}
	.f_check table{
		width: 100%;
	}
    .f_alert{
        padding: 50px 0 40px;
    }
    .search-cont .proCon_list{
        width: 100%;
    }
    .search-cont .proCon_list .list2 ul li{
        margin-bottom: 20px;
    }
    .search-tit{
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
    .search-section2{
        padding-bottom: 40px;
    }
    .search-section1 .check .form{
        width: 100%;
    }
    .about-pat{
        padding-top: 40px;
        margin-bottom: 40px;
    }
    .search-section1{
        padding: 40px 0;
        margin-bottom: 40px;
    }
	.float{
		padding: 15px 15px;
	}
	.f-service_saleList{
		width: 100%;
		padding: 35px 0;
	}
	.float p{
		width: 100%;
		margin-top: 0;
		float: left;
	}
	.float .cta{
		margin-top:50px;
		float: left;
	}
	.float{
		justify-content: space-between;
    }
    .about-pat-tit p{
        margin-top: 18px;
    }
    .about-pat-tit{
        margin-bottom: 30px;
    }
    .about-pat-cont .item .font{
        padding: 13px 20px; 
        font-size: 14px;
    }
    .search-tit a{
        font-size: 16px;
        margin-right: 26px;
        margin-bottom: 20px;
    }
    .f_alert .font strong{
        font-size: 26px;
        margin-bottom: 15px;
    }
    .f_alert .font span{
        font-size: 16px;
    }
    .f_but{
        width: 90px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-top: 20px;
    }
	.f_check table th,.f_check table tr,.f_check table td{
		font-size: 12px;
	}
}
@media (max-width: 565px) {
	.f_tu-cont a{
		font-size: 14px;
	}
    .search-cont .proCon_list .list2 ul li{
        width: 100%;
    }
    .about-pat-tit strong{
        font-size: 26px;
    }
    .about-pat-tit p{
        margin-top: 15px;
    }
    .about-pat-cont .item .font{
        padding: 10px 15px; 
    }
    .about-cer-cont .item .font{
        font-size: 14px;
    }
    .search-cont .proCon_list .list2 ul li{
        width: 100%;
    }
    .search-cont .proCon_list .list2 ul{
        width: 100%;
    }
    .search-tit a{
        font-size: 14px;
    }
    .f_alert .font strong{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .f_alert .font span{
        font-size: 16px;
    }
    .f_but{
        margin-top: 15px;
    }
	/* .f_check table{
		width: 70%;
	} */
	.f_check table th, .f_check table tr, .f_check table td{
		padding: 5px;
	}
}
@media (max-width: 376px) {
	.f_liu-nav a{
		font-size: 12px;
	}
	.f_cheng-nav a{
		font-size: 12px;
	}
    .f_check table th, .f_check table tr, .f_check table td{
        padding: 3px;
    }
    .search-tit a{
        margin-right: 15px;
        margin-bottom: 10;
        padding-bottom: 5px;
        font-size: 12px;
    }
    .f_alert{
        padding: 30px 0 25px;
    }
    .f_alert .font strong{
        font-size: 24px;
    }
    .f_alert .font span{
        font-size: 16px;
    }
    .f_but{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}