body {
    padding-top: 0px;
    background: #f0f0f0;
}

.navbar{ height: 100px;}
.navbar-brand{ width:300px ; height: 100px; background: url('../images/en/logo.png') center center no-repeat; }

.navber_lang{ padding-right: 40px; padding-left: 20px;}
.navber_lang{ float: right; line-height: 100px; }
.navber_lang a{background-color: #ee7700; color: #FFFFFF; padding: 2px 5px; cursor: pointer;}
.navber_lang a:hover{ text-decoration: none;}

.main-c{ width: 1360px; margin: 0px auto;}
#main-menu{ padding-right: 20px;}
#main-menu li{ list-style: none; float: left; padding: 0px 20px;}
#main-menu .menu-item{ height: 100px; line-height: 100px; color: #FFFFFF; padding-top: 15px;}
#main-menu .menu-item>a{ color: #FFFFFF; text-decoration: none;}
#main-menu .menu-item.active:after,#main-menu .menu-item:hover:after{ width: 10px; height: 10px; border-radius: 10px; background-color: #ee7800; display: block; content: ''; margin: -20px auto 0px auto; }



.cbox{ padding: 120px 0px 20px 0px; overflow: hidden;}
.cbox .cbox-text{ width: 500px;}
.cbox .cbox-text .cbox-text-title{ font-size: 30px; font-weight: bold; line-height: 60px; padding-bottom: 30px;}
.cbox .cbox-text .cbox-text-info{ line-height: 30px; font-size: 16px;}
.cbox .cbox-img{ width: 800px;}


.rd{ padding: 30px 0px;}
.rd_title{ font-size: 30px; line-height: 80px; text-align: center;}
.rd_desc{ font-size: 16px; line-height: 30px; text-align: center;}

.rdlist{ overflow: hidden;}
.rdlist .th{ height: 100px; color: #FFFFFF; background-color: #ee7800; margin-left: 0px; margin-right: 0px; }
.rdlist .th>div{ height: 100px; border-right: solid 1px #FFFFFF; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing:border-box;}
.rdlist .th>div:last-child{ border-right-width: 0px;}

.rdlist .tr{ height: 160px; margin-top: 10px; color: #000000; background-color: #fce2c4; margin-left: 0px; margin-right: 0px; }
.rdlist .tr>div{ height: 160px; display: flex; border: solid 1px #ee7800; border-right-width: 0px; align-items: center; justify-content: center; text-align: center; box-sizing:border-box;}
.rdlist .tr>div:last-child{ border-right-width: 1px;}
.rdlist .tr>div.arrow>i{ font-size:30px; color: #ee7800; cursor: pointer;}
.rdlist .details{ display: none; background-color: #fce2c4; padding: 20px; line-height: 30px; border: solid 1px #ee7800; border-top-width: 0px;}
.rdlist .details>p{ padding-left: 20px; position: relative;}
.rdlist .details>p:before{ content: ''; width: 10px; height: 8px; display: block; background-color: #ee7800; border-radius: 10px; position: absolute; left: 5px; top: 10px;}
.rdlist>div:nth-child(4n+4),.rdlist>div:nth-child(4n+5){ background-color: #FFFFFF; }



.category{ overflow: hidden; }
.category .item{ width: 20%; height: 180px; float: left; text-decoration: none; padding: 30px 56px 0px 56px; position: relative; display: block; }
.category .item .img{ width: 160px; height: 80px; background-position: center 0px ; background-repeat: no-repeat; }
.category .item .name{ line-height: 20px; color: #000000;  max-width: 160px; margin: 0px auto; text-align: center;}
.category .item.active .img,.category .item:hover .img{background-position: center -80px;}
.category .item.active .name,.category .item:hover .name{ color: red; }
.category .item.active .name:before,.category .item:hover .name:before{ content: ''; position: absolute; bottom: 0px; left: 86px; height: 3px; width: 100px; display: block; background-color: red;}




.prolist{ padding-top: 30px;}
.prolist .item{ width: 436px; height:500px; line-height: 30px;}
.prolist .item .shortname{ font-size: 20px; font-weight: bold; }
.prolist .item .name{ font-size: 16px; font-weight: bold;}
.prolist .item .symptom{ font-size: 14px;}

.mapinfo{ width: 460px; height: 540px; padding: 50px 60px; box-sizing: border-box; float: left; background-color: #ee7700; color: #FFFFFF;}
.mapinfo .map_logo{ width: 213px; height: 44px; background: url(../images/en/logo_contact.png) no-repeat; margin-bottom: 30px; }
.mapinfo .item{ line-height: 30px; color: #FFFFFF ; font-size: 18px; padding:20px 0px 20px 50px; position: relative;}
.mapinfo .item>i{ position: absolute; left: 0px; top: 20px; font-size: 30px;}

.email{ overflow: hidden; padding: 20px 0px; }
.email .title{ font-size: 40px; padding: 30px 0px;}
.email .item{ width: 33%; float: left; line-height: 50px; padding-left: 20px; font-size: 18px;}
.email .item i{ color: #ee7800;}



#footer{ width: 1360px; margin: 0px auto;}
.footer_menu{ padding-top: 20px; height: 70px; margin: 0px; overflow: hidden; border-bottom: solid 2px #9a9da1; position: relative; }
.footer_menu>a{ color: #000000; cursor: pointer; line-height: 50px;  margin-right: 40px; text-decoration: none; font-size: 16px;}
.footer_menu .footer_logo{ position: absolute; width:233px; height: 70px; background: url(../images/en/footer_logo.png) no-repeat; top: 0px; right: 0px; }
.footer_addr{ line-height: 30px; padding: 10px 0px; font-size: 14px;}