*{ margin: 0; padding: 0;}
.group{ content: ""; display: table;}
.group:after{ clear: both;}
ul li,ol{list-style-type: none; margin:0; padding:0;}
body,html{ font-size:14px;font-family:  Arial; background-color:#fff;}
button,input{ outline: none;}
h1,h2,h3,h4,p{ margin:0; padding:0;}
a{cursor: pointer; text-decoration:none;}
/************************************************************************index*****************************************************************/
@font-face {
  font-family: 'OpenSansCondensedBold';   /*字体名称*/
  src: url('../font/OpenSans-CondBold.ttf');       /*字体源文件*/
}

.big{ width:1060px; height:auto; background-color:#fff; margin:0 auto;}
.top{ margin: 0 auto; position: relative; padding: 57px 0 20px 0 ; }
.top-son{ position: absolute; top:25px; right:0px;}
.search{ width:177px; height: 23px; border:1px solid #dedede; float: left; padding-top: 5px;}
.search input,button{ border: none; background-color: #fff;}
.search input{ width: 150px;}
.search button{ background: url("../images/btn-saerch.jpg") no-repeat; width: 20px; height: 20px; vertical-align:middle;}
.language { float: left; margin-right: 10px;/* margin-top: 6px;*/ margin-top: 10px;}
.logo{ float: left;}
.nav{ height:40px; float: right; font-size: 15px; color:#175190; line-height: 18px; padding-top: 23px; position:relative; font-family: 'OpenSansCondensedBold';}
.nav>li{ float: left; margin-left:18px;position:relative; padding-bottom:25px;}
.nav>li>a{ color:#175190; display:block; padding-bottom:5px;font-family: 'OpenSansCondensedBold';
text-decoration: none;
text-transform: uppercase;}
.nav>li:hover>a{ border-bottom:2px solid #9B9B9B;}
.nav>li .nav2{ display:none; position:absolute; z-index:9999; width:230px; height:auto; background:rgba(255,255,255,.9); margin-left:-20px; margin-top:15px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
.nav>li:hover .nav2{ display:block; font-size:13px;}
.nav>li .nav2 li{ width:200px; height:31px; margin:0 auto; padding-left:10px; line-height:31px;}
.nav>li .nav2 li:first-child{ margin-top:20px;}
.nav>li .nav2 li a{ color:#54575B;}
.nav>li .nav2 li:hover{ background-color:#5389C3;}
.nav>li .nav2 li:hover a{ color:#fff;}
.banner-warp{ width: 1060px; margin: 0 auto; height: 387px; position: relative; overflow: hidden;}
.banner{ position: absolute; top:0; left:0;}
.banner .banner-font{ position: absolute; z-index: 99;top:222px; left:30px;}
.banner .banner-font a{ display: block; font-size: 25px; color: #fff;}
.banner .banner-font a img{ vertical-align:text-bottom;}
.banner .banner-font a span{ font-size: 50px;}
.banner .banner-font p{ margin-bottom: 10px;}
.banner-btn a{ width: 43px; height: 5px; opacity: 0.4; background-color: #fff; display: block; float: left; margin-right: 3px;}
.banner-btn{position: absolute; bottom: 20px; right:75px;}
.banner-btn a.on{ background-color: #00a4ff; opacity: 2;}
.main{width: 1015px; margin: 0 auto; overflow: hidden;font-size: 14px; color: #6b6b6b;line-height: 23px;min-height:300px;  padding-bottom:125px;}
.main .who{ width: 328px; height:270px; border-bottom: 1px solid #e4e4e4; word-spacing: 1px; float: left; padding-bottom:35px; overflow:hidden; text-overflow:ellipsis;}
.main .who h3{ padding-bottom: 10px; color: #17508f; padding-top: 50px; font-size:16px;}
.main .who .one{ padding-bottom: 20px;}

.main .Business{ float: right; width: 655px; margin-right: 46px;}
.main .Business h3{ padding-bottom: 10px; color: #17508f; padding-top: 50px; font-size:16px;}
.main .Business li{ width: 209px; overflow: hidden; margin-right: 15px; margin-top: 5px; float: left;}
.main .Business ul{width: 680px;}
.main .Business li dt.title{ font-size: 16px; color: #17508f; padding-bottom: 4px; padding-left: 2px;}
.main .Business li dl{ height: 90px; overflow: hidden; padding-left: 2px; box-sizing: border-box; margin-top:10px;}
.main .Business li img{ width:209px; height:172px;}

.main .Testimonial{ width:348px; position:relative;overflow:hidden;height:303px;  float:left;}
.tesul{ width:1044px; height:210px;top:50px; overflow:hidden;position:absolute;left:0px;}
.main .Testimonial h3{ padding-bottom: 10px; color: #17508f; font-size:16px;}
.main .Testimonial ul{ margin-top:10px; float:left;width: 348px; overflow:hidden; height:210px;}
.main .Testimonial ul li{ float:left; width:100px; height:100px; margin-left:10px; overflow:hidden;}
.main .Testimonial .pre{ position:absolute; top:0px; left:270px; cursor:pointer; width:20px; height:20px; border:1px solid #CDCDCD;}
.main .Testimonial .pre img{ margin-top:0px; margin-left:2px;}
.main .Testimonial .next{ position:absolute; top:0px; left:300px;cursor:pointer;width:20px; height:20px;border:1px solid #CDCDCD;}
.main .Testimonial .next img{ margin-top:0px;margin-left:2px;}
.main .main-top{width: 1060px; }
.main .main-bottom{width: 1060px;}
.main .Testimonial img{ margin-top: 20px;}

.main .global{  width:656px; height:310px; margin-right: 46px;}
.main .map{ float: right;}
.main .map h3{padding-bottom: 10px; color: #17508f; font-size:16px;}
.footer-warp{ width: 1040px;margin: 0 auto; border-top:1px solid #dcdcdc;}
.footer{ width: 1017px; margin: 0 auto; padding: 12px 0 15px 0; overflow: hidden;display: flex; justify-content: space-between; }
.footer .left{  float: left; font-size: 14px; color: #5c5b5b;}
.footer .right{ float: right; font-size: 14px; color: #404040;}

/*partner*/
.logo1{ float: left; margin-top:-20px;}
.banners{ width:1060px; height:240px; margin:0 auto; clear:both; position:relative;}
.banners img{ width:1060px; height:240px;}
.con{ width:1015px; height:auto; margin:0 auto; overflow:hidden; margin-top:36px;}
.main-left{ float:left; width:200px; height:auto; font-size:13px;}
.main-left>ul>li{ width:190px; height:23px; background:url(../images/Partner-Dropmenu_221.jpg) no-repeat 6px center; border-bottom:1px solid #CDCDCD;}
.main-left>ul>li>a{ color:#6B6B6B; margin-left:15px; display:block; width:190px;}
.main-left>ul>li:hover{ border:1px solid #638CAE; border-right:none; background:url(../images/Aboutus-WhoWeAre_07.png) no-repeat 6px center;background-color:#C7D4DE; }
.main-left>ul>li:hover>a{ color:#00457E; font-weight:bold;}
.main-left>ul .select{border:1px solid #CDCDCD; border-right:none; background:url(../images/Aboutus-WhoWeAre_07.png) no-repeat 6px center; }
.main-left>ul .select>a{ color:#00457E; font-weight:bold;}
.main-right{ float:right; height:auto; width:797px;}
.main-partner ul li{ float:left; width:186px; height:104px; border:1px solid #DEDEDE; margin-left:10px; margin-top:10px;}
.main-partner ul li img{ width:162px; height:70px; margin-top:15px; margin-left:10px;}



.main-right .list{
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.main-right .list .pic{
    float: left;
    width: 184px;
    height: 104px;
    border: 1px solid #dedede;
    padding: 1px;
    overflow: hidden;
}
.main-right .list .pic img{
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}
.main-right .list .pic img:hover{
    transform: scale(1.2,1.2);
}
.main-right .list .text{
    float: left;
    margin-left: 15px;
    width: 594px;
}
.main-right .list .text .title{
    float: left;
    width: 100%;
}
.main-right .list .text h3{
    color: #0f3178;
    font-size: 14px;
    line-height: 24px;
    float: left;
    margin-bottom: 7px;
}
.main-right .list .text span{
    float: right;
    color: #b0b0b0;
}
.main-right .list .text p{
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    color: #54575b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-info-top{
    float: left;
    width: 100%;
}
.news-info-top h3{
    color: #0f3178;
    line-height: 36px;
    font-size: 16px;
}
.news-info-top span{
    line-height: 32px;
    font-size: 14px;
    color: #b0b0b0;
    display: block;
    margin-bottom: 10px;
}
.news-info-mid{
    float: left;
    width: 100%;
}
.news-info-mid p{
    margin-bottom: 24px;
    color: #54575b;
    font-size: 14px;
    float: left;
}
.news-info-mid p:nth-child(1){
    width: 600px;
    display: inline-block;
    float: left;
}
.news-info-mid .pic{
    float: left;
    width: 184px;
    height: 104px;
    border: 1px solid #dedede;
    padding: 1px;
    overflow: hidden;
}
.news-info-mid .pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.news-info-bot{
    border-top: 1px solid #e0e0e0;
    float: left;
    width: 100%;
    margin-top: 45px;
}
.news-info-bot a{
    line-height: 43px;
    font-size: 14px;
    color: #54575b;
    transition: 0.5s;
}
.news-info-bot a:nth-child(2){
    float: right;
}
.news-info-bot a:hover{
    color: #0f3178;
}
.yingyong .list .text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.yingyong .news-info-mid .pic{
    width: 256px;
    height: 143px;
    margin-left: 19px;
}
.yingyong .news-info-mid p:nth-child(1){
    width: 517px;
}











/*about-who we are*/
.main-right h4{ margin-top:10px; font-size:18px; color:#0F3178; font-weight:normal;}
.main-rightp{ width:797px; height:auto;}
.main-rightp p:first-child{ margin-top:0px;}
.main-rightp p{ color:#6b6b6b; line-height:170%; margin-top:20px;}

/*product fillter*/

/*渐隐*/
.luara-{position:relative;padding:0;overflow: hidden;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}
.luara- ul li img{width: inherit;height: inherit;}

.example{}
.example ol{position:absolute;width: 200px;height: 5px; bottom:30px; right:40px; }
.example ol li{float:left;width: 43px;height: 5px;margin: 5px;background:rgba(255,255,255,.4);cursor:pointer;}
.example ol li.seleted{background: #00A4FF;}

/* expmenu */
ul.expmenu{width:200px;}
ul.expmenu a{ color:#333;}
ul.expmenu>li{ width:174px;}
ul.expmenu li ul li {color:#727272;}
ul.expmenu li ul li:last-child{border-bottom:none;}

ul.expmenu li .menu{ margin-left:22px; font-size:12px; padding-bottom:10px;}
ul.expmenu li .menu li a{ color:#6B6B6B;}
ul.expmenu li .menu li a:hvoer{ text-decoration:underline; color:#314883;}

ul.expmenu li div.header1 .arrow{display:block; width:16px;height:16px;background:no-repeat 10px 10px ;float:left;}
ul.expmenu li div.header1 .arrow.up{background-image:url(../images/Product-Filter_10.jpg);}
ul.expmenu li div.header1 .arrow.down{background-image:url(../images/Partner-Dropmenu_221.jpg);}


ul.expmenu li div.header2 .arrow{display:block;width:16px;height:16px;background:no-repeat 10px 10px ;float:left;}
ul.expmenu li div.header2 .arrow.up{background-image:url(../images/Product-Filter_10.jpg);}
ul.expmenu li div.header2 .arrow.down{background-image:url(../images/Partner-Dropmenu_221.jpg);}


ul.expmenu li div.header3 .arrow{display:block;width:16px;height:16px;background:no-repeat 10px 10px ;float:left;}
ul.expmenu li div.header3 .arrow.up{background-image:url(../images/Product-Filter_10.jpg);}
ul.expmenu li div.header3 .arrow.down{background-image:url(../images/Partner-Dropmenu_221.jpg);}

.main-right-pro{ width:797px; height:auto; margin-top:10px;}
.main-right-pro ul li{ width:797px; height:auto; clear:both; margin-top:40px; overflow:hidden;}
.main-right-pro ul li:first-child{ margin-top:0px;}
.main-right-pro ul li .pro-img img{ width:132px; height:100px; margin:12px;}
.main-right-pro ul li .pro-img{ float:left; width:168px; height:115px; border:1px solid #E1E1E1;}
.main-right-pro ul li .pro-text{ float:right; width:610px; height:atuo;margin-top:10px;}
.main-right-pro ul li .pro-text a{ color:#6B6B6B;}
.main-right-pro ul li .pro-text h3{ color:#737579;margin-bottom: 10px;}
.main-right-pro ul li .pro-text p{ color:#6B6B6B; margin-top:-8px;}

/*product filter details*/
.position{ position:absolute; bottom:15px; left:15px; color:#fff; font-size:40px;text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.main-right-prof{ width:797px; height:auto; margin-top:10px;}
.pro-top-img{ float:left; width:212px; height:144px; border:1px solid #E1E1E1;}

.pro-top-img img{ width:132px; height:100px; margin-left:35px; margin-top:25px;}
.pro-top-text{ width:565px; float:right; margin-top:10px;}
.pro-top-text h3{ color:#737579;margin-bottom: 10px;}
.pro-top-text p{ color:#6B6B6B;}
.pro-bottom{ width:797px; height:auto; overflow:hidden; }
.pro-bottom ul{ width:797px; border-bottom:1px solid #D2D2D2; overflow:hidden;}
.pro-bottom ul li{ float:left; margin-left:30px;margin-top:15px; height:40px; line-height:40px;}
.pro-bottom ul li a{ color:#262626;font-weight: bold;}
.tab_box{margin-top: 23px;}
.pro-bottom ul li.selec a{ color:#0F3178;font-weight: bold;}
.pro-bottom ul li:first-child{ margin-left:0px;}
.pro-bottom p{ color:#6B6B6B;}


/*Air purifiler*/
.mains{ width:1060px; height:auto; margin:0 auto; overflow:hidden; padding-bottom:125px;}
#banner{ width:1060px; height:391px; margin:0 auto; clear:both;}
.main-air{ width:1060px; height:61px; background:url(../images/Air-purifiler_06.jpg) repeat-x; margin:0 auto;}
.main-air ul{ width:791px; height:61px; margin:0 auto;}
.main-air ul li{ float:left; width:262px; height:61px; text-align:center; line-height:61px; font-size:16px; border-right:1px solid #E1E1E1;}
.main-air ul li:first-child{ border-left:1px solid #e1e1e1;}
.main-air ul li a{ color:#333;}
.main-air ul li img{ vertical-align:middle; margin-right:13px;}
.main-air ul li:hover{ background:url(../images/Air-purifiler_03a.jpg) repeat-x;}
.main-tu1{ width:791px; height:auto; margin:0 auto; margin-top:15px;}

.main-tu2{ width:791px; height:auto; margin:0 auto; margin-top:15px;}
.selectss{ background:url(../images/Air-purifiler_03a.jpg) repeat-x;}


.main-airr{ width:1060px; height:61px;background:url(../images/Air-purifiler_06.jpg) repeat-x; margin:0 auto;}
.main-airrt{ width:791px; height:61px; background:url(../images/Air-purifiler_03a.jpg) repeat-x; margin:0 auto; text-align:center; line-height:61px; font-size:16px; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.main-airrt img{ vertical-align:middle; margin-right:13px;}
.main-airrt a{ color:#333;}


/*GlobalPresence*/
.main-globaltu{ width:1020px; height:386px; margin:0 auto; margin-top:70px;}
.main-globaltex{ width:1010px; height:auto; margin:0 auto; margin-top:80px;  overflow:hidden;}
.main-globaltexa dl{ width:488px; height:auto; border:1px solid #E1E1E1; padding-bottom:20px;}
.main-globaltexa dl dt{ width:475px; height:75px; border-bottom:1px solid #e1e1e1; background-color:#F8F8F8; line-height:36px; padding-left:10px; color:#195595; font-size:16px; font-weight:bold;}
.main-globaltexa dl dd{ margin-left:10px; margin-top:2px; color:#333;}
.main-globaltexa dl:last-child{
    margin-left: 20px;
}
.main-globaltexa dl a{
    color: #333;
}
.main-globaltexb{ margin-top:20px; overflow:hidden;}
.main-globaltexb dl{ width:233px; height:auto; border:1px solid #E1E1E1; float:left; margin-left:20px; padding-bottom:30px;}
.main-globaltexb dl:first-child{ margin-left:0px;}
.main-globaltexb dl dt{ width:223px; height:36px; border-bottom:1px solid #e1e1e1; background-color:#F8F8F8; line-height:36px; padding-left:10px; color:#195595; font-size:16px; font-weight:bold;}
.main-globaltexb dl dd{  margin-top:2px; color:#333; width:220px; margin:0 auto;margin-left:10px;}




.header1{border-bottom:1px solid #9B9B9B;}
.color{ border:1px solid #638CAE; border-right:none; font-weight:bold; background-color:#C7D5DF;}
#menu1 li:hover a{ color:#0F3178; text-decoration:underline;font-weight:bold;}
.header1:hover a{color:#0F3178;}
ul.expmenu li .menu li a.two{color:#0F3178; text-decoration:underline;font-weight:bold; font-style:italic;}
.main-left > ul > li.selected{border: 1px solid #CDCDCD;border-right: none;}
.color1{
    border-bottom-width: 1px;
    /*border-style: solid none solid solid;*/
    border-bottom-color: rgb(205, 205, 205);
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-color: rgb(205, 205, 205);
    border-left-color: rgb(205, 205, 205);
}


.xy .aclick {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}
.xy a {
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-left: 2px;
    text-align: center;
    color: #6f6f6f;
    text-decoration: none;
}


.main-globaltexa{
    display: flex;
}