/*------------------------------------------------------------------

[Table of contents]



  General Styling

  Headertonglan4

  Footer

  About Us

  Blog

  Contact

  Portfolio

  Sidebar

  Typography

  Elements [Forms, buttons etc..]

  Other Plugins

  

[/Table of contents]

-------------------------------------------------------------------*/

.selector{font-family: Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 16px; }

.primary-font,

a.side-menu-button,

nav.main-navigation ul a {

    font-family:Arial, "microsoft yahei", 'Montserrat', sans-serif;

}



html {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 93.75%;

}



section {

    padding: 10px 0;

}



p {

    font-family: Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 13px;

    line-height: 24px;

    color: #262424;

}



.sub-header {

    line-height: 40px;

    height: 40px;

    background: #fff;

    border-bottom: 1px solid #dbdbdb;

}



.sub-header.index {

    background: url(index_header.jpg) no-repeat center center;

    background-size: cover;

}



.sub-header ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}



.sub-header ul li {

    display: inline-block;

}



.sub-header .left-info ul li {

    margin-right: 15px;

    border-right: 0px solid #dbdbdb;

    padding-right: 15px;

}



.sub-header .left-info ul li:last-child {

    margin-right: 0px;

}



.sub-header .left-info ul li:first-child {

    padding-left: 15px;

    border-left: 1px solid #f2f2f2;

}



.sub-header .left-info a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

}



.sub-header .left-info i {

    font-size: 13px;

    margin-right: 8px;

    color: #f43d3e;

}



.sub-header .right-icons ul li {

    margin-left: 15px;

}



.sub-header .right-icons ul li:first-child {

    margin-left: 0px;

}



.sub-header .right-icons i {

    font-size: 18px;

    color: #969696;

}



.sub-header .right-icons i:hover {

    color: #f43d3e;

    transition: all 0.3s;

}



.site-header {

    position: fixed;

    width: 100%;

    height: 100px;

    top: 0px;

    left: 0;

    background: #fff;

    z-index: 9999;

    -webkit-transition: all 400ms;

    -moz-transition: all 400ms;

    -o-transition: all 400ms;

    transition: all 400ms;

}



.site-header.index {

    background: url(index_header_nav.jpg) no-repeat center center;

    background-size: cover;

}



.site-header .main-header .logo {

    float: left;

    line-height: 100px;

    position: relative;

    z-index: 9999;

}



.site-header-2 .header-right-toggle a {

    color: #121212 !important;

}



.site-header-2 nav.main-navigation ul li a {

    color: #121212;

}



.site-header-2 nav.main-navigation ul .language .showLink {

    color: #121212;

}



.site-header-2 nav.main-navigation ul .language .hideLink {

    color: #121212;

}



.site-header-3 {

    background-color: #ffffff;

}



.site-header-3 .header-right-toggle a {

    color: #121212 !important;

}



.site-header-3 nav.main-navigation ul li a {

    color: #121212;

}



.site-header-3 nav.main-navigation ul .language .showLink {

    color: #121212;

}



.site-header-3 nav.main-navigation ul .language .hideLink {

    color: #121212;

}



.second_title2 {

    font-size: 20px;

    color: #303C4D;

}



.scrolled-header {

    background-color: rgba(250, 250, 250, 0.98);

    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);

    top: 0;

}



.scrolled-header .logo a {

    color: #121212 !important;

}



.scrolled-header .header-right-toggle a {

    color: #121212 !important;

}



.scrolled-header nav.main-navigation ul li a {

    color: #121212;

}



.scrolled-header nav.main-navigation ul .language .showLink {

    color: #121212;

}



.scrolled-header nav.main-navigation ul .language .hideLink {

    color: #121212;

}



.header-right-toggle {

    margin-top: 0px;

    margin-right: 0px;

}



.header-right-toggle a {

    padding-left: 7px;

    margin-top: 38px;

    color: #121212;

    display: inline-block;

}



a.side-menu-button {

    text-transform: uppercase;

    font-weight: 700;

    color: #121212;

}



a.side-menu-button i {

    margin-right: 6px;

}



nav.main-navigation {

    position: relative;

    z-index: 20;

}



nav.main-navigation ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



nav.main-navigation ul li {

    position: relative;

    display: inline-block;

    padding: 39px 15px;

}



nav.main-navigation ul li ul.sub-menu {

    text-align: left;

    position: absolute;

    top: 100%;

    left: 0;

    border-top: 2px solid #303C4D;

    width: 120px;

    background: #ffffff;

    padding: 5px 0;

    visibility: hidden;

    opacity: 0.5;

    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);

    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);

    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);

}



nav.main-navigation ul li ul.sub-menu li {

    display: block;

    padding: 0;

    margin: 10px 5px;

}



nav.main-navigation ul li ul.sub-menu li a {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #303C4D;

    font-size: 14px;
	background: #E2E2E9;
    text-transform: capitalize;

    font-weight: 400;

    padding: 6px 22px;

    letter-spacing: 0.5px;

}



nav.main-navigation ul li ul.sub-menu li a:hover {

    color: #9D0634;

}



nav.main-navigation ul li ul.sub-menu li:last-child {

    float: none;

}



nav.main-navigation ul li:hover ul.sub-menu {

    transition: all 0.3s;

    visibility: visible;

    opacity: 1;

}



nav.main-navigation ul a {

    letter-spacing: 1px;

    font-size: 15px;

    color: #121212;

    text-transform: uppercase;

    font-weight: 700;

}



nav.main-navigation ul a i {

    margin-left: 7px;

}



@media (min-width: 992px) and (max-width: 1200px) {

    nav.main-navigation ul a {

        padding: 10px 0;

    }

}



nav.main-navigation ul a:hover {

    color: #303C4D;

    transition: all 0.3s;

}



nav.main-navigation ul .language {

    text-align: left;

    border-left: none;

    margin-left: 0px;

    padding-left: 0px;

}



nav.main-navigation ul .language .showLink {

    position: relative;

    color: #121212;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    letter-spacing: 0.1px;

    font-weight: 400;

    border-left: 1px solid #cdcdcd;

    padding-left: 15px;

}



nav.main-navigation ul .language .hideLink {

    border-left: 1px solid #cdcdcd;

    padding-left: 15px;

    top: 0;

    left: 0;

    position: relative;

    color: #cdcdcd;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 14px;

    letter-spacing: 0.1px;

    font-weight: 400;

}



nav.main-navigation ul .language #example {

    margin-top: -10px;

    display: none;

}



nav.main-navigation ul .language #example ul {

    z-index: 21;

    position: absolute;

    padding: 0;

    margin-top: 0px;

    list-style: none;

    background-color: #f4f4f4;

}



nav.main-navigation ul .language #example ul li {

    border-bottom: 1px solid #c4c4c4;

    border-left: none;

    display: block;

    margin: 0px;

    width: 110px;

    padding: 7px 15px;

}



nav.main-navigation ul .language #example ul li a {

    color: #414141;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 11px;

    letter-spacing: 0.1px;

    font-weight: 400;

    text-align: left;

    text-transform: capitalize;

}



nav.main-navigation ul .language #example ul li a:hover {

    color: #303C4D;

    transition: all 0.3s;

}



nav.main-navigation ul .language #example ul li:last-child {

    border-bottom: none;

}



nav.main-navigation ul .language #example ul li:last-child a {

    color: #414141;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    letter-spacing: 0.1px;

    font-weight: 400;

    background-color: transparent;

    padding: 0px;

}



nav.main-navigation ul .language #example ul li:last-child a:hover {

    color: #303C4D;

    transition: all 0.3s;

}



nav.responsive-menu {

    background-color: #f4f4f4;

}



nav.responsive-menu ul {

    padding: 25px 15px;

    margin: 0;

    padding: 0;

    width: 100%;

    display: inline-block;

    list-style: none;

    float: left;

}



nav.responsive-menu ul li {

    margin: 1px 0px;

    display: block;

    position: relative;

}



nav.responsive-menu ul li .show-submenu {

    position: absolute;

    top: 0;

    right: 15px;

    cursor: pointer;

    color: #ffffff;

}



nav.responsive-menu ul li .show-submenu i {

    width: 47px;

    height: 47px;

    background-color: #e2e2e2;

    text-align: center;

    display: inline-block;

    line-height: 47px;

}



nav.responsive-menu ul li .sub-menu {

    display: none;

    padding: 0 0 0 0px;

}



nav.responsive-menu ul li .sub-menu.open {

    display: block;

}



nav.responsive-menu ul li .sub-menu li {

    position: relative;

    z-index: 9;

    margin: 0;

    padding: 0 0 0 10px;

}



nav.responsive-menu ul li .sub-menu li:before {

    content: '-';

    position: absolute;

    left: 25px;

    color: #121212;

    top: 10px;

}



nav.responsive-menu ul li .sub-menu li:last-child {

    padding: 0 0 0px 10px;

    margin: 0 0 10px 0px;

    border-bottom: 1px solid #f43d3e;

}



nav.responsive-menu ul li .sub-menu a {

    font-size: 12px;

    font-weight: 300;

    padding: 15px 30px;

    letter-spacing: 1.5px;

    text-transform: capitalize;

    color: #121212;

    background-color: #e0e0e0;

    margin-right: 15px;

    margin-top: 1px;

}



nav.responsive-menu a {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    display: block;

    letter-spacing: 1px;

    padding: 15px 15px;

    margin: 0;

    color: #121212;

    background-color: #e7e7e7;

}



#search {

    position: fixed;

    top: 120px;

    left: 0px;

    width: 100%;

    height: 50px;

    background-color: rgba(0, 0, 0, 0.9);

    z-index: 9999999;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);

    -moz-transform: translate(0px, -100%) scale(0, 0);

    -o-transform: translate(0px, -100%) scale(0, 0);

    -ms-transform: translate(0px, -100%) scale(0, 0);

    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;

}



#search.open {

    -webkit-transform: translate(0px, 0px) scale(1, 1);

    -moz-transform: translate(0px, 0px) scale(1, 1);

    -o-transform: translate(0px, 0px) scale(1, 1);

    -ms-transform: translate(0px, 0px) scale(1, 1);

    transform: translate(0px, 0px) scale(1, 1);

    opacity: .8;

}



#search input[type="search"] {

    position: absolute;

    top: 0px;

    width: 100%;

    color: #ffffff;

    background: rgba(0, 0, 0, 0);

    font-size: 16px;

    font-weight: 300;

    height: 50px;

    text-align: left;

    border: 0px;

    margin: 0px auto;

    margin-top: 0px;

    padding-left: 30px;

    padding-right: 30px;

    outline: none;

    z-index: 1;

}



#search .btn {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 61px;

    margin-left: -45px;

    border-color: transparent;

    background-color: transparent;

    display: none;

}



#search .btn span {

    background-color: #f43d3e;

    padding: 12px 22px;

    border-radius: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 11px;

    text-transform: uppercase;

    color: #ffffff;

    letter-spacing: 1px;

    display: inline-block;

    border-color: transparent;

}



#search .btn:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



#search .close {

    outline: none;

    position: fixed;

    top: 0px;

    right: 15px;

    color: #ffffff;

    /* background-color: #f43d3e; */

    border-color: transparent;

    opacity: 1;

    padding: 10px 17px;

    font-size: 25px;

    z-index: 2;

}

.sidebar-menu-inner {

    position: relative;

    overflow: hidden;

    background: #fff;

}



.sidebar-menu-container {

    position: relative;

    overflow: hidden;

}



.sidebar-menu-push {

    position: relative;

    left: 0;

    z-index: 9999;

    height: 100%;

    -webkit-transition: -webkit-transform 0.5s;

    transition: transform 0.5s;

}



.sidebar-menu-overlay {

    position: absolute;

    z-index: 99999999;

    top: 0;

    right: 0;

    width: 0;

    height: 0;

    background: rgba(0, 0, 0, 0.8);

    content: '';

    opacity: 0;

}



.sidebar-menu-open .sidebar-menu-overlay {

    width: 100%;

    height: 100%;

    opacity: 1;

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

}

.submits{display: none !important;}

.sidebar-menu {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    visibility: hidden;

    width: 250px;

    height: 100%;

    margin: 0;

    padding: 0;

    background: #fff;

    -webkit-transition: all 1s;

    transition: all 1s;

    overflow-y: auto;

}



.sidebar-menu::after {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    content: '';

    opacity: 1;

}



.sidebar-menu-open .sidebar-menu::after {

    width: 0;

    height: 0;

    opacity: 0;

}



.slide-from-left.sidebar-menu-open .sidebar-menu-push {

    -webkit-transform: translate3d(250px, 0, 0);

    transform: translate3d(250px, 0, 0);

}



.ie9 .slide-from-left .sidebar-menu-push {

    margin-left: 250px;

}



.slide-from-left.sidebar-menu {

    z-index: 1;

}



.slide-from-left.sidebar-menu-open .slide-from-left.sidebar-menu {

    visibility: visible;

    -webkit-transition: -webkit-transform 0s;

    transition: transform 0s;

}



.slide-from-left.sidebar-menu::after {

    display: none;

}

































/* Medium Screens */



@media only screen and (min-width: 40.063em) {

    .sidebar-menu {

        width: 320px;

    }

    .slide-from-left.sidebar-menu-open .sidebar-menu-push {

        -webkit-transform: translate3d(320px, 0, 0);

        transform: translate3d(320px, 0, 0);

    }

    .ie9 .slide-from-left .sidebar-menu-push {

        margin-left: 320px;

    }

}



footer {

    padding: 70px 0px 40px 0px;

    background-color: #151517;

}



@media (max-width: 991px) {

    footer .widget-heading {

        margin-top: 60px;

    }

}



footer .widget-heading h2 {

    margin-top: 0px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 14px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #ffffff;

    margin-bottom: 15px;

}



footer .widget-heading .line-dec {

    width: 45px;

    height: 2px;

    background: #303C4D;

    margin-bottom: 40px;

    margin-left: 0;

}



footer .logo {

    margin-bottom: 40px;

}



footer .logo a {

    letter-spacing: 0.6px;

    color: #ffffff;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 18px;

    font-weight: 300!important;

}



footer .logo a em {

    font-weight: 400;

    font-style: normal;

}



footer p {

    margin-top: -8px;

    margin-bottom: 20px;

    color: #fff;

}



footer .about-us ul {

    padding: 0px;

    margin: 0px;

    list-style: none;

}



footer .about-us ul li {

    display: block;

    margin-top: 12px;

}



footer .about-us ul li:last-child {

    margin-right: 0px;

}



footer .about-us a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    color: #fff;

}



footer .about-us a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



footer .about-us i {

    margin-right: 15px;

    color: #ffffff;

    width: 20px;

    text-align: center;

}



footer .recent-projects ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



footer .recent-projects ul li {

    display: block;

    margin: 10px 0px;

}



footer .recent-projects ul li a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 13px;

    color: #fff;

}



footer .recent-projects ul li a i {

    margin-right: 8px;

    display: inline-block;

    width: 16px;

    color: #171518;

    height: 16px;

    border-radius: 16px;

    background: #e8b633;

    text-align: center;

    line-height: 16px;

}



footer .recent-projects ul li a:hover {

    color: #ffffff;

    transition: all 0.5s;

}



footer .recent-posts ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



footer .recent-posts ul li {

    display: block;

    margin-bottom: 15px;

}



footer .recent-posts ul li img {

    width: 65px;

    float: left;

    margin-right: 15px;

}



footer .recent-posts ul li span {

    color: #cdcdcd;

}



footer .recent-posts ul li:last-child {

    margin-bottom: 0px;

}



footer .recent-posts h4 {

    padding-top: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #ffffff;

    margin-bottom: 5px;

}



footer .recent-posts h5 {

    color: #fff;

    margin-top: 5px;

}



footer .recent-posts span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #a7a7a7;

    font-size: 10px;

    letter-spacing: 0.5px;

}



footer .get-in-touch ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



footer .get-in-touch ul li {

    display: inline-block;

}



footer .get-in-touch ul li a {

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background-color: #ffffff;

    color: #333;

    display: inline-block;

    font-size: 20px;

}



footer .get-in-touch ul li a:hover {

    background-color: #f43d3e;

    color: #ffffff;

    transition: all 0.5s;

}



.right-text {

    padding-top: 60px;

    padding-bottom: 40px;

}



#sub-footer {

    background-color: #ebb632;

    padding: 20px;

}



#sub-footer .copyright-text p {

    font-size: 14px;

    margin-bottom: 0px;

    color: #151618;

}



#sub-footer .copyright-text p a {

    font-weight: 700;

    color: #676767;

}



.team-member .member-item {

    margin-bottom: 30px;

}



.team-member .member-item .down-content {

    background-color: #f4f4f4;

    padding: 15px;

}



.team-member .member-item .down-content h3 {

    margin-top: 0px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 12px;

}



.team-member .member-item .down-content p {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #9a9a9a;

    font-size: 10px;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 0.5px;

    margin-bottom: 0px;

    line-height: 10px;

}



.team-member .member-item figure {

    margin: 0;

    padding: 0;

    height: 100%;

    position: relative;

    display: block;

    cursor: pointer;

    overflow: hidden;

}



.team-member .member-item figure:hover figcaption {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

    top: 0;

}



.team-member .member-item figcaption {

    text-align: center;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.75);

    color: #fff;

    -webkit-transition: all .9s ease;

    -moz-transition: all .9s ease;

    -o-transition: all .9s ease;

    -ms-transition: all .9s ease;

    transition: all .9s ease;

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.team-member .member-item figure img {

    width: 100%;

    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -o-transition: all 1.5s;

    -ms-transition: all 1.5s;

    transition: all 1.5s;

    -webkit-transition-delay: .1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.team-member .member-item figure:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.team-member .member-item figcaption a {

    background-color: transparent!important;

}



.team-member .member-item figcaption ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.team-member .member-item figcaption ul li {

    display: inline-block;

    margin: 0px 5px;

}



.team-member .member-item figcaption p {

    margin-top: 60px;

    color: #cdcdcd;

    padding: 30px;

}



.team-member .member-item figcaption i {

    margin-top: 0px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #121212;

    background-color: #cdcdcd;

    overflow: hidden;

}



.team-member .member-item figcaption i:hover {

    background-color: #ffffff;

    transition: all 0.5s;

}



.team-member .member-item figcaption a:hover {

    color: #ffffff;

    background: #fff;

}



@media (max-width: 991px) {

    .latest-posts .last-latest {

        margin-bottom: 0px!important;

    }

}



@media (max-width: 991px) {

    .latest-posts .latest-item {

        margin-bottom: 45px;

    }

}



.product_lists .latest-posts .latest-item {

    background: #f4f4f4;

    border: 1px solid #f4f4f4;

    box-sizing: border-box;

}



.latest-posts .latest-item .thumb .image {

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-size: cover;

    border-bottom: 3px solid #303C4D;

}



.latest-posts .latest-item .thumb .image img {

    -webkit-transition: all 0.5s ease;

    /* Safari and Chrome */

    -moz-transition: all 0.5s ease;

    /* Firefox */

    -ms-transition: all 0.5s ease;

    /* IE 9 */

    -o-transition: all 0.5s ease;

    /* Opera */

    transition: all 0.5s ease;

    width: 100%;

}



.latest-posts .latest-item .thumb .image:hover img {

    -webkit-transform: scale(1.1);

    /* Safari and Chrome */

    -moz-transform: scale(1.1);

    /* Firefox */

    -ms-transform: scale(1.1);

    /* IE 9 */

    -o-transform: scale(1.1);

    /* Opera */

    transform: scale(1.1);

    cursor: pointer;

}



.latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 10px;

}



.latest-posts .latest-item ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.latest-posts .latest-item ul li {

    display: inline;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #858585;

    font-size: 13px;

    letter-spacing: 0.5px;

    margin-right: 10px;

    padding-right: 10px;

    border-right: 1px solid #e5e5e5;

}



.latest-posts .latest-item ul li:last-child {

    padding-right: 0px;

    margin-right: 0px;

    border-right: none;

}



.latest-posts .latest-item .line-dec {

    width: 60px;

    height: 1px;

    background-color: #303C4D;

    margin: 15px 0px;

}



.latest-posts .latest-item p {

    margin-bottom: 15px;

    font-size: 15px;

}



.latest-posts .latest-item a {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 11px;

    text-transform: uppercase;

    color: #f43d3e;

    letter-spacing: 1px;

}



.blog-right .latest-posts .latest-item {

    margin-bottom: 45px;

}



.blog-right .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.blog-left .latest-posts .latest-item {

    margin-bottom: 45px;

}



.blog-left .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.blog-nosidebar .latest-posts .latest-item {

    margin-bottom: 50px;

}



.blog-nosidebar .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.blog-3-columns .latest-posts .latest-item {

    margin-bottom: 20px;

}



.blog-3-columns .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 15px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #000;

    margin-bottom: 1px;

    margin-left: 8px;

}



.page-numbers.text-center .simple-button a {

    background: #df3f00;

}



.blog-3-columns .latest-posts .latest-item p {

    font-size: 13px;

    color: #df3f00;

    margin-left: 15px;

}



.blog-3-columns .page-numbers {

    margin-top: 30px;

}



.blog-2-columns .latest-posts .latest-item {

    margin-bottom: 50px;

}



.blog-2-columns .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.blog-grids .latest-posts .latest-item {

    margin-bottom: 50px;

}



.blog-grids .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.single-post .latest-posts .latest-item {

    margin-bottom: 0px;

}



.single-post .latest-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 19px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.single-post .latest-posts .latest-item .social-icons {

    margin-top: -20px;

    float: right;

}



.single-post .latest-posts .latest-item .social-icons ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.single-post .latest-posts .latest-item .social-icons ul li {

    border-color: transparent;

    margin-right: 5px;

    padding-right: 0px;

    font-size: 14px;

}



.single-post .latest-posts .latest-item .social-icons ul li a i {

    font-size: 14px;

    color: #969696;

}



.single-post .latest-posts .latest-item .social-icons ul li a {

    color: #cdcdcd;

    font-size: 12px;

}



.single-post .latest-posts .latest-item .social-icons ul li a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.single-post .latest-posts .latest-item .social-icons ul li:last-child {

    padding-right: 0px;

    margin-right: 0px;

}



.single-post .latest-posts .latest-item blockquote {

    border-left: 3px solid #303C4D;

    margin-left: 15px;

    margin-right: 15px;

    background-color: #f4f4f4;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-style: italic;

    font-size: 14px;

    line-height: 24px;

}



.single-post .about-author {

    margin-top: 45px;

}



.single-post .about-author .heading h2 {

    margin-bottom: 15px;

    margin-top: 0px;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 600;

}



.single-post .about-author .dev {

    margin-bottom: 30px;

}



.single-post .about-author img {

    float: left;

    width: 100%;

    margin-right: 25px;

}



.single-post .about-author .right-content h3 {

    margin-top: 0px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 3px;

}



.single-post .about-author .right-content span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #cdcdcd;

    font-size: 10px;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 0.5px;

    margin-bottom: 0px;

    line-height: 10px;

}



.single-post .about-author p {

    margin-top: 15px;

    margin-bottom: 18px;

}



.single-post .about-author ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.single-post .about-author ul li {

    display: inline-block;

    margin: 0px 2px;

}



.single-post .about-author ul li a {

    font-size: 13px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #121212;

    background-color: #f4f4f4;

    overflow: hidden;

}



.single-post .about-author ul li a:hover {

    background-color: #121212;

    color: #ffffff;

    transition: all 0.5s;

}



.single-post .about-author ul li:first-child {

    margin-left: 0px;

}



.single-post .related-posts {

    margin-top: 60px;

}



.single-post .related-posts .heading h2 {

    margin-bottom: 15px;

    margin-top: 0px;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 600;

}



.single-post .related-posts .dev {

    margin-bottom: 30px;

}



.single-post .related-posts .latest-item {

    margin-bottom: 30px;

}



.single-post .related-posts .latest-item h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

}



.single-post .comments {

    margin-top: 45px;

}



.single-post .comments .heading h2 {

    margin-bottom: 15px;

    margin-top: 0px;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 600;

}



.single-post .comments .dev {

    margin-bottom: 30px;

}



.single-post .comments .comment-items .reply {

    float: right;

}



.single-post .comments .comment-items .reply a {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 10px;

    text-transform: uppercase;

    color: #676767;

    letter-spacing: 1px;

}



.single-post .comments .comment-items .reply a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.single-post .comments .comment-items ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.single-post .comments .comment-items ul li {

    display: block;

    margin-bottom: 30px;

    padding-bottom: 15px;

    border-bottom: 1px solid #f2f2f2;

}



.single-post .comments .comment-items ul li img {

    width: 90px;

    float: left;

    margin-right: 20px;

}



.single-post .comments .comment-items ul li:last-child {

    border-bottom: none;

    margin-bottom: 0px;

    padding-bottom: 0px;

}



.single-post .comments .comment-items ul .second-comment {

    padding-left: 100px;

}



.single-post .comments .comment-items h4 {

    padding-top: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 3px;

}



.single-post .comments .comment-items span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #b4b4b4;

    font-size: 10px;

    letter-spacing: 0.5px;

}



.single-post .comments .comment-items p {

    margin-top: 10px;

}



.single-post .leave-comment {

    margin-top: 45px;

}



.single-post .leave-comment .heading h2 {

    margin-bottom: 15px;

    margin-top: 0px;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 600;

}



.single-post .leave-comment .dev {

    margin-bottom: 30px;

}



.single-post .leave-comment input {

    outline: none;

    padding-left: 15px;

    border: none;

    overflow: hidden;

    background-color: #f4f4f4;

    height: 40px;

    width: 100%;

    border-radius: 3px;

    margin-right: 15px;

    display: inline-block;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 12px;

    line-height: 40px;

}



@media (max-width: 991px) {

    .single-post .leave-comment input {

        margin-top: 20px;

    }

}



.single-post .leave-comment textarea {

    margin-top: 30px;

    outline: none;

    padding-left: 15px;

    padding-top: 10px;

    border: none;

    overflow: hidden;

    background-color: #f4f4f4;

    height: 140px;

    max-height: 190px;

    width: 100%;

    border-radius: 3px;

    margin-right: 15px;

    display: inline-block;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

}



.single-post .leave-comment .simple-button {

    margin-top: 25px;

}



.contact-map-wrapper {

    padding-bottom: 0;

}



.contact_forms {

    margin-bottom: 10px;

    padding-bottom: 20px;

    overflow: hidden;

    box-shadow: 0px 10px 10px #ededed;

}



.contact-k {

    max-width: 1170px;

    width: 100%;

    margin: 10px auto;

    border-top: 4px solid #303C4D;

    margin-top: -175px;

    position: relative;

    z-index: 2;

    background: #fff;

    padding: 40px 0;

    padding-bottom: 10px;

}



.contact_forms i {

    border: 3px solid #303C4D;

    width: 60px;

    height: 60px;

    color: #303C4D;

    box-sizing: border-box;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    font-size: 24px;

    margin: 10px auto;

    display: block;

    margin-bottom: 20px;

}



.contact_forms p {

    text-align: center;

    line-height: 25px;

    margin-bottom: 0px;

}



.contact-form-2 {

    background-color: #fff;

    padding: 30px;

}



.contact-2 {

    padding: 0px;

}



.contact-form-2 input {

    background-color: #ffffff;

}



.contact-form-2 textarea {

    background-color: #ffffff !important;

}



.contact-form input {

    outline: none;

    padding-left: 15px;

    border: none;

    overflow: hidden;

    background-color: #f4f4f4;

    height: 40px;

    width: 100%;

    border-radius: 3px;

    margin-right: 15px;

    display: inline-block;

    border: 1px solid #d5d5d5;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 12px;

    line-height: 40px;

}



@media (max-width: 991px) {

    .contact-form input {

        margin-top: 20px;

    }

}



.contact-form textarea {

    margin-top: 30px;

    outline: none;

    padding-left: 15px;

    padding-top: 10px;

    border: none;

    overflow: hidden;

    border: 1px solid #d5d5d5;

    background-color: #f4f4f4;

    height: 140px;

    max-height: 190px;

    width: 100%;

    max-width: 100%;

    border-radius: 3px;

    margin-right: 15px;

    display: inline-block;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 12px;

}



.contact-form button {

    margin-top: 25px;

    background-color: #f43d3e;

    padding: 12px 22px;

    border-radius: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 11px;

    text-transform: uppercase;

    color: #ffffff;

    float: right;

    letter-spacing: 1px;

    display: inline-block;

}



.contact-form button:hover {

    color: #ffffff;

}



.right-info-2 {

    margin-top: -40px;

    margin-bottom: 200px;

    text-align: center;

}



.right-info-2 ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.right-info-2 ul li {

    display: inline;

    margin-bottom: 35px;

}



.right-info-2 ul li span {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    font-weight: 300;

    letter-spacing: 1px;

    color: #8d8d8d;

    display: block;

    padding-top: 7px;

}



.right-info-2 ul li a {

    color: #8d8d8d;

}



.right-info-2 ul li a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.right-info-2 ul li i {

    margin-bottom: 15px;

    font-size: 16px;

    border-radius: 50%;

    padding-left: 2px;

    width: 60px;

    height: 60px;

    text-align: center;

    border: 2px solid #ededed;

    line-height: 56px;

    background-color: #f4f4f4;

}



.contact .right-info {

    margin-left: 50px;

}



@media (max-width: 991px) {

    .contact .right-info {

        margin-left: 0px!important;

        margin-top: 45px;

    }

}



.contact .right-info ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.contact .right-info ul li {

    margin-bottom: 35px;

}



.contact .right-info ul li span {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    font-weight: 300;

    letter-spacing: 1px;

    color: #8d8d8d;

    display: block;

    padding-top: 7px;

}



.contact .right-info ul li a {

    color: #8d8d8d;

}



.contact .right-info ul li a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.contact .right-info ul li i {

    float: left;

    margin-right: 20px;

    font-size: 16px;

    border-radius: 50%;

    padding-left: 2px;

    width: 60px;

    height: 60px;

    text-align: center;

    border: 2px solid #ededed;

    line-height: 56px;

    background-color: #f4f4f4;

}



.our-projects {

    background-color: #f4f4f4;

}



.our-projects .section-heading {

    margin-top: -60px;

}



.our-projects .col-md-3 {

    padding: 0px;

    margin: 0px;

}



.our-projects .project-item figure {

    margin: 0;

    padding: 0;

    height: 100%;

    position: relative;

    display: block;

    cursor: pointer;

    overflow: hidden;
border:solid 1px #000
}



.our-projects .project-item figure:hover figcaption {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

    top: 0;

}



.our-projects .project-item figcaption {

    text-align: center;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.75);

    color: #fff;

    -webkit-transition: all .9s ease;

    -moz-transition: all .9s ease;

    -o-transition: all .9s ease;

    -ms-transition: all .9s ease;

    transition: all .9s ease;

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.our-projects .project-item figure img {

    width: 100%;

    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -o-transition: all 1.5s;

    -ms-transition: all 1.5s;

    transition: all 1.5s;

    -webkit-transition-delay: .1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.our-projects .project-item figure:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.our-projects .project-item figcaption h3 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #ffffff;

    margin-bottom: 0;

    position: relative;

    margin-top: 15px;

    top: 40px;

}



.our-projects .project-item figcaption .line-dec {

    width: 60px;

    height: 3px;

    background-color: #ffffff;

    margin: 10px auto;

}



.our-projects .project-item figcaption p {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #cdcdcd;

    font-size: 10px;

    text-transform: uppercase;

    margin-top: 100px;

    position: relative;

    bottom: 40px;

    letter-spacing: 0.5px;

}



.our-projects .project-item figure:hover p {

    bottom: 0;

    -webkit-transition: all 1.0s;

    -moz-transition: all 1.0s;

    -o-transition: all 1.0s;

    -ms-transition: all 1.0s;

    transition: all 1.0s;

}



.our-projects .project-item figure:hover h3 {

    top: 0;

    -webkit-transition: all 1.0s;

    -moz-transition: all 1.0s;

    -o-transition: all 1.0s;

    -ms-transition: all 1.0s;

    transition: all 1.0s;

}



.our-projects .project-item figcaption a:hover {

    color: #ffffff;

    background: #fff;

}



.our-projects .black-button {

    margin-top: 40px;

    margin-bottom: -60px;

}



.black-button2 a {

    background: #303C4D !important;

}



.our-projects-2 {

    border-bottom: 1px solid #f2f2f2;

}



.project-item .down-content p {

    font-size: 13px;

    color: #858585;

    margin-top: 5px;

}



.project-item .down-content p span {

    margin-left: 10px;

    margin-right: 10px;

}



.our-projects-2 .project-item {

    margin-bottom: 30px;

}



.our-projects-2 .project-item .down-content {

    background-color: #f4f4f4;

    padding: 15px;

}



.single-post .about-author img {

    margin-bottom: 10px;

}



.project-item .down-content h3 {

    font-size: 15px;

    margin-top: 10px;

    margin-bottom: 5px;

}



.our-projects-2 .project-item .down-content h3 {

    margin-top: 0px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 12px;

}



.our-projects-2 .project-item .down-content p {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #9a9a9a;

    font-size: 10px;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 0.5px;

    margin-bottom: 0px;

    line-height: 10px;

}



.our-projects-2 .project-item figure {

    margin: 0;

    padding: 0;

    height: 100%;

    position: relative;

    display: block;

    cursor: pointer;

    overflow: hidden;

}



.our-projects-2 .project-item figure:hover figcaption {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

    top: 0;

}



.our-projects-2 .project-item figcaption {

    text-align: center;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.75);

    color: #fff;

    -webkit-transition: all .9s ease;

    -moz-transition: all .9s ease;

    -o-transition: all .9s ease;

    -ms-transition: all .9s ease;

    transition: all .9s ease;

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.our-projects-2 .project-item figure img {

    width: 100%;

    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -o-transition: all 1.5s;

    -ms-transition: all 1.5s;

    transition: all 1.5s;

    -webkit-transition-delay: .1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.our-projects-2 .project-item figure:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.our-projects-2 .project-item figcaption a {

    background-color: transparent!important;

}



.our-projects-2 .project-item figcaption i {

    margin-top: 33%;

    width: 45px;

    height: 45px;

    line-height: 45px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #121212;

    background-color: #cdcdcd;

    overflow: hidden;

}



.our-projects-2 .project-item figcaption i:hover {

    background-color: #ffffff;

    transition: all 0.5s;

}



.our-projects-2 .project-item figcaption a:hover {

    color: #ffffff;

    background: #fff;

}



.our-projects-2 .black-button {

    margin-top: 30px;

}



section.our-projects-3 {

    padding-top: 0px!important;

}



.single-project {

    padding-bottom: 130px;

}



.single-project .left-content {

    margin-right: 50px;

}



.single-project .left-content p {

    color: #000;

}



.single-project .left-content h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 19px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 8px;

    line-height: 26px;

    margin-top: 0px;

}



.single-project .left-content span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #676767;

    font-size: 10px;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



.single-project .left-content span i {

    font-size: 12px;

    margin-right: 8px;

}



.single-project .left-content .line-dec {

    width: 60px;

    height: 1px;

    background-color: #303C4D;

    margin: 25px 0px;

}



.single-project .left-content ul {

    padding: 0;

    margin-top: 30px;

    list-style: none;

}



.single-project .left-content ul li {

    margin-top: 10px;

    padding-bottom: 10px;

    margin-bottom: 0px;

    display: block;

    border-bottom: 1px solid #f2f2f2;

}



.single-project .left-content ul li span {

    width: 110px;

    display: inline-block;

}



.single-project .left-content ul li em {

    font-style: normal;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #121212;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



.single-project .left-content ul li a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.single-project .left-content ul li:last-child {

    border-bottom: none;

}



.single-project .left-content .simple-button {

    margin-top: 35px;

}



@media (max-width: 991px) {

    .single-project .left-content .simple-button {

        margin-bottom: 45px;

    }

}



.product-item {

    margin-bottom: 30px;

}



.product-item .thumb figure {

    margin: 0;

    padding: 0;

    height: 100%;

    position: relative;

    display: block;

    cursor: pointer;

    overflow: hidden;

}



.product-item .thumb figure:hover figcaption {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    opacity: 1;

    top: 0;

}



.product-item .thumb figcaption {

    text-align: center;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: rgba(0, 0, 0, 0.75);

    color: #fff;

    -webkit-transition: all .9s ease;

    -moz-transition: all .9s ease;

    -o-transition: all .9s ease;

    -ms-transition: all .9s ease;

    transition: all .9s ease;

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.product-item .thumb figure img {

    width: 100%;

    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -o-transition: all 1.5s;

    -ms-transition: all 1.5s;

    transition: all 1.5s;

    -webkit-transition-delay: .1s;

    -moz-transition-delay: .1s;

    -o-transition-delay: .1s;

    -ms-transition-delay: .1s;

    transition-delay: .1s;

}



.product-item .thumb figure:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.product-item .thumb figcaption a {

    background-color: transparent!important;

}



.product-item .thumb figcaption ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.product-item .thumb figcaption ul li {

    display: inline-block;

    margin: 0px 5px;

}



.product-item .thumb figcaption p {

    margin-top: 20px;

    color: #cdcdcd;

    padding: 30px;

}



.product-item .thumb figcaption i {

    margin-top: 0px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #121212;

    background-color: #cdcdcd;

    overflow: hidden;

}



.product-item .thumb figcaption i:hover {

    background-color: #ffffff;

    transition: all 0.5s;

}



.product-item .thumb figcaption a:hover {

    color: #ffffff;

    background: #fff;

}



.product-item .down-content {

    background-color: #f4f4f4;

    padding: 17px 15px;

}



.product-item h2 {

    margin-top: 0px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 15px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 5px;

}



.product-item span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #b4b4b4;

    font-size: 10px;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 0.5px;

    margin-bottom: 0px;

    line-height: 10px;

}



.product-item .line-dec {

    width: 100%;

    height: 1px;

    background-color: #303C4D;

    margin: 17px 0px;

}



.product-item em {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 13px;

    text-transform: uppercase;

    color: #f43d3e;

    letter-spacing: 1px;

    font-style: normal;

}



.product-item i {

    margin-top: 3px;

    float: right;

    color: #b4b4b4;

}



.product-item i:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.shop-left .page-numbers {

    margin-top: 30px;

}



.shop-right .page-numbers {

    margin-top: 30px;

}



.shop-grids .page-numbers {

    margin-top: 30px;

}



.single-product .product-item-single {

    background-color: #f4f4f4;

    display: inline-block;

    padding: 25px 10px;

}



.single-product .product-item-single .single-slider .slides {

    margin: 0px!important;

    padding: 0px!important;

}



.single-product .product-item-single .single-slider .slides img {

    width: 100%;

}



.single-product .product-item-single .single-slider .slides li {

    margin: 0px!important;

}



.single-product .product-item-single .flex-control-thumbs {

    text-align: center;

}



.single-product .product-item-single .flex-control-thumbs li {

    display: inline-block;

    margin-right: 10px;

    margin-top: 12px;

    cursor: pointer;

}



.single-product .product-item-single .flex-control-thumbs li img {

    opacity: 0.7;

}



.single-product .product-item-single .flex-control-thumbs li img:hover {

    opacity: 1!important;

    transition: all 0.5s;

}



.single-product .product-item-single .flex-control-thumbs li img.flex-active {

    opacity: 1;

}



.single-product .product-item-single .flex-control-thumbs li:last-child {

    margin-right: 0px;

}



.single-product .product-item-single .right-content {

    padding-left: 20px;

    margin-top: 20px;

}



.single-product .product-item-single .rate-product {

    float: right;

    display: block;

    text-align: right;

}



.single-product .product-item-single .rate-product em {

    display: inline-block;

    margin-bottom: 8px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 17px;

    text-transform: uppercase;

    color: #f43d3e;

    letter-spacing: 1px;

    font-style: normal;

}



.single-product .product-item-single .rate-product ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.single-product .product-item-single .rate-product ul li {

    display: inline;

}



.single-product .product-item-single .rate-product ul li i {

    font-size: 13px;

    margin-left: 3px;

    color: #ffcf4b;

}



.single-product .product-item-single h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 19px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-top: 0px;

    line-height: 26px;

    margin-bottom: 8px;

}



.single-product .product-item-single span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #b4b4b4;

    font-size: 10px;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 0.5px;

    margin-bottom: 0px;

    line-height: 10px;

}



.single-product .product-item-single .line-dec {

    width: 100%;

    height: 1px;

    background-color: #303C4D;

    margin: 17px 0px;

}



.single-product .product-item-single ul {

    padding-top: 5px;

    padding-bottom: 15px;

    padding-left: 0px;

    margin-left: 20px;

    list-style: none;

}



.single-product .product-item-single ul li {

    margin: 5px 0px;

    display: inline-block;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 13px;

    font-weight: 300;

    color: #0e0e0e;

}



.single-product .product-item-single i {

    display: block;

    float: right;

    color: #b4b4b4;

}



.single-product .product-item-single i:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.single-product .product-item-single .simple-button {

    margin-top: 15px;

    float: left;

    margin-right: 20px;

}



@media (max-width: 991px) {

    .single-product .product-item-single .simple-button {

        margin-bottom: 15px;

    }

}



.single-product .product-item-single .black-button {

    margin-top: 32px;

    padding-bottom: 15px;

}



.single-product .product-item-single .product-info {

    margin-top: 20px;

}



.single-product .product-item-single .product-info ul {

    padding: 0px!important;

    margin-top: 0px;

    list-style: none;

}



.single-product .product-item-single .product-info ul li {

    margin-left: -20px !important;

    margin-top: 0px;

    padding-bottom: 10px;

    margin-bottom: 0px;

    display: block;

}



.single-product .product-item-single .product-info ul li span {

    width: 100px;

    display: inline-block;

}



@media (max-width: 991px) {

    .single-product .product-item-single .product-info ul li span {

        width: auto;

        margin-right: 10px;

    }

}



.single-product .product-item-single .product-info ul li em {

    font-style: normal;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #121212;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



.single-product .product-item-single .product-info ul li a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.single-product .tabs {

    margin-top: 60px;

    width: 100%;

    display: inline-block;

}



.single-product .tab-links:after {

    display: block;

    clear: both;

    content: '';

}



.single-product .tab-links {

    margin-left: -45px;

}



.single-product .tab-links li {

    margin: 0px 5px;

    float: left;

    list-style: none;

}



.product_shuoming .tab-links li {

    background: #f1f1f1;

    width: 195px;

    font-size: 15px;

    color: #000000;

    padding: 0;

    height: 53px;

}



.product_shuoming .tab-links li a {

    padding: 0;

    width: 100%;

    height: 53px;

    text-align: center;

    line-height: 53px;

    border: none;

}



.product_shuoming .tab-links li.active {

    background: #fff;

    border-top: 5px solid #303C4D;

    box-sizing: border-box;

    border-left: 1px solid #dedede;

    border-right: 1px solid #dedede;

    padding-bottom: 1px;

    line-height: 53px;

}



.product_shuoming .tab-links li.active a {

    background: #fff;

}



.single-product .tab-links a {

    border-bottom: 1px solid #ffffff;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    padding: 9px 15px;

    display: inline-block;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 700;

    transition: all linear 0.15s;

    border-radius: 0px;

    color: #cdcdcd;

}



.single-product .tab-links a:hover {

    color: #121212;

    text-decoration: none;

}



.single-product li.active a,

.single-product li.active a:hover {

    color: #121212;

    border-color: #121212;

}



.single-product .tab-content {

    margin-left: 0px;

    padding: 15px;

    background: #fff;

    border-bottom: 1px solid #ffffff;

}



.product_shuoming .tab-content {

    border: 1px solid #dedede;

    margin-top: -10px;

}



.single-product .tab-content ul {

    padding: 0;

    margin-top: 20px;

    list-style: circle;

}



.single-product .tab-content ul li {

    margin-bottom: 7px;

    margin-left: 15px;

    font-size: 13px;

    color: #676767;

}



.single-product .tab {

    display: none;

}



.single-product .tab.active {

    display: block;

}



.related-products .product-item {

    margin-bottom: 0px;

}



.blog-left .blog-side-bar {

    margin-right: 50px;

    margin-left: 0px;

}



@media (max-width: 991px) {

    .blog-left .blog-side-bar {

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 120px;

    }

}



.shop-left .blog-side-bar {

    margin-right: 50px;

    margin-left: 0px;

}



@media (max-width: 991px) {

    .shop-left .blog-side-bar {

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 120px;

    }

}



.blog-side-bar {

    margin-left: 50px;

}



@media (max-width: 991px) {

    .blog-side-bar {

        margin-left: 0px;

        margin-top: 120px;

    }

}



.blog-side-bar h2 {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 900;

    border-bottom: 1px solid #f2f2f2;

    margin-top: 0px;

    margin-bottom: 30px;

    padding-bottom: 10px;

}



.blog-side-bar .search-box input {

    outline: none;

    padding-left: 15px;

    border: none;

    overflow: hidden;

    background-color: #f4f4f4;

    height: 42px;

    width: 100%;

    border-radius: 3px;

    margin-right: 15px;

    display: inline-block;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    line-height: 42px;

}



.sear a {

    color: #303C4D;

}



.blog-side-bar .about-us {

    margin-top: 50px;

}



.blog-side-bar .about-us p {

    margin-bottom: 20px;

}



.blog-side-bar .about-us ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.blog-side-bar .about-us ul li {

    display: inline-block;

    margin: 0px 2px;

}



.blog-side-bar .about-us ul li a {

    font-size: 13px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #121212;

    background-color: #f4f4f4;

    overflow: hidden;

}



.blog-side-bar .about-us ul li a:hover {

    background-color: #121212;

    color: #ffffff;

    transition: all 0.5s;

}



.blog-side-bar .about-us ul li:first-child {

    margin-left: 0px;

}



.blog-side-bar .categories {

    margin-top: 50px;

}



.blog-side-bar .categories ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.blog-side-bar .categories ul li {

    display: block;

    margin: 8px 0px;

}



.blog-side-bar .categories ul li a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 13px;

    font-weight: 500;

    color: #797979;

}



.blog-side-bar .categories ul li a i {

    margin-right: 8px;

}



.blog-side-bar .categories ul li a:hover {

    color: #121212;

    transition: all 0.5s;

}



.blog-side-bar .categories ul li:first-child {

    margin-top: 0px;

}



.blog-side-bar .categories ul li:last-child {

    margin-bottom: 0px;

}



.blog-side-bar .recent-posts {

    margin-top: 50px;

}



.blog-side-bar .recent-posts ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.blog-side-bar .recent-posts ul li {

    display: block;

    margin-bottom: 45px;

}



.blog-side-bar .recent-posts ul li img {

    width: 65px;

    float: left;

    margin-right: 15px;

}



.blog-side-bar .recent-posts ul li:last-child {

    margin-bottom: 0px;

}



.blog-side-bar .recent-posts h4 {

    padding-top: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #121212;

    margin-bottom: 5px;

}



.blog-side-bar .recent-posts span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #b4b4b4;

    font-size: 10px;

    letter-spacing: 0.5px;

}



.blog-side-bar .subscribe {

    margin-top: 50px;

}



.blog-side-bar .subscribe p {

    margin-top: 10px;

    margin-bottom: 0px;

    line-height: 16px;

    text-align: center;

    font-size: 13px;

}



.blog-side-bar .subscribe p em {

    font-style: normal;

    color: #121212;

    font-weight: 600;

}



.blog-side-bar .subscribe input {

    margin-top: 0px;

    outline: none;

    border: none;

    overflow: hidden;

    background-color: #f4f4f4;

    height: 42px;

    width: 100%;

    border-radius: 3px;

    text-align: center;

    margin-right: 15px;

    display: inline-block;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    line-height: 42px;

}



.blog-side-bar .subscribe .simple-button {

    text-align: center;

    margin-top: 20px;

}



.blog-side-bar .tags {

    margin-top: 50px;

}



.blog-side-bar .tags ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.blog-side-bar .tags ul li {

    display: inline-block;

    margin-bottom: 20px;

    margin-right: 7px;

}



.blog-side-bar .tags ul li a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 13px;

    font-weight: 300;

    background-color: #f4f4f4;

    color: #676767;

    padding: 5px 8px;

}



.blog-side-bar .tags ul li a:hover {

    color: #ffffff;

    background-color: #121212;

    transition: all 0.5s;

}



.section-heading {

    margin-bottom: 50px;

}



.section-heading h2 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 800;

    text-transform: uppercase;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 24px;

    color: #121212;

    margin-bottom: 0px;

    letter-spacing: 0px;

}



.section-heading p {

    color: #505050;

    margin-bottom: 20px;

    margin-top: 5px;

}



.section-heading .line-dec {

    width: 50px;

    height: 3px;

    background-color: #303C4D !important;

    margin: 0 auto;

}



.page-heading-1 {

    margin-top: 100px;

    background: url(tonglan4.jpg) no-repeat center center;
/*
    background: url(anchentonglan.jpg) no-repeat center center;*/

    color: #ffffff;

    border-top: 0px solid #303C4D;

    height: 400px;

}



.page-heading-1 h1 {

    padding-top: 0px;

    margin-top: 30px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 32px;

    text-transform: uppercase;

    letter-spacing: 5px;

    margin-bottom: 15px;

    color: #ffffff;

}



.page-heading-1 span {

    font-family: Arial, "microsoft yahei",'Dosis', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #ffffff;

}



.page-heading-2 {

    margin-top: 100px;

    background: url(tonglan2.jpg) no-repeat center center;

    color: #ffffff;

    border-top: 0px solid #303C4D;

    height: 400px;

}



.page-heading-2 h1 {

    padding-top: 0px;

    margin-top: 30px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 32px;

    text-transform: uppercase;

    letter-spacing: 5px;

    margin-bottom: 15px;

    color: #ffffff;

}



.page-heading-2 span {

    font-family: Arial, "microsoft yahei",'Dosis', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #ffffff;

}




.page-heading-3 {

    margin-top: 100px;

    background: url(tonglan3.jpg) no-repeat center center;

    color: #ffffff;

    border-top: 0px solid #303C4D;

    height: 400px;

}



.page-heading-3 h1 {

    padding-top: 0px;

    margin-top: 30px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 32px;

    text-transform: uppercase;

    letter-spacing: 5px;

    margin-bottom: 15px;

    color: #ffffff;

}



.page-heading-3 span {

    font-family: Arial, "microsoft yahei",'Dosis', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #ffffff;

}


.page-about {

    background: url(tonglan3.jpg) no-repeat center center;

    height: 400px;

    border-top: 0px solid #303C4D;

    color: #303C4D;

}
.page-lxlx {
margin-top: 100px;
    background: url(tonglanlxlx.jpg) no-repeat center center;

    height: 400px;

    border-top: 0px solid #303C4D;

    color: #303C4D;

}

.page-xinwen {

    background: url(tonglan4.jpg) no-repeat center center;

    height: 400px;

    border-top: 0px solid #303C4D;

    color: #303C4D;

}

.page-zhichi {

    background: url(tonglan5.jpg) no-repeat center center;

    height: 400px;

    border-top: 0px solid #303C4D;

    color: #303C4D;

}
.page-women {

    background: url(tonglanwomen.jpg) no-repeat center center;

    height: 400px;

    border-top: 0px solid #303C4D;

    color: #303C4D;

}

.page-heading-3 .container .line-dec,

.page-heading-1 .container .line-dec {

    background: 303C4D

}



.container .line-dec {

    width: 47px;

    height: 3px;

    background: #fff;

    margin: 10px auto;

}



.article_products .line-dec {

    margin-left: 0;

}





.about-body {

    width: 100%;

    max-width: 1140px;

    margin: 10px auto;

    overflow: hidden;

    padding-top: 0;

}



.about-bodyr {

    width: 50%;

    float: right;

}



.about-bodyr h2 {

    margin-top: 0px;

    font-size: 20px;

    color: #000000;

    margin-bottom: 20px;

}



.about-bodyr p {

    font-size: 13px;

}



.about-bodyl {

    width: 50%;

    float: left;

}



.about-bodyl img {

    width: 90%;

    display: block;

}



.about-bodys {

    text-align: center;

    margin: 0px 0px 20px 0px ;
	background: #D9D9D9 repeat center center;

}



.about-bodys a {

    font-size: 14px;

    color: #282828;

    margin: 6px;

    line-height: 36px;

    display: inline-block;

    width: 100px;

    text-align: center;

    border-radius: 5px;

}



.about-bodys a.hover {

    background: #df3f00;

    color: #fff;

}






.about-bodyss {

    text-align: center;

    margin: 20px auto;
	  font-family:Arial, "microsoft yahei", 'Dosis', sans-serif;

}



.about-bodyss a {

    font-size: 14px;

    color: #282828;

    margin: 6px;

    line-height: 36px;

    display: inline-block;

    width: 260px;

    text-align: center;

    border-radius: 5px;

}



.about-bodyss a.hover {

    background: #df3f00;

    color: #fff;

}





.page-heading-3 span {

    font-family:Arial, "microsoft yahei", 'Dosis', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #fff;

}

@media screen and ( max-width: 500px ) {

    .about ul{padding: 0;}

    .about-bodyr {

        width: 100%;

        padding-left: 10%;

        padding-right: 10%;

        float: none;

    }



    .about-bodyr h2 {

        margin-top: 0px;

        font-size: 20px;

        color: #000000;

        margin-bottom: 20px;

    }



    .about-bodyr p {

        font-size: 13px;

    }



    .about-bodyl {

        width: 100%;

    }

    .about-bodyl img {

        width: 90%;

        display: block;

        margin: 10px auto;

    }

}

.first-line {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 62px;

    letter-spacing: 6px;

    text-transform: uppercase;

    font-weight: 400;

    color: #ffffff;

    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));

    -moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));

    -ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));

    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));

}



.first-line em {

    font-style: normal;

    font-weight: 700;

}



.second-line {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    color: #ffffff;

    font-weight: 600;

    font-size: 15px;

    letter-spacing: 6px;

    text-transform: uppercase;

    -webkit-filter: drop-shadow(0 1px 1px #000000);

    -moz-filter: drop-shadow(0 1px 1px #000000);

    -ms-filter: drop-shadow(0 1px 1px #000000);

    filter: drop-shadow(0 1px 1px #000000);

}



.third-line a {

    color: #121212 !important;

    background-color: #ffffff;

}



.third-line a:hover {

    color: #ffffff !important;

    background-color: #f43d3e;

    border-color: transparent;

}



.slider-2 {

    margin-top: 0px!important;

}



.slider {

    margin-top: 82px;

}



.slider ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.slider .tp-bullets {

    display: none;

}



section.text-slider {

    margin-top: 60px;

    padding-bottom: 60px;

    background-color: #f4f4f4;

}



@media (max-width: 991px) {

    section.text-slider {

        padding-left: 15px;

        padding-right: 15px;

    }

}



section.text-slider .item h2 {

    padding-top: 15px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 24px;

    text-transform: uppercase;

    letter-spacing: 12px;

    margin-bottom: 20px;

}



section.text-slider .item span {

    font-family:Arial, "microsoft yahei", 'Dosis', sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 300;

    letter-spacing: 5px;

    color: #b4b4b4;

}



section.text-slider .item .simple-button {

    margin-top: 45px;

}



section.text-slider .owl-pagination {

    margin-top: 70px;

    opacity: 0.75;

    display: inline-block;

}



section.text-slider .owl-pagination .owl-page span {

    display: block;

    width: 36px;

    height: 4px;

    margin: 0px 5px;

    filter: alpha(opacity=30);

    opacity: 0.3;

    background: #676767;

}



.our-service-1 {

    border-bottom: 1px solid #f2f2f2;

    padding: 50px 0;

}



@media (max-width: 991px) {

    .our-service-1 .last-service {

        margin-bottom: 0px!important;

    }

}



.our-service-1 .service-item {

    text-align: center;


}

.our-service-1 .service-itemdd1 {

    text-align: center;
	background: url("dd1.jpg") no-repeat center center ;
   height: 400px;
}
.our-service-1 .service-itemdd2 {

    text-align: center;
	background: url("dd2.jpg") no-repeat center center ;
 height: 400px;
}
.our-service-1 .service-itemdd3 {

    text-align: center;
	background: url("dd3.jpg") no-repeat center center ;
 height: 400px;
}
.our-service-1 .service-itemdd4 {

    text-align: center;
	background: url("dd4.jpg") no-repeat center center ;
 height: 400px;
}


@media (max-width: 991px) {

    .our-service-1 .service-item {

        margin-bottom: 45px;

    }
  .our-service-1 .service-itemdd1 {

        margin-bottom: 45px;

    }
	  .our-service-1 .service-itemdd2 {

        margin-bottom: 45px;

    }
	  .our-service-1 .service-itemdd3 {

        margin-bottom: 45px;

    }
	  .our-service-1 .service-itemdd4 {

        margin-bottom: 45px;

    }
}



.our-service-1 .service-item i {

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background-color: #fff;

    border-radius: 50%;

    font-size: 24px;

    color: #303C4D;

    border: 3px solid #303C4D;

}
.our-service-1 .service-itemdd1 i {

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background-color: #fff;

    border-radius: 50%;

    font-size: 24px;

    color: #303C4D;

    border: 1px solid #303C4D;
	

}
.our-service-1 .service-itemdd2 i {

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background-color: #fff;

    border-radius: 50%;

    font-size: 24px;

    color: #303C4D;

    border: 1px solid #303C4D;

}
.our-service-1 .service-itemdd3 i {

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background-color: #fff;

    border-radius: 50%;

    font-size: 24px;

    color: #303C4D;

    border: 1px solid #303C4D;

}
.our-service-1 .service-itemdd4 i {

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    background-color: #fff;

    border-radius: 50%;

    font-size: 24px;

    color: #303C4D;

    border: 1px solid #303C4D;

}



.our-service-1 .service-item h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin: 25px 0px;

}

.our-service-1 .service-itemdd1 h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 34px; color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin: 20px 0px;


}
.our-service-1 .service-itemdd2 h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 34px; color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin: 20px 0px;


}
.our-service-1 .service-itemdd3 h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 34px; color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin: 20px 0px;


}
.our-service-1 .service-itemdd4 h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 34px; color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin: 20px 0px;


}



.our-service-1 .service-item p {

    margin-top: -10px;
 font-size: 18px; color: #fff;
}
.our-service-1 .service-itemdd1 p {

   margin: 20px 15px 15px 15px;
 font-size: 18px; color: #fff;
}
.our-service-1 .service-itemdd2 p {

     margin: 20px 15px 15px 15px;
 font-size:18px; color: #fff;
}
.our-service-1 .service-itemdd3 p {

     margin: 20px 15px 15px 15px;
 font-size: 18px; color: #fff;
}
.our-service-1 .service-itemdd4 p {

     margin: 20px 15px 15px 15px;
 font-size: 18px; color: #fff;
}



.our-service-1 .service-item:hover i {

    color: #f43d3e;

    transition: all 1s;

}



section.our-service-2 {

    padding: 20px;

    background-color: #f4f4f4;

}



@media (max-width: 991px) {

    section.our-service-2 .last-service {

        margin-bottom: 0px!important;

    }

}



section.our-service-2 .service-item {

    border-right: 1px solid #d9d9d9;

    text-align: center;

    text-align: left;

}



@media (max-width: 991px) {

    section.our-service-2 .service-item {

        margin-bottom: 45px;

    }

}



section.our-service-2 .service-item i {

    float: left;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background-color: #121212;

    color: #ffffff;

    border-radius: 50%;

    font-size: 18px;

}



section.our-service-2 .service-item h4 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-bottom: 4px;

    padding-top: 4px;

    margin-left: 70px;

}



section.our-service-2 .service-item p {

    margin-top: 0px;

    margin-left: 70px;

}



section.our-service-2 .service-item:hover i {

    background-color: #f43d3e;

    color: #ffffff;

    transition: all 0.5s;

}



section.our-service-2 .last-service {

    border-right: none;

}



.clients {

    margin: -60px 0px;

    text-align: center;

}



section.call-to-action-1 {

    padding: 40px 0px;

    background-color: #303C4D;

}



section.call-to-action-1 .text {

    float: left;

}



section.call-to-action-1 h2 {

    margin-top: 0px;

    text-transform: uppercase;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 24px;

    font-weight: bold;

    color: #151517;

    margin-bottom: 0px;

}



section.call-to-action-1 em {

    font-style: normal;

    font-weight: 700;

    color: #121212;

}



section.call-to-action-1 span {

    font-weight: 700;

    color: #f43d3e;

}



section.call-to-action-1 p {

    margin-top: 15px;

    padding: 0px 0px;

    font-weight: 500;

    color: #151517;

    margin-bottom: 0px;

    font-size: 13px;

}



section.call-to-action-1 .simple-button {

    float: right;

    margin-top: 13px;

}



.call-to-action-2 .left-image img {

    width: 100%;

}



.call-to-action-2 h2 {

    text-transform: uppercase;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 24px;

    font-weight: 300;

    color: #676767;

    margin-bottom: 0px;

}



@media (max-width: 991px) {

    .call-to-action-2 h2 {

        margin-top: 45px;

    }

}



.call-to-action-2 em {

    font-style: normal;

    font-weight: 700;

    color: #121212;

}



.call-to-action-2 span {

    font-weight: 700;

    color: #f43d3e;

}



.call-to-action-2 p {

    padding: 30px 0px;

    margin-bottom: 0px;

}



.call-to-action-3 {

    background: url("16556.jpg") no-repeat center center #f4f4f4;

    padding: 0px;

}



.call-to-action-2 .simple-button {

    float: left;

    margin-right: 15px;

}



.right-image {

    margin-top: 20px;

}



.right-image img {

    max-width: 420px;

}



@media (max-width: 991px) {

    .call-to-action-3 .right-image {

        margin-top: 45px;

    }

}



.call-to-action-3 .right-image img {

    width: 100%;

    display: none;

}



.call-to-action-3 h2 {

    text-transform: uppercase;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 24px;

    color: #e9b732;

    margin-bottom: 0px;

}



.call-to-action-3 em {

    font-style: normal;

    font-weight: 700;

    color: #121212;

}



.call-to-action-3 span {

    font-weight: 700;

    color: #f43d3e;

}



.call-to-action-3 p {

    padding: 30px 0px 15px 0px;

    margin-bottom: 0px;

    color: #ffffff;

}



.call-to-action-3 ul {

    list-style: none;

    padding-bottom: 30px;

    padding-left: 15px;

    margin: 0;

}



.call-to-action-3 ul li {

    display: block;

    margin: 8px 0px;

}



.call-to-action-3 ul li a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 13px;

    color: #eab531;

}



.call-to-action-3 ul li a i {

    margin-right: 8px;

}



.call-to-action-3 ul li a:hover {

    color: #f43d3e;

    transition: all 0.5s;

}



.call-to-action-3 .simple-button {

    float: left;

    margin-right: 15px;

}



.call-to-action-3 .simple-button a {

    background: #df3f00;

}



section.testimonials {

    padding: 60px 0;

}



.testimonials {

    background-color: #f4f4f4;

}



.testimonials .testimonials-item {

    background-color: #ffffff;

    margin-left: 50px;

    margin-top: 30px;

    text-align: center;

    padding: 30px;

}



@media (max-width: 991px) {

    .testimonials .testimonials-item {

        margin-left: 0px;

    }

}



.testimonials .testimonials-item img {

    float: left;

    margin-left: -50px;

    margin-top: -50px;

    border-radius: 50%;

    width: 83px;

    height: 83px;

    display: inline-block;

    /*border: 4px solid #e8b633;*/

}



@media (max-width: 991px) {

    .testimonials .testimonials-item img {

        float: none;

        margin-left: 0px;

        margin-top: -50px;

    }

}



.testimonials .testimonials-item h6 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #4c4c4c;

    font-weight: bold;

}



.testimonials .testimonials-item span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #9a9a9a;

    font-size: 10px;

    letter-spacing: 0.5px;

    text-align: center;

    display: block;

    margin: 0 auto;

    text-transform: uppercase;

}



.testimonials .testimonials-item .line-dec {

    width: 60px;

    height: 1px;

    background-color: #f2f2f2;

    margin: 15px auto;

}



.testimonials .testimonials-item p {

    font-size: 13px;

}



.testimonials .owl-pagination {

    margin-top: 70px;

    opacity: 1;

    display: inline-block;

}



.testimonials .owl-pagination .owl-page span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 0px 5px;

    filter: alpha(opacity=50);

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: transparent;

    border: 2px solid #888;

}



section.testimonials-2 {

    padding: 60px 0;

}



.testimonials-2 {

    background-image: url(http://placehold.it/1600x680);

    background-size: cover;

}



.testimonials-2 .section-heading h2 {

    color: #ffffff;

}



.testimonials-2 .section-heading .line-dec {

    background-color: #f43d3e;

}



.testimonials-2 .testimonials-item i {

    margin-bottom: 40px;

    font-size: 16px;

    color: #f43d3e;

    border: 3px solid #ffffff;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    line-height: 54px;

    text-align: center;

    display: inline-block;

}



.testimonials-2 .testimonials-item p {

    font-weight: 300;

    font-size: 16px;

    font-style: italic;

    color: #ffffff;

}



.testimonials-2 .testimonials-item .line-dec {

    width: 80px;

    height: 1px;

    background-color: #cdcdcd;

    margin: 30px auto;

}



.testimonials-2 .testimonials-item h6 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 13px;

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-bottom: 5px;

}



.testimonials-2 .testimonials-item span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #cdcdcd;

    font-size: 10px;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



.testimonials-2 .owl-pagination {

    margin-top: 70px;

    margin-bottom: -60px !important;

    opacity: 1;

    display: inline-block;

}



.testimonials-2 .owl-pagination .owl-page span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 0px 5px;

    filter: alpha(opacity=50);

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: transparent;

    border: 2px solid #eee;

}



.testimonials-3 .testimonials-item i {

    margin-bottom: 40px;

    font-size: 16px;

    color: #121212;

    border: 3px solid #121212;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    line-height: 54px;

    text-align: center;

    display: inline-block;

}



.testimonials-3 .testimonials-item p {

    font-weight: 300;

    font-size: 16px;

    font-style: italic;

    color: #676767;

}



.testimonials-3 .testimonials-item .line-dec {

    width: 80px;

    height: 1px;

    background-color: #cdcdcd;

    margin: 30px auto;

}



.testimonials-3 .testimonials-item h6 {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-size: 13px;

    color: #121212;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-bottom: 5px;

}



.testimonials-3 .testimonials-item span {

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    color: #9a9a9a;

    font-size: 10px;

    letter-spacing: 0.5px;

    text-transform: uppercase;

}



.testimonials-3 .owl-pagination {

    margin-top: 70px;

    margin-bottom: -60px !important;

    opacity: 1;

    display: inline-block;

}



.testimonials-3 .owl-pagination .owl-page span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 0px 5px;

    filter: alpha(opacity=50);

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: transparent;

    border: 2px solid #999;

}



.simple-button a {

    background-color: #fff;

    padding: 12px 22px;

    border-radius: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 11px;

    text-transform: uppercase;

    color: #666666;

    letter-spacing: 1px;

    display: inline-block;

}



.simple-button a:hover {

    background-color: #fff;

    transition: all 0.7s;

}



.light-button a {

    background-color: #ebb632;

    padding: 12px 22px;

    border-radius: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 11px;

    text-transform: uppercase;

    color: #fff;

    letter-spacing: 1px;

    display: inline-block;

}



.light-button a:hover {

    background-color: #121212;

    color: #ffffff;

    transition: all 0.7s;

}



.black-button a {

    background-color: #121212;

    padding: 12px 22px;

    border-radius: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    text-transform: uppercase;

    color: #ffffff !important;

    letter-spacing: 1px;

    display: inline-block;

}



.black-button a:hover {

    background-color: #f43d3e;

    transition: all 0.7s;

}



.border-button a {

    border: 1px solid #cdcdcd;

    padding: 12px 22px;

    line-height: 0px;

    border-radius: 3px;

    font-family: Arial, "microsoft yahei",'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 11px;

    text-transform: uppercase;

    color: #ffffff;

    letter-spacing: 1px;

    display: inline-block;

}



.third_more a {

    background: #df3f00;

    color: #fff !important;

    border: none;

}



.go-top {

    width: 46px;

    height: 46px;

    line-height: 46px;

    font-size: 18px;

    background-color: #303C4D !important;

}



.dev {

    width: 100%;

    height: 1px;

    background-color: #f2f2f2;

}



.subscribe-form {

    border-bottom: 1px solid #f2f2f2;

}



.subscribe-form .simple-button a {

    background-color: #df4000;

}



.subscribe-form h2 {

    margin-top: 0px;

    text-transform: uppercase;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 24px;

    font-weight: bold;

    color: #282828;

    margin-bottom: 0px;

}



.subscribe-form em {

    font-style: normal;

    font-weight: 700;

    color: #121212;

}



.subscribe-form span {

    font-weight: 700;

    color: #f43d3e;

}



.subscribe-form p {

    padding: 20px 0px;

    margin-bottom: 0px;

}



.subscribe-form {

    padding: 80px 0 50px 0;

}



.subscribe-form input {

    outline: none;

    padding-left: 15px;

    border: none;

    overflow: hidden;

    background-color: #f4f4f4;

    border-radius: 3px;

    height: 42px;

    width: 280px;

    margin-right: 15px;

    display: inline-block;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-size: 12px;

    line-height: 42px;

}



@media (max-width: 991px) {

    .subscribe-form input {

        margin-right: 0px;

    }

}



.subscribe-form .simple-button {

    display: inline-block;

}



@media (max-width: 991px) {

    .subscribe-form .simple-button {

        margin-top: 15px;

    }

}



section.subscribe-form-2 {

    padding: 60px 0px;

    background-color: #f4f4f4;

}



section.subscribe-form-2 input {

    background-color: #ffffff;

}



.page-numbers {

    margin-top: 15px;

}



.page-numbers ul {

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}



.page-numbers ul {

    text-align: center;

}



.page-numbers ul a {

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    color: #cdcdcd;

    margin: 0 5px;

    font-size: 14px;

    font-weight: 400;

    width: 30px;

    height: 30px;

    line-height: 15px;

    text-align: center;

    display: inline-block;

    border-bottom: 3px solid #e7e7e7;

}



.page-numbers ul a:hover {

    color: #f43d3e;

    border-bottom: 3px solid #f43d3e;

    transition: all 0.5s;

}



.page-numbers ul a.current {

    color: #121212;

    border-bottom: 3px solid #121212;

}

































/* 

 *  Core Owl Carousel CSS File

 *  v1.3.3

 */





/* clearfix */



.owl-carousel .owl-wrapper:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

































/* display none until init */



.owl-carousel {

    display: none;

    position: relative;

    width: 100%;

    -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

    display: none;

    position: relative;

    -webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-wrapper-outer {

    overflow: hidden;

    position: relative;

    width: 100%;

}



.owl-carousel .owl-wrapper-outer.autoHeight {

    -webkit-transition: height 500ms ease-in-out;

    -moz-transition: height 500ms ease-in-out;

    -ms-transition: height 500ms ease-in-out;

    -o-transition: height 500ms ease-in-out;

    transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item {

    float: left;

}



.owl-controls {

    top: -200px;

    width: 100%;

    text-align: center;

    display: inline-block;

}



@media (max-width: 991px) {

    .owl-controls {

        top: -120px;

    }

}



.owl-controls a {

    color: #336699;

}



.owl-controls a:hover {

    color: #336699;

}



.owl-controls .bg-prev {

    position: absolute;

    z-index: 1;

    width: 50px;

    height: 50px;

    z-index: 10;

    background: #fff;

    border: 1px solid #336699;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.owl-controls .bg-prev:before {

    content: "";

    display: block;

    position: absolute;

    z-index: -1;

    top: 3px;

    left: 3px;

    right: 3px;

    bottom: 3px;

    border: 2px solid #336699;

}



.owl-controls .prev {

    left: 15px;

    z-index: 11;

    position: absolute;

    width: 50px;

    height: 50px;

    line-height: 32px;

}



.owl-controls .prev.active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.owl-controls .prev:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.owl-controls .bg-next {

    position: absolute;

    float: right;

    z-index: 1;

    width: 50px;

    height: 50px;

    position: relative;

    z-index: 10;

    background: #fff;

    border: 1px solid #336699;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.owl-controls .bg-next:before {

    content: "";

    display: block;

    position: absolute;

    z-index: -1;

    top: 3px;

    left: 3px;

    right: 3px;

    bottom: 3px;

    border: 2px solid #336699;

}



.owl-controls .next {

    right: 15px;

    z-index: 11;

    position: absolute;

    width: 50px;

    height: 50px;

    line-height: 32px;

}



.owl-controls .next.active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.owl-controls .next:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.owl-theme .owl-controls .owl-page {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    *display: inline;

    /*IE7 life-saver */

}



.owl-theme .owl-controls .owl-page a {

    display: block;

    width: 12px;

    height: 12px;

    margin: 0px 5px;

    filter: alpha(opacity=50);

    /*IE7 fix*/

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: transparent;

    border: 2px solid #888;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span {

    filter: alpha(opacity=100);

    /*IE7 fix*/

    opacity: 1;

    display: inline-block;

}



.owl-controls {

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

































/* fix */



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

}



.go-top {

    display: inline-block;

    height: 40px;

    width: 40px;

    line-height: 40px;

    position: fixed;

    bottom: 90px;

    right: 10px;

    z-index: 77;

    font-size: 18px;

    text-align: center;

    background: #080808;

    color: #fff !important;

    overflow: hidden;

    visibility: hidden;

    opacity: 0;

}



.go-top.go-top-visible {

    /* the button becomes visible */

    visibility: visible;

    opacity: 1;

}



.go-top.go-topfade-out {

    opacity: 1;

}



@media (max-width: 991px) {

    .go-top {

        right: 20px;

        bottom: 60px;

    }

}



@media (min-width: 992px) {

    .go-top {

        height: 60px;

        width: 60px;

        line-height: 60px;

        right: 30px;

        bottom: 90px;

    }

}



.nano {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.nano .content {

    position: absolute;

    overflow: scroll;

    overflow-x: hidden;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 0;

}



.nano .content:focus {

    outline: 0;

}



.nano .content::-webkit-scrollbar {

    visibility: hidden;

}



.has-scrollbar .content::-webkit-scrollbar {

    visibility: visible;

}



.nano .pane {

    position: absolute;

    width: 3px;

    right: 0;

    top: 0;

    bottom: 0;

    visibility: hidden\9;

    /* Target only IE7 and IE8 with this hack */

    opacity: 0.01;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



.nano .pane .slider {

    background: #fff;

    background: rgba(255, 255, 255, 0.5);

    position: relative;

    margin: 0 1px;

    -moz-border-radius: 1px;

    -webkit-border-radius: 1px;

    border-radius: 1px;

}



.nano:hover .pane,

.pane.active,

.pane.flashed {

    opacity: 0.99;

}



.nano {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.nano .content {

    position: absolute;

    overflow: scroll;

    overflow-x: hidden;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 0;

}

































/*

 * jQuery FlexSlider v2.4.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 and later license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 * 

 */





/* ====================================================================================================================

 * FONT-FACE

 * ====================================================================================================================*/



@font-face {

    font-family: 'flexslider-icon';

    src: url('../fonts/flexslider-icon.eot');

    src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');

    font-weight: normal;

    font-style: normal;

}

































/* ====================================================================================================================

 * RESETS

 * ====================================================================================================================*/



.flex-container a:hover,

.flex-slider a:hover,

.flex-container a:focus,

.flex-slider a:focus {

    outline: none;

}



.slides,

.slides>li,

.flex-control-nav,

.flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

}



.flex-pauseplay span {

    text-transform: capitalize;

}

































/* ====================================================================================================================

 * BASE STYLES

 * ====================================================================================================================*/



.flexslider {

    margin: 0;

    padding: 0;

}



.flexslider .slides>li {

    display: none;

    -webkit-backface-visibility: hidden;

}



.flexslider .slides img {

    width: 100%;

    display: block;

}



.flexslider .slides:after {

    content: "\0020";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



html[xmlns] .flexslider .slides {

    display: block;

}



* html .flexslider .slides {

    height: 1%;

}



.no-js .flexslider .slides>li:first-child {

    display: block;

}







.pro_list_banner {

    background: url(anchentonglan.jpg) no-repeat center center;

    border-top: 1px solid #303C4D;

    height: 400px;

    color: #303C4D;

}

.pro_list_banner2 {

    background: url(anchentonglan2.jpg) no-repeat center center;

    border-top: 0px solid #303C4D;

    height: 400px;

    color: #303C4D;

}
.pro_list_banner3 {

    background: url(tonglan3.jpg) no-repeat center center;

    border-top: 0px solid #303C4D;

    height: 400px;

    color: #303C4D;

}

.blog-3-columns {

    padding: 5px 0;

}



.blog-3-columns .about-bodys {

    width: auto;

    text-align: center;

}



.blog-3-columns .about-bodys a {

    padding: 0 10px;

    width: auto;

}





.single-cpgs {

    margin-top: 20px;

    margin-bottom: 20px;

    padding: 10px 0;

}



.single-cpgs .container {

    padding: 0;

}



.single-sider {

    padding-bottom: 0;

}



.single-sider {}



.list_art_list h2 {

    margin-top: 0;

}



.list_art_list .latest-item p {

    line-height: 20px;

    margin-bottom: 10px;

    margin-top: 5px;

    font-size: 13px;

}



.list_art_lists .latest-item .black-button2 a {

    padding: 5px 35px;

}



.list_art_lists {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e7e7e7;

    overflow: hidden;

}



.list_art_left {

    float: left;

    width: 33%;

}



.list_art_left img {

    width: 90%;

}



.list_art_right {

    float: left;

    width: 65%;

}



.list_art_right .line-dec {

    margin-left: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 5px !important;

}



.list_art_right .latest-item {

    width: 100%;

}



.testimonials-about .owl-pagination {

    margin-top: -100px;

    margin-bottom: 0;

    position: relative;

    top: -30px;

}



.testimonials-about .owl-pagination .owl-page span {

    border: none;

    background: #fff;

    width: 12px;

    height: 12px;

    filter: alpha(opacity=100);

    opacity: 1;

    display: inline-block;

}



.testimonials-about .owl-pagination .owl-page.active span,

.testimonials-about .owl-pagination .owl-page:hover span {

    background: #303C4D;

}



.single-post .latest-posts.article_articles .latest-item blockquote {

    border-left: none;

    margin-left: 15px;

    margin-right: 15px;

    background: url(icon_daodu.png)left center no-repeat;

    padding-left: 50px;

    font-family:Arial, "microsoft yahei", 'Open Sans', sans-serif;

    font-style: italic;

    font-size: 13px;

    line-height: 24px;

    color: #858585;

}







/* ====================================================================================================================

 * RESPONSIVE

 * ====================================================================================================================*/



@media screen and (max-width: 860px) {

    .flex-direction-nav .flex-prev {

        opacity: 1;

        left: 10px;

    }

    .flex-direction-nav .flex-next {

        opacity: 1;

        right: 10px;

    }

}