/* === fontawesome === */
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');

/*==========================================================================
  General
  ========================================================================== */

  .clearfixed:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



body {
    color: #777;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'SimSun','STSong','Arial', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #503723;
}

h1, h5, h6 {
/*    font-style: normal;*/
    margin: 0 0 20px 0;
}

h1 {
    font-size: 30px;
    line-height: 30px;
}

h2 {
    font-size: 32px;margin: 0 0 0 0;
}

h3 {
    font-size: 24px;margin: 0 0 20px 0;
}

h4 {
    font-size: 18px; 
}

h5 {
    font-size: 16px;
}

.text-bold {
    font-weight: 900;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

small {
    font-size: 70%;
    font-weight: 100;
}

a:hover {
    text-decoration: none;
        color: #4f3622;
}

:focus {
    outline: none;
}
ul{margin:0;padding:0}
/*==========================================================================
  Misc & Adjust 
 ========================================================================== */
.row {
    z-index: 9999;
    overflow: hidden;
}

.content, .container {
overflow: hidden;
    width: 90%;
}

.color-white {
    color: #fff;
}

.color-footer {
    color: #777;
}

.color-main {
    color: #79CDC0;
}

/* --- float --- */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* --- align --- */
.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

/* ---- padding ---- */
/* top */
.pad-top0 {
    padding-top: 0;
}

.pad-top5 {
    padding-top: 5px;
}

.pad-top10 {
    padding-top: 10px;
}

.pad-top15 {
    padding-top: 15px;
}

.pad-top20 {
    padding-top: 20px;
}

.pad-top25 {
    padding-top: 25px;
}

.pad-top30 {
    padding-top: 30px;
}

.pad-top35 {
    padding-top: 35px;
}

.pad-top40 {
    padding-top: 40px;
}
.pad-top60 {
    padding-top: 60px;
}


.pad-top80 {
    padding-top: 80px;
}
.pad-top145 {
    padding-top: 85px;
}

.pad-top100 {
    padding-top: 100px;
}

/* bottom */
.pad-bot0 {
    padding-bottom: 0;
}

.pad-bot5 {
    padding-bottom: 5px;
}

.pad-bot10 {
    padding-bottom: 10px;
}

.pad-bot15 {
    padding-bottom: 15px;
}

.pad-bot20 {
    padding-bottom: 5px;
}

.pad-bot25 {
    padding-bottom: 25px;
}

.pad-bot30 {
    padding-bottom: 30px;
}

.pad-bot35 {
    padding-bottom: 35px;
}

.pad-bot40 {
    padding-bottom: 40px;
}

.pad-bot80 {
    padding-bottom: 80px;
}

.pad-right{
	padding-right:120px ;
}

.pad-left{
	padding-left:120px ;
}

/* ---- margin --- */


.fanye1 {text-align:center;
}



.mar-left5 {
    margin-left: 5px;
}

.mar-left10 {
    margin-left: 10px;
}

.mar-left15 {
    margin-left: 15px;
}

.mar-left20 {
    margin-left: 20px;
}

.mar-left25 {
    margin-left: 25px;
}

.mar-left30 {
    margin-left: 30px;
}

.mar-right5 {
    margin-right: 5px;
}

.mar-right10 {
    margin-right: 10px;
}

.mar-right15 {
    margin-right: 15px;
}

.mar-right20 {
    margin-right: 20px;
}

.mar-right25 {
    margin-right: 25px;
}

.mar-right30 {
    margin-right: 30px;
}

/* top */
.mar-top0 {
    margin-top: 0;
}

.mar-top5 {
    margin-top: 5px;
}

.mar-top10 {
    margin-top: 10px;
}

.mar-top15 {
    margin-top: 15px;
}

.mar-top20 {
    margin-top: 20px;
}

.mar-top25 {
    margin-top: 25px;
}

.mar-top30 {
    margin-top: 30px;
}

.mar-top35 {
    margin-top: 35px;
}

.mar-top40 {
    margin-top: 40px;
}
.mar-top60 {
    margin-top: 60px;
}

.mar-top80 {
    margin-top: 80px;
}

/* bottom */
.mar-bot0 {
    margin-bottom: 0;
}

.mar-bot5 {
    margin-bottom: 5px;
}

.mar-bot10 {
    margin-bottom: 10px;
}

.mar-bot15 {
    margin-bottom: 8px;
}

.mar-bot20 {
    margin-bottom: 20px;
}

.mar-bot25 {
    margin-bottom: 25px;
}

.mar-bot30 {
    margin-bottom: 30px;
}

.mar-bot35 {
    margin-bottom: 35px;
}

.mar-bot40 {
    margin-bottom: 40px;
}

/*===========================
  --- Sections ----
=========================== */

section.section {
    margin: 0;
    padding: 40px 0 20px 0;
}

section.section1 {
    margin: 0;
    padding: 40px 0 40px 0;
}

.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #f5f5f5;
}

/* --- section heading --- */
.section-header {
    font-size: xx-large;
    line-height: normal;
}

/*.section-header:before {
    content: "";
    display: block;
    margin: auto;
    width: 150px;
    height: 51px;
    background: url(../images/itle-top.png) no-repeat;
}*/

.clear{zoom:1; clear:both;}
.clear:after{content: ""; display: block; clear: both;  }
.section-subheader {
    font-size: x-large;
    line-height: normal;
}

.section-context {
    font-size: large;
}

.lxwm-cantacthome
{
	background: url(../images/xwm_banner.jpg) no-repeat center; background-size:100% ;
}


/*===========================
  --- Header & menu ----
=========================== */
.navbar {
    line-height: 90px;
    height: 90px;
    background-color:#FFFFFF;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

.navbar .container{margin-top:20px;width:90%;}

.navbar-header {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
}



.navbar .navbar-collapse {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    overflow-y: visible;
    margin-top: 5px !important;
}

.nav li {
    height: 100%;
    line-height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

.nav li:last-child{margin-left:66px;}

.nav > li > a {
    display: block;
    height: 100%;
    width: inherit;
    line-height: 100%;
    vertical-align: middle;
    color: #4f3622;
    font-size: 16px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.nav > li > a:hover {
   color: #B75201;
    background: none;
    
}

.nav > li > a:focus {
    background: none;
}

.navbar-nav {
    float: right;
    margin-bottom: 0;
    padding-bottom: 0;
}
/**.navbar_tel_right
{
	float: right;
}
.navbar_tel_right p
{
	  font-size: 18px;
}**/
/*.navbar .navbar-nav > .active > a {
    color: #4F3622;
}*/

h1 a.navbar-brand {
    margin-left: 15px;
    text-shadow: none;
}

.navbar-brand {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    line-height: 50px;
}

.navbar-brand img {
    width: auto;
    height: 58px;
}

.navbar-toggle {
    padding: 0;
    margin: 0;
    width: 80px;
    height: 70px;
}

.navbar-collapse.in {
    overflow-y: visible;
    margin-top: 5px !important;
    color: transparent;
}

/*===========================
  Portfolio
============================ */
nav#filter a {
    background-color: #EEE;
    color: #555;
}

nav#filter a:hover, nav#filter a.current {
    background-color: #44BCDD;
    color: #fff;
}

/* ------- */

.isotopeWrapper article {
    margin-bottom: 30px;
}

#portfolio img {
    width: 100%;
}

#portfolio article p {
    margin-bottom: 1.45em; /*set next row on the baseline*/
}

nav#filter {
    margin-bottom: 1.5em;
}

nav#filter li {
    display: inline-block;
    margin: 0 0 0 5px;
}

nav#filter a {
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
}

/*===========================
  --- Contact ----
=========================== */

.validation {
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#sendmessage {
    border: 1px solid #fff;
    display: none;
    text-align: center;
    padding: 15px 12px 15px;
    font-weight: 600;
    margin: 10px 0 30px;
}

#sendmessage.show, .show {
    display: block;
}

#contact-form {
    position: relative;
    z-index: 999;
}

#contact-form input[type=text], #contact-form input[type=email], .contactForm textarea {
    width: 50%;
    background: rgba(227, 231, 228, 1);
    font-family: 'Open Sans', sans serif;
    border: 0;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    padding: 0 10px;
}

#contact-form input[type=text]:focus, #contact-form input[type=email]:focus, .contactForm textarea:focus {
    background: rgba(101, 106, 100, 1);
    color: #eff1ef;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#contact-form input[type=text], #contact-form input[type=email] {
    height: 60px;
    margin-bottom: 30px;
}

#contact-form input[type=submit] {
    color: #fff;
    width: 185px;
    height: 60px;
    text-shadow: none;
    font-size: 14px;
    padding: 0.5em;
    letter-spacing: 0.05em;
    margin: 0 0 20px 0;
    display: block;
    border: 0;
    text-transform: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#contact-form input[type=submit]:hover, #contact-form input[type=submit]:active {
    background: #43413e !important;
}

#contact-form textarea {
    padding-top: 1em;
}

textarea.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* google map */
#map {
    height: 500px;
}

/*====================
  Clients
==================== */
#clients img {
    opacity: 0.7;
}

#clients img:hover {
    opacity: 1;
}


.form-inline .form-control {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    background:#d8d3d0;
}

.liuyan {background: url(../images/aly_bj.jpg)no-repeat center; height:582px;}
.liuyan_con {background:url(../images/ly_bj.png) no-repeat center; margin-top: 90px;    margin-left: 29%;background-size: 82% 99%;}
.liuyan_con p{color: #4f3622;}
.liuyan_con .section-header{font-size: 18px;}
.liuyan_con .section-subheader{font-size: 18px;}
.liuyan_con form {color: #7e6e64;}
.liuyan_con .mapbut a{background:#b5aba5; color: #FFFFFF; padding: 5px;}

.see_map{width:100%;padding:0px 0px 16px 15px;}

.ly_add{color: #734C2D;line-height: 20px;font-size: 12px;}

.about_img4{padding-left:15px;}
.about_img4 img{width: 100%;}
.about_img4 div{padding:0px 5px 0px 0px;}

.pad_sjs{padding-left: 5px; padding-right: 5px;}


	.Page {
				width: 100%;
				 
				z-index: 1;
				bottom: 0;
				left: 0;
				height: 30px;
				line-height: 30px;
				text-align: center;
			}
				.Page  ul{
					    -webkit-padding-start: 0px;
				}
				
				Page  ul a {
				cursor: pointer;
				display: inline-block;
				*display: inline;
				zoom: 1;				 
				height: 40px;
				margin: 4px;				 
				overflow: hidden;
 
				color: #666666;
			}
			
			.Page  ul a:hover {
				 
				color: #999999;
			}
				
			.Page  ul li {
				cursor: pointer;
				display: inline-block;
				*display: inline;
				zoom: 1;
				width: 100px;
				height: 40px;
				margin: 4px;
				background: #f4eee9;
				overflow: hidden;
				line-height: 40px;
				border-radius:50px;
			}
			
			.Page  ul li:hover {
				background: #7e6e64;
				color: #FFFFFF;
			}
			
			
			.arc_con p{ font-size: 12px; line-height: 20px; text-indent: 0em;}
			.arc_con h3{font-size:14px;}
/*=========================
  Footer
 ================= */

section#footer {
    background: #868584;
    margin: 0;
    font-size: 14px;
}

section#footer a{
    color:#ffffff;
    font-weight:bolder;
}

section#footer a:hover{
    color:#171615;
}

section#footer .copyright {
    text-align: center;
    margin: 20px 0;
 		color: #fbf8f3;
		height:150px;
}
section#footer .copyright .f_logo {border-right:1px solid #a79d96 ;padding: 15px 30px; text-align: left; width: 28%;float: left;height:150px;}
section#footer .copyright .f_logo .fl_l{width: 130px; float: left; margin: 5px;}
section#footer .copyright .f_logo .hz_r a{color: #FFFFFF; padding: 5px;font-size: 12px;}
section#footer .copyright .f_logo .hz_r dd{/**margin: 5px 0;**/margin-bottom:2px;}

section#footer .copyright .f_nav {border-right:1px solid #a79d96 ; text-align: left; padding: 0px 0px;height:150px;font-size: 12px;}
section#footer .copyright .f_nav  dd{  padding: 14px 0;}
section#footer .copyright .f_nav  dd a{color: #fbf8f3;}
section#footer .copyright .f_nav  dd:first-child{padding-top:0px;}
section#footer .copyright .f_nav  dd:last-child{padding-bottom:0px;}
section#footer .copyright .f_nav dl{margin-bottom:0px;}

section#footer .copyright .f_xx{text-align: left; border-right:1px solid #a79d96;padding-left: 40px;    padding-bottom:10px;    line-height: 30px;height:150px;}
section#footer .copyright .f_xx p {margin-bottom: 15px; }
section#footer .copyright .f_xx p:first-child{line-height:20px}
section#footer .copyright .f_xx p small{font-size: 12px;}
.f_bottn{ color: #FFFFFF; text-align: right; padding-right:0px ;font-size: 12px;}
.f_bottn a{ color: #FFFFFF;}
.hz_r dl dd:nth-child(2){margin-top:68px;}

.modal-body {padding: 2px;}
/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
    color: #fbf8f3;
 		font-size: 14px;
}

ul.social-network li {
    display: inline;
    margin: 0 5px;
}
ul.social-network li a{
 color: #fbf8f3;
}
ul.footer-menu li {
    display: inline;
    margin: 0 5px;
}

a.scrollup {
    height: 32px;
    width: 32px;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    opacity: 0.5;
}

a.scrollup:hover {
    opacity: 1;
    color: #fff;
}

/*===========================
  --- Template Components ----
=========================== */

/* footer social icons */
.social-network a.icotaobao:hover {
    background-color: #F56505;
}

.social-network a.icoweixin:hover {
    background-color: #00CF0D;
}

.social-network a.icovr:hover {
    background-color: #D9534F;
}

.social-network a.icotaobao:hover i, .social-network a.icoweixin:hover i, .social-network a.icovr:hover i {
    color: #fff;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
}

.social-circle li a:hover img {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle img {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center;
}

.social-circle li a:hover i {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

/* stats */
.stats .icon {
    margin: 0 0 20px 0;
}

.stats span.text {
    font-weight: 700;
    font-size: 24px;
}

/* buttons */
.btn {
    border: 0;
    width: 30%;
    background: #4f3622;
    color: #FFFFFF;
    margin:0px 0px 0px 20px;
}


.btn:hover {
    background: #4f3622;
    color: #FFFFFF;
}



.banner-tit
{
	margin-left: 20%;
}




/* mice panel */
#mice {
    margin: 0 auto;
    padding-bottom: 8em;
    text-align: center;
    width: 25px;
    height: 9px;
    left: 50%;
    position: absolute;
    bottom: -27px;
    z-index: 5;
    display: inline-block;
    text-decoration: none;
}

#mice span {
    display: block;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 5px 0 3px 6px;
}

.unu {
    margin-top: 6px;
}

.unu, .doi {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    50% {
        top: 2px;
    }
    100% {
        top: 3px;
    }
}

@-webkit-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

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

Vertical navigation

-------------------------------- */
.cd-vertical-nav {
    position: fixed;
    z-index: 80;
    right: 5%;
    bottom: 30px;
    width: 90%;
    max-width: 400px;
    max-height: 90%;
    overflow-y: auto;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
    border-radius: 0.25em;
    background-color: rgba(234, 242, 227, 0.9);
}

.cd-vertical-nav a {
    display: block;
    padding: 1em;
    color: #3a2c41;
    font-weight: bold;
    border-bottom: 1px solid rgba(58, 44, 65, 0.1);
}

.cd-vertical-nav a.active {
    color: #79CDC0;
}

.cd-vertical-nav.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-overflow-scrolling: touch;
}

.cd-vertical-nav.open + .cd-nav-trigger {
    background-color: transparent;
}

.cd-vertical-nav.open + .cd-nav-trigger span {
    background-color: rgba(58, 44, 65, 0);
}

.cd-vertical-nav.open + .cd-nav-trigger span::before, .cd-vertical-nav.open + .cd-nav-trigger span::after {
    /* transform dots in 'X' icon */
    height: 3px;
    width: 20px;
    border-radius: 0;
    left: -8px;
}

.cd-vertical-nav.open + .cd-nav-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
}

.cd-vertical-nav.open + .cd-nav-trigger span::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 0;
}



.btn-modal {
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.btn-modal:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 10px 20px 20px rgba(0, 0, 0, .22) !important;
}

.btn-modal:focus {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 2px 4px 3px rgba(0, 0, 0, .3) !important;
}

.btn-modal span {
    position: relative;
    z-index: 1;
}

.paterner-btn {
    overflow: hidden;
    height: 124px;
    width: 200px;
    padding: 10px 10px 10px;
    margin: 30px 0;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

.btn-modal {
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    box-shadow: none !important;
}

/*================================
 * ANIMATION
 *================================*/
.notransition {
    opacity: 0;
}

.animation53 {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animation56 {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animation58 {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.animation59 {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.animation512 {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animation103 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animation203 {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animation206 {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animation209 {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.animation212 {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

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

.vrone {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.vrone .backimg {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.vrone:hover .backimg {
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.vrone .qrcode {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    text-align: left;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: rgba(220, 220, 220, 1);
    opacity: 0;
    top: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.vrone:hover .qrcode {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vrone .qrcode p {
    color: #000;
    margin-top: 5px;
   font-size: small;
}

.vrbox {
    box-sizing: border-box;
}

.vrbox:hover {
    border-color: #95c5ec;
    box-shadow: 0 0 15px #ccd2d6
}

.vrtext {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    overflow: hidden;
}

/**.vrtext span {
    overflow: hidden;
    display: inline-block;
    float: left;
    width: 100%;
    text-align: left;
    font-size: small;
    margin-bottom: 20px;
}**/

/**/
.mdf-vrone {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mdf-vrone .backimg {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}



.mdf-vrone .qrcode {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    text-align: center;
    font-size: 30px;
    padding-top: 45%;
    height: 100%;
    width: 100%;
    line-height: 100%;
    color: rgba(220, 220, 220, 1);
    opacity: 0;
    top: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.mdf-vrone:hover .qrcode {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mdf-vrone:hover span {
    text-decoration: none;
    opacity: 0;
}

	.mdf-vrone span {
				display: block;
				width: 100%;
				height: 100px;
				position: absolute;
				bottom: 0;
				background: rgba(6, 6, 6, 0.55);
				filter: alpha(opacity=80);
				opacity: 1;
				line-height: 100px;
				text-align: center;
				font-size: 30px;
				color: #FFFFFF;
			}

.mdf-vrone .qrcode p {
    color: #000;
    margin-top: 5px;
   font-size: small;
}
.mdf-list-box img{width: 100%;}

.list .row{margin-left: 0; margin-right: 0;}
.mdf-list-box .col-md-4{margin-bottom: 5px; }
.mdf-list-box .col-md-4 div img{max-height:530px;}
/*================================
 * modal-dialog
 *================================*/
.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto;
}

.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 100px 0;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #222222;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    z-index: 1051;
}

.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #222222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    z-index: 1052;
}

.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none;
}

/*================================
 *
 *================================*/
#frameload {
    margin: 0;
    padding: 0;
    width: 100%
}

.mainp {text-align: left;}
.mainp >h1{font-weight: 800;}
.mainp > p {
    font-size: 12px;
	line-height:22px;
    color: #7e6e64;
    margin: 32px 0;
   text-align: left;
}

.about_mainp > p {
    font-size: 12px;
	line-height:22px;
    color: #7e6e64;
    margin: 5px 0;
        text-align: left;
  /*   text-indent: 2em; */
}

.maintext > p {
     font-size: 14px;
    color: #404040;
    text-indent: 2em;
    margin: 32px 0 0;
}

.maintext > h1 {
    margin-bottom: 40px;
    text-align: center;
    color: #404040;
    font: bold 36px/1 "Microsoft Yahei";
}

.tjxwimg img{width: 100%;}

.tjxw p{text-align: left;}
.offer li {
    font-size: small;
    margin: 10px 0;
}

.home-top, .home-top1 {
    padding-top: 90px;
}

.about_top {padding-top: 210px;}

.aboutcanvas {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.abouthome, .cantacthome {
    height: 700px;
    overflow: hidden;
}



.play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    background-color: transparent;
    border-width: 0;
    top: 50%;
    left: 50%;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    margin-top: -0.75em;
    margin-left: -1.5em;
    color: white;
    overflow: visible;
}


.container-fluid{
	    padding-right: 0px; 
      padding-left: 0px; 
}

/*大师作品*/

.sidebar {text-align: center;background:#ccd0cf;margin-top: 40px;}
.sidebar .sidebar-title {background: #7c6e66; height: 50px; line-height: 50px; color: #FFFFFF;font-size:14px;}
.sidebar .sidebar-title  a{color:#4f3622;}
.sidebar .sidebar-title  a:hover{color:#888888;}

.sidebar .sub-title  {margin: 20px 0;}
.sidebar .sub-title a{color:#7e6e64 ;font-size:14px;}
.sidebar .sub-title a:hover{color:#888888 ;}
.sidebar .sub-active a{color: #4f3622;}


/*内容*/

	.ladyScroll {
				width: 100%;
				height: 570px;
				margin: 0 auto;
				position: relative;
			}
			
			.ladyScroll .prev,
			.ladyScroll .next {
				width: 31px;
				height: 34px;
				position: absolute;
				bottom: 3%;
				left: 40%;
				z-index: 100;
				cursor: pointer;
				background: url(../images/rev.png) no-repeat;
			}
			
			.ladyScroll .next {
				left: auto;
				right: 40%;
				 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
				background: url(../images/rev.png);
			}
			
			.ladyScroll .prev:hover {
				background: url(../images/ext.png);
				 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
			}
			
			.ladyScroll .next:hover {
						 -moz-transform:scaleX(1);
    -webkit-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
			background: url(../images/ext.png);
			}
			
			.ladyScroll .scrollWrap {
				width: 100%;
				overflow: hidden;
				position: absolute;
			}
			
			.ladyScroll dl {
				float: left;
				width:50%;
				margin-right: 10px;
				text-align: center;
				position: relative;
			}
			
	
			.ladyScroll dt {
				margin: 0 auto;
				width: 100%;
				overflow: hidden;
			}
			
			.ladyScroll img {
				display: block;
				width: 100%;
			}
			

/*设计师*/
	.sws-sjs dl {
				float: left;
				width: 100%;
				text-align: center;
				position: relative;
			}
			
			.sws-sjs span {
				display: block;
				width: 100%;
				height: 100px;
				position: absolute;
				bottom: 0;
				background: rgba(6, 6, 6, 0.55);
				filter: alpha(opacity=80);
				opacity: 0.80;
			}
			.sws-sjs dt {
				margin: 0 auto;
				width: 100%;
				overflow: hidden;
			}
			
			.sws-sjs img {
				display: block;
				width: 100%;
			}
			
			.sws-sjs dd {
				width: 100%;
				height: 50px;
				line-height: 28px;
				font-size: 20px;
				color: #fff;
				text-align: center;
				overflow: hidden;
				position: absolute;
				bottom: 20px;
			}
			.sjsjj{padding-top: 30%; padding-left:40px; padding-right: 40px; display: none; color: #FFFFFF;font-size: 14px;font-weight: 100; text-align: left;line-height: 25px;}
			
		
		.sws-sjs dd h3  p{float:left;width:45%;height:30px;line-height:30px; color: #FFFFFF;}
		.sws-sjs dd h3 p:first-child{font-size:24px; text-align: right; padding-right:5px; }
		.sws-sjs dd h3 p:last-child{border-left:1px solid #fff;font-size:14px;line-height:15px; text-align: left;padding-left: 5px; width: 55%;}
		.sws-sjs dd h3  p:last-child em{display:block;}
			
			.sws-sjs dd a:hover {
				text-decoration: none;
			}
			
			.sws-sjs dl:hover span {
				background: rgba(6, 6, 6, 0.7);
				height: 100%;
			}
			.sws-sjs dl:hover span .sjsjj {display: block;}
			.sws-sjs .xspan{font-size: 12px;}
			
	
			
			
			.sjs {
				width: 100%;
				height: 484px;
				margin: 15px auto;
				position: relative;
			}
			
			.sjs .prev,
			.sjs .next {
				width: 51px;
				height: 45px;
				position: absolute;
				top: 210px;
				left: 0;
				z-index: 100;
				cursor: pointer;
				background: url(../images/tns.png) no-repeat;
			}
			
			.sjs .next {
				left: auto;
				right: -10px;
				background-position: 0 -90px;
			}
			
			.sjs .prev:hover {
				background-position: 0 -45px;
			}
			
			.sjs .next:hover {
				background-position: 0 -135px;
			}
			
			.sjs .scrollWrap {
				width:100%;
				padding-left: 10px;
				overflow: hidden;
				position: absolute;
			}
			
			.sjs dl {
				float: left;
				width: 264px;
				text-align: center;
				position: relative;
			}
			
			.sjs span {
				display: block;
				width: 255px;
				height: 53px;
				position: absolute;
				left: 5px;
				bottom: 0;
				background: rgba(0, 0, 0, 0.66);
				filter: alpha(opacity=80);
				opacity: 0.80;
			}
			
			.sjs dt {
				margin: 0 auto;
				width: 255px;
				overflow: hidden;
			}
			
			.sjs img {
				display: block;
				width: 100%;
				height: 100%;
			}
			
			.sjs dd {
				width: 255px;
				height: 40px;
				line-height: 28px;
				font-size: 20px;
				color: #fff;
				text-align: center;
				overflow: hidden;
				position: absolute;
				left: 5px;
				bottom: 0;
			}
			
			.sjs dd a {
				color: #fff;
			}
			
			.sjs dd a:hover {
				text-decoration: none;
			}
			
			.sjs dl:hover span {
			background: rgba(0, 0, 0, 0.66);
			}
			
		
			.in_sws_cp{padding:0 10px;}
			


.mdf_img1{min-height:100%;}
.mdf_img2{min-height: 100%; overflow: hidden; margin: 5px 0;}
.mdf_img2 div:last-child{padding-right:0px;width:34%;}
.mdf_img2 .mdf_img2_1 img{width:100%;max-height:97px;}
.mdf_img2_1{min-height: 50%;width:33%;float: left;padding-right:5px;}
    .mdf_img4{padding-left: 0px; padding-right: 0px; min-height: 100%;}
    .mdf_img5{padding-left: 5px; padding-right: 0px; min-height: 100%;}
    .mdf_img3 {padding-left: 0px; padding-right: 0px;}
	.mdf-arc-box {height:auto;}
 		.slideBox{ width:100%; height:830px; overflow:hidden; position:relative;  }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;      list-style-type: none;}
		.slideBox .bd img{ max-width:990px; height:790px; display:block;  margin:0 auto; }
		
.slideBox .hd {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	font-size: 0;
	z-index: 1;
}

.slideBox .hd li {
	margin: 0 5px;
	background: #4f3622;
	height: 8px;
	overflow: hidden;
	width: 8px;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	border-radius:15px;
	
}

.slideBox .hd .on {
	background: #C7C2B7;
}
	
		.slideBox .prev,.slideBox .next{ display:block; float:right;  width:31px; height:34px; background: url(../images/rev.png) no-repeat; overflow:hidden; margin:11px 20px 0 20px;     position: absolute;
    top: 40%;
    right: 0;
    z-index: 100;}
	.slideBox .prev{ top: 40%;
    left: 0;
    z-index: 100; 	}
	.slideBox .next{ 	
		 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
		background: url(../images/rev.png);
		position: absolute;
    top: 40%;
    right: 0;
    z-index: 100;
	}
	
		.slideBox .prev:hover {
				background: url(../images/ext.png);
				 -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
			}
			
			.slideBox .next:hover {
						 -moz-transform:scaleX(1);
    -webkit-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
			background: url(../images/ext.png);
			}

.lxwm_tit{padding: 45px; margin-left: 10%;}
.mdf-list-box .tp_bj div{padding-right:0px; padding-left:5px}

/**3.9hyun***/
.pad_bot_16{padding-bottom:16px;}
h1,h2 a,.vrtext span{color:#4f3622;}
.lj_more{margin:0px;border:1px solid #dcd2cc;float:left;padding:2% 35px;background: #FFFFFF; text-align: center;font-size: 16px;}
.case_class{margin:0px; float:left;background: #FFFFFF; text-align:center;font-size: 16px;color:#4f3622;width:120px;line-height:32px;}
.heng h2,.tt p a{float:none;width:15%;padding:8px;margin:15px auto;}
.vrtext{border-left:1px solid #888888;padding:0px 8px;font-size:14px;    width: 70%;
    margin: 0 auto;margin-top: 20px;}
.vrtext span{font-size:25px;display:block;margin-top:-5px;}
.vrtext span em{font-style:normal;font-size:14px; display:inline-block;width:30%;border:1px solid #dcd2cc;text-align:center;padding:3px 0px;margin-top:5px;}
.vrtext p{color:#7e6e64;margin-top:10px;line-height:28px; font-size: 12px;line-height: 22px;}
.wdh{width:84%;margin:0 auto;}
.tt{width:70%;margin:0 auto}
.tt p,.tt p a{color:#4f3622;    }
.tt p:nth-child(1){font-size: 30px;font-weight: 800; } 
.tt p:nth-child(2){font-size:12px;color:#7e6e64;line-height: 22px;} 
.tt p:nth-child(3) a{font-size: 16px; width: 13%;}
.tt p a{display:block;}
.about_tt p:nth-child(1){color:#4f3622; font-size: 40px;}
.about_tt p:nth-child(2){color:#4f3622; font-size: 12px;}
.f_wx {text-align: right;padding-left: 0;padding-right: 0;}
.qcrl .col-md-6{padding-right: 0px; padding-left:5px;}
.gysws-list .col-md-12{padding-right: 0px;padding-left: 0px;}
.gysws-list .col-md-8{padding-right: 5px;padding-left: 0px;}
.in_banner{background: url(../images/anner.jpg)no-repeat center; background-size: 100% 100%; height: 500px; width:1171px; margin: 0 auto;}




/**#project_image {
	margin-top: 80px;
}
#project_image div#btn-back {
	margin: 0 30px;
}
#project_image div#btn-back span.inner, #director span#btn-back {
	width: 970px;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
#project_image div#btn-back a, #director span#btn-back a {
	display: block;
	padding-left: 15px;
	background: url('../images/arrow-red2.png') no-repeat left 6px;
}
#project_image #slider {
	position: relative;
}
#project_image #slider .buttons {
	position: relative;
	width: 970px;
	margin: 0 auto;
	height: 100%;
}
#project_image #slider span#prevBtn {
	position: absolute;
	left: -1015px;
	z-index: 100;
	top: 0;
}
#project_image #slider span#prevBtn a {
	background: url('../images/btn-slider-left.png') no-repeat center right;
	display: block;
	width: 1000px;
}
#project_image #slider span#nextBtn {
	position: absolute;
	z-index: 100;
	top: 0;
}
#project_image #slider span#nextBtn a {
	background: url('../images/btn-slider-right.png') no-repeat center left;
	display: block;
	width: 1000px;
}
#project_image #slider li {
	float: left;
	position: relative;
}
#project_image #slider li.hv_video a {
	background: url('../images/btn-play.png') no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 99;
	width: 100%;
	height: 100%;
}
#project_image #slider li.hv_video div.ivideo {
	margin: 0 5px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
}
#project_image #slider li img {
	margin: 0 5px;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	display: none;
}
#project_image #slider li img.current {
	opacity: 1;
	filter: alpha(opacity = 100);
}
#project_image .info {
	margin: 0 30px;
	padding-bottom: 60px;
}
#project_image .info .inner {
	width: 970px;
	margin: 0 auto;
	margin-top: 20px;
}
#project_image .info .left_col {
	float: left;
	width: 582px;
}
#project_image .info .left_col .title {
	font-size: 20px;
	margin-bottom: 5px;
}
#project_image .info .left_col .title span {
	color: #c63033;
}
#project_image .info .left_col .year {
	font-size: 13px;
}
#project_image .info .right_col {
	float: right;
	background: url('../images/dotted-v.png') repeat-y left;
	width: 378px;
	padding: 3px 0px 7px 10px;
}
#project_image .info .right_col p {
	font-size: 13px;
	font-family: 'QuicksandBook', sans-serif;
	margin: 0;
}
#project_image #controls {
	margin-top: 10px;
}
#project_image #controls li {
	float: left;
	margin-right: 10px;
}
#project_image #controls li a {
	background: url('../images/bullet.png') no-repeat;
	text-indent: -9999px;
	display: block;
	width: 6px;
	height: 6px;
}
#project_image #controls li.current a {
	background: url('../images/bullet-cur.png') no-repeat;
}
#project_image .image_load {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	z-index: 100;
	margin-top: -8px;
}**/

/**4.7图片轮换**/


/* ========================================
Media queries
========================================= */
@media only screen and (min-width: 800px) {
    .cd-vertical-nav {
        /* reset style */
        right: 0;
        top: 0;
        bottom: auto;
        height: 100vh;
        width: 90px;
        max-width: none;
        max-height: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        background-color: transparent;
        /* vertically align its content*/
        display: table;
    }

    .cd-vertical-nav::before {
        /* this is the navigation background */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .no-touch .cd-vertical-nav:hover::before, .touch .cd-vertical-nav::before {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-vertical-nav ul {
        /* vertically align <ul> inside <nav>*/
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        list-style: none;
        padding: 0;
    }

    .cd-vertical-nav li {
        padding: 0;
    }

    .cd-vertical-nav span {
        padding: 0;
    }

    .cd-vertical-nav a {
        position: relative;
        padding: 3em 0 0;
        margin: 1.4em auto;
        border-bottom: none;
        font-size: 1.2rem;
        color: #777;
    }

    .cd-vertical-nav a:link {
        text-decoration: none;
    }

    .cd-vertical-nav a:visited {
        text-decoration: none;
    }

    .cd-vertical-nav a:hover {
        text-decoration: none;
    }

    .cd-vertical-nav a.active {
        color: #777;
        text-decoration: none;
    }

    .cd-vertical-nav a::before, .cd-vertical-nav a::after {
        /* used to create the filled circle and the background icon */
        content: '';
        position: absolute;
        left: 50%;
        /* Force Hardware Acceleration */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    .cd-vertical-nav a::before {
        /* filled circle */
        top: 0;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        background: #AAA;
        -webkit-transform: translateX(-50%) scale(0.25);
        -moz-transform: translateX(-50%) scale(0.25);
        -ms-transform: translateX(-50%) scale(0.25);
        -o-transform: translateX(-50%) scale(0.25);
        transform: translateX(-50%) scale(0.25);
        -webkit-transition: -webkit-transform 0.4s, background-color 0.2s;
        -moz-transition: -moz-transform 0.4s, background-color 0.2s;
        transition: transform 0.4s, background-color 0.2s;
    }

    .cd-vertical-nav a::after {
        /* icon */
        opacity: 0;
        top: 8px;
        height: 16px;
        width: 16px;
        /*    background: url(../images/d-nav-icons.svg) no-repeat;*/
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
        -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.1s 0.3s;
        -moz-transition: -moz-transform 0.4s 0s, opacity 0.1s 0.3s;
        transition: transform 0.4s 0s, opacity 0.1s 0.3s;
    }

    .cd-vertical-nav a.active::before, .no-touch .cd-vertical-nav a:hover::before {
        background-color: #79CDC0;
    }

    .cd-vertical-nav li:first-of-type a::after {
        /* change icon using image sprites */
        /*background-position: 0px -48px;*/
        content: "\f015";
        color: black;
        font-size: 16px;
        top: 4px;
        font-family: FontAwesome;
        /* fix bug with transitions - set scale(0.01) rather than scale(0) */
        -webkit-transform: translateX(-50%) translateY(4.5em) scale(0.01);
        -moz-transform: translateX(-50%) translateY(4.5em) scale(0.01);
        -ms-transform: translateX(-50%) translateY(4.5em) scale(0.01);
        -o-transform: translateX(-50%) translateY(4.5em) scale(0.01);
        transform: translateX(-50%) translateY(4.5em) scale(0.01);
    }

    .cd-vertical-nav li:first-of-type a::before {
        -webkit-transform: translateX(-50%) translateY(4.5em) scale(0.25);
        -moz-transform: translateX(-50%) translateY(4.5em) scale(0.25);
        -ms-transform: translateX(-50%) translateY(4.5em) scale(0.25);
        -o-transform: translateX(-50%) translateY(4.5em) scale(0.25);
        transform: translateX(-50%) translateY(4.5em) scale(0.25);
    }

    .cd-vertical-nav li:nth-of-type(2) a::after {
        /*background-position: 0px -32px;*/
        content: "\f030";
        color: black;
        font-size: 16px;
        top: 4px;
        font-family: FontAwesome;
        -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.01);
        -moz-transform: translateX(-50%) translateY(1.5em) scale(0.01);
        -ms-transform: translateX(-50%) translateY(1.5em) scale(0.01);
        -o-transform: translateX(-50%) translateY(1.5em) scale(0.01);
        transform: translateX(-50%) translateY(1.5em) scale(0.01);
    }

    .cd-vertical-nav li:nth-of-type(2) a::before {
        -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.25);
        -moz-transform: translateX(-50%) translateY(1.5em) scale(0.25);
        -ms-transform: translateX(-50%) translateY(1.5em) scale(0.25);
        -o-transform: translateX(-50%) translateY(1.5em) scale(0.25);
        transform: translateX(-50%) translateY(1.5em) scale(0.25);
    }

    .cd-vertical-nav li:nth-of-type(3) a::after {
        /*background-position: 0px -16px;*/
        content: "\f03d";
        color: black;
        font-size: 16px;
        top: 4px;
        font-family: FontAwesome;
        -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
        -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
        -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
        -o-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
        transform: translateX(-50%) translateY(-1.5em) scale(0.01);
    }

    .cd-vertical-nav li:nth-of-type(3) a::before {
        -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
        -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
        -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
        -o-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
        transform: translateX(-50%) translateY(-1.5em) scale(0.25);
    }

    .cd-vertical-nav li:nth-of-type(4) a::after {
        /*background-position: 0px 0px;*/
        content: "\f0f7";
        color: black;
        font-size: 16px;
        top: 4px;
        font-family: FontAwesome;
        -webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
        -moz-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
        -ms-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
        -o-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
        transform: translateX(-50%) translateY(-4.5em) scale(0.01);
    }

    .cd-vertical-nav li:nth-of-type(4) a::before {
        -webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
        -moz-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
        -ms-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
        -o-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
        transform: translateX(-50%) translateY(-4.5em) scale(0.25);
    }

    .cd-vertical-nav li:nth-of-type(5) a::after {
        /*background-position: 0px 0px;*/
        content: "\f095";
        color: black;
        font-size: 16px;
        top: 4px;
        font-family: FontAwesome;
        -webkit-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
        -moz-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
        -ms-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
        -o-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
        transform: translateX(-50%) translateY(-7.5em) scale(0.01);
    }

    .cd-vertical-nav li:nth-of-type(5) a::before {
        -webkit-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
        -moz-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
        -ms-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
        -o-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
        transform: translateX(-50%) translateY(-7.5em) scale(0.25);
    }

    .cd-vertical-nav .label {
        display: block;
        /* Force Hardware Acceleration */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .no-touch .cd-vertical-nav:hover a::before, .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav li:nth-of-type(n) a::before, .touch .cd-vertical-nav li:nth-of-type(n) a::after {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        /* set a rotation to fix bug on Firefox - http:/gielberkers.com/how-to-fix-shaking-css-transitions-in-firefox/ */
        -moz-transform: translateX(-50%) scale(1) rotate(0.02deg);
    }

    .no-touch .cd-vertical-nav:hover a::after, .touch .cd-vertical-nav a::after {
        opacity: 1;
        -webkit-transition: -webkit-transform 0.4s, opacity 0s;
        -moz-transition: -moz-transform 0.4s, opacity 0s;
        transition: transform 0.4s, opacity 0s;
    }

    .no-touch .cd-vertical-nav:hover .label, .touch .cd-vertical-nav .label {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/**428**/
.fdmxw{     margin: 0;
    padding: 25px 0 0 0;}
.time-drawer {
	width:84%;
	margin:0 auto;
	opacity:1;
	filter:alpha(opacity=100);
	display:block
}
.drawer-wrapper>h1 {
    font-size: 30px;
    line-height:30px;
    text-align: center;
	margin:20px 0px;
}
.time-drawer>h1>span {
    font-weight: 700;
    padding-right: 10px;
}
.time-drawer>dl {
	padding:25px 10px 0px;
	display:table;
	 /*margin-top: 10px;*/
    /*border-top: #a0a0a0 1px solid;*/
}
.time-drawer>dl>dt {
	width:33.333333%;
	height:auto;
	padding:0px 8px;
	display:table-cell;
	vertical-align:top;
	float:left;
}
.time-drawer>dl>dt.last {
	border-right:0
}

.time-drawer>ul {
	padding:25px 10px 0px;
	display:table;
	 /*margin-top: 10px;*/
    /*border-top: #a0a0a0 1px solid;*/
}
.time-drawer>ul p img{
    max-width: 100%;
}
.time-drawer>dl>dt {
	width:33.333333%;
	height:auto;
	padding:0px 8px;
	display:table-cell;
	vertical-align:top;
	float:left;
}
.time-drawer>dl>dt.last {
	border-right:0
}


.time-drawer dl>dt {
	width:33.333333%;
	height:auto;
	padding:0px 8px;
	display:table-cell;
	vertical-align:top;
	float:left;
}
.time-drawer dl>dt.last {
	border-right:0
}



.time-box {
	width:100%;
	 
	display:block;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:#d2d2d2 1px solid;
	color:#000
}
.time-box>h1 {
	font-size:20px;
	line-height:25px;
	background:url(/img/jt.png) no-repeat right center;
	-webkit-transition:-webkit-all .2s ease-in;
	-moz-transition:-moz-all .2s ease-in;
	-o-transition:-o-all .2s ease-in;
	transition:all .2s ease-in;
	margin-top:20px;
}
.time-box>h2 {
	font-size:12px;
	width:100%;
	text-align:left;
	padding:0px;
}
.time-box>p {
	font-size:12px;
	line-height:20px;
	padding-top:5px;
	color:#a0a0a0
}
.time-box>img {
	width:100%;
	/*height:202px;*/
	margin-bottom:1px;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	-webkit-transition:-webkit-filter .2s ease-in;
	-moz-transition:-moz-filter .2s ease-in;
	-o-transition:-o-filter .2s ease-in;
	transition:filter .2s ease-in
}
.time-box:hover>h1 {
	color:#5bb688;
	background:url(/img.zaozuo.com/fc98a7ca86b08a097643b90d40104a67) no-repeat right center
}
.time-box:hover>img {
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:none
}

.time-box>img.small {
	width:41px;
	height:41px;
}
.time-drawer .media-morebtn {
    display: table;
    margin: 0px  auto;
}
.media-morebtn {
    width: auto;
    display: inline-block;
    margin: 40px auto 50px;
    padding: 10px 20px;
    height: 25px;
    line-height: 25px;
    color: #503723;
	border: 1px solid #dcd2cc;
    text-align: center;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -webkit-border-radius: 40px;
	
}
.media-morebtn:hover {
	color: #fff;
	background:#4f3622;
}
/****/


@media only screen and (min-width: 1360px) and (max-width: 1400px) {
.home-top, .home-top1 {
    padding-top: 95px;
}
.pad-top145 {
    padding-top: 112px;
}
}


@media (min-width: 959px) and (max-width: 1199px) {
    .navbar-nav {
        margin-top: 20px;
    }
	.container{width:96%;}
	.nav > li > a{font-size:16px;}
	.navbar-brand img{width:190px;}
	.nav li:last-child{margin-left:0px;}
	h1{margin-bottom:0px;}
	.mainp > p{margin:10px 0px;}
}


/**767 start**/
@media (max-width: 767px) {
	section.section1 {
    margin: 0;
    padding: 25px 0 20px 0;
}
	
	
	.drawer-wrapper>h1{margin:0px;}
	.time-drawer>dl>dt {
	width:50%;
	padding:0px 8px;
	vertical-align:top;
	display:inline-table;
}
	.time-drawer dl>dt {
	width:50%;
	padding:0px 8px;
	vertical-align:top;
	display:inline-table;
}
.footer .fot_xg{
    margin-left: 0;
}
.time-drawer {
	width:100%;
}
.time-drawer>dl{padding:20px 0px 0px 0px;margin-top:0px;}
.time-box>h1{margin-top:0px;}
.time-box>h2{margin-top:0px;}
.time-box>p{padding-top:0px;}
.time-box{height:252px;}
.time-box>img{height:auto;}
.time-box>h1{padding:10px 0px;  font-size: 20px;}
.time-drawer .media-morebtn{margin:0px  auto 20px}
.btn{    margin: 0px;}
	.about_img4 {
    padding-left: 0px;
}
	.qcrl .col-md-6 {
    padding-right: 0px;
    padding-left: 15px;
}

.see_map{width:100%;padding:0px 0px 16px 0px;}

.slideBox {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
 
.slideBox .bd img {
    max-width: 100%;
    height: 375px;
    display: block;
    margin: 0 auto;
    
}
.navbar .container{margin-top:0px;}

	.mdf-arc-box .col-md-12{    padding-right: 10px;}
    .mdf-arc-box .col-md-13{    padding-right: 10px;}
	 .content, .container{    overflow: hidden;padding-right: 0px;}
	 .list{padding-right: 15px;}
	 .about_img4 div{width:50%;float:left;padding-left:15px;padding-right:5px;margin:5px 0px}
	 .about_img4 div:nth-child(2),.about_img4 div:nth-child(4){padding-left:5px;padding-right:15px;}
.mdf-list-box .tp_bj div {
    padding-right: 5px;
	padding-left: 5px;
}
    .navbar.navbar-fixed-top {
        background-color: #FFFFFF;
    }
    .navbar {    line-height: 70px;
    height: 70px;}

    .navbar .navbar-collapse ul.nav {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0.73);
    }

    .navbar .navbar-collapse ul.nav li {
        border-bottom: 1px solid #FFFFFF;
        width: 100%;
    }
   .navbar-brand{line-height: 30px;  }

    .navbar-brand img {
        /* width: 163px; */
        height: 36px;
    }
    
    .inxw-img img{
    	
    	 width: 80%;
    }
      
	.nav li:last-child{margin-left:0px;}
	section.section{padding:0px;}
	h1{/**margin:20px 0px;**/padding:20px 0px;font-size:28px;margin:0px;}
	.lj_more{margin:20px 0px;float:none;width:30%;padding:10px;font-size: 14px; font-weight: 200;}
	h2{font-size:24px;}
	.tt p:nth-child(1) {
    font-size: 36px;
    font-weight: 200;
}
.tt p:nth-child(2) {
    font-size: 12px;
    color: #7e6e64;
    text-align: left;
    line-height:22px;
}
	.tt p:nth-child(3) a{
    font-size: 14px;
    width: 30%;
}

.picScroll .bd li img {
    width: 100%;
    height: 157px;
}

.mainp >h1 {
    font-weight:200;
}
.about_top {
    padding-top: 32%;
}
	.mainp > p{/**margin:20px 0px;**/margin:0px;}
	.dd{margin-bottom:20px;}
		.tt{width:100%;}
	.tt p a{width:50%;}
	.wdh{margin:20px 3%;width:94%;}
	.vrone .backimg{width:100%;}
	.vrtext{margin:20px 0px;}
	.no_mar{margin-top:0px}
	.col-md-12{margin-top:20px;}
    .col-md-13{margin-top:20px;}
	
	.liuyan{/**height:560px;**/height:400px;}
	.vrtext span{font-size:20px;}
	
	.liuyan_con {background:none;height: 100%;;  background-size: 100% 100%; margin-top: 30px; margin-left:0;padding:0px 30px;}
	
	.liuyan_con .col-md-12{margin-top: 5px;}
    .liuyan_con .col-md-13{margin-top: 5px;}
	.liuyan_con .section-header, .liuyan_con .section-subheader{
    font-size: 18px;
    line-height: normal; 
}

.form-inline .form-control{
	    width: 80%;
}

.ly_add{margin-top: 20%; color: #734C2D;line-height: 20px;}


.mar-right30 {
    margin-right: -15px;
}
.mar-left30 {
    margin-left: -15px;
}


h1 a.navbar-brand{
	color: #FFFFFF;
}
.nav > li > a{
	color: #FFFFFF;
}

h1 a.navbar-brand{
	letter-spacing: 5px;
}

.home-top1{    padding-top: 40px;}
section#footer .copyright .f_nav dd:first-child {
    padding-top: 15px;
}
section#footer .copyright .f_nav dd{ width: 25%; float: left; border-right: 1px solid #D5D5D5;line-height: 0px; text-align: center;} 
section#footer .copyright .f_nav dd:last-child{border-right:none ;}
section#footer .copyright .f_nav dl{margin-bottom: -10px}
section#footer .copyright .f_nav{border-right: none; border-bottom: 1px solid #F5F5F5; padding: 10px 0;    height: initial;}
section#footer .copyright .f_xx{border-right: none; line-height: 5px;padding-left:10px;padding-right: 0px;}
section#footer .copyright .f_xx p small{font-size: 12px;line-height: 24px;}
section#footer .copyright .f_logo{border-right: none;}

.lxwm-cantacthome
{
	background: url(../images/jbanner.jpg) no-repeat center; background-size:100% ;    height: 195px;
}
.mdf_img2 div:last-child {
    padding-right: 0%;
    width: 32%;
}
.mdf_img2 .mdf_img2_1 img{min-height:65px;}/**4.10+**/
.mdf_img2_1 {
    min-height: 50%;
    width: 34%;
    float: left;
    ma-right:2%;
}

.mdf_img2 .mdf_img2_1 img {
   
}

.mdf_img4{
	padding-left: 0px;
}
.mdf_img5{
	    padding-left:0; 
      padding-right: 0; 
}
.mdf_img3{
	    padding-left: 0;
    padding-right: 0; 
	padding-bottom:5px;
}
.picScroll .hd {
    padding-right: 28%;
}
section#footer .copyright .f_logo {
    padding: 20px 0;
}
section#footer .copyright .f_logo .fl_l{width: 100%; margin: 5px;    text-align: center; float: none;}
section#footer .copyright .f_logo .fl_l img{text-align: center;}
section#footer .copyright .f_logo .hz_r {text-align: center;}
section#footer .copyright .f_logo .hz_r dl{text-align: center;overflow: hidden;}
section#footer .copyright .f_logo .hz_r a{color: #FFFFFF; padding: 3px;font-size:12px;}
section#footer .copyright .f_logo .hz_r dd{margin: 3px 0; float:  left;}

.container-fluid{
	    padding-right: 15px; 
      padding-left: 15px; 
}

.pad-right {
     padding-right: 0px; 
}
.pad-left {
     padding-left: 15px; 
}
.pad-top145{
	padding-top: 45px;
}

.b_tit1
{width: 28%;}

.b_tit2{width: 80%;margin:0 auto;}

.f_wx img{width: 100%;}

.about_tt p:nth-child(1){color:#4f3622; font-size: 30px;}
.about_tt p:nth-child(2){color:#4f3622; font-size: 12px;}
.list .col-md-10{padding-right: 0px; padding-left:0px;}
.inbox1 .col-md-7 {padding-right: 0px;} 
 .inbox1 .col-md-7 img{padding-bottom:0px;} 
.inbox1 .pad-top60{/**padding-top: 10px;**/padding-top:0px;margin-left: 13px;
    padding: 0px 20px;}

.about_mainp{padding:0px 15px;}
.ov{overflow:hidden;}
.set_bj{padding-bottom:20px}
.set_bj_top{padding-top:20px}
.no_pad{padding:0px;}
.pad_none{padding-right:0px;}
.pad_left_none{padding-left:0px;}
.pad_top_none{padding-top:0px;}
.pad_bot_none{padding-bottom:0px;}
.mar_top_none{margin-top:0px;}
.fot_xg{margin-right:15px;}
.pad_mar10{margin-top:5px;}


.img_lh .bd li{margin:0px 15px 0px 0px;}
.fu_bj{margin-left:-8px;}

	.sws .row{    margin-left: 0px;}
	
	.gysws-list .col-md-12 {
    padding-right: 0px;
    padding-left:15px;
}
    	.gysws-list .col-md-13 {
    padding-right: 0px;
    padding-left:15px;
}
.gysws-list .pad15{padding:0px 15px;}
.gysws-list .col-md-8 {
    padding-right: 0px;
    padding-left: 0px;
}

.gysws .col-md-10{padding-right: 0px; }
.list_con .col-md-12{    padding-left: 0px;margin-top: 0px;}
.list_con .col-md-13{    padding-left: 0px;margin-top: 0px;}
.mdf-list-box .col-md-4 {
    margin-bottom: 5px;
}

.gysws-list .mdf_img4 div img {
    max-height: 100%;
}

.sy_db{ padding-right: 0px;
    padding-left:0px;}
	
	.mdf-arc-box {
    height: auto;
}
	.picScroll .prev, .picScroll .next{margin: 0px 13px 0 0px;}

.sjs{width:91%;}

.arc_con .col-md-12{padding-right:0px;}
}
.arc_con .col-md-13{padding-right:0px;}
}
/**767 end**/

@media (max-width: 320px){
	letter-spacing: 2px;
}




@media only screen and (max-width: 1024px) {
    .home-top {
        padding-top: 150px;
    }

    .home-top1 {
        padding-top: 40px;
    }

    .firstcar {
        background-image: url(../images/lide8.jpg);
    }

    #sky {
        display: none;
    }

    #canvas {
        display: none;
    }

    .abouthome {
        height: 350px;
        overflow: hidden;
        background-image: url(../images/lide7.jpg);
    }

    .cantacthome {
        height: 350px;
        overflow: hidden;
    }

    .paterner-btn {
        width: 100%;
        height: 50px;
        padding: 20px 10px 20px;
        margin: 30px 0;
        -webkit-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    }
}





.gysws_contact {font-size:14px;
}

.zhaopin {width:666px; margin:0 auto;
}



.modal-dialog {
    width: 1000px;
    margin: 30px auto;
}









#wysj-normal div,
#wysj-normal ul,
#wysj-normal span,
#wysj-normal a{margin:0; padding:0;text-decoration: none; box-sizing:content-box;}
#wysj-normal ul{list-style: none;}

#wysj-normal{position: fixed; right: 0; bottom: 20%; font-family: "Microsoft Yahei"; z-index: 9999; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;}
#wysj-normal .wysj-icon-item{width: 100px; height: 100px; position: relative; margin-bottom: 10px; }
#wysj-normal .wysj-icon-item:last-child{margin-bottom: 0px;}
#wysj-normal .wysj-icon-item:hover .wysj-serv-box{ -webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg); -ms-transform:rotateY(0deg);transform:rotateY(0deg); opacity: 1; visibility: visible;}
#wysj-normal .wysj-icon-link{ display: table-cell; vertical-align: middle; text-align: center; font-size: 24px; width: 100px; height: 100px; background-color: #fff; border:1px solid #eee; box-shadow: 0px 0px 10px rgba(0,0,0,.3); color: #333; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s;}
#wysj-normal .wysj-icon-link:before{display: block; width: 100%; line-height: 1.2em; color:#333;}
#wysj-normal .wysj-icon-link:hover:before{display: block; width: 100%; line-height: 1.2em; color:#fff;}
#wysj-normal .wysj-icon-link span{display: block; width: 100%; font-size: 14px; font-family: "Microsoft Yahei";}
#wysj-normal .wysj-serv-title{display: block; padding-bottom:5px; font-size: 14px;}
#wysj-normal .wysj-phone-number{font-size: 14px; color: #333;}
#wysj-normal .wysj-serv-box{position: absolute; right: 105px; top: 0px; display: table; min-height: 100px; box-sizing:border-box; text-align: center; width: 100px; padding:10px; background-color: #fff;
	-webkit-transition: all 0.6s; 
	-moz-transition: all 0.6s; 
	-ms-transition: all 0.6s; 
	-webkit-transform:perspective(600px) rotateY(-90deg); 
	-moz-transform:perspective(600px) rotateY(-90deg); 
	-ms-transform:perspective(600px) rotateY(-90deg); 
	transform:perspective(600px) rotateY(-90deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin:right 0;
	-moz-transform-origin:right 0;
	-ms-transform-origin:right 0; 
	transform-origin:right 0;
	opacity: 0; visibility: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
#wysj-normal .wysj-serv-box:before{ content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: calc(100px / 2); background-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}
#wysj-normal .wysj-serv-box ul{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
#wysj-normal .wysj-serv-box ul li{padding:5px 0px 10px 0; border-bottom: 1px solid #eee; margin:0;}
#wysj-normal .wysj-serv-box ul li:first-child{padding-top:0;}
#wysj-normal .wysj-serv-box ul li:last-child{border-bottom: none;padding-bottom:0;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 2px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 40px;
  width: 22px;
  background: transparent url("/images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


  
		/**5usujian.com create, please make sure this file can be written!**/
		/**normal Start**/
		#wysj-normal{bottom:10%;right:0px;}
		#wysj-normal .wysj-icon-link{border-color:#eeeeee;width:65px;height:65px;color:#333333;background-color:#ffffff;font-size:24px; border-radius:0;box-shadow:none;}
		#wysj-normal .wysj-icon-link:before{color:#333333;}
		#wysj-normal .wysj-icon-link:hover{color:#ffffff;background-color:#ff6600;}
		#wysj-normal .wysj-icon-link:hover:before{color:#ffffff;}
		#wysj-normal .wysj-serv-box{width:135px; right:70px; min-height:65px;}
		#wysj-normal .wysj-serv-box:before{top:33px;}
		#wysj-normal .wysj-icon-item{margin-bottom:0px;width:65px;height:65px;}
		#wysj-normal .wysj-icon-link span{font-size:14px;}

		#wysj-talk-box{bottom:10%!important;}
		#wysj-talk-box .wysj-talk{ color:#ffffff!important; background-color:#F00!important;}
		#wysj-talk-box .wysj-talk:before{ color:#ffffff!important;}