@charset "utf-8";
/*公共*/
@font-face{
    font-family:'Open Sans';
    src:  url('./ziti/OpenSans-Regular.ttf');
    font-weight: normal;
}
@font-face{
    font-family:'Open Sans';
    src: url('./ziti/OpenSans-Bold.ttf');
    font-weight: bold;
}
@font-face{
    font-family:'Open Sans';
    src: url('./ziti/OpenSans-Italic.ttf');
    font-style: italic;
}
@font-face{
    font-family:'Open Sans';
    src: url('./ziti/OpenSans-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

* {font-family: '微软雅黑',Arial, Helvetica, sans-serif;}
.wrap{width:1000px; margin:0 auto;}
.blank36{margin-top: 36px;}
.fl{float: left;}
.fr{float: right;}
.fz{font-size: 0;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
img{max-width: 100%;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.c1{clear: both;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.fz{font-size: 0;}
.dis{display: inline-block;vertical-align: top;}
/*.editor{color: #333;font-size: 16px;line-height: 180%;}*/
.editor p,
.editor div,
.editor em,
.editor b,
.editor span{line-height: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%!important;}
.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{max-width:1920px;min-width:320px;}/*overflow-x: hidden;*/
.m_auto{}
.box-img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.box-span{display: inline-block;vertical-align: middle;height: 100%;}
.w1680{max-width: 1680px;margin:0 auto;}
.w1200{max-width: 1180px;margin:0 auto;}


/*文字*/
.fz_0px{font-size: 0}
.fz_12px{font-size:12px;}
.fz_13px{font-size:13px;}
.fz_14px{font-size:14px;}
.fz_16px{font-size:16px;}
.fz_18px{font-size:18px;}
.fz_20px{font-size:20px;}
.fz_22px{font-size:22px;}
.fz_24px{font-size:24px;}
.fz_26px{font-size:26px;}
.fz_28px{font-size:28px;}
.fz_30px{font-size:30px;}
.fz_32px{font-size:32px;}
.fz_34px{font-size:34px;}
.fz_36px{font-size:36px;}
.fz_38px{font-size:38px;}
.fz_40px{font-size:40px;}
.fz_42px{font-size:42px;}
.fz_44px{font-size:44px;}
.fz_46px{font-size:46px;}
.fz_48px{font-size:48px;}
.fz_50px{font-size:50px;}

.fc_red{color: #ff001b}

.fs_bold{font-weight: bold}
.fs_light{font-weight: lighter}
.fs_normal{font-weight: normal}
.text_center{text-align: center}
.text_left{text-align: left}
.text_right{text-align: right}
/*文字*/

/*空白*/
.blank_4px{height: 4px;clear: both;background-color: transparent}
.blank_6px{height: 6px;clear: both;background-color: transparent}
.blank_8px{height: 8px;clear: both;background-color: transparent}
.blank_10px{height: 10px;clear: both;background-color: transparent}
.blank_12px{height: 12px;clear: both;background-color: transparent}
.blank_14px{height: 14px;clear: both;background-color: transparent}
.blank_16px{height: 16px;clear: both;background-color: transparent}
.blank_18px{height: 18px;clear: both;background-color: transparent}
.blank_20px{height: 20px;clear: both;background-color: transparent}
.blank_22px{height: 22px;clear: both;background-color: transparent}
.blank_24px{height: 24px;clear: both;background-color: transparent}
.blank_26px{height: 26px;clear: both;background-color: transparent}
.blank_28px{height: 28px;clear: both;background-color: transparent}
.blank_30px{height: 30px;clear: both;background-color: transparent}
.blank_32px{height: 32px;clear: both;background-color: transparent}
.blank_34px{height: 34px;clear: both;background-color: transparent}
.blank_36px{height: 36px;clear: both;background-color: transparent}
.blank_38px{height: 38px;clear: both;background-color: transparent}
.blank_40px{height: 40px;clear: both;background-color: transparent}
.blank_42px{height: 42px;clear: both;background-color: transparent}
.blank_44px{height: 44px;clear: both;background-color: transparent}
.blank_46px{height: 46px;clear: both;background-color: transparent}
.blank_46px{height: 46px;clear: both;background-color: transparent}
.blank_48px{height: 48px;clear: both;background-color: transparent}
.blank_50px{height: 50px;clear: both;background-color: transparent}
.blank_52px{height: 52px;clear: both;background-color: transparent}
.blank_54px{height: 54px;clear: both;background-color: transparent}
.blank_56px{height: 56px;clear: both;background-color: transparent}
.blank_60px{height: 60px;clear: both;background-color: transparent}
.blank_62px{height: 62px;clear: both;background-color: transparent}
.blank_66px{height: 66px;clear: both;background-color: transparent}
.blank_68px{height: 68px;clear: both;background-color: transparent}
.blank_70px{height: 70px;clear: both;background-color: transparent}
.blank_72px{height: 72px;clear: both;background-color: transparent}
.blank_74px{height: 74px;clear: both;background-color: transparent}
.blank_76px{height: 76px;clear: both;background-color: transparent}
.blank_80px{height: 80px;clear: both;background-color: transparent}
.blank_88px{height: 88px;clear: both;background-color: transparent}
.blank_90px{height: 90px;clear: both;background-color: transparent}
.blank_100px{height: 100px;clear: both;background-color: transparent}
.blank_120px{height: 120px;clear: both;background-color: transparent}
.blank_130px{height: 130px;clear: both;background-color: transparent}
.blank_150px{height: 150px;clear: both;background-color: transparent}
.blank_160px{height: 160px;clear: both;background-color: transparent}

@media screen and (min-width: 769px){


/*头部*/
.header{max-width: 1180px;z-index: 999;background-color: #ffffff;    margin: 0 auto;}
.header .header_wide{max-width: 1180px;height: 163px;margin:0 auto;}
.header .header_wide .lang{float: right;margin-top: 40px;margin-left: 20px;}
.header .header_wide .lang .btn1{cursor: pointer;background: #666;border-radius: 3px;width: 40px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;text-align: center;}
.header .header_wide .lang .btn1:hover{background: #2aaf63;}
.header .header_wide .logo{padding-top: 19px;margin-bottom:19px;float: left;}
.header .header_wide .company_name{float: left;font-size: 28px;margin-left: 30px;padding-top: 40px;color:#2baf63;font-weight: 600;}
.header .header_wide .search{float: right;padding-top: 40px;position: relative;}
.header .header_wide .search .wraper{display: inline-block; position: relative; float: none; width: 349px!important; height: 40px; margin: 0px; padding: 0px 0px 0px 16px; vertical-align: baseline; color: rgb(0, 0, 0);}
.header .header_wide .search .input_style{position: absolute; margin: 0px; left: 0px; top: 0px;}
.header .header_wide .search .phTips{position: absolute; display: block; left: 0px; top: 0px; height: 40px; padding-top: 0px; padding-left: 16px; margin: 0px; font-size: 14px; text-align: start; text-indent: 0px; line-height: 40px; color: rgb(117, 117, 117);}
.header .header_wide .search .input_style{width: 349px;height: 40px;padding-left: 16px;color:black;line-height: 40px;background: #f1f1f1;border:0;}
.header .header_wide .search .phTips { color: #999;font-style: italic; }
.header .header_wide .search .submit_style{width: 48px;height: 40px;border:0;position: absolute;top: 40px;right: 0;background:url('/images/header_search.png') no-repeat;background-position: center;background-color:#2aaf63; cursor:pointer;}
.header .header_wide .nav{max-width: 1180px;}
.header .header_wide .nav .nav_list{max-width: 810px;float: left;}
.header .header_wide .nav .nav_list .nLi{float: left;min-width: 47px;margin-right: 58px; position: relative;     padding-bottom: 20px;}
.header .header_wide .nav .nav_list .nLi a{color: #333;font:16px 'Open Sans';font-weight: bold;}
.header .header_wide .nav .nav_list .nLi.on a{color: #2aaf63;}
.header .header_wide .nav .nav_list .nLi a.on{color: #2aaf63;}
.header .header_wide .nav .nav_list .nLi:last-child{margin-right: 0px;}

.header .header_wide .nav .nav_list .nLi .sub{min-width:220px;position: absolute;top:100%;left:-10px; background: #fff; z-index: 1000; padding-top: 20px;border-top: 1px solid #e6e6e6;box-shadow: 0 -3px 5px rgba(0,0,0,0.1);display: none;border-radius: 5px; font-size: 14px; font-weight: normal;}
.header .header_wide .nav .nav_list .nLi .sub li a{display: block;padding-left: 20px;margin-bottom: 10px;color:#666;padding-right: 20px;}
.header .header_wide .nav .nav_list .nLi .sub li.on a{color:#2aaf63;}
.header .header_wide .nav .nav_ico_en,
.header .header_wide .nav .nav_ico_cn{float: right;margin-top: -5px;}
.header .header_wide .nav .nav_ico_en a{margin-left: 24px;}
.header .header_wide .nav .nav_ico_en a:first-child{margin-left: 16px;}




.header .header_wide .nav .nav_list .nLi:hover .sub{ display: block;}



}

/*广告图*/

#index_picture{z-index: 900;}
#index_picture .swiper-pagination{position: absolute;bottom: 30px;font-size: 0;}
#index_picture .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 12px;height: 12px;border-radius: 50%;background:#ddd;display: inline-block;margin-right: 6px; }
#index_picture .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #2baf63;}

.on{color:#2aaf63!important;}
.no_right{margin-right: 0!important;}
.bg_on{background-color: #2aaf63!important;}

/*form*/
.pro-inquiry .form_input{color:#333; height:20px; line-height:20px;}
.pro-inquiry .form_area{color:#333; line-height:180%; resize:none; overflow:auto;}
.pro-inquiry .form_button{border:none; background:#2baf63; color:#fff; height:40px; line-height:40px; padding:0 5px; overflow:hidden; width:150px;font-size: 16px;border-radius: 5px;margin: 0 auto;}
.pro-inquiry .form_focus{border-color:red;}
.pro-inquiry .form_input.center{text-align:center;}

/*** inquiry ***/
#lib_inquire_list{width: 965px;margin: 45px auto 65px;}
#lib_inquire_list .rows{margin-bottom: 40px;}
#lib_inquire_list>form .blank25{height: 45px;clear:both;}
#lib_inquire_list>form{padding-top:25px; overflow:hidden;/* clear:both;*/}
#lib_inquire_list>form .rows{margin:10px auto;clear:both;}
#lib_inquire_list>form .rows .inquiry_msg{text-indent:40px;font-size:14px;margin:10px 0px;}
#lib_inquire_list>form .pro_rows{width:460px;margin-right: 40px; overflow:hidden; display: inline-block;vertical-align: top;margin-bottom: 20px;}
#lib_inquire_list>form .pro_rows:nth-child(3),
#lib_inquire_list>form .pro_rows:nth-child(5),
#lib_inquire_list>form .pro_rows:nth-child(7){margin-right: 0;}
#lib_inquire_list>form .pro_rows.vcode,
#lib_inquire_list>form .pro_rows.submit,
#lib_inquire_list>form .pro_rows.content {width: 100%;clear: both;margin-right: 0;}
#lib_inquire_list>form .pro_rows.submit{text-align: center;}
#lib_inquire_list>form .pro_rows.content .span{width: 885px;}
#lib_inquire_list>form .pro_rows.content .span textarea{width: 885px;}
#lib_inquire_list>form .pro_rows label{width:80px; overflow:hidden; float:left; height:45px; line-height:45px;color:#333;font-size: 14px;font-weight: normal;}
#lib_inquire_list>form .pro_rows .span{float: left;}
#lib_inquire_list>form .pro_rows .span .input{width:380px; height:45px; line-height:45px; border:1px solid rgb(169, 169, 169); padding-left:5px;}
#lib_inquire_list>form .pro_rows.vcode .span .input{width: 120px;}
#lib_inquire_list>form .pro_rows .span select{width: 380px; height:45px;border: 1px solid rgb(169, 169, 169);padding-left: 14px; appearance: none;}
#lib_inquire_list>form .pro_rows .span .contents{width:100%; height:100px;}

#lib_inquire_list>form .rows .pro_img{width:350px;height:350px;margin-right: 30px;border: 1px solid #e5e5e5;background:#fff;float:left;}
#lib_inquire_list>form .rows .pro_msg{float:left;width: 450px;margin-left:20px;}
#lib_inquire_list>form .rows .pro_msg .pro_name{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;color:#333;margin:10px 0px; font-weight: bold;font-size: 18px;}
#lib_inquire_list>form .rows .pro_msg .pro_number{color:#666;font-size: 14px;margin-bottom: 15px;}
#lib_inquire_list>form .rows .pro_msg .dis{color: #666;font-size: 14px;line-height: 24px;}
#lib_inquire_list>form .rows .pro_msg .dis.d_tit{margin-right: 10px;}


/*分页*/
#turn_page{margin-top: 4.51%;margin-bottom: 5%;text-align:center; height: auto;line-height:38px;}
#turn_page em{display: none;}
#turn_page img{margin-top: 14px;vertical-align: top;margin-right: 11px;}
#turn_page img.next{margin-left: 11px;margin-right: 0;}
#turn_page font,
#turn_page form,
#turn_page a,
#turn_page span{border-radius:0;border:none;background: transparent;margin:0 3px;height:auto;line-height: normal;}
#turn_page font,
#turn_page a{width: auto;margin-bottom: 12px;}
#turn_page a:hover{text-decoration: none;}
#turn_page .icon_page_next,
#turn_page .icon_page_prev{display: none;background: transparent;}
#turn_page .page_button,
#turn_page .page_item,
#turn_page .page_noclick,
#turn_page .page_button,
#turn_page .page_item_current{border:none;height: 36px;line-height: 34px;display: inline-block;vertical-align: top;padding:0 18px;color:#666666;font-size: 14px;font-family: Arial;border-radius: 8px;}
#turn_page .page_button,
#turn_page .page_noclick{padding: 0 11px;}
#turn_page .page_button,
#turn_page .page_noclick,
#turn_page .page_item{background: #fff;border: 1px solid #b7b7b7;}
#turn_page .page_button:hover,
#turn_page .page_item:hover,#turn_page .page_item_current{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;color:#2aaf63;border: 1px solid #2aaf63;}
#turn_page .page_item_current{border: 2px solid #2aaf63;}
#turn_page .page_noclick:hover,
#turn_page .page_button:hover{background: #fff;}


/*尾部*/
.footer{width: 100%;padding-top: 43px;background: #f8f8f8;}
.footer .footer_wide{}
.footer .footer_wide .footer_info{margin-right: 90px;float: left;}
.footer .footer_wide .footer_info ul{width: 200px;}
.footer .footer_wide .footer_info ul li {margin-bottom: 5px;}
.footer .footer_wide .footer_info ul li a{color:#666;}
.footer .footer_wide .footer_info ul li:hover a{color:#2baf63;}
.footer .footer_wide .footer_info ul li:first-child{margin-bottom: 18px;font-size:16px;font-weight: bold;color:#333;}
.footer .footer_wide .footer_info ul li:first-child a{font-size:16px;font-weight: bold;color:#333;}
.footer .footer_wide .footer_info_contact{width: 285px;float: left;margin-left: 112px;}
.footer .footer_wide .footer_info_contact>ul>li{margin-bottom:10px;color:#666;line-height: 24px;}
.footer .footer_wide .footer_info_contact>ul>li.ico1{line-height: 28px;padding-left: 30px;background: url(/images/footer_addr.png) no-repeat left 3px;}
.footer .footer_wide .footer_info_contact>ul>li.ico2{padding-left: 30px;background: url(/images/footer_eamil.png) no-repeat left center;}
.footer .footer_wide .footer_info_contact>ul>li.ico3{padding-left: 30px;background: url(/images/footer_phone.png) no-repeat left center;}
.footer .footer_wide .footer_info_contact>ul>li:first-child{margin-bottom: 12px;font-size:16px;font-weight: bold;color:#333;}
.footer .footer_wide .copyright{border-top:1px solid #e0e0e0;margin-top: 56px;padding: 25px 0 30px;text-align: center;color: #898989;}
.footer .footer_wide .copyright .copyright_info a{color:#fff;}
.footer .footer_wide .copyright a{color:#999;}
.footer .footer_wide .foot_pay{padding-top:48px; text-align:center;}


/*win_alert*/
.win_alert{position:fixed; left:0; top:30%; background:#fff; border:1px #ccc solid; opacity:0.95; filter:alpha(opacity=95); width:400px; z-index:100000; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding-top:7px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.25); -webkit-box-shadow:0 2px 10px rgba(0,0,0,.25);}
.win_alert .win_close{height:14px; padding:5px 0;}
.win_alert .win_close .close{float:right; padding:0; line-height:100%; font-size:16px; margin-right:17px; opacity:0.2; filter:alpha(opacity=20); cursor:pointer; background:none; border:0; font-weight:bold; text-shadow:0 1px 0 #fff; color:#000; outline:0;}
.win_alert .win_close .close:hover{opacity:0.5; filter:alpha(opacity=50);}
.win_alert .win_tips{padding:12px 30px 26px 80px; background:url(/images/win_warning.jpg) no-repeat 30px 8px; line-height:23px; border-bottom:1px #dbdbdb solid; margin-bottom:1px;}
.win_alert .win_btns{padding:10px 4px 10px 0; background:#ededed; text-align:right;}
.win_alert .win_btns .btn{height:23px; line-height:23px; text-align:center; padding:0 17px; border:1px #b7b7b7 solid; background:#fff; color:#7d7070; cursor:pointer; margin-right:12px; font-size:14px;}
.win_alert .win_btns .btn_sure{border:1px #30ad8f solid; background:#37bd9c; color:#fff;}
.win_alert .win_pwd{padding:10px 0 15px 0;}
.win_alert .win_pwd .pwd_name{text-align:right; width:24%; margin-right:10px; font-size:14px; color:#000; line-height:30px; height:30px;}
.win_alert .win_pwd .pwd_r{width:70%;}
.win_alert .win_pwd .pwd_text{width:243px; border:1px solid #e6e6e6; height:28px; line-height:28px;}
.win_alert .win_pwd .error_tips{color:#f00; line-height:20px; display:none; width:100%;}




@media screen and (min-width: 769px) and (max-width: 1180px){
    .header .header_wide .company_name{ font-size: 16px; margin-left:0px;}
 

.header .header_wide .logo img{ max-width: 85%;}

.header .header_wide .nav .nav_list .nLi{ margin-right:40px;}

.header .header_wide .nav .nav_ico_en, .header .header_wide .nav .nav_ico_cn{ margin-top: 5px;}




}






@media screen and (max-width: 768px) {
.head_mobile {
    display: block;
    height: 60px;
}
.nav_ico_cn{
  display:none;
}


.header_wide{ 
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: visible;
    background: #fff;
    display: block;
    height: 60px;
    box-shadow: 0px 1px 3px #d7d7d7;
}


#m_menu{width:30px;height:30px;float:right; margin-top:20px; margin-right:0px;text-align: center;cursor: pointer;position: absolute;
    top: 0px;
    right: 5px;  }
#m_menu span {display: block; position: absolute; width:30px; height: 3px; z-index: 1; left:0; top:0; background: #000;}
 
#m_menu .menuicon-middle {z-index: 2;top: 8px;}
#m_menu .menuicon-bottom {z-index: 3; top: 16px; }


.header_wide .logo{ float: left;}

.header_wide .logo img{ height: 30px;    margin-top: 15px; margin-left: 5px;}

.header_wide .company_name,.header_wide .nav_ico_en{ display: none;}


.header_wide .lang{ float: right;    margin-right: 110px;
    margin-top: 15px;}
.header_wide .lang .btn1 {
    cursor: pointer;
    background: #666;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}


.header_wide .search {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 5;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    background: #f5f5f5;
    font-size: 0;
}

.header_wide .search .wraper{ display: block; width: 85% !important; float: left !important;}


.header_wide .search .input_style{ float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    background: #fff;
    border: none;
    text-indent: 10px;
    color: #000;}


.header_wide .search .submit_style{       width: 15%;
    height: 35px;
    border: 0;
  float: left;
  
  
    background: url(/images/header_search.png) no-repeat;
    background-position: center;
    background-color: #2aaf63;
    cursor: pointer;}







.searchMob{ display: block; position: absolute; top:20px; right:64px; width: 20px; height: 20px;}
.searchMob .search_btn{     width: 100%; 
    height: 100%;
    display: block;
    background: url(/images/search_bg.png) no-repeat center center;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}

#nav{ position:fixed; top:60px; left: 0; z-index: 9999; width:100%;  background: rgba(0,0,0,0.9); display:none; height: 100%;  overflow-y: scroll !important; } 



.navMenu li span{ display: inherit;cursor: pointer;}
.navMenu li .arrow:before {  margin-top: 9px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../../../images/login/jiantou.png) no-repeat center; width: 20px; position: absolute; right:0px; top:0px;cursor: pointer;}
.navMenu li.open .active:before { position: absolute; right:0px; top:0px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../../../images/login/jian.png) no-repeat center; width: 20px;cursor: pointer;}


.nav_list li a { display: block; overflow: hidden; padding-left: 20px; line-height: 40px; color: #fff; transition: all .3s; position: relative; text-decoration: none; font-size: 14px; border-bottom: 1px solid #555; }

.nav_list ul li{ position: relative; display: block;}
.nav_list ul li span{ display: inherit;}


.nav_list ul>li>a.active, .nav_lis>li>a:hover { color: #FFF; background: #12181b; }
.nav_list ul>li>ul.sub{ display: none; list-style: none; clear: both; margin: 0px 0px 0px 10px; padding-bottom: 5px; }

.nav_list ul>li>ul.sub li { background: none; margin: 0px; padding: 0px; }
.nav_list ul>li>ul.sub li>a { display: block; font-size: 13px; line-height: 36px; padding-left: 20px; color: #fff; clear: both; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background: none !important; border:none !important;}



.footer{ padding:5% 10px 0px; height: auto; overflow: hidden;} 


.footer .footer_wide .footer_info{ width:47%; margin-right: 3% !important; min-height: 165px; margin-bottom: 10px;}
.footer .footer_wide .footer_info:nth-child(2n){ margin-right: 0px !important;}



.footer .footer_wide .footer_info ul li:first-child{ margin-bottom: 5px !important;}

.footer .footer_wide .footer_info_contact{ width: 100%; margin-left: 0px;}


.menuicon-in .menuicon-top, .menuicon-in .menuicon-bottom, .menuicon-out .menuicon-top, .menuicon-out .menuicon-middle, .menuicon-out .menuicon-bottom { 
 animation: menuInx 1s;
 -moz-animation: menuInx 1s; 
 -webkit-animation: menuInx 1s; 
 -o-animation: menuInx 1s; 
 animation-fill-mode: forwards; 
 -webkit-animation-fill-mode: forwards 
 }
 
.menuicon-in .menuicon-middle {
animation: menuInm 0.5s; 
-moz-animation: menuInm 0.5s; 
-webkit-animation: menuInm 0.5s; 
-o-animation: menuInm 0.5s; 
animation-fill-mode: forwards; 
-webkit-animation-fill-mode:forwards 
}

.menuicon-in .menuicon-bottom { 
animation-name: menuIny; 
-moz-animation-name: menuIny; 
-webkit-animation-name: menuIny; 
-o-animation-name: menuIny; 
}

.menuicon-out .menuicon-top { 
animation-name: menuOutx;
 -moz-animation-name: menuOutx; 
 -webkit-animation-name: menuOutx;
 -o-animation-name: menuOutx; 
 }
 
.menuicon-out .menuicon-middle { 
animation-name: menuOutm; 
-moz-animation-name: menuOutm; 
-webkit-animation-name: menuOutm; 
-o-animation-name: menuOutm; 
}

.menuicon-out .menuicon-bottom { 
animation-name: menuOuty; 
-moz-animation-name: menuOuty;
-webkit-animation-name: menuOuty;
-o-animation-name: menuOuty; 
}
  

  @-webkit-keyframes menuInx {  
0% {
 -webkit-transform:rotate(0);
 top:0
}
100% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
}
@-moz-keyframes menuInx { 
 0% {
 -moz-transform:rotate(0);
 top:0
}
100% {
 -moz-transform:rotate(-45deg);
 top:8px
}
}
@-o-keyframes menuInx {  
0% {
 -o-transform:rotate(0);
 top:0
}
100% {
 -o-transform:rotate(-45deg);
 top:8px
}
}
@keyframes menuInx {  
0% {
 transform:rotate(0);
 top:0
}
100% {
 transform:rotate(-45deg);
 top:8px
}
}
@-webkit-keyframes menuInm {  
0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-moz-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-o-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-webkit-keyframes menuIny {  
0% {
 -webkit-transform:rotate(0);
 top:16px
}
100% {
 -webkit-transform:rotate(45deg);
 top:8px
}
}
@-moz-keyframes menuIny {  
0% {
 -moz-transform:rotate(0);
 top:16px
}
100% {
 -moz-transform:rotate(45deg);
 top:8px
}
}
@-o-keyframes menuIny {  
0% {
 -o-transform:rotate(0);
 top:16px
}
100% {
 -o-transform:rotate(45deg);
 top:8px
}
}
@keyframes menuIny { 
0% {
 transform:rotate(0);
 top:16px
}
100% {
 transform:rotate(45deg);
 top:8px
}
}
@-webkit-keyframes menuOutx {  
0% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:0
}
}
@-moz-keyframes menuOutx {  
0% {
 -moz-transform:rotate(-45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:0
}
}
@-o-keyframes menuOutx {  
0% {
 -o-transform:rotate(-45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:0
}
}
@keyframes menuOutx {  
0% {
 transform:rotate(-45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:0
}
}
@-webkit-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-moz-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-o-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-webkit-keyframes menuOuty {  
0% {
 -webkit-transform:rotate(45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:16px
}
}
@-moz-keyframes menuOuty {  
0% {
 -moz-transform:rotate(45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:16px
}
}
@-o-keyframes menuOuty {  
0% {
 -o-transform:rotate(45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:16px
}
}
@keyframes menuOuty {  
0% {
 transform:rotate(45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:16px
}
}



.menufade > li{opacity:0}
.menufade > li{ 
    animation:menufade 0.35s ease-out;
    -moz-animation:menufade 0.35s ease-out;
    -webkit-animation:menufade 0.35s ease-out;
    -o-animation:menufade 0.35s ease-out;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.menufade > li:nth-child(1){
    animation-delay:100ms;
    -moz-animation-delay:100ms;
    -webkit-animation-delay:100ms;
    -o-webkit-animation-delay:100ms
}
.menufade > li:nth-child(2){
    -o-webkit-animation-delay:300ms;
    -moz-animation-delay:300ms;
    -webkit-animation-delay:300ms;
    animation-delay:300ms
}
.menufade > li:nth-child(3){
    -o-webkit-animation-delay:350ms;
    -moz-animation-delay:350ms;
    -webkit-animation-delay:350ms;
    animation-delay:350ms
}
.menufade > li:nth-child(4){
    -o-webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    -webkit-animation-delay:400ms;
    animation-delay:400ms
}
.menufade > li:nth-child(5){
    -o-webkit-animation-delay:450ms;
    -moz-animation-delay:450ms;
    -webkit-animation-delay:450ms;
    animation-delay:450ms
}
.menufade > li:nth-child(6){
    -o-webkit-animation-delay:500ms;
    -moz-animation-delay:500ms;
    -webkit-animation-delay:500ms;
    animation-delay:500ms
}
.menufade > li:nth-child(7){
    -o-webkit-animation-delay:550ms;
    -moz-animation-delay:550ms;
    -webkit-animation-delay:550ms;
    animation-delay:550ms
}
.menufade > li:nth-child(8){
    -o-webkit-animation-delay:600ms;
    -moz-animation-delay:600ms;
    -webkit-animation-delay:600ms;
    animation-delay:600ms
}
.menufade > li:nth-child(9){
    -o-webkit-animation-delay:650ms;
    -moz-animation-delay:650ms;
    -webkit-animation-delay:650ms;
    animation-delay:650ms
}
.menufade > li:nth-child(10){
    -o-webkit-animation-delay:700ms;
    -moz-animation-delay:700ms;
    -webkit-animation-delay:700ms;
    animation-delay:700ms
}


@-webkit-keyframes menufade {
0% {opacity:0;-webkit-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@-moz-keyframes menufade {
0% {opacity:0;-moz-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-moz-transform:scale(1) translateY(0)}
}
@-o-keyframes menufade {

0% {opacity:0;-o-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-o-transform:scale(1) translateY(0)}
}
@keyframes menufade {
0% {opacity:0;transform:scale(1.1) translateY(-24px)}
100% {opacity:1;transform:scale(1) translateY(0)}
}






}