<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Deprecated</b>:  Invalid characters passed for attempted conversion, these have been ignored in <b>/www/wwwroot/www.85520057.com/func.php</b> on line <b>230</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in <b>/www/wwwroot/www.85520057.com/css.php</b> on line <b>6</b><br />
﻿html, body {height: 100%;font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}

.floatleft {float:left !important;}

.floatright {float:right !important;}

.floatnone {float:none !important;}

.alignleft {text-align:left !important;}

.alignright {text-align:right !important;}

.aligncenter {text-align:center !important;}

.no-display { display:none; }

.no-margin { margin:0 !important; }

.no-padding { padding:0 !important; }

a:focus, button:focus {outline:0px solid}

input:focus {box-shadow: 0; outline: 0}

textarea {box-shadow: 0; outline: 0}

img {

    height:auto;

    border:0; 

    vertical-align:top;

}

.fix {overflow:hidden}

p {}

h1, h2, h3, h4, h5, h6 {

    margin: 0;

}

a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none; color: #000}

a:hover {

    text-decoration: none;

}

a:active, a:hover, a:focus {outline: 0 none; text-decoration: none}

ul{

    list-style: outside none none;

    margin: 0;

    padding: 0

}

.clear{clear:both}

::-moz-selection {background: #b3d4fc; text-shadow: none}

::selection {background: #b3d4fc; text-shadow: none}

.browserupgrade {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

::-webkit-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}

:-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}

::-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}

:-ms-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}



body {

    color: #222222;

    font-size: 14px;

    line-height: 22px;

    text-align: left;

    background: #fff

}

/*.container { width: 1200px}*/

.container, .row, .col-md-12, .col-md-10, .col-md-9, .col-md-8, .col-md-6, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .as-mainwrapper {

    transition: all 0.3s ease 0s

}

.section-margin {margin: 120px 0 140px 0}

.section-padding {padding: 15px 0}

.section-index { /*padding:30px 0;*/ background:#f7f7f7;}

.section-bottom-padding {padding: 0 0 120px 0}

.section-top-padding {padding: 120px 0 0 0}

.section-title {

    text-align: center;

    overflow: hidden;

    position: relative

}

.section-title h3 {

    color: #456e9a;

    font-size: 30px;

    line-height: 22px;

    margin-bottom: 10px;

    text-transform: uppercase

}

.section-title p {

    color: #000000;

    font-weight: 400;

    margin-bottom: 24px;

}

.section-title-wrapper { margin-bottom: 87px; position: relative;}

.section-title-wrapper:before {

    background: #456e9a none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    text-align: center;

    width: 230px;

}

.section-title-wrapper:after {

    background: rgba(0, 0, 0, 0) url("../images/cap-dark.jpg") no-repeat scroll 0 0;

    bottom: -8px;

    color: #1bb4b9;

    content: "";

    font-size: 14px;

    height: 20px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    text-align: center;

    width: 40px;

    z-index: 9;

}

.white .section-title h3, .white .section-title p {color: #ffffff;}

.section-title-wrapper.white:before {background: #ffffff none repeat scroll 0 0;}

.white.section-title-wrapper:after {background: rgba(0, 0, 0, 0) url("../images/cap-white.jpg") repeat scroll 0 0;}

.carousel-style-one.owl-theme .owl-controls .owl-nav div {

    color: #456e9a;

    display: inline-block;

    font-size: 60px;

    height: 60px;

    left: -50px;

    line-height: 59px;

    margin: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    filter: alpha(opacity=100);

    padding: 0;

    position: absolute;

    text-align: center;

    top: 39.6%;

    -webkit-transition: all 0.3s ease 0s;

            transition: all 0.3s ease 0s;

    width: 36px;

}

.carousel-style-one.owl-theme .owl-controls .owl-nav div.owl-next {

    left: auto;

    right: -50px;

}

.latest-area:hover .carousel-style-one.owl-theme .owl-controls .owl-nav div {

    opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100)

}

.dividers {border-top: 1px solid #ccc; }

.as-mainwrapper {

    position: relative;

}

.as-mainwrapper.wrapper-boxed {

    background-color: #ffffff;

    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);

    float: none;

    margin: 0 auto;

    max-width: 1200px;

}

.main-content-wrapper, .wrapper-wide {

    background: #ffffff;

}

/*------Margin left-------*/

.ml-0 { margin-left: 0px }

.ml-10 { margin-left: 10px }

.ml-15 { margin-left: 15px }

.ml-20 { margin-left: 20px }

.ml-30 { margin-left: 30px }

.ml-40 { margin-left: 40px }

.ml-50 { margin-left: 50px }

.ml-60 { margin-left: 60px }

.ml-70 { margin-left: 70px }

.ml-80 { margin-left: 80px }

.ml-90 { margin-left: 90px }

.ml-100 { margin-left: 100px }

/*------Margin right-------*/

.mr-0 { margin-right: 0px }

.mr-10 { margin-right: 10px }

.mr-15 { margin-right: 15px }

.mr-20 { margin-right: 20px }

.mr-30 { margin-right: 30px }

.mr-40 { margin-right: 40px }

.mr-50 { margin-right: 50px }

.mr-60 { margin-right: 60px }

.mr-70 { margin-right: 70px }

.mr-80 { margin-right: 80px }

.mr-90 { margin-right: 90px }

.mr-100 { margin-right: 100px }

/*------Margin Top-------*/

.mt-0 { margin-top: 0px }

.mt-10 { margin-top: 10px }

.mt-15 { margin-top: 15px }

.mt-20 { margin-top: 20px }

.mt-30 { margin-top: 30px }

.mt-40 { margin-top: 40px }

.mt-50 { margin-top: 50px }

.mt-60 { margin-top: 60px }

.mt-70 { margin-top: 70px }

.mt-80 { margin-top: 80px }

.mt-90 { margin-top: 90px }

.mt-100 { margin-top: 100px }

/*------Margin Bottom-------*/

.mb-0 { margin-bottom: 0px }

.mb-10 { margin-bottom: 10px }

.mb-15 { margin-bottom: 15px }

.mb-20 { margin-bottom: 20px }

.mb-30 { margin-bottom: 30px }

.mb-40 { margin-bottom: 40px }

.mb-50 { margin-bottom: 50px }

.mb-60 { margin-bottom: 60px }

.mb-70 { margin-bottom: 70px }

.mb-80 { margin-bottom: 80px }

.mb-90 { margin-bottom: 90px }

.mb-100 { margin-bottom: 100px }

/*------Padding left-------*/

.pl-0 { padding-left: 0px }

.pl-10 { padding-left: 10px }

.pl-15 { padding-left: 15px }

.pl-20 { padding-left: 20px }

.pl-30 { padding-left: 30px }

.pl-40 { padding-left: 40px }

.pl-50 { padding-left: 50px }

.pl-60 { padding-left: 60px }

.pl-70 { padding-left: 70px }

.pl-80 { padding-left: 80px }

.pl-90 { padding-left: 90px }

.pl-100 { padding-left: 100px }

/*------Padding right-------*/

.pr-0 { padding-right: 0px }

.pr-10 { padding-right: 10px }

.pr-15 { padding-right: 15px }

.pr-20 { padding-right: 20px }

.pr-30 { padding-right: 30px }

.pr-40 { padding-right: 40px }

.pr-50 { padding-right: 50px }

.pr-60 { padding-right: 60px }

.pr-70 { padding-right: 70px }

.pr-80 { padding-right: 80px }

.pr-90 { padding-right: 90px }

.pr-100 { padding-right: 100px }

/*------Padding Top-------*/

.pt-0 { padding-top: 0px }

.pt-10 { padding-top: 10px }

.pt-15 { padding-top: 15px }

.pt-20 { padding-top: 20px }

.pt-30 { padding-top: 30px }

.pt-40 { padding-top: 40px }

.pt-50 { padding-top: 50px }

.pt-60 { padding-top: 60px }

.pt-70 { padding-top: 70px }

.pt-80 { padding-top: 80px }

.pt-90 { padding-top: 90px }

.pt-100 { padding-top: 100px }

.pt-110 { padding-top: 110px }

/*------Padding Bottom-------*/

.pb-0 { padding-bottom: 0px }

.pb-10 { padding-bottom: 10px }

.pb-15 { padding-bottom: 15px }

.pb-20 { padding-bottom: 20px }

.pb-30 { padding-bottom: 30px }

.pb-40 { padding-bottom: 40px }

.pb-50 { padding-bottom: 50px }

.pb-60 { padding-bottom: 60px }

.pb-70 { padding-bottom: 70px }

.pb-80 { padding-bottom: 80px }

.pb-90 { padding-bottom: 90px }

.pb-100 { padding-bottom: 100px }

.pb-110 { padding-bottom: 110px }

.pb-120 { padding-bottom: 120px }

.pb-130 { padding-bottom: 130px }

.block {display: block}

/*----------------------------------------*/

/*  2. Header CSS

/*----------------------------------------*/

/*----------------------------------------*/

/*  2.1 Header Top

/*----------------------------------------*/

.header-top {

    background: #66cccc none repeat scroll 0 0;

    color: #ffffff;

    font-size: 13px;

    position: relative

}

.header-top:before, .about-area:before, .newsletter-area:before {

    content: "";

    height: 40px;

    position: absolute;

    right: 0;

    top: 10px;

    width: 43%;

}

.header-top:after, .about-area:after, .newsletter-area:after {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    -o-border-image: none;

        border-image: none;

    border-style: solid;

    border-width: 20px 10px;

    content: "";

    height: 5px;

    position: absolute;

    right: 43%;

    top: 10px;

    width: 0;

}

.header-top span {padding: 10px 0; display: inline-block}

.header-top-right > .contenter {

    display: inline-block;

    margin:0px;

    padding:0px;

    position: relative;

    cursor: pointer;

}

.header-top-right > .contenter > a {color: #fff}

.header-top-right .content:hover > a {color: #456e9a;}

.header-top-right > .content i {font-size: 14px; margin-right: 8px;}

.header-top-right {float: right; padding-top: 20px; padding-bottom: 5px;}

.header-top-right > .content:after {

    background: #ffffff none repeat scroll 0 0;

    content: "";

    height: 10px;

    left: 0;

    position: absolute;

    top: 6px;

    width: 2px;

}

.header-top-right > .content:nth-child(2):after {display: none;}

.header-top-right > .content .account-dropdown {

    background-color: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    margin: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    padding: 5px 19px 6px;

    position: absolute;

    left: 0;

    text-align: left;

    top: 100%;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

            transform-origin: 0 0 0;

    -webkit-transition: all 0.6s ease 0s;

            transition: all 0.6s ease 0s;

    width: 150px;

    z-index: -99;

}

.header-top-right > .content:hover .account-dropdown {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

    z-index: 666;   

}

.account-dropdown a {

    color: #456e9a;

    display: block;

    padding: 5px 0;

}

.account-dropdown li {display: block;}

/*----------------------------------------*/

/*  2.2 Header Logo Menu

/*----------------------------------------*/

.header-logo-menu {

    background-color: #f5f5f5;
    height:70px;

}



.header-logo-menu.stick {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

    margin: auto;

    padding: 0;

    position: fixed;

    top: 0;

    transition: all 0.3s ease 0s;

    width: 100%;

    z-index: 999999;

    border-bottom: 1px solid #e2e2e2;

}

.bg-dark.header-logo-menu.stick {background: #3F5771}

.as-mainwrapper.wrapper-boxed .header-logo-menu.stick {

    width: 1200px

}

/*----------------------------------------*/

/*  2.2.1 Header Logo

/*----------------------------------------*/

.logo > a {display: inline-block; position: relative; z-index: 99}

.logo {    padding-top: 10px;

    margin-bottom: 15px;}

.logo img {



}

.header-logo-menu.stick .logo {padding: 23px 0;margin-bottom:0;}

/*----------------------------------------*/

/*  2.2.2 Header Mainmenu

/*----------------------------------------*/

.mainmenu {display: inline-block; position: relative; z-index: 99}

.mainmenu-area {

    margin-top: 0px; 

    -webkit-transition: all 0.3s ease 0s; 

    transition: all 0.3s ease 0s;

}

.header-logo-menu.stick .mainmenu-area .mainmenu ul#nav > li > a {line-height: 60px}

.header-logo-menu.stick .mainmenu-area {padding: 0; margin: 0;}

.mainmenu ul#nav > li {

    display: inline-block;

    margin-right: 24px;

    position: relative;

}

.mainmenu ul#nav > li > a {

    color: #456e9a;

    display: block;

    font-size: 16px;

    line-height: 60px;

    text-decoration: none;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    position: relative;

}

.mainmenu ul#nav > li > a.active {

    color: #009899;

}



.mainmenu ul#nav > li > a:after, .mainmenu ul#nav.menu-white > li > a:after  {

    bottom: 18px;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    width: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s

}

.header-logo-menu.stick .mainmenu ul#nav > li > a:after {

  bottom: 38px;

}

.mainmenu ul#nav.menu-white > li:hover > a:after {background: #456e9a }

.mainmenu ul#nav > li:hover > a:after, .mainmenu ul#nav.menu-white > li:hover > a:after{width: 30px}



.mainmenu ul#nav.menu-white > li > a {color: #fff}

.mainmenu ul#nav.menu-white > li:hover > a, .stick .mainmenu ul#nav.menu-white > li:hover > a {color: #456e9a}

.mainmenu li > a > i {

    margin-left: 6px;

    position: relative;

    top: -1px;

}

.lg-space .mainmenu ul#nav > li {margin-right: 36px;}

.mainmenu ul#nav.border-full > li:hover > a:after {width: 100%}

.mainmenu ul#nav.border-top > li > a:after {bottom: auto; top: 30px}

.mainmenu ul#nav.border-top-2 > li > a:after {bottom: auto; top: -9px}

.padding-small .logo {padding-top: 20px}

.padding-small .mainmenu ul#nav > li > a {line-height: 82px}

/*------------------------------------------*/

/*  Dropdown Menu

/*------------------------------------------*/

.mainmenu ul.sub-menu, .mainmenu ul.sub-menu ul.inside-menu {

    background-color: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    left: -23px;

    margin: 0;

    padding: 14px 21px 16px;

    position: absolute;

    text-align: left;

    top: 90%;

    width: 190px;

    z-index: -99;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

            transform-origin: 0 0 0;

    -webkit-transition: all 0.6s ease 0s;

            transition: all 0.6s ease 0s;

    border-top: 2px solid #009899;

}

.mainmenu ul#nav li ul.sub-menu > li  {

    display: block;

    margin: 0;

    padding: 0;

    position: relative;

}

.mainmenu ul#nav li ul.sub-menu > li a, .mega-menu a {

    color: #456e9a;

    display: block;

    font-size: 14px;

    font-weight: 300;

    line-height: 33px;

    text-transform: capitalize;

}

.mainmenu li > .sub-menu i {

    float: right;

    font-size: 17px;

    top: 10px;

}

.mainmenu ul#nav li:last-child, .header-two .mainmenu ul#nav li:last-child {margin-right: 0}

.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul.sub-menu li:hover ul.inside-menu {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

    z-index: 9999;

}

.mainmenu ul.sub-menu ul.inside-menu {

    left: 169px;

    top: -2px;

    width: 195px;

    -webkit-transform: scaleX(0);

            transform: scaleX(0);

    -webkit-transform-origin: 0 0 0;

            transform-origin: 0 0 0;

    -webkit-transition: all 0.6s ease 0s;

            transition: all 0.6s ease 0s;

}

.mainmenu ul.sub-menu li:hover ul.inside-menu {

    opacity: 1;

    -webkit-transform: scaleX(1);

            transform: scaleX(1);

    z-index: 9999;

}

.fixed {

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 99999;

}

/*----------------------------------------*/

/*  Megamenu

/*----------------------------------------*/

.mega-menu {

    background-color: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    left: -23px;

    margin: 0;

    padding: 26px 21px 20px;

    position: absolute;

    text-align: left;

    top: 100%;

    z-index: -99;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

            transform-origin: 0 0 0;

    -webkit-transition: all 0.6s ease 0s;

            transition: all 0.6s ease 0s;

}

.mainmenu nav > ul > li:hover .mega-menu {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

    z-index: 9999;

}

.mega-menu h3 {

    color: #456e9a;

    font-size: 12px;

    padding-bottom: 10px;

    text-transform: uppercase;

    position: relative

}

.mega-menu h3:after {

    background: #909090 none repeat scroll 0 0;

    bottom: 8px;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 25px;

}

.mm-5-column {

    left: -445px;

    width: 790px;

}

.mm-4-column {

  width: 650px;

  left: -305px;

}

.mm-3-column {

  left: -187px;

  width: 532px;

}

.col-2{width: 50%}

.col-3{width: 33.333%}

.col-4{width: 25%}

.col-5{width: 20%}

/*----------------------------------------*/

/*  2.2.3 Header Searchbox

/*----------------------------------------*/

.header-search {

    cursor: pointer;

    display: inline-block;

    margin-left: 18px;

}

.search {

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    height: 0;

    margin-right: 15px;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 85px;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

    -webkit-transition-property: height;

    transition-property: height;

    width: 290px;

    z-index: 9999;

}

.search.open {height: 50px}

.search-form {

    background-color: #ffffff;

    border-top: 1px solid #86bc42;

    float: right;

    width: 290px;

}

.padding-small .search {

  top: 92px;

}

.search-menu {

    display: inline-block;

    height: 30px;

    padding-top: 5px;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 30px;

}

.search-menu:hover {background: #456e9a none repeat scroll 0 0;}

.bg-blue {background: #456e9a}

#search-form {overflow: hidden; position: relative;}

#search-form input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #666666;

    font-size: 13px;

    font-weight: 300;

    height: 48px;

    padding: 0 40px 0 15px;

    width: 100%;

}

.search-form input[type="search"] {

    border: medium none;

    float: left;

    background: transparent;

    font-size: 24px

}

.search-form button[type="submit"] {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    display: block;

    font-size: 18px;

    height: 50px;

    line-height: 48px;

    position: absolute;

    right: 8px;

    text-align: center;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

            transition: all 0.3s ease 0s;

}

.search-form button[type="submit"]:hover {color: #456e9a}

.search-menu i#toggle-search {color: #ffffff; font-size: 16px;}

.header-logo-menu.stick .search {top: 96px}

/*----------------------------------------*/

/*  2.2.4 Mobile Menu

/*----------------------------------------*/

.mobile-menu-area {background: #66CCCC none repeat scroll 0 0; display: none;}

.mean-container .mean-bar:after {display: none}

.mean-container .mean-nav ul li a:hover {background: #fff;}

.mean-container a.meanmenu-reveal span {background: #ffffff none repeat scroll 0 0;}

.mean-container .mean-nav ul li a {

    background: #ffffff none repeat scroll 0 0;

    color: #456e9a;

    display: block;

}

.mean-container .mean-nav ul li a.mean-expand {background: none; top: -4px;}

.mean-container .mean-nav ul li a.mean-expand:hover {background: none}

.mean-container .mean-nav ul li {background: transparent}

.mean-container .mean-nav ul li li a {

    color: #4e4f54;

    opacity: .90;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    filter: alpha(opacity=90);

    border-top: 0;

}

.mean-container a.meanmenu-reveal:hover span {background: #fff}

.mobile-menu-area .mean-nav {background: #456e9a none repeat scroll 0 0}

.mean-last {margin-bottom: 20px}

.mobile-menu {position: relative}

.mean-container .mean-bar:before {

    color: #fff;

    content: "西安萱御紫金药业有限公司官网欢迎您！";

    font-size: 16px;

    font-weight: 400;

    left: 0;

    position: absolute;

    top: 13px;

}

/*----------------------------------------*/




























/*  3. Slider Area

/*----------------------------------------*/

.slider-area, .background-area, .overlay-light-fullwidth, .overlay-light-2-fullwidth, .overlay-dark-fullwidth, .overlay-dark-2-fullwidth {

    position: relative;

    overflow: hidden

}

.slider-area::after, .overlay-light-fullwidth::after, .overlay-light-2-fullwidth::after, .overlay-dark-fullwidth::after, .overlay-dark-2-fullwidth::after {

    /*background: rgba(0, 0, 0, 0) url(../images/overlay.png) no-repeat scroll right top;*/

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 8;

    -webkit-animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;

    animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;

}

.overlay-light-fullwidth::after, .overlay-light-2-fullwidth::after, .overlay-dark-fullwidth::after, .overlay-dark-2-fullwidth::after {

    transform: none

}

.overlay-light-fullwidth:after {

    width: 100%

}

.overlay-light-2-fullwidth:after {

    width: 100%;

    background: rgba(134, 188, 66, 0.4) none repeat scroll 0 0;

}

.overlay-dark-fullwidth:after {

    background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;

    width: 100%

}

.overlay-dark-2-fullwidth:after {

    background: rgba(45, 62, 80, 0.6) none repeat scroll 0 0;

    width: 100%

}

.nivo-caption {z-index: 9;}

.banner-content, .banner-content .container, .banner-content .row, .banner-content .col-md-12, .banner-content .text-content-wrapper, .banner-content .text-content {

    height: 100%;

    margin: auto;

}

.banner-content .text-content-wrapper {

    display: table;

    float: right;

    margin-right: -70px;

}

.banner-content .text-content-wrapper.full-width {float: none; margin: auto; z-index: 99; position: relative}

.slider-area .text-content, .background-area .text-content, .table-cell {display: table-cell; vertical-align: middle;}

.banner-content h1 {

    color: #ffffff;

    font-size: 30px;

    line-height: 64px;

    padding-bottom: 20px;

    position: relative;

}

.slider-area .banner-content h1 {

    -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;

        animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;

}

.banner-content h1:after {

    background: #ffffff none repeat scroll 0 0;

    bottom: 15px;

    content: "";

    height: 4px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    width: 66%;

}

.banner-content p {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 24px;

}

.button-default {

    background: #456e9a none repeat scroll 0 0;

    color: #ffffff;

    display: inline-block;

    font-size: 14px;

    margin: 0;

    padding: 15px 35px;

    text-transform: uppercase;

}

.button-default:hover {color: #fff}

.banner-readmore {

    clear: both;

    display: inline-block;

    line-height: 48px;

}

.button-green:hover {background: #456e9a;}

.nivo-directionNav {-webkit-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s}

.preview-2 .nivo-controlNav, .slider-three .preview-2 .nivo-directionNav {display: none; }

.banner-content.static-text {

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    z-index: 9;

}

.background-area .button-default {display: inline}

.no-animation.background-area:after, .no-animation.overlay-light-fullwidth:after, .no-animation.overlay-light-2-fullwidth:after, .no-animation.overlay-dark-2-fullwidth:after {

    animation: none

}

.banner-content h1.text-center::after {right: 0; margin: auto}

.banner-content h1.border-none::after, .background-area.overlay-none::after {display: none}

.text-content-wrapper.full-width {margin: auto; float: none}

.preview-2 {position: relative;}

.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav, .preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {

    font-size: 0;

}

.preview-2 .nivo-directionNav a.nivo-prevNav::before, .preview-2 .nivo-directionNav a.nivo-nextNav::before {

    background: #5A6271;

    border-radius: 50%;

    color: #ffffff;

     content: "<";

    cursor: pointer;

    font-family: "Material-Design-Iconic-Font";

    font-size: 40px;

    height: 60px;

    left: 20px;

    line-height: 60px;

    margin: 0;

    position: absolute;

    text-align: center;

    top: 0;

    transition: all 300ms ease-in 0s;

    width: 60px;

    z-index: 9;

}

.preview-2 .nivo-directionNav a.nivo-prevNav:hover::before, .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before {

    color: #ffffff;

}

.preview-2 .nivo-directionNav a.nivo-nextNav::before {

    content: ">";

    top: 94px;

}

.nivo-directionNav {

    margin-top: -87px;

    position: absolute;

    top: 50%;

    left: 1%

}

.preview-2 .nivo-controlNav {

    bottom: 26px;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    width: inherit;

    z-index: 99;

    display: none

}

.preview-2 .nivo-controlNav a {

    background-color: #ffffff;

    border-radius: 100%;

    cursor: pointer;

    display: inline-block;

    font-size: 0;

    height: 12px;

    line-height: 10px;

    margin: 0 17px;

    position: relative;

    text-indent: -9999px;

    width: 12px;

}

.preview-2 .nivo-controlNav a::before {

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 30px;

    content: "";

    height: 25px;

    left: -17px;

    margin: auto;

    position: absolute;

    right: -17px;

    top: -7px;

    width: 46px;

}

.preview-2:hover .nivo-controlNav a{opacity: 1; z-index: 999999;}

.nivo-controlNav a.active:before, .nivo-controlNav a:hover:before {border-color: #fff}

.slider-two .preview-2 .nivo-controlNav, .slider-three .preview-2 .nivo-controlNav {display: inline-block}

.slider-area.no-overlay:after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0}



/*----------------------------------------*/

/*  4. About Area

/*----------------------------------------*/

.about-area {

    background: rgba(0, 0, 0, 0) url("../images/1.jpg") no-repeat scroll center top;

    color: #ffffff;

    margin-top: 140px;

    padding-bottom: 54px;

    position: relative;

}

.about-area:before {

    height: 110px;

    left: 0;

    right: auto;

    top: -20px;

    width: 49.2%;

}

.about-area:after {

    border-width: 55px 30px;

    left: 49.2%;

    top: -20px;

    right: auto

}

.about-area h3 {

    font-size: 30px;

    margin-bottom: 79px;

    padding-top: 22px;

    z-index: 9;

    position: relative;

}

.about-area p {

    line-height: 26px;

    margin-bottom: 42px;

}

.about-container {margin-left: 70px;}

.about-area .button-default {padding: 9px 41px;}

.about-container > .button-default:hover {background: #ffffff none repeat scroll 0 0; color: #456e9a;}

/*----------------------------------------*/

/*  5. Course Area

/*----------------------------------------*/



.course-area .section-title-wrapper {margin-bottom: 122px;}

.single-item-image a {display: inline-block;}

.single-item-image {

    overflow: hidden;

    text-align: center;

}

.single-item-image img{ width:100%; border-radius:15px 15px 0px 0px}

.single-item-image img:hover{ width:100%; border-radius:15px 15px 0px 0px}

.overlay-effect a {position: relative}

.overlay-effect a:before {

  background: rgba(45, 62, 80, 0.2) none repeat scroll 0 0;

  bottom: 0;

  content: "";

  height: 100%;

  left: 0;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  filter: alpha(opacity=0);

  position: absolute;

  right: 0;

  width: 100%;

}

.single-item:hover .overlay-effect a:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);border-radius:15px;}

.single-item {

	border:1px solid #ddd;

	border-radius:15px;

    padding: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    margin-bottom:30px;

}
.single-item{
	background-color:white;
}

.single-item:hover {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);

}

.single-item-text{ padding-bottom:30px;}

.single-item-text h3 {font-size:14px;color:#666666;padding: 10px 15px;}

.single-item-text h4 {font-size:18px;border-bottom:1px dashed #eee;color:#666666;padding: 0px 15px;margin-top:10px;}


.single-item-text h4 a{

    color: #333;

	line-height:40px;
	display: block;
	text-align: center;

}

.single-item-text-info span {

    color: #696969;

    margin-right: 11px;

}

.single-item-text-info span span {color: #456e9a;}

.single-item-text .single-item-abstract {color: #716969;font-size: 14px; height:auto; line-height:25px; padding:0 15px; overflow:hidden;height:50px;}

.single-item-content {

    margin-bottom: 44px;

    overflow: hidden;

    padding-top: 21px;

}

.single-item-text-info {margin-bottom: 18px; padding-top: 5px;}

.single-item-comment-view span {

    color: #696969;

    display: inline-block;

    font-size: 12px;

    margin-right: 17px;

}

.single-item-comment-view span:last-child {margin-right: 0}

.single-item-comment-view > span i {font-size: 14px; margin-right: 8px;}

.single-item-comment-view, .single-item-rating {display: inline-block;}

.single-item-rating {

    color: #f3c30b;

    float: right;

    font-size: 16px;

}

.single-item-rating i {margin-left: 3px;}

.single-item .button-default {padding: 8px 33px;}

.button-bottom {margin-bottom: -19.5px; text-align: center;}

.single-item:hover .button-default {background: #456e9a none repeat scroll 0 0;}

.button-large.button-default {

    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.2);

    font-size: 18px;

    margin-top: 83px;

    padding: 12px 18px;

    text-transform: capitalize;

}

.shortcode .button-large.button-default {margin-top: 40px}

.button-default.button-large:hover {background: #456e9a none repeat scroll 0 0;}

.button-large.button-default i {

    font-size: 28px;

    line-height: 20px;

    margin-left: 11px;

    position: relative;

    top: 4px;

}

.course-area .single-item-image img {

    height:auto;

}



.course-area  .single-item-abstract {

    position:relative;

    line-height:1.5;

    /* 3 times the line-height to show 3 lines */

    height:4.5em;

    overflow:hidden;

}

/*----------------------------------------*/

/*  6. Fun Factor Area

/*----------------------------------------*/

.fun-factor-area {

    background: rgba(0, 0, 0, 0) url("../images/2.jpg") repeat scroll 0 0;

    color: #ffffff;

    padding: 100px 0;

}

.single-fun-factor { text-align: center;}

.single-fun-factor > h4 {

    font-size: 30px;

    line-height: 30px;

    margin-bottom: 41px;

    position: relative;

}

.single-fun-factor > h4:after {

    background: #ffffff none repeat scroll 0 0;

    bottom: -11px;

    content: "";

    height: 2px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: center;

    width: 77px;

}

.single-fun-factor h2 {font-size: 62px; line-height: 46px;}

/*----------------------------------------*/

/*  7. Latest News Area

/*----------------------------------------*/

.latest-area {padding: 120px 0 70px;}

.single-latest-text > h3 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 5px;

}

.single-latest-item {

    overflow: hidden;

    margin-bottom: 50px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s

}

.single-latest-item:hover {box-shadow: 2px 5px 25px rgba(34, 30, 31, 0.25);}

.single-latest-text > h3 a {color: #456e9a;}

.single-latest-image {float: left;}

.single-latest-image a {display: inline-block}

.single-latest-text {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 2px solid #86bc42;

    overflow: hidden;

    padding: 30px 0 35px 35px;

}

.single-latest-item .single-item-comment-view span {margin-right: 13px;}

.single-latest-item .single-item-comment-view {

    display: block;

    margin-bottom: 2px;

}

.single-latest-item .button-default {

    font-size: 12px;

    margin-top: 7px;

    padding: 4px 21px;

}

.single-latest-item:hover .button-default {background: #456e9a none repeat scroll 0 0;}

/*----------------------------------------*/

/*  8. Online Product Area

/*----------------------------------------*/

.single-product-item {box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);}

.single-product-image {text-align: center;}

.single-product-image img {width: 100%;}

.single-product-text > h4 a {

    color: #4c4c4c;

    display: block;

    font-size: 18px;

    margin-bottom: 4px;

}

.single-product-text {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 3px solid #86bc42;

    padding: 23px 24px 22px;

}

.single-product-text h5 {

    color: #696969;

    font-size: 14px;

    margin-bottom: 20px;

}

.product-price > h3 {

    color: #4c4c4c;

    display: inline-block;

    float: left;

    font-size: 24px;

}

.product-price {margin-bottom: 23px; overflow: hidden;}

.product-buttons {overflow: hidden;}

.single-product-text .button-default {

    border: 0 none;

    display: block;

    float: left;

    font-size: 16px;

    line-height: 27px;

    margin-left: 8px;

    padding: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 27px;

}

.single-product-text .button-default:hover {background: #456e9a none repeat scroll 0 0;}

.single-product-text .button-default.cart-btn {

    font-size: 11px;

    line-height: 27px;

    margin-left: 0;

    padding: 0 14px;

    width: auto;

}

.single-product-item:hover .button-default.cart-btn {background: #456e9a none repeat scroll 0 0;}

/*----------------------------------------*/

/*  9. Testimonial Area

/*----------------------------------------*/

.testimonial-area {

    background: rgba(0, 0, 0, 0) url("../images/3.jpg") no-repeat scroll 0 0 / cover;

    overflow: hidden;

    padding: 95px 0 82px;

    position: relative;

}

.testimonial-area:after {

    background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}

.testimonial-image-slider {margin-top: 5px}

.slick-list {margin: 0 5px}

.sin-testiImage {

    display: inline-block;

    margin-bottom: 11px;

    outline: medium none;

}

.sin-testiImage img {

    border: 1px solid #fff;

    border-radius: 50%;

    cursor: pointer;

    display: inline-block !important;

    height: 80px;

    margin-bottom: 30px;

    margin-top: 36px;

    outline: 0 none;

    width: 80px;

}

.sin-testiImage.slick-current img {

    border: 2px solid #fff;

    height: 146px;

    margin-top: 0;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    width: 146px;

}

.testimonial-text-slider h2 {

    color: #ffffff;

    display: block;

    font-size: 30px;

    font-weight: 600;

    line-height: 24px;

}

.testimonial-text-slider {

    margin: auto;

    padding: 0;

    position: relative;

    width: 51%;

    z-index: 9;

}

.sin-testiText{outline: none}

.sin-testiText p {margin-top: 22px; color: #fff; line-height: 24px}

.slick-prev, .slick-next {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    color: rgba(0, 0, 0, 0);

    cursor: pointer;

    display: block;

    font-size: 0;

    height: 25px;

    outline: medium none;

    padding: 0;

    position: absolute;

    top: 34.6%;

    width: 16px;

}

.slick-prev {left: -31px}

.slick-next {right: -31px}

.slick-prev:before, .slick-next:before {

    height: 25px;

    width: 16px;

    left: 0;

    top: 0;

    position: absolute;

    color: #fff;

    content: "";

    font-family: "Material-Design-Iconic-Font";

    font-size: 50px !important;

    -webkit-transition: all 0.3s ease 0s;

            transition: all 0.3s ease 0s;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"

}

.slick-next:before {

    right: 0; 

    content: "";

}

.slick-slider {z-index: 9;}

.testimonial-area:hover .slick-prev:before, .testimonial-area:hover .slick-next:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

/*----------------------------------------*/

/*  10. Event Area

/*----------------------------------------*/

.single-event-image > a {display: block; position: relative;}

.single-event-image > span {

    background: #456e9a none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 96px;

    left: 0;

    position: absolute;

    width: 96px;

}

.single-event-image a > span {

    background: #456e9a none repeat scroll 0 0;

    bottom: 0;

    color: #ffffff;

    font-size: 24px;

    height: 96px;

    left: 0;

    line-height: 35px;

    padding-top: 16px;

    position: absolute;

    width: 96px;

}

.single-event-image span {

    display: block;

    font-size: 42px;

    text-align: center;

}

.single-event-text > h3 a, .single-event-text > h3 {color: #4c4c4c;}

.single-event-text > h3 { margin-bottom: 5px;}

.single-event-text {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 2px solid #86bc42;

    padding: 29px 34px 35px;

}

.single-event-item .single-item-comment-view {margin-bottom: 12px;}

.single-event-item .single-item-comment-view span {margin-right: 12px;}

.single-event-item .single-item-comment-view span:last-child {margin-right: 0;}

.single-event-item .button-default {

    margin-top: 16px;

    padding: 6px 23px;

}

.single-event-item:hover .button-default {background: #456e9a none repeat scroll 0 0;}

.single-event-item {box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);}

/*----------------------------------------*/

/*  11. Newsletter Area

/*----------------------------------------*/

.newsletter-area {

    background: #456e9a none repeat scroll 0 0;

    color: #ffffff;

    position: relative;

}

.newsletter-area:before {

    height: 148px;

    left: 0;

    right: auto;

    top: -20px;

    width: 44%;

}

.newsletter-area:after {

    border-width: 74.5px 40px;

    left: 44%;

    right: auto;

    top: -20px;

}

.newsletter-content h2, .newsletter-content h3 { font-weight: 700; font-size: 30px}

.newsletter-content > h3 {margin-bottom: 2px; font-size: 24px}

.subscribe-form input {

    color: #696969;

    height: 100%;

    padding-left: 15px;

    width: 100%;

    border: 0;

}

.subscribe-form > button {

    border: 2px solid #86bc42;

    font-weight: 700;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 34%;

}

.subscribe-form > button:hover {

    background: #FFF;

    border: 2px solid #86bc42;

}

.newsletter-form {overflow: hidden; padding: 36px 0;}

.subscribe-form {

    float: right;

    height: 56px;

    position: relative;

    width: 525px;

}

.subscribe-form:before {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #fff #fff transparent transparent;

    -o-border-image: none;

    border-image: none;

    border-style: solid;

    border-width: 28px 15px;

    content: "";

    height: 5px;

    left: -30px;

    position: absolute;

    top: 0;

    width: 0;

}

.newsletter-content {

    padding-top: 26px;

    z-index: 9;

    position: relative;

}

/*----------------------------------------*/

/*  12. Footer Widget Area

/*----------------------------------------*/

/*.footer-widget-area {

    background: url(../images/bright_squares.jpg)center center no-repeat;

    height:305px ;

    color: #3b5a7b;


}*/

.footer-logo > a {display: inline-block;}

.footer-logo {margin-bottom: 24px;}

.social-icons a {

    background: #ffffff none repeat scroll 0 0;

    color: #456e9a;

    display: inline-block;

    font-size: 20px;

    height: 31px;

    line-height: 30px;

    margin-right: 11px;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

            transition: all 0.3s ease 0s;

    width: 31px;

}

.social-icons > a:last-child {margin-right: 0;}

.social-icons > a:hover {color: #ffffff;}

.social-icons {margin-top: 27px;}

.single-footer-widget > h3 {

    font-weight: 600;

    line-height: 1.5;

    margin-bottom: 15px;

    padding-bottom: 10px;

    border-bottom: 1px solid rgb(89, 133, 179);

    font-size: 20px;

}

.single-footer-widget > span {display: block; margin-bottom: 11px;}

.single-footer-widget > span i {font-size: 18px; width: 30px;}

.footer-list li{ text-align:center;width:12.5%; float:left;}

.footer-list a {color: #fff; line-height: 25px; font-size:18px;}

.instagram-image {padding-top: 5px;}

.footer-img {

    display: inline-block;

    float: left;

    margin-bottom: 15px;

    width: 25%;

    /*height: 80px;*/

}

.footer-img:last-child {

    margin-right: 0px;

}

.dbxx{  
	width: 125px;
    padding: 10px;
    font-size: 15px;
    line-height: 28px;
    margin-left: -13px;
	}
.dbxx h4{
	color:white;
}
.dbxx p{
	color:#989898;
	margin-top: 10px;
}

.ew{padding-left:70px;}
.ew p{
	text-align:center;
	color: white;
	padding-left:20px;
}
.dz{
	color: white;
    width: 271px;
    margin-left: 26px;
}
.bq{
	color:#333333;
	height:30px;
}
.bq p{
	text-align: center;
	line-height:30px;
}
.ew-m{
	text-align:center;
}
.ew-m p{
	text-align:center;
	color: white;
	line-height:40px;
}
/*.instagram-image .footer-img:nth-child(3), .instagram-image .footer-img:nth-child(6) {margin-right: 0;}*/

.footer-img a {display: inline-block; position: relative}

.footer-img a:before {

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

}

.footer-img:hover a:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}

.footer-img a:after {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    bottom: 0;

    color: #ffffff;

    content: "+";

    font-size: 40px;

    height: 18px;

    left: 0;

    margin: -9px auto 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 18px;

}

.footer-img:hover a:after {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}

/*----------------------------------------*/

/*  13. Footer Area

/*----------------------------------------*/

.footer-area {

    color: #ffffff;

    font-size: 12px;

    padding: 18px 0;

    background-color: #009899 !important;

}

.column-right {float: right}

.footer-area span a {color: #ffffff;}

.footer-area span a:hover {border-bottom: 1px solid #ffffff;}

/*----------------------------------------*/

/*  14. Home Two Start

/*----------------------------------------*/

/*----------------------------------------*/

/*  14.1 Home Two Header

/*----------------------------------------*/

.header-two .header-top:before, .header-two .header-top:after {display: none;}

.header-two .header-top-right > span {color: #ededed;}

.header-two .header-top-right {padding-top: 0;}

.header-two .header-top-right span:first-child {margin-right: 27px;}
.i img{ vertical-align:middle;}

/*----------------------------------------*/

/*  14.2 Home Two Slider

/*----------------------------------------*/

.slider-area.slider-two:after {

    background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;

    width: 100%;

    transform: none;

    -webkit-animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;

            animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;

}

.slider-two .nivo-directionNav {display: none;}

.slider-two .banner-content h1 {

    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;

        animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;

}

.slider-three .banner-content h1 {

    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX;

        animation: 1000ms ease-in-out 0s normal none 1 running flipInX;

}

.slider-two .banner-content p {

    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;

        animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;

}

.slider-two .banner-content .banner-readmore {

    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;

        animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;

}

.slider-three .banner-content .banner-readmore {

    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running flipInY;

        animation: 2500ms ease-in-out 0s normal none 1 running flipInY;

}

.slider-two .banner-content.slider-2 h1 {

    -webkit-animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;

        animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;

}

.slider-two .banner-content.slider-2 p {

    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;

        animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;

}

.slider-two .banner-content.slider-2 .banner-readmore {

    -webkit-animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;

        animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;

}

.slider-two .preview-2 .nivo-controlNav {

    display: block;

    z-index: 99;

    padding: 0;

}

/*----------------------------------------*/

/*  14.3 Home Two Newsletter

/*----------------------------------------*/

.newsletter-two:before, .newsletter-two:after {display: none;}

.newsletter-two .subscribe-form > button {

    background: #456e9a none repeat scroll 0 0;

    border-color: #456e9a;

    float: right;

    font-size: 14px;

    line-height: 26px;

    margin-left: 39px;

    position: inherit;

    width: 160px;

}

.newsletter-two .subscribe-form > button:hover {

    background: #FFF;

    border-color: #FFF;

}

.newsletter-two .subscribe-form > input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #ffffff;

    color: #ffffff;

    float: left;

    width: 366px;

}

.newsletter-two .subscribe-form:before {display: none;}

.newsletter-two .subscribe-form {height: 41px; width: auto;}

.newsletter-two .newsletter-form {padding-bottom: 38px; padding-top: 44px;}

.newsletter-two .newsletter-content {padding-top: 31px;}

/*----------------------------------------*/

/*  15. Shop Grid Page

/*----------------------------------------*/

.shop-grid-area .single-product-item {margin-bottom: 60px;}

.shop-grid-area .col-md-3:nth-child(9) .single-product-item, .shop-grid-area .col-md-3:nth-child(10) .single-product-item, .shop-grid-area .col-md-3:nth-child(11) .single-product-item, .shop-grid-area .col-md-3:nth-child(12) .single-product-item {

    margin-bottom: 0;

}

.pagination-content.number .pagination {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: none;

    margin: 100px 0 20px;

}

.pagination-content.number .pagination li a {

    border: 1px solid #86bc42;

    display: inline-block;

    font-size: 14px;

    font-weight: 500;

    height: 27px;

    line-height: 24px;

    margin: 0 5px;

    width: 26px;

}

.pagination-content.number .pagination li a i {font-size: 20px; line-height: 25px;}

.pagination-content.number .pagination li a:hover, .pagination-content.number .pagination li.current a {

    color: #ffffff;

    box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);

}

.pagination-content.number .pagination li:first-child a, .pagination-content.number .pagination li:last-child a {

    box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);

    color: #ffffff;

}

.pagination-content.number .pagination li:first-child a:hover, .pagination-content.number .pagination li:last-child a:hover {

    color: #456e9a;

}

.product-area .pagination-content.number .pagination {margin: 80px 0 20px;}

/*----------------------------------------*/

/*  16. Product Details Page

/*----------------------------------------*/

.product-details-content {margin: 0 70px; padding: 52px 0 30px;}

.product-details-image {

    box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);

    display: block;

}

.product-details-image img {width: 100%;}

.product-details-content h2 {

    color: #4c4c4c;

    margin-bottom: 6px;

}

.product-name-rating > h5 {

    color: #696969;

    display: inline-block;

    font-size: 18px;

}

.product-details-content p {line-height: 24px;}

.product-name-rating {

    border-bottom: 1px solid #cacaca;

    margin-bottom: 7px;

    padding-bottom: 12px;

}

.qty {

    color: #4c4c4c;

    margin-top: 50px;

}

.input-text.qty {

    border: 1px solid #4c4c4c;

    height: 22px;

    margin-left: 8px;

    margin-top: 0;

    text-align: center;

    width: 29px;

}

.product-details-content .p-price {color: #4c4c4c; padding-top: 18px;}

.product-details-content .button-default {

    border: 0 none;

    margin: 13px 0 55px;

    padding: 8px 29px;

}

.product-details-content .button-default:hover {background: #456e9a none repeat scroll 0 0;}

.product-details-content .social-links {

    display: block;

    margin-top: 16px;

    position: inherit;

    text-align: left;

}

.product-details-content > span {display: block;}

.product-details-content form > span {

    color: #4c4c4c;

    display: block;

    font-size: 18px;

}

.product-details-content .social-links a:first-child {margin-left: 0;}

/*----------------------------------------*/

/*  17. Course Page

/*----------------------------------------*/

.course-page {padding-top: 154px;}

.form-container {

    background: rgba(0, 0, 0, 0) url("../images/5.jpg") no-repeat scroll center top;

    color: #555454;

    font-size: 12px;

    margin: -60px 0 0;

    overflow: hidden;

    padding: 38px 64px;

    position: relative;

    z-index: 3;

}

.form-container:after {

    background: rgba(134, 188, 66, 0.85) none repeat scroll 0 0;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

}

.box-select {z-index: 9; position: relative}

.select {

    display: inline-block;

    float: left;

    margin-right: 10px;

    position: relative;

}

.select.large {width: 260px;}

.select.small {width: 190px;}

.select.medium {width: 200px;}

.select select {

    -moz-appearance: none;

    -webkit-appearance: none;

    background: #ffffff url("../images/arrow.png") no-repeat scroll 92% 50%;

    border: medium none;

    cursor: pointer;

    height: 42px;

    padding: 0 16px;

    width: 100%;

    font-size: 13px;

}

.form-container > button {

    background: #456e9a none repeat scroll 0 0;

    border: 0 none;

    color: #ffffff;

    float: right;

    line-height: 42px;

    padding: 0 28px;

    position: relative;

    text-transform: uppercase;

    z-index: 99;

}

.course-page .single-item {margin-bottom: 178px;}

.course-page.shortcode .single-item {margin-bottom: 78px;}

.course-page .col-md-4:nth-child(4) .single-item, .course-page .col-md-4:nth-child(5) .single-item , .course-page .col-md-4:nth-child(6) .single-item {

    margin-bottom: 83px;

}

.course-page .pagination-content .pagination {margin-bottom: 0;}

/*----------------------------------------*/

/*  17.1 Teachers Area

/*----------------------------------------*/

.teachers-area {padding: 0 0 140px;}

.single-teacher-item {

    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);

    position: relative;

}

.single-teacher-image img{ height:183px; overflow:hidden;}

.single-teacher-item:hover {box-shadow: 0 6px 20px rgba(34, 30, 31, 0.3);}

.single-teacher-image > a {display: inline-block; position: relative;}

.single-teacher-image > a img, .single-teacher-image > a {width: 100%;}

.single-teacher-image > a:after {

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    position: absolute;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

}

.single-teacher-item:hover .single-teacher-image > a:after {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

}

.single-teacher-text {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 3px solid #86bc42;

    padding: 20px 26px 90px;

    text-align: center;

}

.single-teacher-item:hover .single-teacher-text {

    margin-top: -45px;

    padding: 20px 26px 66px;

    position: relative;

    z-index: 9;

}

.single-teacher-text > h3 {

    font-weight: 600;

	font-size:18px;

	line-height:30px;

	height:124px;

	overflow:hidden;

    margin-bottom: 4px;

    padding-top: 20px;

}

.single-teacher-item:hover .single-teacher-text > h3 {padding-top: 0;}

.single-teacher-text > h3 a {color: #222222;}

.single-teacher-text > h4 { font-weight: normal; font-size: 16px; margin-top: 10px;}

.single-teacher-text > p {display: none; padding-top: 13px;}

.single-teacher-item:hover .single-teacher-text p {display: block;}

.social-links > a {

    border: 1px solid #456e9a;

    border-radius: 50%;

    color: #456e9a;

    display: inline-block;

    font-size: 14px;

    height: 27px;

    line-height: 25px;

    margin: 0 3px;

    text-align: center;

    width: 27px;

    position: relative;

}



.social-links  .sl_downfloat {

    position: absolute;

    width: 130px;

    background: #ff9800;

    bottom: 30px;

    left: -50px;

    padding: 10px 10px 0 10px;

    color: #fff;

    border-radius: 5px;

    visibility: hidden;

}



.social-links > a:hover {

    color: #ffffff;

}



.social-links > a:hover .sl_downfloat {

    visibility: visible;

}



.social-links  .sl_downfloat p {

    text-align: center;

}



.social-links {

    bottom: 38px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: center;

    width: 100%;

    -webkit-transition: all 0.3s ease 0s;

            transition: all 0.3s ease 0s

}

.single-teacher-item:hover .social-links {bottom: 25px;}

.single-course-details {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 3px solid #86bc42;

    margin-bottom: 80px;

    padding: 33px 0;

}

.single-course-details .single-item-text {padding-right: 48px;}

/*.course-details-area a img {margin-left: -35px;}*/

.single-course-details a {display: block;}

.single-course-details .col-md-6:first-child {padding-right: 3px;}

/*----------------------------------------*/

/*  18. Course Details Page

/*----------------------------------------*/

/*----------------------------------------*/

/*  18.1 Course Details Content

/*----------------------------------------*/

.course-details-content {margin-left: 70px;}

.single-course-details .single-item-text h4 {

    font-size: 24px;

    margin-bottom: 2px;

    padding-top: 32px;

}

.single-course-details .single-item-text-info {margin-bottom: 23px;}

.course-text-content p:first-child {margin-bottom: 21px;}

.single-course-details .single-item-content {margin-bottom: 0; padding-top: 31px;}

.course-duration { text-transform: capitalize;}

.duration-title {

    color: #ffffff;

    font-size: 18px;

}

.duration-text {background: #f6f6f6 none repeat scroll 0 0; color: #4c4c4c;}

.course-duration .text {

    border-bottom: 1px solid #86bc42;

    display: block;

    padding: 15px 0;

}

.course-duration .text span {

    display: inline-block;

    text-align: center;

    width: 192px;

}

.course-duration .text span.text-right {

    border: 0 none;

    display: inline-block;

    float: right;

    padding: 0;

    text-align: center;

    width: 240px;

}

.comments {

    color: #4c4c4c;

    overflow: hidden;

    padding: 78px 15px 20px 0;

}

h4.title {

    color: #4c4c4c;

    font-size: 24px;

    margin-bottom: 27px;

    padding-bottom: 10px;

    position: relative;

}

h4.title:after {

    bottom: 2px;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    width: 73px;

}

.single-comment {margin-bottom: 31px; overflow: hidden;}

.author-image {

    border: 2px solid #eaeaea;

    border-radius: 2px;

    float: left;

    height: 67px;

    margin-right: 23px;

    width: 67px;

}

.comment-text {

    border-bottom: 1px solid #f0f0f0;

    overflow: hidden;

    padding-bottom: 8px;

}

.author-info > h4 {

    display: inline-block;

    font-size: 18px;

    line-height: 21px;

    text-transform: capitalize;

}

.author-info > h4 a{color: #4c4c4c}

.comment-time, span.reply {

    float: right;

    line-height: 22px;

}

span.comment-time {padding-right: 3px; position: relative;}

.comment-text > p {line-height: 20px; padding-top: 5px;}

.single-comment.comment-reply {padding-left: 131px;}

.comments .single-comment:last-child {margin-bottom: 0;}

/*----------------------------------------*/

/*  18.2 Course Details Sidebar

/*----------------------------------------*/

.tution-fee {

    color: #ffffff;

    padding: 11px 0;

    text-align: center;

}

.tution-wrapper {

    background: #f6f6f6 none repeat scroll 0 0;

    margin-bottom: 15px;

    overflow: hidden;

}

.sidebar-widget .single-teacher-text {padding: 15px 0 22px; position: inherit;}

.tutor-image {padding-top: 20px; text-align: center;}

.tutor-image > img {border: 2px solid #86bc42; border-radius: 50%; max-width: 85px;}

.sidebar-widget .single-teacher-text > h3 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 15px;

    padding-top: 0;

    padding-bottom: 10px;

    margin-left: 20px;

    margin-right: 20px;

    border-bottom: 1px dashed #b1b1b1;

}

.sidebar-widget .single-teacher-text > h3 a {color: #009899; font-weight: normal;}

.sidebar-widget .single-teacher-text > p {

    display: block;

    font-size: 12px;

    line-height: 22px;

    padding: 14px 20px 0;

}

.single-sidebar-widget .social-links {padding-top: 10px; position: inherit;}

.single-sidebar-widget h4.title {font-size: 18px; margin-bottom: 25px;}

.single-sidebar-widget h4.title:after {bottom: 1px;}

.single-sidebar-widget {margin-bottom: 62px; overflow: hidden;}

.single-sidebar-widget:last-child {margin: 0;}

.single-sidebar-widget .tags li:last-child a {margin-bottom: 0}

.single-sidebar-widget .tags li a {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #4c4c4c;

    color: #4c4c4c;

    float: left;

    margin-bottom: 13px;

    margin-right: 6px;

    padding: 1px 9px;

}

.single-sidebar-widget .tags li a:hover {

    color: #fff

}

.single-sidebar-widget .single-item:hover {box-shadow: none;}

.single-sidebar-widget .single-item {

    background: #f6f6f6 none repeat scroll 0 0;

    margin-top: 52px;

    padding: 0 26px;

    border-bottom: 2px solid #86bc42;

}

.single-sidebar-widget .single-item-image img {margin: 0;}

.single-sidebar-widget .single-item-text > h4 {font-size: 14px;}

.single-sidebar-widget .single-item-text-info {

    font-size: 12px;

    margin-bottom: 8px;

    padding-top: 2px;

}

.single-sidebar-widget .single-item-image {top: -26px;}

.single-sidebar-widget .single-item-text > p {color: #4c4c4c; font-size: 12px;}

.single-sidebar-widget .single-item-content {margin-bottom: 27px; padding-top: 5px;}

.single-sidebar-widget .single-item .button-default {font-size: 12px; padding: 6px 34px;}

.single-sidebar-widget .button-bottom {margin-bottom: -18px;}

/*----------------------------------------*/

/*  19. Event Page

/*----------------------------------------*/

.breadcrumb-banner-area {

    background: rgba(0, 0, 0, 0) url("../images/commontibg.jpg") no-repeat top center;

    color: #ffffff;

    padding: 25px 0;

    position: relative;

}

.breadcrumb-banner-area.fixed-bg {background: url("../images/3.jpg") no-repeat fixed top center / cover}

.breadcrumb-banner-area.no-bg {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}

.breadcrumb-text {z-index: 9; position: relative;}

.breadcrumb-banner-area:after {

    background: rgba(167,131,102,0.05) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}

.breadcrumb-bar .breadcrumb {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    line-height: 12px;

    margin-bottom: 0;

    padding: 10px 0 0;

}

.breadcrumb-text h1 {

    line-height: 25px;

    padding-bottom: 10px;

    text-transform: uppercase;

    position: relative;

    font-size: 26px;

    letter-spacing: 2px;

    color: #009899;

}

/*.breadcrumb-text h1:after {

    background: #ffffff none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 29px;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    width: 2px;

}*/

.breadcrumb-bar li {

    color: #ffffff;

    font-size: 14px;

    line-height: 12px;

    margin: 0 16px;

    position: relative;

    text-transform: uppercase;

}

.breadcrumb.text-left li {

    margin-left: 0;

    margin-right: 34px;

}

.breadcrumb.text-right li {

    margin-right: 0;

    margin-left: 34px;

}

.breadcrumb-text h1.text-left, .breadcrumb-text h1.text-right {padding-bottom: 22px;}

.breadcrumb-text h1.text-left::after, .breadcrumb-text h1.text-right::after {display: none;}

.breadcrumb-bar .breadcrumb > li:first-child:before {

    border-radius: 50%;

    content: "";

    display: inline-block;

    font-family: "Material-Design-Iconic-Font";

    font-size: 18px;

    position: absolute;

    right: -22px;

    top: -2px;

}

.breadcrumb-bar .breadcrumb > li + li:before {display: none;}

.breadcrumb-bar a {color: #ffffff;}

.event-page .single-event-item, .latest-page .single-latest-item {margin-bottom: 50px;}

.pagination-content .pagination {

    border-radius: 0;

    box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);

    margin: 20px 0 17px;

}

.pagination-content {

    display: block;

    line-height: 0;

    text-align: center;

}

.pagination-content .pagination > li:last-child > a, .pagination-content .pagination > li:last-child > span, .pagination-content .pagination > li:first-child > a, .pagination-content .pagination > li:first-child > span {

    border-radius: 0;

}

.pagination-content .pagination li a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #ffffff;

    font-size: 28px;

    height: 41px;

    margin: 0 14px;

    padding: 0;

    width: 48px;

}

.pagination-content .pagination li.current > a, .pagination-content .pagination li a:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #456e9a;

}

.pagination-content .pagination li:first-child a {margin-left: 0;}

.pagination-content .pagination li:last-child a {margin-right: 0;}

/*----------------------------------------*/

/*  20. Event Details Page

/*----------------------------------------*/

/*----------------------------------------*/

/*  20.1 Event Details Content

/*----------------------------------------*/

.event-details-content .single-event-item {

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 2px solid #86bc42;

    padding: 0 35px;

}

.single-event-image img {width: 100%;}

.event-details-content .single-event-text h3 {font-size: 28px;}

.event-details-content .single-event-text > p {color: #4e4e4e; line-height: 24px;}

.event-details-content .single-event-text {border: 0 none; padding: 32px 0 40px;}

.event-details-content .comments {padding: 71px 0 20px;}

/*----------------------------------------*/

/*  20.2 Event Details Sidebar

/*----------------------------------------*/

.recent-content-item > a {

    border: 1px solid #86bc42;

    display: inline-block;

    float: left;

}

.recent-text {overflow: hidden; padding-left: 20px;}

.recent-text > h4 {

    font-size: 14px;

    font-weight: 600;

}

.recent-text > h4 a {color: #6b6b6b;}

.recent-text .single-item-comment-view > span {

    color: #b2b2b2;

    font-size: 11px;

    line-height: 12px;

    margin-right: 13px;

}

.recent-text .single-item-comment-view i {font-size: 13px;}

.recent-text > p {

    color: #6b6b6b;

    font-size: 12px;

    line-height: 16px;

    margin: 0;

}

.recent-content-item {margin-bottom: 22px; overflow: hidden;}

.recent-content-item:last-child {margin-bottom: 0;}

.recent-text .single-item-comment-view {display: block;}

/*----------------------------------------*/

/*  21. latest News Page

/*----------------------------------------*/

.latest-page {padding: 120px 0}

/*----------------------------------------*/

/*  22. News Details Page

/*----------------------------------------*/

/*----------------------------------------*/

/*  22.1 News Details Content

/*----------------------------------------*/
.news-details-content .single-latest-text > h3 {

    color: #616161;

    font-size: 24px;

    margin-bottom: 8px;

}

.news-details-content .single-latest-text p {

    color: #4c4c4c;

    line-height: 23px;

    margin-bottom: 23px;

}

.news-details-content .single-latest-text {padding: 75px 72px 0;}

.news-details-content .single-latest-item .single-item-comment-view {margin-bottom: 8px;}

.quote-section {

    background: #efefef none repeat scroll 0 0;

    border-left: 2px solid #86bc42;

    margin: 38px 0 39px 35px;

    overflow: hidden;

    padding: 17px 37px 1px 27px;

}

.quote-section p {margin: 0;}

.related-tag .tags {display: inline-block;}

.related-tag .tags li a {color: #898989;}

.related-tag .tags li {display: inline-block;}

.related-tag, .news-details-content .social-links > span {

    color: #4c4c4c;

    display: inline-block;

}

.news-details-content .single-latest-item:hover {box-shadow: none;}

.tags-and-links {

    overflow: hidden;

    padding-bottom: 15px;

    padding-top: 50px;

}

.news-details-content .social-links > span {margin-right: 11px;}

.news-details-content .social-links {

    display: inline-block;

    float: right;

    margin-right: 47px;

    position: inherit;

    width: auto;

}

.news-details-content .social-links > a {

    font-size: 13px;

    height: 23px;

    line-height: 21px;

    margin: 0 2px;

    width: 23px;

}

.news-details-content .single-latest-item {margin-bottom: 17px;}

/*----------------------------------------*/

/*  22.2 News Details Sidebar

/*----------------------------------------*/

.comment .recent-content-item > a {

    border: 2px solid #e6e7e8;

    border-radius: 2px;

    height: 70px;

    width: 70px;

}

.comment .recent-content-item > a img {width: 100%;}

.comment .recent-text > h4 a {}

.comment .recent-text > h4 {line-height: 31px;}

/*----------------------------------------*/

/*  23. Contact Page

/*----------------------------------------*/

.contact-form-area {color: #4c4c4c;}

h4.contact-title {

    color: #4c4c4c;

    font-size: 24px;

    line-height: 18px;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.contact-text > p {line-height: 24px; margin-bottom: 9px;}

.contact-text i {font-size: 18px;}

span.c-icon {display: inline-block; float: left;}

span.c-icon i {

    position: relative;

    top: 3px;

    width: 27px;

}

span.c-text {display: inline-block;}

.contact-text {margin-bottom: 75px;}

.link-social > a {

    color: #4c4c4c;

    display: inline-block;

    line-height: 19px;

    margin-right: 27px;

}

.link-social > a i {font-size: 20px;}

.contact-form-area input, .contact-form-area textarea {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 0 none;

    color: #777777;

    font-size: 14px;

    height: 48px;

    margin-bottom: 23px;

    padding: 0 23px;

    width: 100%;

}

.contact-form-area textarea {

    height: 150px;

    padding-top: 13px;

    resize: none;

}

.contact-form-area .button-default {

    border: 0 none;

    padding: 8px 40px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    margin-bottom: 20px;

}

.contact-form-area .button-default:hover {background: #456e9a none repeat scroll 0 0;}

/*----------------------------------------*/

/*  24. About Page

/*----------------------------------------*/

.teachers-area.padding-top {padding: 120px 0 140px;}

.about-page-area .about-text-container p span {

    color: #333333;

    font-size: 14px;

}

.about-page-area .about-us > span {

    color: #444444;

    display: block;

    font-style: italic;

    padding-left: 19px;

    position: relative;

}

.about-page-area .about-us > span:after {

    background: #999999 none repeat scroll 0 0;

    border-radius: 50%;

    content: "";

    height: 6px;

    left: 4px;

    position: absolute;

    top: 9px;

    width: 6px;

}

.about-page-area .about-text-container > p {color: #555; margin-bottom: 7px;}

.about-page-area .about-us {margin-bottom: 13px;}

.skill-bars .progress {

    background: #ffffff none repeat scroll 0 0;

    height: 6px;

}

.skill-bar-item .progress-bar {

    line-height: 15px;

}

.skill-bar-item .progress {border-radius: 0; height: 14px;}

.skill-bar-item {

    line-height: 16px;

    margin-bottom: 7px;

    overflow: hidden;

}

.skill-bar-item > span {display: block; margin-bottom: 10px;}

.skill-bar-item:last-child {margin: 0;}

.skill-bar-item:last-child .progress {margin: 0;}

/*----------------------------------------*/

/*  25. Shortcode

/*----------------------------------------*/

.shortcode-area {padding: 72px 0 120px;}

.shortcode-area i {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 2px solid #86bc42;

    border-radius: 50%;

    font-size: 25px;

    height: 60px;

    margin: auto;

    padding: 15px 0;

    text-align: center;

    width: 60px;

}

.shortcode-animation {overflow: hidden; padding: 50px 0 100px;}

.shortcode-animation h3 {

    color: #00aff0;

    font-family: "playfair_displayregular";

    margin: 22px 0;

    text-transform: capitalize;

}

.shortcode-animation img {padding: 22px 45px;}

.shortcode-animation .section-title {padding-bottom: 0; padding-top: 55px;}

.shortcode-area .section-title {

    padding-bottom: 20px;

    padding-top: 40px;

    text-align: left;

}

.shortcode-area .section-title h2 {

    border-bottom: 1px solid #d1d1d1;

    color: #444444;

    display: inline-block;

    font-size: 21px;

    line-height: 30px;

    padding-bottom: 8px;

    text-align: left;

    text-transform: capitalize;

}

.shortcode-area h3 {

    border: 1px dashed #86bc42;

    float: left;

    font-size: 32px;

    margin: 20px 0;

    padding: 27px 0;

    text-align: center;

    text-transform: capitalize;

    width: 70%;

}

.shortcode-area img {padding: 55px 100px 55px 0;}

.dropdown-menu .dividers {border: 0 none; padding: 0;}

/*----------------------------------------*/

/*  26. Scrollup

/*----------------------------------------*/

#scrollUp {

    bottom: 45px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    font-size: 28px;

    height: 40px;

    line-height: 37px;

    position: fixed;

    right: 12px;

    text-align: center;

    width: 40px;

    z-index: 9999;

}

#scrollUp:hover {background-color: #456e9a;}

/*----------------------------------------*/

/*  27. Additional CSS

/*----------------------------------------*/

.text-white {color: #fff}

.text-blue, .header-top span.text-blue {color: #2E3F51}

.bg-dark {background: #3F5771}

.bg-white {background: #fff}

.bg-blue {background: #2E3F51}

.border-green {

    border-top: 3px solid #86bc42;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

.border-blue {

    border-top: 3px solid #2E3F51;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}

.header-top.effect-blue:before {background: #2E3F51}

.header-top.effect-blue:after {border-color: rgba(0, 0, 0, 0) #2E3F51 #2E3F51 rgba(0, 0, 0, 0)}

.inline {display: inline}

#video-bg {width: 100%;}

.video-wrapper, .video-banner {

    height: 570px;

    overflow: hidden;

    position: relative;

}

.fixed-bg-1 {background: url("../images/1.jpg") no-repeat fixed top center / cover }

.fixed-bg-2 {background: url("../images/2.jpg") no-repeat fixed top center / cover }

.backgrount-area {position: relative}

.hover-white.button-default:hover {background: #fff; color: #2E3F51 }

.angle .mailchimp-alerts {padding-left: 150px} 

.text-small {font-size: 13px;}

.text-area p {line-height: 30px;}

.footer-three {background: #456e9a none repeat scroll 0 0;}

.footer-info {line-height: 15px;}

.footer-info > span {

    color: #ffffff;

    display: inline-block;

    font-weight: 400;

    line-height: 12px;

    margin-right: 14px;

}

.footer-info > span i {

    font-size: 14px;

    margin-right: 11px;

}

.footer-info > span:last-child {margin-right: 0;}

.footer-logo-three > a {

    display: inline-block;

    margin-bottom: 23px;

}

.footer-info-container {border-bottom: 1px solid #e1e1e1;}

.single-footer-widget > h4 {

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 22px;

    text-transform: uppercase;

}

.footer-widget-list li a {

    color: #ffffff;

    font-weight: 400;

    line-height: 36px;

}

.footer-widget-list li:last-child a {}

.footer-widget-list li a:hover {color: #f5b120;}

.subscribe-container {

    background: #fff none repeat scroll 0 0;

    border-radius: 4px;

    padding: 44px 40px 50px;

}

.subscribe-container > p {

    color: #456e9a;

    font-weight: 400;

    text-align: center;

    margin-bottom: 33px;

}

.subscribe-container input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #fff;

    font-weight: 400;

    width: 100%;

    padding-left: 14px

}

.subscribe-container input::-webkit-input-placeholder {

    color:#fff;

    opacity: 1 !important;

    filter: alpha(opacity=100);

}

.subscribe-container button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #ffffff;

    float: right;

    font-size: 14px;

    padding-right: 14px;

    position: absolute;

    right: 0;

    top: 0;

}

.subscribe-form-three {

    background: #456e9a none repeat scroll 0 0;

    display: block;

    height: 48px;

    line-height: 46px;

    position: relative;

}

.footer-container {

    border-top: 1px solid #e1e1e1;

    padding: 13px 0 10px 0;

}

.footer-container .social-links-three {

    float: right;

    overflow: hidden;

}

.footer-container .social-links-three > a {

    margin-left: 21px;

    margin-right: 0;

    color: #fff

}

.footer-container span {

    color: #ffffff;

    font-weight: 400;

}

.footer-container span a {

    color: #ffffff;

    position: relative;

}

.footer-container span a:hover {border-bottom:  1px solid #fff}

.footer-container span a:hover:after{opacity: 1;filter: alpha(opacity=100);}

.newsletter-area.newsletter-four::before, .newsletter-area.newsletter-four::after {

    display: none;

}

.footer-widget-four .footer-list li a:hover {color: #333333;}

.footer-widget-four .footer-img a::before {

    background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0;

}

.footer-area.footer-four {background: #456e9a;}

.gallery-img, .gallery-img img {width: 100%}

.gallery-img {position: relative; overflow: hidden;}

.gallery-img img {

    transform: scaleY(1);

    transition: all 0.7s ease-in-out 0s;

    display: block;

    position: relative

}

.gallery-img .hover-effect {

    opacity: 0;

    transition: all 0.5s linear 0s;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    top: 0

}

.gallery-img h2 {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    color: #ffffff !important;

    font-size: 19px;

    line-height: 28px;

    margin: 82px auto 10px;

    opacity: 0;

    padding: 9px 0;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    transform: scale(0);

    transition: all 0.5s linear 0s;

}

.gallery-img p {

  color: #ffffff;

  margin: 0 30px;

  opacity: 0;

  text-align: center;

  transform: scale(0);

  transition: all 0.5s linear 0s;

}

.gallery-img:hover img {transform: scale(1.5);}

.gallery-img:hover .hover-effect {opacity: 1;}

.gallery-img:hover h2, .gallery-img:hover p {

    opacity: 1;

    transform: scale(1);

}

.video-gallery {display: block; overflow: hidden; height: 215px}

.mbYTP_wrapper {height: 215px}

.banner-readmore .button-default.button-green:hover{background: #fff}

.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a {color: #fff;}

.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a:after {background: #fff;}

.bg-dark .mainmenu ul#nav > li > a, .bg-dark.stick .mainmenu ul#nav.menu-white > li > a, .bg-dark .mainmenu ul#nav > li:hover > a, .bg-dark.stick .mainmenu ul#nav > li:hover > a {

    color: #fff;

}

.bg-dark .mainmenu ul#nav > li:hover > a:after {background: #fff;}



.articlemain img {max-width: 98%;}



.articlemain .headerarea {

    border-bottom: 1px dashed #d6d6d6;

    margin-bottom: 50px;

}

.articlemain strong{

    font-weight: bold;

}

.articlemain .headerarea h3 {

    text-align: center;

    font-size: 26px;

    color: #000;

    font-weight: 400;

    margin: 25px 0 15px 0;

}



.articlemain .headerarea p {

    text-align: right;

     color: #828282;

}



.articlemain .headerarea p i {

     color: #009899;  

     margin-left: 15px;

     margin-right: 5px;  

}







/*Sadd*/

.articlelistmain {

    margin-top: 25px;

}

.s_currentbox li {

    display: block;

    clear: both;

    margin-bottom: 15px;

}



.s_currentbox li img {

    width: 67px;

    margin-right: 15px;

    float: left;

}



.s_currentbox li > a > div {

    overflow: hidden;

}



.s_currentbox li > a > div h3 {

    font-size: 16px;

    font-weight: normal;

    color: #456e9a;

}



.s_currentbox li > a > div p {

    font-size: 13px;

    text-align: right;

    color: #009899;

    margin-bottom: 0;

}



.s_alist li {

	background:#f7f7f7;

	height:135px;

    margin-bottom:20px;

	padding-top:20px;

	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);

}

.s_alist li:hover {box-shadow: 0 6px 20px rgba(34, 30, 31, 0.3);}

.s_alist li img {

    margin-left:0 !important;

    width: 135px;

    margin-right: 20px !important;

	margin-left: 20px !important;

    float: left;

}

.s_alist .s_listimg-wrap {

    width: 165px;

	height:90px;

    float: left;

    margin-right:20px;

}

.s_alist .s_listimg-wrap img{

	width: 145px;

	height:90px;

	overflow:hidden;	

	}

.s_alist .s_listimg {

    padding: 33.3333% 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;



}



/*

.s_alist1 li {

	height:84px;

    margin-bottom:10px;

	padding-top:20px;

}

.s_alist1 li img {

    margin-left:0 !important;

    width: 135px;

    margin-right: 20px !important;

	margin-left: 20px !important;

    float: left;

}

.s_alist1 .s_listimg-wrap {

    width: 135px;

	height:70px;

    float: left;

    margin-right:20px;

}

.s_alist1 .s_listimg-wrap img{

	width: 115px;

	height:70px;

	overflow:hidden;	

	}

.s_alist1 .s_listimg {

    padding: 33.3333% 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;



}*/





.s_current-listimg-wrap {

    width: 65px;

    float: left;

    margin-right:15px;

}



.s_current-listimg {

    padding: 50% 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;



}



.s_alist li > a > div {

    overflow: hidden;

}



.s_alist li > a:hover {

    color: #607D8B;

}



.s_alist li > a > div h3 {

    font-size: 20px;

    margin-bottom: 5px;

    color: #333;

}



.s_alist li > a > div .s_desc {

    font-size:14px;

    margin-bottom: 0px;

    line-height: 1.5;

    color: #9a9a9a;

	height:42px;

	overflow:hidden;

}

.s_alist li > a > div .s_time {

    color: #bfbfbf;  

    font-size: 14px;

}



.s_alist li > a > div .s_time span {

    color:#8796e6;

}





.s_alist1 li > a > div {

    overflow: hidden;

}



.s_alist1 li > a:hover {

    color: #607D8B;

}



.s_alist1 li > a > div h3 {

    font-size: 20px;

    margin-bottom: 5px;

    color: #333;

}



.s_alist1 li > a > div .s_desc {

    font-size:14px;

    margin-bottom: 0px;

    line-height: 1.5;

    color: #9a9a9a;

	height:105px;

	overflow:hidden;

}

.s_alist1 li > a > div .s_time {

    color: #bfbfbf;  

    font-size: 14px;

}



.s_alist1 li > a > div .s_time span {

    color:#009999;

}





.tac {

    text-align: center;

}



.s_qr_area {

    padding: 10px;

}



.s_qr_area p {

    text-align: center;

}



.s_qr_area .qr-item {

    width: 50%;

    float: left;

}



.s_qr_area p img {

    max-width: 85px;

}



.s_float_chat {

    display: none !important;

    position: fixed;

    top: 140px;

    right: 10px;

}



.s_fc_item {

    background: #039BE5;

    width: 40px;

    padding: 10px 10px;

    text-align: center;

    border-radius: 6px;

    color: #fff;

    font-size: 15px;

    display: block;

}



.s_fc_item:hover {

    color: #ffe7c3;

}



.s_fc_item p{

    margin-top: 5px;

    margin-bottom: 0px;

}



#stikyR1 {

    top: -50px;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#stikyR1.stuck {

    z-index: 10;

}



/*==kclb==*/



/*Main 1*/

.kc-main1 {

    padding-bottom: 20px;

    /*background: #f7f7f7;*/

    /*border-top: 6px solid #f0f0f0;*/

}



.kc-main1 .container {

    background: #fff;

    padding-bottom: 25px;

}



.kc-lm-wrap {

    background: #71a4cc;

    border-radius: 5px;

    margin-top: 15px;

    overflow: hidden;

    top:-20px;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.kc-lm-wrap.stuck {

    overflow: visible;

    z-index: 10;

}



.kc-lm-wrap .lm-header-box {

    background: #456e9a;

    padding: 12px 0;

    color: #fff;

    text-align: center;

    font-size: 17px;

}



.kc-lm-wrap .lm-header-box span {

    font-weight: 400;

}



.lm-cont-box {

    margin: 10px 15px;

    padding: 10px 5px;

    color: #fff;

    border-bottom: 1px solid #8ac3ef;

}



.lm-caption {

    font-size: 16px;

    margin-bottom: 10px;

}



.lm-contul {

    padding: 0px;

}



.lm-contul > li {

    padding: 2px 10px;

}



.lm-contul > li > a {

    color: #fff;

}



.lm-contul > li > a:hover {

    color: #ffeb3b;

}



.lm-contul > li:after {

    content: "\f105";

    font: normal normal normal 12px/1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    float: right;

    font-size: 12px;

    margin-top: 4px;

    color: #c9deef;

}



.lm-contul > li:hover {

    background: #8cb3d2;

}



.lm-contul > li:hover > .lm-subul {

    visibility: visible;

    opacity: 1;  

}

.lm-subul {

    position: absolute;

    background: #ff9e4d;

    border-top: 3px solid #ffcf41;

    padding: 10px 15px;

    border-radius: 5px;

    width: 140px;

    right: -80px;

    margin-top: -20%;

    visibility: hidden;

    opacity: 0;

    transition: -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);

    z-index: 10;

}



.lm-subul > li {

    padding: 3px 0;

}



.lm-subul > li > a {

    color: #fff;

}



.lm-subul >li > a:hover {

    color: #ffeb3b;

    padding-left: 4px;

}



.lm-subul > li > a:before {

    content: "\f105";

    font: normal normal normal 12px/1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    display: inline-block;

    font-size: 12px;

    margin-right: 6px;

    color: #ffffff;

    vertical-align: middle;

}



.kc-main-wrap > .row > div{

    padding: 0;

}



.kc-slider {

    margin-top: 15px;

}



.swiper-slide img {

    width: 100%;

}

.swiper-slide .caption {

    position: absolute;

    margin-top: -60px;

    padding: 0 15px;

    width: 100%;

}

.swiper-slide .caption p {

    text-align: center;

    font-size: 22px;

    color: #fff;

    text-shadow: 1px 1px 5px #000;

}



.kc-rm-wrap-a {

    margin-top: 15px; 

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 3px solid #009899;

    padding: 20px 0;

    border-radius: 3px;

}



.rlogo-image {

    text-align: center;

    padding: 0 20%;

}



.rlogo-image img{

    border-radius: 50%;

    border: 2px solid;

    border-color: #009899;

    width: 100%;

    max-width: 80px;

}



.kc-rm-qq-box h3 {

    text-align: center;

    font-size: 16px;

    color: #f38d38;

    margin: 0px 15px 15px 15px; 

    padding: 15px 0;    

    border-bottom: 1px dashed #b1b1b1;

}



.qqlist li {

    text-align: center;

    margin: 5px 0;

}



.qqlist li a {

    color: #456e9a;

}



.qqlist li a:hover {

    color: #f38d38;    

}



.kc-rm-wrap-b {

    margin-top:15px; 

    background: #f6f6f6 none repeat scroll 0 0;

    border-bottom: 3px solid #f38d38;

    overflow: hidden;

    border-radius: 3px;

}



.kc-rm-sbtn {

    background: #659bc5;

    margin: 15px 20px;

    padding: 5px 0;

    border-bottom: 3px solid #456e9a;

    text-align: center;

    border-radius: 3px;

    transition: -webkit-transition: all 0.3s ease 0s;

}



.kc-rm-sbtn:hover {

    border-bottom: 2px solid #456e9a;

    padding-top: 6px;  

}



.kc-rm-sbtn a {

    color: #fff;

    width: 100%;

    display: block;

}



.kc-rm-sbtn a:hover {

    color: #e3f3ff;

}



.kc-rm-wrap-ad {

    margin-top: 15px;

    border-radius: 3px;

    border-bottom: 3px solid #71a4cc;

}



.kc-m-cnews {

    padding-bottom: 20px;

    border-bottom: 1px dashed #f9d1b0;

}



.kc-m-cnews h3 {

    font-size: 24px;

    margin: 30px 0 20px 0;

    text-align: center;

}



.kc-m-cnews h3 a {

    color: #f38d38;

}



.kc-m-cnews p {

    text-align: center;

    margin-bottom: 4px;

}



.kc-m-cnews p a {

    padding: 2px 15px;

}



.kc-m-cnews p a:last-child {

    border-left: 1px dashed #03A9F4;

}



.kc-m-thr-wrap > div:first-child {

    padding-left: 0px;

    padding-right: 7px;

}



.kc-m-thr-wrap > div:last-child {

    padding-left: 7px;

    padding-right: 0px;

}



.kc-m-thrbox {

    margin-top: 15px;

}



.kc-m-thrbox .head {

    font-size: 15px;

    text-align: center;

    padding: 10px 0;

	float:right;

	width:40%;

	margin-left:40%;

}



.kc-m-thrbox .head i {

    color: #f38d38;

    margin-right: 6px;

}



.kc-m-thrbox .more {

    font-size: 13px;

    text-align: center;

    padding: 10px 0;

    display: inline-block;

    width: 100%;

    color: #659bc5;

}



.kc-m-thrbox .more:hover {

    color: #f38d38;

}



.kc-m-thrbox .more i {

    margin-right: 6px;

}



.kc-m-thr-wrap > div {

    padding: 0 8px;

}



.kc-m-thr-wrap ul {

    padding: 5px 20px 0 20px;

    font-size: 13px;

}



.kc-m-thr-wrap ul li {

    padding: 2px 0;

    border-bottom: 1px solid #ececec;

    position: relative;

}



.kc-m-thr-wrap ul li span{

    position: absolute;

    right: 0;

    font-size:13px;

    color: #a0a0a0; 

}



.kc-m-thr-wrap ul li a:before {

    content: "\f0da";

    font: normal normal normal 12px/1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    display: inline-block;

    font-size: 12px;

    margin-right: 4px;

    color: #f38d38;

    vertical-align: middle;    

}







/*==kclb-list==*/

.kc-fs-wrap {

    background: #f7f7f7;

    border-bottom: 3px solid #f38d38;

    margin-bottom: 30px;

    padding-top: 10px;    

}



.kc-filter-wrap {

}



.kc-filter-item {

    padding: 10px 0;

    padding-bottom: 0px;

    border-bottom: 1px dashed #e1e2e1;

    margin-bottom: 0;

}



.kc-filter-item dt {

    float: left;

    margin-right: 5px;

    padding-left: 15px;

    color: #f38d38;

    font-weight: 600;

}



.kc-filter-item dd {

    overflow: hidden;

    font-size: 12px;

}



.kc-filter-item dd a {

    padding: 4px 8px;

    border-radius: 3px;

    margin: 0px 5px 5px 5px;

    float: left;

    cursor: pointer;

}



.kc-filter-item dd a.selected {

    background: #f38d38;

    color: #fff;

}



.kc-filter-item dd a.selected.xclosex:after {

    content: '\f136';

    margin-left: 5px;

    display: inline-block;

    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 12px;

}



.kc-sort-wrap {

    margin:15px 20px;

    background: #f0f0f0;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

    padding: 5px 15px;

    overflow: hidden;

}



.kc-sort-wrap a.selected {

    color: #f38d38;

}



.kc-sort-wrap a {

    margin-right: 15px;

}



.kc-sort-wrap a i {

    font-size: 12px;

    color: #a7a7a7;

}



.kc-sort-left {

    float: left;

}



.kc-sort-left a.selected.status1:after {

    content: "\f062";

    display: inline-block;

    margin-left: 5px;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 12px;

    color: #a7a7a7;

}



.kc-sort-left a.selected.status2:after {

    content: "\f063";

    display: inline-block;

    margin-left: 5px;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 12px;

    color: #a7a7a7;

}



.kc-sort-seltime input{

    font-size: 12px;

    width: 80px;

    height: 22px;

    padding: 0 5px;

}



.kc-sort-seltime input[type="submit"] {

    width: 50px;

    height: 24px;

}



.kc-sort-right {

    float: right;

}



.s_courselist li {

    margin-bottom: 25px;

    padding-bottom: 25px;

    border-bottom: 1px solid #efefef;

}



.s_courselist li img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    border:2px solid #ccc;

    margin-left: 0 !important;

    margin-right: 20px !important;

    float: left;

}



.s_courselist li > div {

    overflow: hidden;

}



.s_courselist li > div h3 {

    font-size: 18px;

    font-weight: 400;

    color: #f38d38;

    margin-bottom: 5px;

}



.s_courselist li p.s_desc {

    margin: 0px;

    font-size: 14px;

    color: #456e9a;

}



.s_courseinfo {

    float: left;

}



.s_courseprise {

    border-left: 1px dashed #e6e6e6;

    padding-left: 20px;

    float: right;

    min-height: 90px;

    padding-top: 10px;

}



.s_courseprise p.prise {

    font-size: 26px;

    color: #f38d38;

    margin: 20px 0 0 0;

}



.s_courseprise p.prise span {

    font-size: 16px;

}



.s_courseprise > div {

    color: #fff;

    padding: 5px 10px;

    border-radius: 5px;

    text-align: center;

    background: #03a9f4;

}



.s_courseprise .kbm {

    background: #03a9f4;

}



.s_courseprise .rb {

    background: #ff9800;

}



.s_courseprise .bm {

    background: #949494;

}



.bxcj-wrap .row.first{

    border-bottom: 1px dashed #f38d38;

        margin-bottom: 30px;

}



.hoverbox {

    display: block;

    box-shadow: 1px 0 6px rgba(0, 0, 0, 0.3);

}



.hoverbox:hover {

    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.5);    

}



.hoverbox2 {

    display: block;

    box-shadow: 1px 0 6px rgba(0, 0, 0, 0.1);

}



.hoverbox2:hover {

    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.3);    

}



.cj-sq-box {

    padding: 35% 50%;

    background: #ccc no-repeat;

    background-size: cover;

    background-position: 50% 50%;

    margin-bottom: 30px;

    position: relative;

}



.cj-sq-box.video:after {

    content: '';

    background: url(../images/v-play-a.png);

    background-size: cover;

    width: 60px;

    height: 60px;

    position: absolute;

    z-index: 99;

    top: 50%;

    left: 50%;

    margin-top: -32px;

    margin-left: -30px;

}



.cj-sq-box .innerx {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 15px 20px;

    background: rgba(0, 0, 0, 0.2);

}



.cj-sq-box .innerx h3{

	text-align:center;

    color: #fff;

    font-size: 16px;

    -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;

}



.hoverbox:hover .cj-sq-box .innerx h3 {

    color: #ffeb3b;

}



.cj-sq-box .innerx p {

    color: #dcdcdc;

    margin:5px 0;

    display: none;

}



.cj-sq-box.first {

    padding: 35.8% 50%;

}



.cj-sq-box.first .innerx {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 15px 20px;

    background: rgba(0, 0, 0, 0.2);

}



.cj-sq-box.first .innerx h3{

    color: #fff;

    font-size: 22px;

    -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;

}



.hoverbox:hover .cj-sq-box.first .innerx h3{

    color: #ffeb3b;

}



.cj-sq-box.first .innerx p {

    color: #dcdcdc;

    margin:5px 0;

    display: block;

}



.notfirst .cj-sq-box {

    margin-bottom: 0;

}



.notfirst .cj-sq-desc {

    border: 1px solid #e2e2e2;

    padding: 10px 15px;

    background: #fffbf8;

    margin-bottom: 30px;

    border-radius: 0 0 3px 3px;

}



.notfirst .cj-sq-desc h3 {

    height: 56px;

    overflow: hidden;

}



.notfirst .cj-sq-desc h3 {

    font-size: 16px;

    -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;

}



.notfirst .cj-sq-desc p {

    font-size: 13px;

    text-align: right;

    color: #989898;

    margin-bottom: 0;

 }



 .single-teacher-text > p {

    height: 79px;

    overflow: hidden;

 }



.single-teacher-text .viewmore {

    text-align: center;

    margin-top: 30px;

}



.single-teacher-text .viewmore a{

    border-radius: 30px;

    border: 1px solid #673AB7;

    padding: 8px 20px;

}



.single-teacher-text .viewmore a:hover {

    border: 1px solid #f38d38;

    background: #f38d38;

    color: #fff;



}



.single-teacher-text > h3 a {

    color: #f38d38;

}



.single-teacher-image > a:after {

    background: rgba(255, 193, 7, 0.3) none repeat scroll 0 0 !important;

}



/* gywm */



.s-left-nav {

    margin-bottom: 20px;

}



.gywm-nav {

    margin:0 10px 20px 10px;

}



.s-left-nav.stuck {

    z-index: 10;

}



.s-left-nav .mhead {

    background: #456e9a;

    padding: 15px 0;

    color: #fff;

    text-align: center;

    font-size: 17px;

    border-radius: 5px 5px 0 0;

}

.s-left-nav .mhead i {

    margin-right: 5px;

    font-weight: 200;

}



.s-left-nav .mcontent {

    background: #71a4cc;

    border-radius: 0 0 5px 5px;

    overflow: hidden;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.s-left-nav .mcontent .mitem {

    text-align: center;

    padding: 12px 0;

    border-bottom: 1px solid #95c0e2;

}



.s-left-nav .mcontent .mitem a {

    color: #fff;

    font-size: 15px;

    width: 100%;

    display: inline-block;

}



.s-left-nav .mcontent .mitem:hover a, .s-left-nav .mcontent .mitem.active a {

    border-left: 4px solid #ffb13f;

    margin-left: 15px;

    padding-right: 35px;

}



.s-left-nav .mcontent .mitem a:hover {

    color: #fff6a6;

}



.school-desc {

    margin-top: 20px;

}



.school-desc p {

    text-align: center;

    font-size: 18px;

    color: #456e9a;

    margin-bottom: 15px;



}



.school-desc p i {

    margin-right: 8px;

    color: #f38d38;

}



/*gallery-list*/



#s_imggallery .item {

    text-align: center;

    margin-bottom:40px;

    cursor: pointer;

}



#s_imggallery .item img{

    height: 180px;

    max-width: 260px;

    border: 6px solid rgb(212, 199, 189);

    border-radius: 3px;

    box-shadow: 1px 1px 5px rgba(0,0,0,0.15);

    margin-bottom: 15px;

    padding: 4px;

    -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;

}



#s_imggallery .item:hover img{

    box-shadow: 1px 1px 10px rgba(0,0,0,0.4);    

}



#s_imggallery .item p {

    height: 45px;

    overflow: hidden;

    color: #456e9a;

}



.lg-backdrop {

    background-color: rgba(0, 0, 0, 0.7);

}



.lg-outer .lg-thumb-outer {

    background-color: rgba(13, 10, 10, 0.5);

}



/*new header*/

.header-top .content.cleft {

    display: inline-block;

    margin-left: 13px;

    padding-left: 17px;

    position: absolute;

    cursor: pointer;

    margin-top: 12px;

}

.header-top .content.cleft > a {color: #fff}

.header-top-right .content.cleft:hover > a {color: #456e9a;}

.header-top .content.cleft i {font-size: 14px; margin-right: 8px;}

.header-top-right {float: right; padding-top: 20px; padding-bottom: 5px;}

.header-top .content.cleft:after {

    background: #ffffff none repeat scroll 0 0;

    content: "";

    height: 10px;

    left: 0;

    position: absolute;

    top: 6px;

    width: 2px;

}

.header-top .content.cleft:first-child:after {display: none;}

.header-top .content.cleft .account-dropdown {

    background-color: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

    margin: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    padding: 5px 19px 6px;

    position: absolute;

    left: 0;

    text-align: left;

    top: 100%;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

            transform-origin: 0 0 0;

    -webkit-transition: all 0.6s ease 0s;

            transition: all 0.6s ease 0s;

    width: 125px;

    z-index: -99;

}

.header-top .content.cleft:hover .account-dropdown {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

    z-index: 666;   

}



.search-form {

    background-color: #ffffff;

    border: 1px solid #86bc42;

    width: 90%;

    margin-top: 20px;

}



#search-form input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #666666;

    font-size: 13px;

    font-weight: 300;

    height: 30px;

    padding: 0 40px 0 15px;

    width: 100%;

}



.search-form button[type="submit"] {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    display: block;

    font-size: 18px;

    height: 30px;

    line-height: 28px;

    position: absolute;

    right: 8px;

    text-align: center;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.nivo-caption a {

    display: block !important;

    width: 100%;

    height: 100%;

}



header {

    border-bottom: 5px solid #e4e4e4;

    box-shadow: 0 0 10px #d4d4d4;

}



.n_top-width-img {

    margin-top: 15px;

}



.main-with-grey {

    background: #f7f7f7;

}



.main-with-grey > .container {

    background-color: #fff;

}



.sdts_warp {

    margin:30px 0;

}



.gototop {

    font-size: 14px;
    text-shadow: 0px 0px 4px #f7f7f7;
    color: #ffffff;

}

.out-bg-white .main-with-grey{

    background: #fff;

}

.add_new .s_alist li{

    padding: 5px;

    margin-bottom: 10px;

    border-radius: 8px;

}

.add_new .s_alist li:hover{

    background-color: #fff; 

}

.add_new .s_time {

    margin: 0;

}

.add_new .s_alist {

    margin: 0px;

}

.add_new .s_listimg-wrap{

    margin-left: 5px;

}





.sidebarmain.ec-colorswitcher  { left: 0px; }

.ec-colorswitcher {

    padding: 0px;

    width: 260px;

    background: #fcfcfc;

    z-index: 99999999999;

    position: fixed;

    left: -260px;

    top: 25%;



    -webkit-transition: all 0.4s ease-in-out;

       -moz-transition: all 0.4s ease-in-out;

        -ms-transition: all 0.4s ease-in-out;

         -o-transition: all 0.4s ease-in-out;

            transition: all 0.4s ease-in-out;

}

.ec-handle {

  position: absolute;

  right: -40px;

  top: 0px;

  background-color: #fff;

  width: 40px;

  height: 40px;

  color: #333;

  text-align: center;

  border: 1px solid #e9e9e9;

  font-size: 20px;

}

.ec-handle i {

  line-height: 38px;

}

.ec-colorswitcher h3 {

    padding: 10px 0px 10px 20px;

    font-size: 18px;

    background-color: #fff;

    margin: 0px;

    border-top: 1px solid #e9e9e9;

}

.ec-colorswitcher h6 { color: #777; }

.ec-switcherarea {

    padding: 15px 20px 20px 15px;

    float: left;

    width: 100%;

}

.ec-switcherarea ul.ec-switcher { margin-left: -2px; }

.ec-switcherarea .ec-switcher li {

    float: left;

    list-style: none;

    padding-left: 5px;

    margin-bottom: 5px;

    text-align: center;

    width: 20%;

}

.ec-switcherarea .ec-switcher li a {

  float: left;

  width: 100%;

  height: 20px;

}

.layout-btn {

  margin-left: -7px;

}

.layout-btn a {

  float: left;

  width: 50%;

  padding: 0px 0px 0px 7px;

  margin-bottom: 15px;

}

.layout-btn a span {

  background-color: #f05a66;

  color: #fff;

  float: left;

  padding: 10px;

  text-align: center;

  transition: all 0.4s ease-in-out 0s;

  width: 100%;

}

.layout-btn a span:hover { opacity: 0.7; }

.ec-pattren,.ec-background {

  float: left;

  width: 100%;

  padding: 14px 0px 0px 0px;

}

.ec-pattren a,.ec-background a {

  float: left;

  width: 20%;

  padding: 0px 0px 5px 5px;

  height: 45px;

}

.ec-pattren a img,.ec-background a img {

  box-shadow: 0px 0px 0px 1px #ddd;

  width: 100%;

}

.ec-background a img { height: 100%; }

.pattren-wrap,.background-wrap { margin-left: -5px; }



.ec-handle i {

    animation: 2s linear 0s normal none infinite running fa-spin;

}

@keyframes fa-spin {

0% {

    transform: rotate(0deg);

}

100% {

    transform: rotate(359deg);

}

}



.cs-color-1 {

  background: #86BC42;

}

.cs-color-2 {

  background: #41c3ac;

}

.cs-color-3 {

  background: #AF4D32;

}

.cs-color-4 {

  background: #f05a66;

}

.cs-color-5 {

  background: #3498db;

}

.cs-color-6 {

  background: #9b59b6;

}

.cs-color-7 {

  background: #34495E;

}

.cs-color-8 {

  background: #e67e22;

}

.cs-color-9 {

  background: #0073AD;

}

.cs-color-10 {

  background: #336E7B;

}



.mainmenu{ overflow: hidden; margin-bottom:-10px;}

.mainmenu ul li{font-size:16px; float:left; border-right: 1px solid #ddd; margin:0 auto; padding:0;width: 140px;height: 70px;line-height: 70px;text-align: center;}

.mainmenu ul li a{ display:inline-block;color:#222;line-height: 70px;}

.mainmenu .cur a,.mainmenu li a:hover{ text-decoration:none; background:url(../images/cur.png) repeat-x;color: #fff;display:block;margin:0;}
.mainmenu li a:active{ text-decoration:none; background:url(../images/cur.png) repeat-x;color: #fff;display:block;margin:0;}



.course-row { background-color: #f7f7f7; padding-bottom:50px;}

.free-study{ width:1200px; height:auto; margin:0 auto 20px;}

.icon-header {

    font-size:24px;

    line-height: 30px;

    color: #333;

    padding-top: 45px;

    margin-bottom: 20px;
    
        

}

.icon-header .yingwen{
	font-size:12px;
	padding-left:10px;
}
.icon-header a{
	float:right;
	color:#666666;
	font-size:16px;
	padding-right: 16px;
}

.course-row .carousel-box {

    height: 400px;

}



/*.course-row1 { padding:20px 0 0;}*/

.icon-header1 {

    font-size:30px;

    line-height: 30px;

    color: #666;

    padding:15px 0;

    margin:10px auto;

	text-align:center;

}
.icon-header1 span{
	color:#66cccc;
}
.icon-header2 {
    font-size: 14px;
    line-height: 0px;
    color: #66cccc;
    padding: 25px 0;
    margin-top:-24px;
    text-align: center;
    padding-right: 10px;

}


/*优势*/
.ys .bottom-side1 {
	text-align: center;
}
.ys .bottom-side1 p{
	color:#666666;
	font-size:14px;
	padding-top: 6px;
}
.ys .img-box{
	text-align: center;
}
.ys .box-title{
	color:#333333 ;
	font-size:22px ;
	padding-top: 20px;
}



.box .bottom-side1{padding:5px;background-color:#fff;overflow:hidden}

.box .bottom-side1 .box-title{font-size:20px;height:35px; line-height:35px; margin:0;}

.box .bottom-side1 .kcxq{ color:#999; height:44px; overflow:hidden; }

.box{display:inline-block;width:278px; margin:5px 9px;position:relative;cursor:pointer}

.box .img-box{height:165px;position:relative}

.box .img-box img{width:100%;height:100%}

.box .img-mask,.box .scroll{height:165px;position:absolute}

.box .mark,.box .mark2{position:absolute;top:0;left:0;width:47px;z-index:10}

.box .mark2{width:44px;left:20px}

#subject-page .box .mark2{width:66px;left:30px}

.box .scroll{top:0;left:0;right:0;overflow:hidden}

.box .img-mask{top:100%;left:0;width:100%;background-color:rgba(29,29,29,.8);z-index:100;padding:10px;color:#fff;transition:all 1s ease}

.box .img-mask .mask-center{
	width: 30px;
    height: 30px;
    margin: 35px auto 0;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
	}

.box .img-mask .mask-center a{display:block}

.box:hover .img-mask{top:0}

.box .img-mask .mask-bottom-content{display:none;position:absolute;bottom:0;left:0;padding:10px}

.box:hover .img-mask .mask-bottom-content{color:#fff;display:block}

.box .bottom-side{
	background-color: #009899;
    overflow: hidden;
    text-align: center;
    color: white;
    }

.box .bottom-side .box-title{
	font-size:16px;
	height:45px;
	line-height:45px;}



/*专家团队*/
.content {width: 1200px;margin: 0 auto;}

.sky-campus{
	background:url(../images/rw-bk.png)center center no-repeat;
	margin-top:-20px ;
	background-color: #2e3640;
	padding-bottom:64px;
}
.mo{
	text-align: center;
	margin-top: 70px;
	
}
.mo a{
	padding: 10px 28px;
    border: 1px solid #3ed6ff;
    border-radius: 10px;
    color:#3ed6ff ;
}
.mo a:hover {
    color: white;
}

.indextit { height: 30px; text-align: center;}

.indextit h2 { display: inline-block; height: 100%; padding: 0 15px; font-weight: bold; line-height: 28px; font-size: 30px; color: #333}



.wttit h2 { background-color: #fff; width:150px; height:30px;}

.campus { margin-top:68px;}



.xb-module{padding:10px 0 40px; height:auto; display:block;}

.kecheng{

    padding-left: 0 !important;

    padding-right: 0 !important;

	width: 1200px;

	height:auto;

    max-width: none;

	margin:50px auto;

}

.panel-column {

    border: 1px solid #e8e8e8;

	float: left !important;

	width: 380px;

    border-radius: 5px;

    overflow: hidden;

    padding: 10px 0;

	margin:0 10px;

}

.panel-heading {

    position: relative;

	padding: 8px 15px;

    border-bottom: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    position: relative;

}

.panel-heading .en {

    text-transform: uppercase;

    line-height: 30px;

}

.fs-30 {

    font-size: 30px;

}

.fs-22 {

    font-size: 22px;

}

.panel-body {

    padding: 8px 10px;

    position: relative;

}



.list-news{}

.list-news .list-item {margin: 0; padding:10px;border-bottom: 1px solid #e5e5e5; line-height:20px;}

.list-news .list-item .caretRight{

  display: inline-block;

  margin-top: 6px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 4.5px 0 4.5px 5px;

  border-color: transparent transparent transparent #7f7f7f;

  line-height: 0px;

  _border-color: #000000 #000000 #000000 #7f7f7f;

  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}

fl {

    float: left;

    *display: inline;

}

.list-news .list-item .inner-wrap{position: relative;background:}

.list-news .list-item .title{width: 315px;margin-left: 5px;}



.panel-body {

    padding:28px 0;

    position: relative;

}

.xb-listr{}

.xb-listr .list-item{text-align: center; width:180px;height:88px;margin:10px;border:1px solid #ebebeb; overflow:hidden; float:left; }

.xb-listr .list-item .item-media{width: 100%; height: 88px;overflow: hidden}

.xb-listr .list-item .item-media img{width:100%;height: 100%; overflow:hidden;}

.xb-listr .on{border-color: #0b6aad}

.xb-list{}

.xb-list ul,

.xb-list li{

  list-style: none;

}

.xb-listr > .row{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}

.xb-listr .list-item{padding-left: 0; padding-right: 0; margin-bottom: 12px;position: relative;}

.xb-listr .list-item:hover{ border:1px solid #f00;}

.xb-listr .item-media{position: relative; overflow: hidden;display: block;}

.xb-listr .item-media:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}

.xb-listr .item-media img{margin: 0; width: 100%; max-width: 100%; width: auto/9; height: auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}

.xb-listr .title,

.xb-listr .title a{

  display: block; color: #333333

}


.news-details-content{ margin:0 auto 18px; height:60px; border-bottom:2px solid #ddd;}

.news-details-content h3{ float:left; height:60px; line-height:60px;font-size:22px;}


.Tits{ border-bottom: 1px solid #dcdcdc;position:relative;overflow:hidden;height:60px; margin-top:15px;}

.Tits:before{position:absolute;content:'';background:#dcdcdc;width:100%;height:1px;left:0;bottom:0}

.Tits span{font-size:22px;line-height:60px;text-indent:.8em;float:left}

.Tits:after{content:"";width:3px;height:17px;background:#009999;position:absolute;left:120px;top:50%;margin-top:-8px;}

.Tits .change{width:62px;height:14px;line-height:14px;font-size:14px;position:absolute;right:1px;bottom:15px}

.Tits .change a{display:block;width:100%;height:100%;color:#969696;text-align:right;background:url(../images/hyh-gray.png) no-repeat left center;text-decoration:none;background-size:contain}

.Tits .change a:hover{background-image:url(../images/hyh.png);color:#ef1713}

.Tits .uls{display:inline-block;overflow:hidden;vertical-align:bottom;margin-left:180px;line-height:64px}

.Tits .uls li{float:left;padding:0 20px}

.Tits .uls li a{font-size:14px;color:#575757}

.Tits .uls li a:hover{color:#EF1713}

.box4 .list{/*! overflow: hidden; */}

.box4 ul li{overflow:hidden;margin-top:20px;}

.box4 ul li+li+li{margin-bottom:0}

.box4 ul li .pic{padding:0}

.box4 ul li .pic img{width:100%}

.box4 ul li summary{padding-right:0}

.box4 ul li summary .tit{font-size:14px;border-bottom:1px solid #e5e5e5;color:#000; padding-bottom:5px;}

.box4 ul li summary .tit span{display:block;color:#000;font-size:16px; font-weight:bold;}

.box4 ul li summary .tet{font-size:12px;margin-top:5px; height:89px; overflow:hidden;}

.box4 ul li summary .tet span:first-child{color:#000;opacity:.7}

.box4 ul li summary .tet span.moreMeg{color:#e0170b}

.box4 ul li summary a{color:#000000;display:inline-block;float:right}

.box4 ul li a:hover .moreMeg{text-decoration:underline}

	/************关于我们开始***********/
	
	.title {
		margin-bottom: 20px;
	}
	
	.title li {
		display: inline-block;
		/*padding:15px 10px;*/
		font-size: 18px;
		margin: 0 10px;
		background-color:transparent;
		width: 140px;
		border-radius: 4px;
		background-color:#0076c3;
	}

	.title .current2 {
		background-color:#ff893c;
		transition: 0.5s;
	}
	
	.title li a {
		line-height: 40px;
		/*padding: 8px 30px;*/
		color:white;
	}
	.title li a:hover{
		color: white;
	}
	.box1 {
		margin-top: 30px;
	}
	
	.box1 ul li {
		position: relative;
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	.txt {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.8)
	}
	
	.sbCont li {
		float: left;
	}
	/*****************关于我们结束*****************/
	
	/*****************banner开始*****************/
	*{margin:0;padding:0;list-style:none;}
    img{border:0;}
a{text-decoration:none;}
/*pc端banner*/
/* fullSlide */
.fullSlide{width:100%;position:relative;height:496px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:496px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:496px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1.2;width:10px;height:10px;margin:2px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;border-radius:50%;}
.fullSlide .hd ul .on{background:#66CCCC;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*手机端banner*/
.fullSlide-m{width:100%;position:relative;height:156px;}
.fullSlide-m .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide-m .bd ul{width:100% !important;}
.fullSlide-m .bd li{width:100% !important;height:496px;overflow:hidden;text-align:center;}
.fullSlide-m .bd li a{display:block;height:496px;}
.fullSlide-m .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide-m .hd ul{text-align:center;}
.fullSlide-m .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1.2;width:10px;height:10px;margin:2px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;border-radius:50%;}
.fullSlide-m .hd ul .on{background:#66CCCC;}
.fullSlide-m .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide-m .next{left:auto;right:15%;background-position:-6px -137px;}
      /*****************banner结束*****************/