@charset "utf-8";
body {margin:0px;padding:0px;font-size:13px;background:#FFFFFF;min-width:1200px}
img { border: 0px}
a:link {color: #333333;text-decoration: none;}
a:visited {color: #333333;text-decoration: none;}
a:hover {color: #333333;text-decoration: none;}
a:active {color: #333333;text-decoration: none;}
div,ul,ol,li,dd,dl,dt {list-style: none;margin: 0px;padding: 0px;}
textarea {vertical-align:middle;font-size:12px;resize:none;outline:none;}
input[type=button],input[type=submit],input[type=file],input[type=reset],button {-webkit-appearance:none;-moz-appearance:none;}
em {font-style:normal;}

.clear,.cl {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.h05  {height:5px; line-height:5px;}
.h10  {height:10px;line-height:10px;}
.h15  {height:15px;line-height:15px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.h25  {height:25px;line-height:25px;}
.h30  {height:30px;line-height:30px;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.blank{font-family:Times New Roman;font-size:12px;}
.hidden {display:none;}
.overflow {overflow:hidden;}
.bridgeCode {width:1200px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 5px 0px;}

.w1000 {width:1000px;margin:0 auto;}
.w1100 {width:1100px;margin:0 auto;}
.w1200 {width:1200px;margin:0 auto;}
.w1300 {width:1300px;margin:0 auto;}
.w1400 {width:1400px;margin:0 auto;}
.Company {clear:both;padding:20px 20px 20px 20px;line-height:24px;color:#666666;font-size:13px;background:#ffffff}
.Company p {line-height:24px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.Company2 {clear:both;padding:20px 20px 20px 20px;line-height:24px;color:#666666;font-size:13px;background:#ffffff}
.Company2 p {line-height:24px;color:#666666;}
.Company2 img {max-width:99%;height:auto !important;}
.Company2 table {width:99% !important;word-break:break-all;}
.botottomheight {width: 100%;height:200px;}

.submitTable {width:95%;border:0;}
.submitTable td {height:35px;}
.submitTable img {cursor:pointer;vertical-align:middle;}
.in {height:24px;line-height:24px;border:1px solid #999999;padding:0 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.incode {height:23px;line-height:23px;border:1px solid #999999;padding:0 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.lanyuds {height:30px;font-size:12px;}
.lanyuds2 {height:30px;font-size:13px;color:#00000F;font-weight:bold;}
.txtinput {width:140px;border:1px solid #999999;height:19px;color:#666666;line-height:19px;font-size:12px;padding-left:3px;}
.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:25px;width:100px;font-weight:bold;background-color:#e0661f;border:1px solid #999999;border-radius:5px;margin-right:10px;}
.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:25px;width:90px;font-weight:bold;background-color:#e0661f;border:1px solid #999999;border-radius:5px;}

/*banner轮播*/
.indexCol_banner {height: 500px;width: 100%;float: left;border: 1px solid #D8D8D8;overflow: hidden; margin: 0px 0%;}
/*.indexCol_banner .slider .nivo-controlNav{ display:none;}*/
.nivo-directionNav a {background: no-repeat 0 0;border: 0 none;display: block;height: 30px;text-indent: -9999px;width: 30px;}
a.nivo-nextNav {background-position: -30px 0;right: 15px;}
a.nivo-prevNav {left: 15px;}
.nivoSlider {position: relative;}
.nivoSlider img {position: absolute;top: 0px;left: 0px;width: 100%;}
.nivoSlider a.nivo-imageLink {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;z-index: 60;display: none;}
.nivo-slice {display: block;position: absolute;z-index: 50;height: 100%;}
.nivo-caption {position: absolute;left: 0px;bottom: 0px;background: #ff0000;color: #ffff00;opacity: 0.8;width: 100%;z-index: 89;}
.nivo-caption p {padding: 5px;margin: 0;}
.nivo-directionNav a {position: absolute;top: 45%;z-index: 99;cursor: pointer;}
.nivo-prevNav {left: 0px;}
.nivo-nextNav { right: 0px;}
.nivo-controlNav {position: absolute;right: 0;bottom: 0;height: 20px;width: 100%;overflow: hidden;padding-right: 3px;text-align: right;color: #FF0;filter: alpha(style=1, opacity=5, finishOpacity=80);z-index: 500;}
.nivo-controlNav a {padding: 1px 10px;border-left: #cccccc 1px solid;height: 20px;line-height: 20px;font-size: 9px;color: #fff;cursor: pointer;font-family: sans-serif;background-color: #666;}
.nivo-controlNav a.active {background-color: #FF5B5B;}
.banner-btn .prev, .banner-btn .next{position: absolute;top:50%;margin-top: -2%;color: white;font-size: xx-large;font-weight: bolder;cursor: pointer;opacity: 0.95;}
.banner-btn .prev{color:#ffffff;left:5rem;}
.banner-btn .next{color:#ffffff;right:5rem;}
.banner-box {min-width: 1100px;height: 400px;position: relative;overflow: hidden; text-align: center;}
/*.banner-box{width:100%; height:400px;position:relative;overflow:hidden;text-align:center;}*/
.banner-box .bd {width: 100%;}
.banner-box .hd {position: absolute;bottom: 1rem;left: 50%;}
.banner-box .hd ul {margin-left: -50%}
.banner-box .hd ul a {width: 100%;}
.banner-box .hd ul li {width: 12px;height: 12px;border-radius: 50%;text-indent: -9999px;margin-right: 20px;background: #ccc;float: left;cursor: pointer;box-shadow: 2px 2px 1px black;opacity: 0.85;}
.banner-box .hd ul li.on {background: #DA324D;}	

.swiper-slide img {width:100%;}

#zhuantipadright ul li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#zhuantipadright li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#logolineR, #logolineR a {color: black;}
#zhuantipadleft .card-header a,#aboutpadleft .card-header a {color:#FFFFFF;}
#menulineContainer {padding-top: 5px;padding-bottom: 5px;}
#menuline button {color: white;border: none;height: 45px;}
#menulineL .btn {font-size: 16px;}
#menulineL #menulineul li {float: left;}

a.mynavation:link,a.mynavation:visited {font-size:16px;color:#ffffff;}
a.mynavation:hover,a.mynavation:active {font-size:16px;color:#ffffff;}
li.myhover_base {height: 40px;line-height:40px;}
.myhover_base:hover .myhover_sub {display: none;} 
.myhover_base .btn:hover,#menulineul .mynavation:hover {background:#04341b}
.myhover_div,.myhover_div2  {width:450px;max-width:450px;}
.myhover_div p,.myhover_div2 p {line-height:20px;}
.myhover_sub {display: none;opacity: 0.95;background: #f3efe8;position: absolute;z-index: 8;left: 0px;text-align: left;padding: 15px 25px 15px 25px;}
.myhover_sub span {display: inline-block;padding:0px 10px 0px 0px;}
.myhover_sub a:link,.myhover_sub a:active   {font-size:14px;color:#333333;}
.myhover_sub a:hover   {font-size:14px;color:#ff0000;}
.myhover_sub div h4,.myhover_sub div h4 a:link,.myhover_sub div h4 a:visited {font-size:18px;color:#00612e;font-weight:bold;}
.myhover_sub div h4 a:hover,.myhover_sub div h4 a:active {color:#ff0000;}

.nav_loop {float:left;width:100%;}
.nav_loop dl {float:left;width:50%;margin:0 0 10px 0;}
.nav_loop dt {float:left;width:100%;line-height:30px;}
.nav_loop dt strong,.nav_loop dt a:link,.nav_loop dt a:visited {font-size:16px;color:#333333;cursor:default;padding:0 0 0 0px;border-left:0px solid #d7a85e;}
.nav_loop dt a:hover,.nav_loop dt a:active {font-size:16px;color:#d7a85e;cursor:default;}
.nav_loop dd {width:100%;line-height:22px;}
.nav_loop dd a:link,.nav_loop dd a:visited {font-size:14px;color:#333333;padding:0 0 0 0px;}
.nav_loop dd a:hover,.nav_loop dd a:active {font-size:14px;color:#d7a85e;padding:0 0 0 0px;border-left:0px solid #d7a85e;}

.nav_loop .choose_dt{position:relative}
.nav_loop .choose_dt:before{position:absolute;width:2px;content:"";height:18px;background:#BE9D67;display:block;top:6px;left:-6px}
.nav_loop .choose_dd a{color:#d7a85e}

#menulineR div {font-size: 18px;margin-left: 15px;cursor: pointer;}
#menulineR div:first-child {margin-left: 15px;}

#zuantishenqingtiaojian .card-body ul li {line-height: 25px;}
#zuantishenqingliucheng .card-body ul li{line-height: 25px;}
#zhuantixiangmuyoushi .card-body ul li{line-height: 25px;}
#zhuantiyiminyoushi .card-body ul li{line-height: 32px;}
#zhuantianjiafuwu .card-body ul li{line-height: 32px;}

/*首页滚动*/
.Marquee_left {float:left;width:590px;height:95px;padding:10px 0;overflow:hidden;margin:20px 0 20px 0;background:#f2f7ff;border:0px solid #ff0000;}
.Marquee_news {width:100%;}
.Marquee_news .newsUl {width:100%;}
.Marquee_news .newsUl li {line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 5px 0 38px;background:url('/templets/default/images/ico-2.png') no-repeat 10px 0px;}
.Marquee_news .newsUl li a {font-size:13px;}
.Marquee_news .newsUl li span {font-size:13px;float:right}
.Marquee_right {float:left;width:590px;height:95px;padding:10px 0;overflow:hidden;margin:20px 0 20px 20px;background:#f2f7ff;border:0px solid #ff0000;}
.Marquee_case {width:100%;}
.Marquee_case .caseUl {width:100%;}
.Marquee_case .caseUl li {line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 5px 0 38px;background:url('/templets/default/images/ico-2.png') no-repeat 10px 0px;}
.Marquee_case .caseUl li a {font-size:13px;}
.Marquee_case .caseUl li span {font-size:13px;float:right}

.Marquee_x {overflow: hidden;}
.Marquee_x .Marquee_xy div {margin-right: 25px;text-align: center;line-height: 30px;}
.Marquee_x .Marquee_xy div, .Marquee_x Marquee_xy div div {float: left;}
.Marquee_x img {width: 160px;height: 120px;}
.Marquee_y {overflow: hidden;height: 200px;width: 280px;position: absolute;left: 0px;top: 145px;}
.Marquee_y .Marquee_xy div {line-height: 26px;}
.Marquee_y .Marquee_xy div a:hover {color: red;}
.Marquee_x, .Marquee_xy {overflow: hidden;}
.Marquee_x .footercase {height:170px;}
.Marquee_x .footercase_1 {width:180px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

#lxwmmore p {font-size:15px; line-height: 18px;}
#lxwm p {font-size:14px; line-height: 18px;}
#lxwm .card-body p {height: 5px;}
#lxwm .row .container .card-body {height: 100px;}

.ind_product {clear:both;width:1120px;height:170px;margin:0px auto 0px auto;text-align:center;}
.ind_product div {float:left;}
.ind_product .ScrollButton {cursor:pointer;width:50px;height:160px;padding-top:0px;}
.inpro_list_m {float:left;width:1120px;height:170px;overflow:hidden;margin:0 10px;}
.inpro_list_m ul {padding:10px 0 0 0;}
.inpro_list_m ul li {float:left;width:170px;margin:0px 10px 0px 0px;}
.inpro_list_m ul li div {width:100%;height:120px;border:0px solid #DDDDDD;}
.inpro_list_m ul li span {line-height:30px;}
.inpro_list_m ul li span a {color:#333333;font-size:14px;}
.inpro_list_m ul li img {padding:2px;width: 160px;height: 120px;}
.ind_product_page {clear:both;width:1120px;height:170px;margin:0px auto 0px auto;text-align:center;}
.ind_product_page div {float:left;}
.ind_product_page .ScrollButton {cursor:pointer;width:50px;height:160px;padding-top:0px;}
.inpro_list_page {float:left;width:1120px;height:160px;overflow:hidden;margin:0 10px;}
.inpro_list_page ul {padding:10px 0 0 0;}
.inpro_list_page ul li {float:left;width:170px;margin:0px 10px 0px 0px;}
.inpro_list_page ul li div {width:100%;height:120px;border:0px solid #DDDDDD;}
.inpro_list_page ul li span {line-height:30px;}
.inpro_list_page ul li span a {color:#333333;font-size:14px;}
.inpro_list_page ul li img {padding:2px;width: 160px;height: 120px;}
.width .mr_frboxb {position:relative;width:1160px;margin:10px 0 10px 0;}
.width .scroll_prtb{height:160px;margin:0px auto;width:1005px;overflow:hidden;display:block;}
.width .scroll_prtb dl dd{width:190px;float:left;display:inline;margin:0px 7px 0px 8px;}
.width .scroll_prtb dl dd table{width:190px;height:130px;}
.width .scroll_prtb dl dd img {padding:2px;width: 160px;height: 120px;}
.width .mr_frBtnR,.width .mr_frBtnL{position:absolute;z-index:1;}
.width .mr_frBtnL{left:0px;top:20px;background:url('../images/left.jpg') left center no-repeat;width:33px;height:120px;}
.width .mr_frBtnR{right:0px;top:20px;background:url('../images/right.jpg') left center no-repeat;width:33px;height:120px;}
.width .scroll_prtb dl dd span{width:190px;height:30px;line-height:30px;text-align:center;margin:0px auto;display:block;}
.width .scroll_prtb dl dd span a{color:#343434;}
.width .scroll_prtb dl dd span a:hover{color:#00612e;}

.retui2019itemBG {height: 220px;text-align: center;color: white;font-weight: bolder;font-size: 35px;padding-top: 80px;background-size: 374px 220px;text-shadow: 3px 3px 2px black;position: relative;}
.retui2019itemIMG {width: 55px;height: 27px;margin: auto;box-shadow: 7px 7px 7px black;margin-bottom: 10px;position: absolute;right: 30px;top: 30px;}
.retui2019itemContent {padding-top: 25px;text-align: center;padding-bottom: 25px;text-shadow: 2px 2px 4px black;font-weight: bold;}
.retui2019itemContent p {color: white;font-size: 18px;}
.retui2019itemContent button {margin: auto;width: 150px;background: none;border: none;color: white;font-size: 18px;font-weight: bold;letter-spacing: 5px;height: 45px;}

.myHover-box-container {position: absolute;left: 0;top: 0;height: 100%;width: 100%;text-shadow: 2px 2px 4px black;}
.myHover-box {position: relative;width: 100%;height: 100%;cursor: pointer;}
.myHover-box .btn:hover {color: white;}
.my-boxToggle {position: absolute; width: 385px;height: 430px;background: linear-gradient(to left top, #3c3644, #454d55);display: none}
.my-boxTodggleitemIMG {width: 75px;height: 75px; box-shadow: 7px 7px 7px black;margin-left: 22px;margin-top: 55px;}
.my-boxTodggleTitle {position: absolute;top: 65px;left: 132px;font-size: 20px;font-weight: bold;color: white;}
.my-boxTodggleTitle span {font-size: 18px;color: goldenrod;font-weight: normal;}
.my-boxTodggleTitleHr {background: goldenrod;height: 2px;width: 320px;margin-left: 35px;margin-top: 15px;}
.my-boxTodggleTitleList {font-size: 17px;color: white;margin-left: 35px; margin-top: 20px;line-height: 35px;}
.my-boxTodggleBtn {position: absolute;background: #8a6d3b;color: white;font-weight: bold;width: 130px;left: 215px;bottom: 32px;}
.my-boxTodggleCt {position: relative;}

.anlicase img {width:354px;height:156px; overflow:hidden;}
#retui .card-body a { width: 290px;}
#retui .card-text {font-size: 16px;font-weight: bold;}
#retui dl dd {line-height:25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}
.paginations {text-align:center;}
#pages {padding:14px 0 10px;text-align:right;}
#pages a {display:inline-block;height:22px;line-height:22px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 10px;}
#pages a.a1 {background:url('../images/admin_img/pages.png') no-repeat 0 5px;padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;height:22px;padding:0 10px;line-height:22px;background:#00612e;border:1px solid #00612e;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/icu/titleBg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

.divBottom_yqlj {width:1200px;margin:0 auto;}
.yqlj {clear:both;width:1200px;margin:0 auto;padding:0px 0px 0px 0px;line-height:24px;background:#f7f7f7;}
.yqlj_content {padding:10px 20px 10px 20px}
.yqlj_content strong {font-size:18px;color:#00612e;}
.yqlj_content span {font-size:14px;color:#666666;text-align:left;padding:0 0 0 6px}
.yqlj_content  a:link,.yqlj_content  a:visited {font-size:13px;margin:0px 10px 0px 0px;color:#666666;}

/* Banner */
.banner6 {position:relative;height:500px;overflow:hidden;width:100%;margin-top:0px;}
.banner6 .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;overflow:hidden;}
.banner6 .show ul {position:relative;float:left;width:2500px;height:500px;overflow:hidden;}
.banner6 .show ul li {text-align:center;float:left;width:2500px;position:absolute;display:none;}
.banner6 .focus {position:absolute;bottom:5px;left:47%;padding:5px 6px;}
.banner6 .focus a {float:left;width:15px;height:15px;display:block;margin:0 5px;border-radius:14px;color:#fffab1;cursor:pointer;background:#ffffff none repeat scroll 0 0;transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s;}
.banner6 .focus a.on {background:#DA324D none repeat scroll 0 0;color:#DA324D;height:15px;width:30px;}
.hot {width:100%;height:42px;line-height:42px;position:absolute;bottom:10px;z-index:2;}
.hot .wrapper {width:1200px;margin:0 auto;}
.hot .list {float:left;width:1160px;padding-left:10px;height:42px;position:relative;}
.hot .list .prev {display:block;width:18px;height:15px;position:absolute;background-position:-42px -108px;top:13px;left:80px;}
.hot .list .box_btn {display:block;width:18px;height:15px;position:absolute;background-position:-61px -108px;top:13px;left:99px;}
.hot .list .next {display:block;width:18px;height:15px;position:absolute;background-position:-80px -108px;top:13px;left:118px;}
.hot .list span.tit {font-size:12px;width:145px;float:left;color:#151515;}
.hot .list a {color:#000000;font-size:12px;text-decoration:none;}
.hot .list a:hover {color:#0157AD;font-size:12px;text-decoration:none;}
.hot .list div {width:700px;float:left;height:42px;position:relative;overflow:hidden;}
.hot .list div ul {width:700px;position:absolute;}

.newspage_leftt {float:left;width:870px; min-height: 620px;}
.newspage_right {float:left;width:300px; margin-left: 30px;}
.zx_txt {font-size:13px;word-break:break-word;}
.zx_txt img {max-width:99%;height:auto !important;}
.zx_txt table {width:99% !important;word-break:break-all;}
.zx_txt video {width: 600px;height: 450px;}
.myrightbar li{line-height: 25px;}
.myrightbar .card-body{padding-top: 10px;}
#fbt span {line-height:24px;}
#jchwjpgfxm .fourimg img {margin-right:39px;}
#mgaffwtd ul li{line-height: 32px;}
#ozajfwtd ul li{line-height: 32px;}

#schoollist hr {margin-top: 10px; margin-bottom: 0px;}
.schoolweburl {word-break:break-all;}
.schoolen {font-size: 14px;}
.schoolcolor, .schoolen {color: #0d680d;}
.schoolcate {text-align: center;font-weight: bold;font-size: 31px;margin-top: 30px;margin-bottom: 0px;}
.schooltitle {font-size: 18px;font-weight: bold;}
.schooltitlese {font-size: 17px;}
.schoolfee {height: 40px;}
.schoolitem {margin-top: 25px;cursor: pointer;}
.schoolinner:hover {background-color: #f2f2f2}
.schoolimgcontainer {margin-bottom: 5px;text-align: center;}
.schoolimg {/*width: 300px;*/}
.schooldsc {padding-left: 10px;padding-right: 10px;}

#pgformWAP h6 {font-weight: bold}
#pgformWAP label {margin-right: 15px;font-size: medium;}
#pgformWAP label input {vertical-align: middle;}
#pgformWAP > div {margin-top: 15px;}

/* 成功案例左侧悬浮窗 */
.homeHeader-nav_view {position: relative;z-index:200;left:0px;top:0px;opacity: 0.9;}
.homeHeader-nav_view .homeNav {width: 60px;height: 100%;line-height: 54px;color: #fff;font-size: 16px;font-weight: 100;text-align: center;display: inline-block;/*position: relative;*/}
.homeHeader-nav_view .homeNav:hover {background-color: #be9a3a;}
.homeHeader-nav_view .homeNav a {display: inline-block;width: 100%;height: 100%;color: #fff;}
.homeHeader-nav_view .homeNav-child {width: 60px;left: 0;position: absolute;background-color: #00612e;color: #fff;z-index: 200;margin:5px 0 0 0;word-break: keep-all;}
.homeHeader-nav_view .homeNav-child > li {position: relative !important;width: 100%;font-size: 14px;line-height: 45px;min-height: 45px;height: auto;}
.homeHeader-nav_view .homeNav-child > li a {text-align: left;padding-left: 8px;display: inline-flex;align-items: center;}
.homeHeader-nav_view .homeNav-child > li .homeNav-child_title {position: absolute;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;padding-left: 0;border-bottom: 1px solid #777777;}
.homeHeader-nav_view .homeNav-child > li ul {position: relative;top: 0;left: 70px;width: 200px !important;height: 100%;background-color: #1e2864;border-bottom: 1px solid #51588c;}
.homeHeader-nav_view .homeNav-child > li ul li {float: left;line-height:30px;}
.homeHeader-nav_view .homeNav-child > li ul li a {text-align: left;padding:0 5px;white-space: nowrap;overflow: hidden;font-size:12px;}
.homeHeader-nav_view .turnLeft .homeNav-child > li ul li {float: right;}

/* 左侧悬浮窗 */
#youcecaidan {left:0px;width:50px;top:150px;z-index:888}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.container_span {position: relative;margin: 0px auto;padding: 50px 0;clear: both;}
@media only screen and (min-width: 1200px) {
    .container_span {width: 1210px;}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container_span {width: 1030px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container_span {width: 682px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container_span {width: 428px;margin: 0 auto;}
}
@media only screen and (max-width: 479px) {
    .container_span {width: 320px;margin: 0 auto;}
}

.mcd-menu {list-style: none;padding: 0;margin: 0;background: #FFF;/*height: 100px;*/border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; width: 250px;/* == */}
.mcd-menu li {position: relative;/*float:left;*/}
.mcd-menu li a {display: block;text-decoration: none;padding: 12px 20px;color: #777;
    /*text-align: center;border-right: 1px solid #E7E7E7;*//* == */
    text-align: left;height: 36px;position: relative;border-bottom: 1px solid #EEE;}
.mcd-menu li a i {/*display: block;font-size: 30px;margin-bottom: 10px;*/
    float: left;font-size: 20px;margin: 0 10px 0 0;}
.mcd-menu li a p {float: left;margin: 0 ;}
.mcd-menu li a strong {display: block;text-transform: uppercase;}
.mcd-menu li a small {display: block;font-size: 10px;}
.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {position: relative;transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;-moz-transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.mcd-menu li:hover > a i {opacity: 1;-webkit-animation: moveFromTop 300ms ease-in-out;-moz-animation: moveFromTop 300ms ease-in-out;-ms-animation: moveFromTop 300ms ease-in-out;-o-animation: moveFromTop 300ms ease-in-out;animation: moveFromTop 300ms ease-in-out;}
.mcd-menu li:hover a strong {opacity: 1;-webkit-animation: moveFromLeft 300ms ease-in-out;-moz-animation: moveFromLeft 300ms ease-in-out;-ms-animation: moveFromLeft 300ms ease-in-out;-o-animation: moveFromLeft 300ms ease-in-out;animation: moveFromLeft 300ms ease-in-out;}
.mcd-menu li:hover a small {opacity: 1;-webkit-animation: moveFromRight 300ms ease-in-out;-moz-animation: moveFromRight 300ms ease-in-out;-ms-animation: moveFromRight 300ms ease-in-out;-o-animation: moveFromRight 300ms ease-in-out;animation: moveFromRight 300ms ease-in-out;}
.mcd-menu li:hover > a {color: #e67e22;}
.mcd-menu li a.active {position: relative;color: #e67e22;border:0;/*border-top: 4px solid #e67e22;border-bottom: 4px solid #e67e22;margin-top: -4px;*/box-shadow: 0 0 5px #DDD;-moz-box-shadow: 0 0 5px #DDD;-webkit-box-shadow: 0 0 5px #DDD;border-left: 4px solid #e67e22;border-right: 4px solid #e67e22;margin: 0 -4px;}
.mcd-menu li a.active:before {content: "";position: absolute;
    /*top: 0;left: 45%;border-top: 5px solid #e67e22;border-left: 5px solid transparent;border-right: 5px solid transparent;*/
    top: 42%;left: 0;border-left: 5px solid #e67e22;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.mcd-menu li a.active:after {content: "";position: absolute;top: 42%;right: 0;border-right: 5px solid #e67e22;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.mcd-menu li ul,
.mcd-menu li ul li ul {position: absolute;height: auto;min-width: 200px;padding: 0;margin: 0;background: #FFF;
    /*border-top: 4px solid #e67e22;*//*top: 130px;*/
    opacity: 0;visibility: hidden;transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;-moz-transition: all 300ms linear;-webkit-transition: all 300ms linear;z-index: 1000;left:280px;top: 0px;border-left: 4px solid #e67e22;}
.mcd-menu li ul:before {content: "";position: absolute;
    /*top: -8px;left: 23%;border-bottom: 5px solid #e67e22;border-left: 5px solid transparent;border-right: 5px solid transparent;*/
    top: 25px;left: -92px;border-right: 5px solid #e67e22;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {display: block;opacity: 1;visibility: visible;/*top: 100px;*/left:250px;}
/*.mcd-menu li ul li {float: none;}*/
.mcd-menu li ul li a {padding: 10px;text-align: left;border: 0;border-bottom: 1px solid #EEE;height: auto;}
.mcd-menu li ul li a i {font-size: 16px;display: inline-block;margin: 0 10px 0 0;}
.mcd-menu li ul li ul {left: 230px;top: 0;border: 0;border-left: 4px solid #e67e22;}  
.mcd-menu li ul li ul:before {content: "";position: absolute;top: 15px;/*left: -14px;*/left: -9px;border-right: 5px solid #e67e22; border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
.mcd-menu li ul li:hover > ul {top: 0px;left: 200px;}
/*.mcd-menu li.float {float: right;}*/
.mcd-menu li a.search {/*padding: 29px 20px 30px 10px;*/padding: 10px 10px 15px 10px;clear: both;}
.mcd-menu li a.search i {margin: 0;display: inline-block;font-size: 18px;}
.mcd-menu li a.search input {border: 1px solid #EEE;padding: 10px;background: #FFF;outline: none;color: #777;width:170px;float:left;}
.mcd-menu li a.search button {border: 1px solid #e67e22;/*padding: 10px;*/background: #e67e22;outline: none; color: #FFF;margin-left: -4px;float:left;padding: 10px 10px 11px 10px;}
.mcd-menu li a.search input:focus {border: 1px solid #e67e22;}
.search-mobile { display:none !important;background:#e67e22;border-left:1px solid #e67e22;border-radius:0 3px 3px 0;}
.search-mobile i { color:#FFF; margin:0 !important;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .mcd-menu {margin-left:10px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mcd-menu {width: 200px;}
	.mcd-menu li a {height:30px;}
	.mcd-menu li a i {font-size: 22px;}
	.mcd-menu li a strong {font-size: 12px;}
	.mcd-menu li a small {font-size: 10px;}	
	.mcd-menu li a.search input {width: 120px;font-size: 12px;}
	.mcd-menu li a.search buton{padding: 8px 10px 9px 10px;}
	.mcd-menu li > ul {min-width:180px;}
	.mcd-menu li:hover > ul {min-width:180px;left:200px;}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {min-width:150px;}
	.mcd-menu li ul li:hover > ul {left:180px;min-width:150px;}
	.mcd-menu li ul li ul li:hover > ul {left:150px;min-width:150px;}
	.mcd-menu li ul a {font-size:12px;}
	.mcd-menu li ul a i {font-size:14px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.mcd-menu { width: 50px;}
	.mcd-menu li a { position: relative;padding: 12px 16px;height:20px;}
	.mcd-menu li a small { display: none;}
	.mcd-menu li a strong { display: none;}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {display:block;font-size:10px;padding:3px 0;position:absolute;bottom:0px;left:0;background:#e67e22;color:#FFF;min-width:100%;text-transform:lowercase;font-weight:normal;text-align:center;}
	.mcd-menu li .search { display: none;}
	.mcd-menu li > ul {min-width:180px;left:70px;}
	.mcd-menu li:hover > ul {min-width:180px;left:50px;}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {min-width:150px;}
	.mcd-menu li ul li:hover > ul {left:180px;min-width:150px;}
	.mcd-menu li ul li ul li > ul {left:35px;top: 45px;border:0;border-top:4px solid #e67e22;}
	.mcd-menu li ul li ul li > ul:before {left:30px;top: -9px;border:0;border-bottom:5px solid #e67e22;border-left:5px solid transparent;border-right:5px solid transparent;}
	.mcd-menu li ul li ul li:hover > ul {left:30px;min-width:150px;top: 35px;}
	.mcd-menu li ul a {font-size:12px;}
	.mcd-menu li ul a i {font-size:14px;}	
}

@media only screen and (max-width: 479px) {
    .mcd-menu { width: 50px;}
	.mcd-menu li a { position: relative;padding: 12px 16px;height:20px;}
	.mcd-menu li a small { display: none;}
	.mcd-menu li a strong { display: none;}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {display:block;font-size:10px;padding:3px 0;position:absolute;bottom:0px;left:0;background:#e67e22;color:#FFF;min-width:100%;text-transform:lowercase;font-weight:normal;text-align:center;}
	.mcd-menu li .search { display: none;}
	.mcd-menu li > ul {min-width:180px;left:70px;}
	.mcd-menu li:hover > ul {min-width:180px;left:50px;}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {min-width:150px;}
	.mcd-menu li ul li:hover > ul {left:180px;min-width:150px;}
	.mcd-menu li ul li ul li > ul {left:35px;top: 45px;border:0;border-top:4px solid #e67e22;}
	.mcd-menu li ul li ul li > ul:before {left:30px;top: -9px;border:0;border-bottom:5px solid #e67e22;border-left:5px solid transparent;border-right:5px solid transparent;}
	.mcd-menu li ul li ul li:hover > ul {left:30px;min-width:150px;top: 35px;}
	.mcd-menu li ul a {font-size:12px;}
	.mcd-menu li ul a i {font-size:14px;}
}