html, body{
font-family: 'microsoft yahei';
font-size: 100%;
background-color: #f7f7f6;
}
body a{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
body p{ text-indent:0px !important;
}
/*----start-header----*/
.header{
background:#926957;
}
.logo{
float:left;
}
/*----navbar-nav----*/
.top-nav ul li a{
color: #ffffff;
padding:0;
font-size:16px;
text-transform: uppercase;
}
.top-nav ul li a:hover{
color:#ffd3c0;
}
#nav_active{ color:#ffd3c0; font-weight:normal; border-bottom:#ffb391 3px solid;}
.logo a{
display:block;
}
/* top-nav */
.top-nav:before,
.top-nav:after {
content: " ";
display: table;
}
.top-nav:after {
clear: both;
}
nav {
position: relative;
}
nav ul {
padding: 0;
float: right;
margin: 15px 0;
}
nav li {
display: inline;
float: left;
position:relative;
}
nav a {
color: #fff;
display: inline-block;
width:115px;
text-align: center;
text-decoration: none;
line-height:37px;
border-bottom:#926957 3px solid; margin-left:2px;
}
nav a:hover{
text-decoration:none;
color:#ffb391; border-bottom:#ffb391 3px solid;
}
nav a#pull {
display: none;
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px) {
nav {
height: auto;
}
nav ul {
width: 100%;
display: block;
height: auto;
}
nav li {
width: 100%;
position: relative;
}
nav li a {
border-bottom: 1px solid #eee;
}
nav a {
text-align: left;
width: 100%;
text-indent: 25px;
}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
nav {
border-bottom: 0;
}
nav ul {
display: none;
height: auto;
margin:0;
background: #fff;
}
nav a#pull {
display: block;
position: relative;
color: #F26D7D;
text-align: right;
position: absolute;
top: 2px;
}
nav a#pull:after {
content:"";
background: url('nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 0px;
}
nav a#pull img{
margin-right:2%;
}
.top-nav ul li a {
color: #2C3E50;
padding: 0em 0;
}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
nav li {
display: block;
float: none;
width: 100%;
}
nav li a {
border-bottom: 1px solid #576979;
}
}
/*---- start-slider----*/
.slider{
position:relative;
}
.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;
}
/*---*/
.rslides {
margin: 0 auto 40px;
}
#slider2,
#slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}
.rslides_tabs {
list-style: none;
padding: 0;
font-size: 18px;
list-style: none;
margin: 0 auto 50px;
padding: 10px 0;
text-align: center;
width: 100%;
position: absolute;
bottom: 42px;
z-index: 99;
}
.slid-info{
position: absolute;
top: 26%;
left: 25%;
}
.slid-info h1{
color: #FFF;
text-transform: uppercase;
font-weight: 600;
font-size: 3em;
}
.slid-info p{
color: #fff;
text-transform: uppercase;
font-size: 0.85em;
width: 65%;
line-height: 1.8em;
}
.slid-btn{
border: 2px solid #FFF;
padding: 0.6em 2.2em;
display: inline-block;
font-size: 1.2em;
margin-top:1em;
border-radius: 0.6em;
-webkit-border-radius: 0.6em;
-moz-border-radius: 0.6em;
-o-border-radius: 0.6em;
-ms-border-radius: 0.6em;
}
.slid-btn:hover{
text-decoration: none;
background: rgba(0, 162, 193, 0.36);
color: #fff;
}
.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px;
}
.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
background: transparent;
display: inline;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}
a {
color: #fff;
text-decoration: none;
}
#download {
background: #333;
background: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.1);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
font-size: 20px;
font-weight: bold;
margin: 60px auto;
max-width: 500px;
padding: 20px;
}
#download:hover {
background: rgba(255,255,255,.15);
}
.footer {
font-size: 11px;
}
/* Callback example */
h3 {
font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
color: #fff;
}
.events {
list-style: none;
}
.callbacks_container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.callbacks img {
display: block;
position: relative;
z-index: 1;
height: auto;
width: 100%;
border: 0;
}
.callbacks .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;
}
.callbacks_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: 61px;
width: 38px;
background: transparent url("themes/themes.gif") no-repeat left top;
margin-top: -45px;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0;
}
#slider3-pager a {
display: inline-block;
}
#slider3-pager span{
float: left;
}
#slider3-pager span{
width:50px;
height:6px;
background:#926957;
display:inline-block;
border-radius:5px;
opacity:0.3;
}
#slider3-pager .rslides_here a {
background: #926957;
border-radius:5px;
opacity:1;
}
#slider3-pager a {
padding: 0;
}
@media screen and (max-width: 600px) {
h1 {
font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.callbacks_nav {
top: 47%;
}
}
/*---- //End-slider----*/
/*-----start-about-----*/
.about{
text-align:center;
padding:2em 0;
}
.about h2{
font-size: 2.2em;
font-weight: 900;
color: #4F6367;
text-align: left;
margin: 0.8em 0 0.8em;
}
.wellcome-note-head{
color: #4F6367;
font-weight: 400;
font-size: 1.7em;
margin: 0.2em 0;
}
.wellcome-note-head label{
display: block;
font-weight: normal;
margin: 0;
}
.wellcome-note-head span{
font-weight:bold;
}
.wellcome-note-info{
font-size: 0.875em;
width: 80%;
margin: 0 auto;
color:#4F6367;
}
/*-----start-about-grids----*/
.about-grids{
padding:3em 0;
}
.about-grid span{
width: 92px;
height: 79px;
display: inline-block;
background: url(../images/about-icons.png) no-repeat 17px 0px;
margin: 1em 0;
}
.about-grid h3{
margin:0;
padding:0.3em 0;
}
.about-grid h3 a{
color: #00A2C1;
font-weight: 700;
font-size: 1.3em;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
padding: 0 0 0.1em;
margin: 0 0 0.1em;
display: block;
}
.about-grid h3 a label{
font-weight: 100;
font-size: 0.875em;
color: #97AEB3;
}
.about-grid p{
color: #4F6367;
text-align: justify;
font-size: 0.875em;
line-height: 1.6em;
}
.about-grid span.about-icon1{
background-position: -276px 9px;
}
.about-grid span.about-icon2{
background-position: -577px 3px;
}
.about-grid span.about-icon3{
background-position: -879px 2px;
}
/*----start-services----*/
.services{
background:#05A4C2;
padding:2em 0;
}
.services h3{
font-size: 2.2em;
font-weight: 900;
color: #FFF;
text-align: left;
margin: 0.8em 0 0.8em;
}
.services-list li {
width: 13.97%;
margin: 0;
padding: 0;
}
.services h3 label{
background:#4DBCD3;
height:2px;
display:block;
width:10%;
margin-top:0.2em;
}
.services-list li a span{
width: 83px;
height: 83px;
display: inline-block;
background: url(../images/services-icons.png) no-repeat 0px 0px;
}
.services-list li a span.service-icon{
background-position:0px 0px;
}
.services-list li a span.service-icon1{
background-position: -154px 0px;
}
.services-list li a span.service-icon2{
background-position: -316px 0px;
}
.services-list li a span.service-icon3{
background-position: -475px 0px;
}
.services-list li a span.service-icon4{
background-position: -635px 0px;
}
.services-list li a span.service-icon5{
background-position: -794px 0px;
}
.services-list li a span.service-icon6{
background-position: -953px 0px;
}
.services-list li a label{
display: block;
font-weight: 300;
text-transform: uppercase;
font-size: 1em;
margin: 0.5em 0 0;
}
.services-list ul{
margin: 0;
padding: 1.2em 1em 3.5em 1em;
}
.services-list li a:hover{
text-decoration:none;
color:#61E4FF;
}
/*----start-tooltip-style----*/
.portfolio{
position: relative;
}
.portfolio h3{
font-size: 2.2em;
font-weight: 900;
color: #4F6268;
text-align: left;
text-transform: uppercase;
}
.portfolio h3 label{
background:#4F6268;
height:2px;
display:block;
width:10%;
margin-top:0.2em;
}
/*----//End-tooltip-style----*/
/*----start-portfolio-----*/
.portfolio-box{
padding: 2em 0;
background: url(../images/port-bg.jpg) no-repeat 0px 0px;
background-size: cover;
}
.portfolio-main{
padding:1.5% 0 4%;
}
#filters {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
width: 40%;
position: absolute;
top: 5%;
right: 9%;
}
.port-info{
text-align:center;
padding: 0.8em 0;
}
.port-info h4{
margin:0;
}
.port-info h4 a{
color: #222730;
font-weight: 600;
font-size: 1.2em;
text-decoration: none;
}
.port-info span{
color: #747474;
font-style: italic;
font-size: 0.875em;
}
#filters li {
display:inline-block;
}
#filters li span {
display: inline-block;
padding: 10px 15px;
text-decoration: none;
color: #485B5F;
cursor: pointer;
font-size: 0.875em;
font-weight: 400;
text-transform: uppercase;
border-radius: 4px;
margin-right: 0.5em;
}
#filters li span.active {
color: #67C6DA;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 33.33333%;
display:none;
float:left;
overflow:hidden;
background: #fff;
}
.portfolio-wrapper {
overflow:hidden;
position: relative !important;
cursor:pointer;
}
.portfolio img {
max-width:100%;
/*--position: relative;--*/
transition: all 300ms!important;
-webkit-transition: all 300ms!important;
-moz-transition: all 300ms!important;
display: block;
}
.portfolio .label {
position: absolute;
width: 100%;
height:40px;
bottom:-40px;
}
.portfolio .label-bg {
background: #22B4B8;
width: 100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.portfolio .label-text {
color:#fff;
position: relative;
z-index:500;
padding:5px 8px;
}
.portfolio .text-category {
display:block;
font-size:9px;
font-size: 12px;
text-transform:uppercase;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
position:relative;
display:inline-block;
vertical-align:top;
font-family:microsoft yahei;
font-weight: 300;
overflow:hidden;
width: 100%;
}
.b-link-stripe .b-wrapper{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
text-align:center;
color:#ffffff;
overflow:hidden;
}
.b-link-stripe .b-line{
position:absolute;
top:0;
bottom:0;
width:20%;
background:rgba(243, 103, 89, 0.8);
transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
opacity:0;
visibility:hidden; /* lt-ie9 */
}
/* lt-ie9 */
.b-link-stripe:hover .b-line{
visibility:visible;
}
.b-link-stripe .b-line1{
left:0;
}
.b-link-stripe .b-line2{
left:20%;
transition-delay:0.1s !important;
-moz-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
left:40%;
transition-delay:0.2s !important;
-moz-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
left:60%;
transition-delay:0.3s !important;
-moz-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
left:80%;
transition-delay:0.4s !important;
-moz-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
opacity:1;
}
/*-----------------------------------------------------------------------------------*/
/* Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
text-decoration:none;
}
.b-animate{
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
visibility: hidden;
font-size:1.1em;
font-weight:700;
}
.b-animate img{
margin-top: 12%;
display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
visibility:visible;
}
.b-from-left{
position:relative;
left:-100%;
}
.b-animate-go:hover .b-from-left{
left:0;
}
span.m_4{
font-size:14px;
font-weight:400;
}
p.m_5 {
margin: 2% auto 5%;
width: 70%;
color: #283A47;
font-size: 1.1em;
font-weight: 600;
line-height: 1.5em;
text-align: center;
}
.p-img {
width:100%;
}
/*---- start-testmonials-----*/
.testmonials{
background: url(../images/test-bg.jpg) no-repeat 0px 0px;
background-size: cover;
padding: 2em 0;
}
.client-pic img{
border-radius:30em;
-webkit-border-radius:30em;
-moz-border-radius:30em;
-o-border-radius:30em;
-ms-border-radius:30em;
}
.client-pic{
text-align:center;
}
/*--text-slider--*/
.test-monials-grids{
padding: 4em 0 3.5em 0;
}
.test-monials {
background: rgba(245, 245, 245, 0.34);
border-bottom: 1px solid rgba(54, 59, 63, 0.07);
padding-bottom: 3px;
}
.test-monials h3{
font-size: 2em;
color: #E14E3E;
margin-bottom: 0px;
text-align: center;
font-family:microsoft yahei;
}
.test-monials h3 span{
color:#363B3F;
}
.slider {
position: relative; margin-top:20px;
zoom: 1;
}
.slider-nav {
position: absolute;
zoom: 1;
width: 100%;
top: 0;
left: 0;
}
.arrow {
width: 42px;
height: 175px;
position: absolute;
zoom: 1;
top: 0;
}
.arrow span {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.arrow.disabled {
opacity: 0.3;
cursor: default;
}
.arrow-left {
left: 0;
}
.arrow-right {
right: 0;
}
.slider-mask-wrap {
margin: 0 48px;
}
.slider-mask {
overflow: hidden;
position: relative;
zoom: 1;
}
.slider-target {
width: 2000px;
margin: 0 auto;
}
.slider ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.slider li {
margin: 0;
padding: 0;
}
.slider .inner p{
padding: 10px;
height:80%;
width:80%;
font-size: 1.2em;
color: #5c5c5c;
display: block;
text-align: center;
margin: 0 auto;
line-height: 1.5em;
font-family:microsoft yahei;
}
.test-auther {
text-align: center;
margin-top: 0em;
background: url(../images/test-bg.png) no-repeat 50% 50%;
padding-top:0em;
}
.test-auther p a{
font-size:1.4em;
color: #232323;
font-family:microsoft yahei;
font-weight: 900;
text-align: center;
margin-bottom: 0.8em;
}
.test-auther p label{
font-size: 0.875em;
line-height: 1.5em;
color: #5c5c5c;
font-family:microsoft yahei;
}
.examples{
padding: 0em 0 1em 0;
}
#menu span {
white-space: nowrap;
}
#selector {
text-align: center;
margin-top: 1em;
}
/* selector styling */
#selector a {
display: block;
width: 16px;
height:16px;
background: url(../images/bsprit.png) no-repeat -27px -172px;
}
#selector a.current {
background: url(../images/bsprit.png) no-repeat -7px -172px;
}
#selector ul {
margin:0;
padding:0;
list-style-type: none;
}
#selector li {
display: inline-block;
margin-right: 10px;
}
#menu span {
white-space: nowrap;
}
.client-sys{
margin-top:3em;
}
.client-pic img:after{
}
/*---End-test-monials---*/
/*----start-team----*/
.team-member h3{
margin: 0.8em 0 0;
padding: 0;
}
.team-member h3 a{
color: #131720;
text-transform: uppercase;
font-size: 1.2em;
font-weight: 700;
}
.team-member h3 a:hover{
text-decoration:none;
}
.team-member span{
color: #C8C8C8;
margin: 0 0 0.5em 0;
display: block;
}
.member-pic img{
border-radius: 0.5em;
border: 1px solid #eee;
width: 100%;
}
.team-member p {
color: #4F6367;
font-size: 0.875em;
line-height: 1.6em;
margin: 0.4em 0 1em;
}
.social-icons li a{
color: #FFF;
background: #CECECE;
width: 40px;
height: 40px;
display: block;
border-radius:30em;
}
.social-icons li a:hover{
background:#05A4C2;
}
.social-icons li a i{
margin-top: 0.6em;
font-size: 1.2em;
}
.team{
padding: 5em 0;
}
.social-icons li{
margin:0;
padding: 0 2px;
}
/*-----start-brands-carsuals----*/
.brand-carsuals{
background: url("../images/brand-bg1.jpg") no-repeat 0px 0px;
background-size: cover;
min-height: 200px;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}
.nbs-flexisel-container {
position: relative;
max-width: 90%;
top: 69px;
margin: 0 auto;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
cursor:pointer;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {
width: 100%;
cursor: pointer;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
max-width:100px;
max-height:45px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width:50px;
height:92px;
position: absolute;
cursor: pointer;
z-index: 100;
opacity: 0.5;
}
.nbs-flexisel-nav-left {
left: 10px;
background: url(../images/brand-slider-icons.png) no-repeat;
}
.nbs-flexisel-nav-right {
right: 5px;
background: url(../images/brand-slider-icons.png) no-repeat -60px 0px;
}
/*----start-blog-----*/
.blog{
}
.post-pic img{
width:100%;
border-radius: 0.3em 0.3em 0 0;
-webkit-border-radius: 0.3em 0.3em 0 0;
-moz-border-radius: 0.3em 0.3em 0 0;
-o-border-radius: 0.3em 0.3em 0 0;
-ms-border-radius: 0.3em 0.3em 0 0;
}
.frist-row{
background: #05A4C2;
padding: 0;
color:#FFF;
border-radius:0.3em;
}
.blog h3 {
font-size: 2.2em;
font-weight: 900;
color: #506369;
text-align: left;
margin: 0.8em 0 0.8em;
text-transform: uppercase;
}
.blog h3 label {
background: #506369;
height: 2px;
display: block;
width: 5%;
margin-top: 0.2em;
}
.post-head-left{
float:left;
width:70%;
margin-top: 1.2em;
}
.post-head-left h4{
margin:0;
}
.post-head-left h4 a{
font-weight: 700;
display: block;
font-size: 1.2em;
}
.post-head-left h4 a:hover{
text-decoration:none;
color:#506369;
}
.post-head{
padding:1em 1em;
}
.author{
display:block;
margin-top: 0.2em;
}
.author a:hover{
text-decoration:none;
color:#506369;
}
.post-head-right{
text-align: center;
background: #0798B5;
float: right;
width: 24%;
height: 83px;
border-radius: 30em;
}
.post-head-right span{
font-weight: 700;
font-size: 2em;
}
.post-head-right label{
display: block;
font-weight: 300;
font-style: italic;
font-size: 0.9em;
margin: 0;
padding: 0;
}
.post-text{
padding: 0 1em;
font-weight: 400;
font-size: 0.875em;
line-height: 1.5em;
}
.post-bottom {
margin: 2em 1em 1.5em 1em;
}
.post-bottom-left{
float:left;
}
.post-bottom-left a:hover{
text-decoration:none;
color:#506369;
}
.artbtn{
background: #0798B5;
padding: 0.5em 1em;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;
}
.artbtn:hover{
text-decoration:none;
background: #0894AD;
color:#FFF;
}
.post-bottom-right{
float:right;
}
.artical-row2{
color:#2C3039;
}
.artical-row2 h4 a,.artical-row2 p a{
color:#2C3039;
}
.post-head-right-C{
color:#fff;
width:26%;
}
.artbtn1{
color:#fff;
}
.post-head1{
padding: 0em 1em 1em 1em;
}
.blog {
padding: 2em 0 4em;
}
/*----start-contact----*/
.contact{
background:url(../images/contact-bg.jpg) no-repeat 0px 0px;
background-size:cover;
padding: 3.5em 0 5em;
}
.contact h3 {
font-size: 2.2em;
font-weight: 900;
color: #FFF;
text-align: left;
margin: 0.8em 0 0.8em;
text-transform: uppercase;
}
.contact h3 label {
background: #FFF;
height: 2px;
display: block;
width: 7%;
margin-top: 0.2em;
}
/*---*/
.contact-grid-left form input[type="text"],.contact-grid-left form textarea{
font-family:microsoft yahei;
margin: 20px 0;
box-shadow: none;
border: 1px solid #989898;
background: #fff;
color: #262626;
line-height: 1.8em;
display: block;
width: 100%;
padding: 8px 12px;
font-size: 14px;
outline: none;
-webkit-appearance: none;
transition: border-color 0.3s;
-o-transition: border-color 0.3s;
-ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
font-weight: 600;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.contact-grid-left form textarea{
resize: none;
height: 160px;
}
.contact-grid-left form input[type="text"]:focus,.contact-grid-left form textarea:focus{
border: 1px solid #05A4C2;
}
.contact-grid-left form input[type="text"]:hover,.contact-grid-left form textarea:hover{
border-color: #05A4C2;
}
.contact-grid-left input[type="submit"]{
background: #956654;
border: 1px solid #956654;
color: #fff; display:block; font-size:16px;
border-radius: 3px;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
outline:none; margin:16px auto; text-align:center; line-height:56px; width:100%;
}
.contact-grid-left input[type="submit"]:hover{
background: #773a23;
border: 1px solid #773a23;
}
.conditions{
float:left;
color:#07A8C5;
}
.conditions span{
font-size: 2.5em;
vertical-align: -webkit-baseline-middle;
}
.submit-btn{
float:none
}
.contact-grid-right iframe{
width:100%;
height:160px;
border:none;
border-radius: 0.25em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
margin-top:1.4em;
}
.contact-grid-right{
color:#FFF;
}
.contact-grid-right p{
font-size: 0.875em;
margin: 0.5em 0;
line-height:1.5em;
}
.contact-grid-right h5{
font-weight:700;
}
.contact-grid-right span{
font-size:0.875em;
}
.contact-grid-right a:hover{
text-decoration:none;
color:#07A8C5;
}
.contact-social{
text-align: center;
margin: 2em 0 0 0;
}
.contact-social li{
margin:0 0.5em;
}
.contact-social li a:hover,.contact-social li a i:hover{
text-decoration:none;
color:#07A8C5;
}
.contact-social li a i{
font-size: 1.6em;
color: #FFF;
}
/*-----start-copy-right----*/
.copy-right{
text-align:center;
background:#926957;
padding-bottom:1.2em;
}
.copy-right p{
color:#FFF;
margin:0;
}
.copy-right p a{
color: #FFF;
margin: 0;
}
.copy-right p a:hover{
text-decoration:none;
color:#05A2C1;
}
/**********/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 3%;
overflow: hidden;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url("../images/arrow_up.png") no-repeat 50% 44% #e0e0e0;
border-radius: 0em;
}
#toTopHover {
width: 40px;
height: 40px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline: none;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*----start-responsive-design----*/
/*-----start-media-quries-for-1280px-laptops-----*/
@media (max-width:1280px){
#filters {
right: 0%;
width:50%;
}
}
/*-----//End-media-quries-for-1280px-laptops-----*/
/*-----start-media-quries-for-1024px-laptops-----*/
@media (max-width:1024px){
#filters {
right: 0%;
width: 60%;
}
.slid-info {
top: 15%;
left: 20%;
}
.slid-btn {
padding: 0.5em 2em;
}
.services-list li {
width: 13.9%;
}
.post-head-right span {
font-size: 1.5em;
}
.post-head-right {
height: 68px;
}
.post-head-right label {
font-size: 0.8em;
}
.post-bottom-left {
float: none;
}
.post-bottom-right{
float:none;
margin-top:0.3em;
}
.post-head-left {
margin-top: 0;
}
}
/*-----//End-media-quries-for-1024px-laptops-----*/
/*-----start-media-quries-for-768px-laptops-----*/
@media (max-width:768px){
#filters {
right: 0%;
width: 60%;
top: 6%;
}
.slid-info {
top: 8%;
left:18%;
}
.slid-btn {
padding: 0.4em 1.5em;
margin-top:0.5em;
font-size:1em;
}
.services-list li {
width: 24%;
}
.post-head-right span {
font-size: 1.5em;
}
.post-head-right {
height: 68px;
}
.post-head-right label {
font-size: 0.8em;
}
.post-bottom-left {
float: none;
}
.post-bottom-right{
float:none;
margin-top:0.3em;
}
.post-head-left {
margin-top: 0;
}
.slid-info h1 {
font-size: 2.5em;
}
.slid-info p {
width: 80%;
}
#slider3-pager span {
width: 60px;
height: 10px;
}
.about h2 {
font-size: 2em;
}
.about {
padding: 0em 0;
}
.wellcome-note-head {
font-size: 1.5em;
}
.about-grids {
padding: 1em 0;
}
#filters li span {
padding: 10px 5px;
}
.team {
padding: 3em 0;
}
.team-member{
margin-bottom:1.5em;
}
.artical-info {
padding: 0 0 1em 0;
margin-bottom: 1em;
}
.b-animate img {
margin-top: 6%;
}
.post-head-right {
width: 10%;
}
.team-member h3 a {
font-size: 1em;
}
.artbtn {
margin-top: 0.5em;
display: inline-block;
}
.services {
padding: 0em 0;
}
.services-list ul {
padding: 0.2em 1em 2.5em 1em;
}
}
/*-----//End-media-quries-for-768px-laptops-----*/
/*-----start-media-quries-for-640px-laptops-----*/
@media (max-width:640px){
#filters {
right: 0%;
width: 100%;
top: 11%;
margin: 0em 0 1em;
position: relative;
}
.slid-info {
top: 2%;
left: 14%;
}
.slid-btn {
padding: 0.4em 1.5em;
margin-top:0.5em;
font-size:1em;
}
.services-list li {
width: 24%;
}
.post-head-right span {
font-size: 1.5em;
}
.post-head-right {
height: 68px;
}
.post-head-right label {
font-size: 0.8em;
}
.post-bottom-left {
float: none;
}
.post-bottom-right{
float:none;
margin-top:0.3em;
}
.post-head-left {
margin-top: 0;
}
.slid-info h1 {
font-size: 2.2em;
}
.slid-info p {
width: 80%;
}
#slider3-pager span {
width: 30px;
height: 10px;
}
.about h2,.services h3,.portfolio h3,.blog h3,.contact h3 {
font-size: 1.8em;
margin: 0.4em 0;
}
.about {
padding: 0em 0;
}
.wellcome-note-head {
font-size: 1.3em;
}
.about-grids {
padding: 1em 0;
}
#filters li span {
padding: 10px 5px;
}
.team {
padding: 3em 0 1em;
}
.team-member{
margin-bottom:1.5em;
}
.artical-info {
padding: 0 0 1em 0;
margin-bottom: 1em;
}
.b-animate img {
margin-top: 6%;
}
.post-head-right {
width: 12%;
}
.team-member h3 a {
font-size: 1em;
}
.artbtn {
margin-top: 0.5em;
display: inline-block;
}
.services {
padding: 0em 0;
}
.services-list ul {
padding: 0.2em 1em 2.5em 1em;
}
.rslides_tabs {
bottom: 14px;
}
.services-list li a label {
font-size: 0.9em;
}
.client-sys {
margin-top: 1em;
}
.gallery .item h3 {
font-size: 1.5em;
}
.social-icons li a i {
margin-top: 0.66em;
font-size: 1.1em;
}
.blog {
padding: 0em 0 0em;
}
.contact {
padding: 1.5em 0 3em;
}
.blog h3 label {
width: 8%;
}
.contact h3 label {
width: 15%;
}
}
/*-----//End-media-quries-for-640px-laptops-----*/
/*-----start-media-quries-for-480px-mobiles-----*/
@media (max-width:480px){
#filters {
right: 0%;
width: 100%;
top: 11%;
margin: 0em 0 1em;
position: relative;
}
.slid-info {
top: 2%;
left: 14%;
}
.slid-btn {
padding: 0.4em 1.2em;
margin-top: 0em;
font-size: 0.875em;
}
.services-list li {
width: 32%;
}
.post-head-right span {
font-size: 1.5em;
}
.post-head-right {
height: 68px;
}
.post-head-right label {
font-size: 0.8em;
}
.post-bottom-left {
float: none;
}
.post-bottom-right{
float:none;
margin-top:0.3em;
}
.post-head-left {
margin-top: 0;
}
.slid-info h1 {
font-size:1.5em;
margin:0;
}
.slid-info p {
width: 80%;
font-size:0.7em;
}
#slider3-pager span {
width: 30px;
height: 10px;
}
.about h2,.services h3,.portfolio h3,.blog h3,.contact h3 {
font-size: 1.5em;
margin: 0.5em 0 0.3em;
}
.about {
padding: 0em 0;
}
.wellcome-note-head {
font-size: 1em;
}
.about-grids {
padding: 1em 0;
}
#filters li span {
padding: 10px 5px;
}
.team {
padding: 3em 0 1em;
}
.team-member{
margin-bottom:1.5em;
}
.artical-info {
padding: 0 0 1em 0;
margin-bottom: 1em;
}
.b-animate img {
margin-top: 15%;
}
.post-head-right {
width: 18%;
}
.team-member h3 a {
font-size: 1em;
}
.artbtn {
margin-top: 0.5em;
display: inline-block;
}
.services {
padding: 0em 0;
}
.services-list ul {
padding: 0.2em 0em 2.5em 0em;
}
.rslides_tabs {
bottom: 14px;
}
.services-list li a label {
font-size: 0.9em;
}
.client-sys {
margin-top: 1em;
}
.gallery .item h3 {
font-size: 1.5em;
}
.social-icons li a i {
margin-top: 0.66em;
font-size: 1.1em;
}
.blog {
padding: 0em 0 0em;
}
.contact {
padding: 1.5em 0 3em;
}
.blog h3 label {
width: 8%;
}
.contact h3 label {
width: 15%;
}
.logo img{
width:70%;
}
nav a#pull {
top: 10px;
}
.wellcome-note-info {
width: 100%;
}
.about-grid span {
margin: 0em 0;
}
#portfoliolist .portfolio {
width: 100%;
}
.portfolio-main {
padding: 0% 0 4%;
}
.portfolio-box {
padding: 1em 0;
}
.gallery .item h3 {
font-size: 1.2em;
}
}
/*-----//End-media-quries-for-480px-mobiles-----*/
/*-----start-media-quries-for-320px-mobiles-----*/
@media (max-width:320px){
#filters {
right: 0%;
width: 100%;
top: 11%;
margin: 0em 0 1em;
position: relative;
}
.slid-info {
top: 2%;
left: 14%;
}
.slid-btn {
padding: 0.3em 1em;
margin-top: 0em;
font-size: 0.875em;
border: 1px solid #fff;
}
.services-list li {
width: 49%;
margin-bottom:0.5em;
}
.post-head-right span {
font-size: 1.5em;
}
.post-head-right {
height: 68px;
}
.post-head-right label {
font-size: 0.8em;
}
.post-bottom-left {
float: none;
}
.post-bottom-right{
float:none;
margin-top:0.3em;
}
.post-head-left {
margin-top: 0;
}
.slid-info h1 {
font-size: 1.2em;
margin: 0;
line-height: 30px;
}
.slid-info p {
width: 80%;
font-size: 0.7em;
height: 30px;
overflow: hidden;
line-height:1.5em;
}
#slider3-pager span {
width: 20px;
height: 10px;
}
.about h2,.services h3,.portfolio h3,.blog h3,.contact h3 {
font-size: 1.2em;
margin: 0.5em 0 0.3em;
}
.about {
padding: 0em 0;
}
.wellcome-note-head {
font-size: 0.9em;
}
.about-grids {
padding: 1em 0;
}
#filters li span {
padding: 10px 5px;
}
.team {
padding: 3em 0 1em;
}
.team-member{
margin-bottom:1.5em;
}
.artical-info {
padding: 0 0 1em 0;
margin-bottom: 1em;
}
.b-animate img {
margin-top: 8%;
}
.post-head-right {
width: 29%;
}
.team-member h3 a {
font-size: 1em;
}
.artbtn {
margin-top: 0.5em;
display: inline-block;
}
.services {
padding: 0em 0;
}
.services-list ul {
padding: 0.2em 0em 2.5em 0em;
}
.rslides_tabs {
bottom: 1px;
}
.services-list li a label {
font-size: 0.9em;
}
.client-sys {
margin-top: 1em;
}
.gallery .item h3 {
font-size: 1.5em;
}
.social-icons li a i {
margin-top: 0.66em;
font-size: 1.1em;
}
.blog {
padding: 0em 0 0em;
}
.contact {
padding: 1.5em 0 3em;
}
.blog h3 label {
width: 8%;
}
.contact h3 label {
width: 15%;
}
.logo img{
width: 50%;
}
nav a#pull {
top:0px;
}
.wellcome-note-info {
width: 100%;
}
.about-grid span {
margin: 0em 0;
}
#portfoliolist .portfolio {
width: 100%;
}
.portfolio-main {
padding: 0% 0 4%;
}
.portfolio-box {
padding: 1em 0;
}
.gallery .item h3 {
font-size: 1.2em;
}
.top-nav ul li a {
font-size: 0.875em;
}
.client-pic img {
width: 100%;
}
.gallery .item h3 {
font-size: 1.2em;
}
.post-head-left h4 a {
font-size: 1em;
}
.author {
font-size: 0.875em;
}
.post-bottom {
margin: 1em 1em 0.5em 1em;
}
.about-grid h3 a {
font-size: 1.2em;
}
}
/*-----//End-media-quries-for-480px-mobiles-----*/
/*----//End-responsive-design----*/
/*ÐÂÔöÑùʽ*/
.clear_fix{ clear:both; line-height:0px; height:0px; width:100%;}
.toper{ width:100%; height:50px; text-align:center; margin:0px; padding:0px; background-color:#ffffff }
.toper_wec{ height:50px; line-height:50px; text-align:left; font-size:14px; color:#926957; }
.toper_sc{ height:50px; line-height:50px; text-align:right; font-size:14px; color:#989898; }
.toper_sc a{ color:#989898; text-decoration:none}
.toper_sc a:visited{ color:#989898; text-decoration:none}
.toper_sc a:hover{ color:#926957; text-decoration:none}
.top_search{ font-size:14px; width:80%; background-color:#FFFFFF; border:#e0e0e0 1px solid; height:26px; margin-top:12px; float:right}
.search_input{ width:84%; height:20px !important; margin:2px 0px; line-height:20px !important; font-size:14px; color:#989898 !important; float:left; text-indent:5px; border:0px !important; background-color:#FFFFFF!important;}
.search_btn{ width:12%; height:20px !important; margin:2px 0px;float:right; border:0px !important; background-color:#ffffff !important; background-image:url(../images/search_btn.png) !important; background-repeat:no-repeat !important; background-position:center center !important;}
.about_title{ width:100%; margin:50px auto; text-align:center; }
.about_title2{ display:none}
.about_title img{ width:100%; border:0px; }
.about_pic img{ width:100%;}
.about_txt{ height:270px; font-size:14px; color:#646566; text-align:left; line-height:26px; overflow:hidden}
.about_btn{ width:100%; text-align:center; height:60px; margin-top:20px; }
.about_btn a{ display:block; width:40%; background-color:#926957; margin:0 auto; height:50px; border:#6f412d 1px solid; line-height:50px; text-align:center; font-size:18px; color:#ffffff; text-decoration:none;border-radius:30px;}
.about_btn a:visited{ display:block; width:40%; background-color:#926957; margin:0 auto; height:50px; border:#6f412d 1px solid; line-height:50px; text-align:center; font-size:18px; color:#ffffff; text-decoration:none;border-radius:30px;}
.about_btn a:hover{ display:block; width:40%; background-color:#6f412d; margin:0 auto; height:50px; border:#6f412d 1px solid; line-height:50px; text-align:center; font-size:18px; color:#ffffff; text-decoration:none;border-radius:30px;}
.index_anli_t{ width:100%; margin:0 auto; padding:0px; }
.index_anli_i{ width:49.9%; height:520px; float:left; background-color:#956654; position:relative; margin:0 0.05%; margin-top:1px; }
.index_anli_p{ width:100%; height:520px; margin:0px; padding:0px; overflow:hidden;}
.index_anli_p img{ width:100%; height:520px; margin:0px; border:0px;}
.index_anli_p a img:hover {
-webkit-transform: scale(1.3,1.3);
-moz-transform: scale(1.3,1.33);
-o-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);
opacity:1
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
.index_anli_b{ width:100%; height:100px; background:rgba(255,255,255,.92); position:absolute; z-index:99; bottom:0}
.index_anli_b1{ width:100%; height:100px; float:left; padding:20px 0px; padding-left:2%; line-height:30px; color:#262626; font-size:16px; text-align:left; overflow:hidden}
.index_anli_b1 a{ color:#262626; text-decoration:none; font-size:30px; font-weight:bold}
.index_anli_b1 a:visited{ color:#262626; text-decoration:none; font-size:30px; font-weight:bold}
.index_anli_b1 a:hover{ color:#926957; text-decoration:none; font-size:30px; font-weight:bold}
.index_anli_b2{ width:15%; float:left; margin:0; padding:0px; text-align:center; height:80px; padding:10px 0px;}
.index_anli_b2 img{ margin:0 auto;-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%; width:80px; height:80px; }
.index_anli_b3{ width:20%; float:left; margin:0; padding:0px; text-align:center; height:80px; padding:10px 0px; font-size:18px; color:#a16f28; line-height:40px; font-weight:bold}
.index_anli_b3 a{ display:block; width:80%; height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#a16f28; margin:0 auto; padding:0px; text-decoration:none }
.index_anli_b3 a:visited{ display:block; width:80%; height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#a16f28;margin:0 auto; padding:0px; text-decoration:none }
.index_anli_b3 a:hover{ display:block; width:80%; height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#7d4900; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto; padding:0px; text-decoration:none}
.index_anli_i2{ width:24.9%; height:274px; float:left; background-color:#956654; position:relative; margin:0 0.05%; margin-top:1px; overflow:hidden }
.index_anli_i2 img{ width:100%; height:274px; margin:0px; border:0px}
.index_anli_i2 a img:hover {
-webkit-transform: scale(1.3,1.3);
-moz-transform: scale(1.3,1.33);
-o-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);
opacity:1
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
.index_anli_i2_b{ width:100%; height:70px; background:rgba(255,255,255,.80); position:absolute; z-index:99; bottom:0; font-size:14px; text-align:left; line-height:20px; color:#646566; padding:10px 20px;}
.index_anli_i2_b a{ font-size:22px; font-weight:bold; color:#262626; text-decoration:none; line-height:30px;}
.index_anli_i2_b a:visited{ font-size:22px; font-weight:bold; color:#262626; text-decoration:none; line-height:30px;}
.index_anli_i2_b a:hover{ font-size:22px; font-weight:bold; color:#926957; text-decoration:none; line-height:30px;}
.index_anli_bb{ width:100%; height:274px; background-color:#956654; position:absolute; z-index:10; left:0; top:0; text-align:center; display:none }
.index_anli_bb1{width:100%; height:100px; padding:0px; line-height:30px; color:#a16f28; font-size:14px; text-align:center; overflow:hidden; margin-top:100px;}
.index_anli_bb1 a{ color:#7d4900; text-decoration:none; font-size:22px; font-weight:bold}
.index_anli_bb1 a:visited{ color:#7d4900; text-decoration:none; font-size:22px; font-weight:bold}
.index_anli_bb1 a:hover{ color:#7d4900; text-decoration:none; font-size:22px; font-weight:bold}
.index_anli_bb2{ width:100%; margin:0 auto; padding:0px; text-align:center; height:40px; padding:10px 0px; }
.index_anli_bb2 a{ display:block; width:34%; height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#a16f28; margin:0 auto; padding:0px; text-decoration:none }
.index_anli_bb2 a:visited{ display:block; width:34%; height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#a16f28;margin:0 auto; padding:0px; text-decoration:none }
.index_anli_bb2 a:hover{ display:block; width:34%; height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#7d4900; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto; padding:0px; text-decoration:none}
.index_anli_i2:hover div.caption{
display:block;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.caption {
position: absolute;
text-align:center;
width: 100%;
height: 100%;
bottom: 0px;
z-index: 999;
background-color:#f0f0f0;
padding: 0;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
display: none;
}
.index_anli_i2s div.caption{
display:block;
}
.caption h4 {
color: #262626;
font-size:22px;
font-weight:normal;
width: 80%;
overflow:hidden;
line-height:34px;
margin:0 auto; margin-top:70px;
}
.caption h4 a{ color:#262626; text-decoration:none; font-size:22px; font-weight:bold}
.caption h4 a:visited{ color:#262626; text-decoration:none; font-size:22px; font-weight:bold}
.caption h4 a:hover{ color:#926957; text-decoration:none; font-size:22px; font-weight:bold}
.caption_info{
color: #646566;
font-size: 14px;
line-height:20px;
height:20px;
text-align:center;
font-weight:normal;
width: 80%;
overflow:hidden;
margin:0 auto; margin-top:7px;
}
.s-btn{ margin:0 auto;
margin-top:13px; width:100%; height:40px; text-align:center;
}
.s-btn a{
display:block; width:34%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#926957; margin:0 auto; padding:0px; text-decoration:none
}
.s-btn a:visited{
display:block; width:34%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#926957; margin:0 auto; padding:0px; text-decoration:none
}
.s-btn a:hover{
display:block; width:34%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#75452f; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto; padding:0px; text-decoration:none
}
.index_case img{ width:100%; height:auto; }
.index_case a img:hover{ transition-duration:0.5s;filter:alpha(opacity=70); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.index_case_row{ margin-top:30px}
.index_case2 { width:100%; height:auto; position:relative }
.index_case2 img{ width:100%; height:auto; }
.index_case2:hover div.caption2{
display:block;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.caption2 {
position: absolute;
text-align:center;
width: 100%;
height: 100%;
bottom: 0px;
z-index: 999;
background:rgba(146,105,87,.80);
padding: 0;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.index_case2 div.caption2{
display:block;
}
.caption2 h4 {
color: #ffffff;
font-size:36px;
font-weight:normal;
width: 80%;
overflow:hidden;
line-height:40px;
margin:0 auto; margin-top:120px;
}
.caption2 h4 a{ color:#ffffff; text-decoration:none; font-size:36px; font-weight:normal}
.caption2 h4 a:visited{ color:#ffffff; text-decoration:none; font-size:36px; font-weight:normal}
.caption2 h4 a:hover{ color:#ffb391; text-decoration:none; font-size:36px; font-weight:normal}
.caption_line{
width: 40px ;
height:3px; background-color:#ffffff;
line-height:3px;
margin:0 auto; margin-top:7px;
}
.caption_info2{
color: #f0f0f0;
font-size: 14px;
line-height:20px;
height:20px;
text-align:center;
font-weight:normal;
width: 80%;
overflow:hidden;
margin:0 auto; margin-top:7px;
}
.s-btn2{ margin:0 auto;
margin-top:34px; width:100%; height:56px; text-align:center;
}
.s-btn2 a{
display:block; width:26%; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.s-btn2 a:visited{
display:block; width:26%; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.s-btn2 a:hover{
display:block; width:26%; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#ffffff; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto; padding:0px; text-decoration:none; color:#926957;
}
.index_newi{ width:100%; height:365px; background-color:#ffffff; border:#e0e0e0 1px solid; padding:30px 15px;}
.index_newi:hover{ background-color:#a38172; border:#a38172 1px solid}
.index_new_data{ width:100%; height:43px; line-height:43px; text-align:left; font-size:26px; line-height:43px; color:#989898; }
.index_new_title{width:100%; height:50px; line-height:25px; text-align:left; font-size:22px; color:#231f20; overflow:hidden}
.index_new_info{width:100%; height:132px; line-height:22px; text-align:left; font-size:14px; color:#989898; overflow:hidden; margin-top:19px;}
.index_new_btn{ margin:0 auto;
margin-top:19px; width:100%; height:45px; text-align:left;
}
.index_new_btn a{
display:block; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#926957; background:none; margin:0; padding:0px; text-decoration:none ; border:#926957 1px solid;
}
.index_new_btn a:visited{
display:block; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#926957; background:none; margin:0 ; padding:0px; text-decoration:none ; border:#926957 1px solid;
}
.index_new_btn a:hover{
display:block; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#ffffff; background-color:#ffffff; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 ; padding:0px; text-decoration:none; color:#926957;
}
.index_newi:hover .index_new_data { color:#e0e0e0;}
.index_newi:hover .index_new_title { color:#ffffff;}
.index_newi:hover .index_new_info { color:#e0e0e0;}
.index_newi:hover .index_new_btn a{
display:block; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#ffffff; background:none; margin:0; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.index_newi:hover .index_new_btn a:visited{
display:block; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#ffffff; background:none; margin:0; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.index_newi:hover .index_new_btn a:hover{
display:block; width:50%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#926957; background:#ffffff; margin:0; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
@media (max-width:1440px) {
.index_anli_t{ width:100%; margin:0 auto; padding:0px;}
.index_anli_i{ width:49.9%; height:470px; float:left; background-color:#956654; position:relative; margin:0 0.05%; margin-top:1px; }
.index_anli_p{ width:100%; height:470px; margin:0px; padding:0px; overflow:hidden;}
.index_anli_p img{ width:100%; height:470px; margin:0px; border:0px;}
.index_anli_i2{ width:24.9%; height:235px; float:left; background-color:#956654; position:relative; margin:0 0.05%; margin-top:1px; overflow:hidden }
.index_anli_i2 img{ width:100%; height:235px; margin:0px; border:0px}
}
@media (max-width:768px) {
.index_anli_t{ width:100%; margin:0 auto; padding:0px; height:auto;}
.index_anli_i2{ width:90%; height:auto; float:none; background-color:#956654; position:relative; margin:0 auto; margin-top:4px; }
.index_anli_i2 img{ width:100%; height:auto; margin:0px; border:0px}
.index_anli_i2:hover div.caption{
display:none;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
}
.bottom_list li{
list-style-type: none;
float:left;
font-size: 15px;
width:120px; text-align:center;
}
.bottom_list li a{
text-decoration: none;
color:#ffffff;
}
.bottom_list li a:visited{
text-decoration: none;
color:#ffffff;
}
.bottom_list li a:hover{
text-decoration: none;
color:#F8D0BF;
}
.bottom_list_bg {
width:100%;
height:60px;
line-height: 60px;
z-index: 999;
margin-bottom: 40px;
border-bottom:#F8D0BF 1px solid;
}
.bottom_list_line {
width:100%;
background-color:#e0e0e0;
height:1px;
margin:20px 0px 40px 0px;
}
.bottom_logo {
float:left;
}
.bottom_f {
width:352px;
text-align: left;
clear:both;
padding-top: 26px;
font-size:14px;
}
.bottom_link {
padding-left: 30px;
float:left;
}
.bottom_link_r {
float:left;
}
.wechat {
float:left; width:100px; height:100px;
}
.wechat_n {
float:left;
margin-left: 20px;
}
.chat1 { width:100%;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi01.png); background-position:left center;
background-repeat: no-repeat;
text-align: left; padding-left:27px;
}
.chat2 {
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi03.png);background-position:left center;
background-repeat: no-repeat;
padding-left:27px;
text-align: left
}
.chat3 {width:100%;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi02.png);background-position:left center;
background-repeat: no-repeat;
padding-left:27px;
text-align: left
}
.chat4 {width:100%;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi04.png);background-position:left center;
background-repeat: no-repeat;
padding-left:27px;
text-align: left;
}
.place {
float:left;
font-size:14px;
color:#FFFFFF;
}
@media (max-width:768px){
.bottom_list li{
margin-bottom: 20px;
}
.wechat{
width:100%;
height: auto;
}
#slider3-pager{
display: none;
}
.index_anli_i2s:hover div.caption{
display:block;
}
.caption2 h4{
display: none;
}
.caption_line{
display: none;
}
.caption_info2{
display: none;
}
.s-btn2{
display: none;
}
.caption2{
background:none;
}
}
.exam_top {
background-image:url(../images/bg.jpg);
background-repeat: no-repeat;
text-indent: 30px;
color:#926957;
margin-top: 20px; border-bottom:#e0e0e0 1px solid; padding-bottom:20px;
}
.exam_top a{
text-decoration: none;
color:#926957;
}
.exam_top a:hover{
text-decoration: none;
color:#D9B4A7;
}
.exam_top a:visited{
text-decoration: none;
color:#D9B4A7;
}
.cpzx {
padding:10px 20px 30px 20px;
background-color: #eeeeed;
}
.cpzx_title {
font-size: 18px;
font-weight: 600;
}
.p_line {
width:72px;
height:2px;
background:#926957;
margin-bottom:25px;
}
.pro_xl a{
background: #956654;
margin-bottom: 10px;
font-size: 18px;
padding:15px;
color:#FFFFFF;
text-decoration: none;
display: block;
}
.pro_xl a:visited{
background: #956654;
}
.pro_xl a:hover{
background: #773a23;
}
#pro_xl_active{
background: #773a23;
margin-bottom: 10px;
font-size: 18px;
padding:15px;
color:#FFFFFF;
text-decoration: none;
display: block;
}
.cpzx_container {
margin-top: 30px;
margin-bottom: 70px;
}
.lxwm {
padding:10px 20px 20px 20px;
background-color: #eeeeed;
margin-top: 30px;
}
.lxfs {
font-size: 14px;
color:#646566;
text-decoration: none; line-height:20px;
}
.gzh {
text-align: center;
}
.pro_p {
width:100%;
}
.pro_p_f {
text-align: center;
}
.pro_p_f{
padding:10px 20px 15px 20px;
display: block;
color:#716b6a;
font-size: 14px;
text-decoration: none;
height:48px;
overflow: hidden;
}
.pro_p_f a{
padding:0px 20px 10px 20px;
display: block;
color:#494949;
font-size: 14px;
text-decoration: none;
height:48px;
overflow: hidden;
}
.pro_p_f a:visited{
padding:0px 20px 15px 20px;
display: block;
color:#494949;
font-size: 14px;
}
.pro_p_f a:hover{
padding:0px 20px 15px 20px;
display: block;
color:#926957;
font-size: 14px;
}
.pro_p:hover{
transition-duration: 0.5s;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.pro_p:visited{
transition-duration: 0.5s;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.page_hover a{
float:right;
width:31px;
height: 31px;
font-size: 17px;
background-color: #dedddd;
color:#adacab;
border-radius: 60px;
text-align: center;
line-height: 31px;
margin-top: 30px;
margin-left: 3px;
display: block;
text-decoration: none;
}
.page_hover a:hover{
float:right;
width:31px;
height: 31px;
font-size: 17px;
background-color: #926957;
color:#dbcfca;
border-radius: 60px;
text-align: center;
line-height: 31px;
margin-top: 30px;
margin-left: 3px;
}
.page_hover a:visited{
float:right;
width:31px;
height: 31px;
font-size: 17px;
background-color: #926957;
color:#dbcfca;
border-radius: 60px;
text-align: center;
line-height: 31px;
margin-top: 30px;
margin-left: 3px;
}
@media screen and (max-width: 768px){
.lxwm{
display: none;
}
.cpzs_dis{
display: none;
}
.page{
width:250px;
margin:0px auto;
}
}
.ljhl {
width:100%;
padding:30px 0px; padding-top:64px;
}
.ljhl_f {
font-size: 20px;
padding:0px 20px;
text-align: center;
line-height: 35px;
}
.advantage {
width:100%;
padding:30px 0px;
}
.ad_logo {
text-align: center;
padding:30px 0px
}
.ad_f {
font-size: 24px;
color:#926957;
margin-top: 20px;
}
.ad_f span{
color:#dcd6d3;
}
.pro {
width:100%;
padding:30px 0px;
}
.cpxl {
width:100%;
}
.pro_title {
float:left;
font-size: 24px;
color:#754e3d;
}
.cpxl:hover {
transition-duration: 0.5s;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.pro_btn {
float:right;
margin-top: 5px;
width:90px;
font-size: 11px;
height:30px;
line-height: 30px;
text-align: center;
color:#ab8b7e;
border:1px solid #e0e0e0;
text-decoration: none;
}
.pro_btn:hover {
float:right;
margin-top: 5px;
width:90px;
font-size: 11px;
height:30px;
line-height: 30px;
text-align: center;
color:#ab8b7e;
border:1px solid #e0e0e0;
text-decoration: none;
background-color: #e0e0e0;
}
.pro_btn:hover {
float:right;
margin-top: 5px;
width:90px;
font-size: 11px;
height:30px;
line-height: 30px;
text-align: center;
color:#ab8b7e;
border:1px solid #e0e0e0;
text-decoration: none;
background-color: #e0e0e0;
}
.pro_btn:visited {
float:right;
margin-top: 5px;
width:90px;
font-size: 11px;
height:30px;
line-height: 30px;
text-align: center;
color:#ab8b7e;
border:1px solid #e0e0e0;
text-decoration: none;
background-color: #e0e0e0;
}
.gsln {
width:100%;
padding:50px 0px 30px 0px;
}
.idea_p {
float:left;
margin-top: 30px;
margin-left: 10px;
}
.idea_contain {
float:left;
}
.gsln_container {
width:100%;
height:120px;
background:#f6eae8;
line-height: 120px;
font-size: 20px;
text-indent: 30px;
color:#9e7d6f;
margin-bottom: 100px;
}
@media screen and (max-width: 768px){
.gsln_container {
width:100%;
height:120px;
background:#f6eae8;
line-height: 120px;
font-size: 15px;
text-indent: 20px;
color:#9e7d6f;
margin-bottom: 20px;
}
}
.index_cas3 { width:100%; height:auto; position:relative }
.index_case3 img{ width:100%; height:auto; }
.index_case3:hover div.caption3{
display:block;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.caption3 {
position: absolute;
text-align:center;
width: 555px;
height: 100%;
bottom: 0px;
z-index: 999;
background:rgba(146,105,87,.80);
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.index_case3 div.caption3{
display:block;
display: none;
}
.caption3 h4 {
color: #ffffff;
font-size:36px;
font-weight:normal;
width: 80%;
overflow:hidden;
line-height:40px;
margin:0 auto; margin-top:120px;
}
.caption3 h4 a{ color:#ffffff; text-decoration:none; font-size:36px; font-weight:normal}
.caption3 h4 a:visited{ color:#ffffff; text-decoration:none; font-size:36px; font-weight:normal}
.caption3 h4 a:hover{ color:#ffb391; text-decoration:none; font-size:36px; font-weight:normal}
.caption_line{
width: 40px ;
height:3px; background-color:#ffffff;
line-height:3px;
margin:0 auto; margin-top:7px;
}
.caption_info3{
color: #f0f0f0;
font-size: 14px;
line-height:20px;
height:20px;
text-align:center;
font-weight:normal;
width: 80%;
overflow:hidden;
margin:0 auto; margin-top:7px;
}
.s-btn3{ margin:0 auto;
margin-top:34px; width:100%; height:56px; text-align:center;
}
.s-btn3 a{
display:block; width:26%; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.s-btn3 a:visited{
display:block; width:26%; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.s-btn3 a:hover{
display:block; width:26%; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#ffffff; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto; padding:0px; text-decoration:none; color:#926957;
}
.exam_p {
margin-bottom: 60px;
}
.exam {
margin:20px 0px 30px 0px;
}
.index_case3 img{
width:100%;
}
@media screen and (max-width: 768px){
.index_case3:hover div.caption3{
display:block;
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.caption3 {
position: absolute;
text-align:center;
width:92%;
height: 100%;
bottom: 0px;
z-index: 999;
background:rgba(146,105,87,.80);
-webkit-transition:all 0.7s ease-in-out;
-moz-transition:all 0.7s ease-in-out;
-o-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;
}
.index_case3 div.caption3{
display:block;
}
.caption3 h4 {
color: #ffffff;
font-size:16px;
font-weight:normal;
width: 80%;
overflow:hidden;
line-height:34px;
margin:0 auto; margin-top:50px;
}
.caption3 h4 a{ color:#ffffff; text-decoration:none; font-size:18px; font-weight:normal}
.caption3 h4 a:visited{ color:#ffffff; text-decoration:none; font-size:18px; font-weight:normal}
.caption3 h4 a:hover{ color:#ffb391; text-decoration:none; font-size:18px; font-weight:normal}
.caption_line{
width: 40px ;
height:3px; background-color:#ffffff;
line-height:3px;
margin:0 auto; margin-top:7px;
}
.caption_info3{
color: #f0f0f0;
font-size: 12px;
line-height:20px;
height:20px;
text-align:center;
font-weight:normal;
width: 80%;
overflow:hidden;
margin:0 auto; margin-top:7px;
}
.s-btn3{ margin:0 auto;
margin-top:20px; width:100%; height:40px; text-align:center;
}
.s-btn3 a{
display:block; width:49%; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.s-btn3 a:visited{
display:block; width:49%; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.s-btn3 a:hover{
display:block; width:49%; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:normal;-webkit-border-radius:26px;
-moz-border-radius:26px;
border-radius:26px; color:#ffffff; background-color:#ffffff; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto; padding:0px; text-decoration:none; color:#926957;
}
.exam_p {
margin-bottom: 60px;
}
.exam {
margin:20px 0px 30px 0px;
}
.index_case3 img{
width:100%;
}
}
.xwzx_containerc {
margin:20px 0px 30px 0px;
background:#ededec;
padding:10px;
}
.xwzx_title {
font-size: 30px;
color:#926957;
}
.xwzx_title a{
color:#926957; text-decoration:none
}
.xwzx_title a:visited{
color:#926957; text-decoration:none
}
.xwzx_title a:hover{
color:#000000; text-decoration:none
}
.job_title {
font-size:20px;
color:#262626;
}
.job_title a{
color:#262626; text-decoration:none
}
.job_title a:visited{
color:#262626; text-decoration:none
}
.job_title a:hover{
color:#926957; -decoration:none
}
.job_title span{
float:right; display:block; width:90px; text-align:right; font-size:14px; line-height:34px;
}
.job_title span a{
color:#646566; text-decoration:none
}
.job_title span a:visited{
color:#646566; text-decoration:none
}
.job_title span a:hover{
color:#262626; text-decoration:none
}
.n_line {
width:100%;
height:1px;
margin:10px 0px;
background-color: #e0e0e0;
}
.xwzx_p img{
width:100%;
}
.fbz {
font-size: 12px;
color:#979595;
}
.xwzx_container {
font-size: 14px;
line-height: 24px;
height:72px;
overflow: hidden;
}
.gjc {
font-size:12px;
color:#979595;
}
.gjc span{
color:#926957;
}
.ydqw {
font-size: 18px;
font-weight: 600;
color:#926957;
text-decoration: none;
}
.ydqw:hover {
color:#E5AB91;
}
.ydqw:visited {
color:#E5AB91;
}
.fanye {
margin:0px auto;
height:31px;
margin-bottom: 30px; padding-top:30px; text-align:right; width:100%;
}
.fanye a {
display:inline-table;
width:31px;
height: 31px;
line-height: 31px;
text-align: center;
background-color: #dedddd;
border-radius:50%;
margin-left: 5px;
color:#343536;
}
.fanye a:visited{
display:inline-table;
width:31px;
height: 31px;
line-height: 31px;
text-align: center;
background-color: #dedddd;
border-radius:50%;
margin-left: 5px;
color:#343536;
}
.fanye a:hover {
display:inline-table;
width:31px;
height: 31px;
line-height: 31px;
text-align: center;
border-radius:50%;
margin-left: 5px;
background-color: #926957;
color:#ded3cf; text-decoration:none;
}
.fanye span{
display:inline-table;
width:31px;
height: 31px;
line-height: 31px;
text-align: center;
border-radius:50%;
margin-left: 5px;
background-color: #926957;
color:#ded3cf;
}
.bottom_list {
width:900px;
margin:0px auto;
}
@media (max-width:768px){
.bottom_list{
width:100%;
height: auto;
}
.bottom_list_bg{ display:none;
height: auto;
}
}
.view_title{ width:100%; padding:34px 0px; text-align:center; color:#000000; font-size:34px; line-height:49px; border-bottom:#e0e0e0 1px solid;}
.view_date{ width:100%; padding:10px 0px; text-align:center; color:#989898; font-size:14px; line-height:26px; border-bottom:#e0e0e0 1px solid;}
.view_txt{ width:100%; padding:26px 0px; text-align:left; color:#343536; font-size:16px; line-height:30px; border-bottom:#e0e0e0 1px solid;}
.view_txt p{ padding:5px 0px; text-align:left}
.view_txt img{ width:auto; max-width:100%;}
.map_txt{ width:100%; padding:26px 0px; text-align:left; color:#343536; font-size:16px; line-height:30px; border-bottom:#e0e0e0 1px solid;}
.map_txt p{ padding:5px 0px; text-align:left}
.map_txt img{ width:auto}
.view_link{ width:100%; padding:10px 0px; text-align:left; color:#989898; font-size:14px; line-height:20px; border-bottom:#e0e0e0 1px solid; margin-bottom:50px;}
.view_link a{ color:#646566; text-decoration:none}
.view_link a:visited{ color:#646566; text-decoration:none}
.view_link a:hover{ color:#343536; text-decoration:none}
#rightButton{ position:fixed; _position:absolute; top:260px; right:0; z-index:999999; display:block; }
#right_ul{ position:relative;list-style:none}
.right_wx{ background:url(../images/wex.jpg) no-repeat; width:60px; height:60px; cursor:pointer; position:relative}
.right_wx a{ display:block; width:60px; height:60px; text-decoration:none}
.right_wx a:visited{ display:block; width:60px; height:60px; text-decoration:none}
.right_wx a:hover{ display:block; width:60px; height:60px; text-decoration:none}
.right_wx_bg{ display:none; width:182px; height:182px; padding:30px; position:absolute; right:61px; top:0px; background-color:#956654; padding:21px;}
.right_wx_bg img{ width:140px; height:140px;}
.right_wx:hover .right_wx_bg{ display:block;}
.right_qq{ background:url(../images/sq.jpg) no-repeat; width:60px; height:60px; cursor:pointer;margin-top:1px;position:relative}
.right_qq a{ display:block; width:60px; height:60px; text-decoration:none}
.right_qq a:visited{ display:block; width:60px; height:60px; text-decoration:none}
.right_qq a:hover{ display:block; width:60px; height:60px; text-decoration:none}
.right_qq_bg{ display:none; width:182px; height:182px;position:absolute; right:61px; top:-61px; background-color:#956654; padding:21px;}
.right_qq_bg a{ display:block; width:140px; height:35px; text-decoration:none; line-height:35px; color:#ffffff}
.right_qq_bg a:visited{display:block; width:140px; height:35px; text-decoration:none; line-height:35px; color:#ffffff}
.right_qq_bg a:hover{display:block; width:140px; height:35px; text-decoration:underline; line-height:35px; color:#ffd3c0}
.right_qq_bg a img{ float:left; margin-right:7px; margin-left:7px; margin-top:8px; width:15px; height:16px;}
.right_qq:hover .right_qq_bg{ display:block;}
#right_tel{ background:url(../images/lcb.jpg) no-repeat; width:60px; height:60px; cursor:pointer; margin-top:1px; }
#right_tip{ background-color:#956654;width:182px; height:60px; line-height:60px; position:absolute; right:61px; top:61px; display:none; z-index:999999; text-align:center; font-size:18px; color:#ffffff }
#backToTop{ position:fixed; _position:absolute; top:443px; right:0; z-index:999999; display:none; }
a.backToTop_a{ background:url(../images/back.jpg) no-repeat; width:60px; height:60px; display:block; }
a.backToTop_a:active{ background:url(../images/back.jpg) no-repeat; }
.tjcp{ width:100%; height:56px; background-color:#eeeeee; margin:15px auto; padding:0px;}
.tjcp span{ display:block; width:200px; height:56px; font-size:26px; line-height:56px; text-align:center; color:#ffffff; background-color:#956654}
.case_nav{ margin:17px auto;}
.case_nav_i{ width:33.2%; height:64px; float:left; margin:0 0.066%; padding:0px;}
.case_nav_i a{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.case_nav_i a:visited{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.case_nav_i a:hover{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
#case_nav_ia{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
.job_nav{ margin:17px auto;}
.job_nav_i{ width:49.8%; height:64px; float:left; margin:0 0.1%; padding:0px;}
.job_nav_i a{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.job_nav_i a:visited{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.job_nav_i a:hover{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
#job_nav_ia{ width:100%; height:64px; line-height:64px; text-align:center; font-size:18px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
.pro_picc{ width:100%; height:265px; background:none; position:relative; margin:0;overflow:hidden;box-shadow: 0px 0px 20px #e0e0e0; }
.pro_picc img{ width:100%; height:265px; margin:0px; border:0px}
.pro_picc a img:hover {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.3,1.1);
-o-transform: scale(1.1,1.3);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
opacity:1
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
@media (max-width:768px){
#rightButton{ display:none; }
.about_title{ display:none}
.about_title2{ font-size:20px; line-height:47px; color:#956654; text-align:center; display:block; background-color:#eeeeee; border:0px; border-bottom:#956654 3px solid; margin:15px auto}
.about_txt{ height:210px; font-size:12px; color:#646566; text-align:left; line-height:20px; overflow:hidden}
.about_btn{ width:100%; text-align:center; height:49px; margin-top:20px; }
.about_btn a{ display:block; width:40%; background-color:#926957; margin:0 auto; height:34px; border:#6f412d 1px solid; line-height:34px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none;border-radius:30px;}
.about_btn a:visited{ display:block; width:40%; background-color:#926957; margin:0 auto; height:34px; border:#6f412d 1px solid; line-height:34px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none;border-radius:30px;}
.about_btn a:hover{ display:block; width:40%; background-color:#6f412d; margin:0 auto; height:34px; border:#6f412d 1px solid; line-height:34px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none;border-radius:30px;}
.index_anli_i{ width:100%; height:220px; float:none; background-color:#ffffff; position:relative; margin:0 0.05%; }
.index_anli_p{ width:100%; height:220px; margin:0px; padding:0px 15px; overflow:hidden;}
.index_anli_p img{ width:100%; height:220px; margin:0px; border:0px;}
.index_anli_b{ width:100%; height:64px; background:rgba(255,255,255,.92); position:absolute; z-index:99; bottom:0}
.index_anli_b1{ width:100%; height:64px; float:left; padding:20px 0px; padding-left:5%; line-height:22px; color:#262626; font-size:12px; text-align:left; overflow:hidden}
.index_anli_b1 a{ color:#262626; text-decoration:none; font-size:16px; font-weight:bold}
.index_anli_b1 a:visited{ color:#262626; text-decoration:none; font-size:16px; font-weight:bold}
.index_anli_b1 a:hover{ color:#926957; text-decoration:none; font-size:16px; font-weight:bold}
.index_anli_i2_b{ width:100%; height:64px; background:rgba(255,255,255,.80); position:absolute; z-index:99; bottom:0; font-size:12px; text-align:left; line-height:22px; color:#646566; padding:10px 20px;}
.index_anli_i2_b a{ font-size:16px; font-weight:bold; color:#262626; text-decoration:none; }
.index_anli_i2_b a:visited{ font-size:16px; font-weight:bold; color:#262626; text-decoration:none; }
.index_anli_i2_b a:hover{ font-size:16px; font-weight:bold; color:#926957; text-decoration:none; }
.index_case img{ margin-top:27px; }
.index_cases img{ margin-top:0px; }
.copy-right{
padding:26px 0px;
}
.bottom_f {
width:100%;
text-align: center;
clear:both;
padding-top: 26px;
font-size:14px;
}
.bottom_link_r { text-align:center;
float:none;
}
.bottom_link_r img{
max-width:56%; margin:13px auto
}
.wechat {
float:none;max-width:74%; margin:13px auto
}
.wechat_n {
float:none;
margin-left: 0px;
}
.chat1 { width:50%; float:left; margin:0;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi01.png); background-position:left center;
background-repeat: no-repeat;
text-align: left; padding-left:27px;
}
.chat2 { width:50%; float:left; margin:0;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi03.png);background-position:left center;
background-repeat: no-repeat;
padding-left:27px;
text-align: left
}
.chat3 { width:50%; float:left; margin:0;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi02.png);background-position:left center;
background-repeat: no-repeat;
padding-left:27px;
text-align: left
}
.chat4 { width:50%; float:left; margin:0;
font-size: 14px;
height:25px;
line-height: 25px;
background-image: url(../images/bi04.png);background-position:left center;
background-repeat: no-repeat;
padding-left:27px;
text-align: left;
}
.place {
float:none;
font-size:12px;
color:#FFFFFF; padding-top:15px; border-top:#ffffff 1px solid
}
.index_newi{ width:100%; height:auto; background-color:#ffffff; border:#e0e0e0 1px solid; padding:30px 15px; margin-bottom:20px;}
.index_new_info{width:100%; height:auto; line-height:22px; text-align:left; font-size:14px; color:#989898; overflow:hidden; margin-top:19px;}
.index_new_btn{ margin:0 auto;
margin-top:19px; width:100%; height:45px; text-align:center;
}
.index_new_btn a{
display:block; width:70%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#926957; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#926957 1px solid;
}
.index_new_btn a:visited{
display:block; width:70%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#926957; background:none; margin:0 auto; padding:0px; text-decoration:none ; border:#926957 1px solid;
}
.index_new_btn a:hover{
display:block; width:70%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#ffffff; background-color:#ffffff; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; margin:0 auto;padding:0px; text-decoration:none; color:#926957;
}
.index_newi:hover .index_new_data { color:#e0e0e0;}
.index_newi:hover .index_new_title { color:#ffffff;}
.index_newi:hover .index_new_info { color:#e0e0e0;}
.index_newi:hover .index_new_btn a{
display:block; width:70%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#ffffff; background:none; margin:0 auto;padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.index_newi:hover .index_new_btn a:visited{
display:block; width:70%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#ffffff; background:none; margin:0 auto;padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.index_newi:hover .index_new_btn a:hover{
display:block; width:70%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:normal;-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px; color:#926957; background:#ffffff; margin:0 auto;padding:0px; text-decoration:none ; border:#ffffff 1px solid;
}
.ljhl {
display:none
}
.ljhl_f {
font-size:14px;
padding:0px 20px;
text-align:left;
line-height:22px;
}
.advantage {
display:none
}
.pro {
display:none
}
.gsln {
display:none
}
.pro_title {
float:left;
font-size:16px;
color:#754e3d;
line-height:40px;
}
.pro_xl { width:100%; margin:2px 0; }
.pro_xl a{
background: #956654; width:100%;
margin-bottom:0px;
font-size: 14px;
padding:15px;
color:#FFFFFF;
text-decoration: none; text-align:center;
display: block;
}
.pro_xl a:visited{
background: #956654;
}
.pro_xl a:hover{
background: #773a23;
}
#pro_xl_active{
background: #773a23;
margin-bottom:0px;
font-size:14px;
padding:15px;
color:#FFFFFF;
text-decoration: none;
display: block;
}
.view_title{ width:100%; padding:34px 0px; text-align:center; color:#000000; font-size:18px; line-height:26px; border-bottom:#e0e0e0 1px solid;}
.case_nav_i{ width:100%; height:64px; float:none; margin:2px 0; padding:0px;}
.case_nav_i a{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.case_nav_i a:visited{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.case_nav_i a:hover{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
#case_nav_ia{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
.job_nav_i{ width:100%; height:64px; float:none; margin:2px 0; padding:0px;}
.job_nav_i a{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.job_nav_i a:visited{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#eeeeee; background-color:#956654; display:block; text-decoration:none }
.job_nav_i a:hover{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
#job_nav_ia{ width:100%; height:64px; line-height:64px; text-align:center; font-size:14px; color:#ffffff; background-color:#773a23; display:block; text-decoration:none}
.xwzx_title {
font-size: 18px;
}
.bottom_link {
padding-left: 0px;
float:none; text-align:center
}
.bottom_link img{ width:74%; margin:0px auto
}
.bottom_logo {
float:none
}
#nav_active{ border-bottom:#ffb391 1px solid;}
nav a {
border-bottom:#926957 0px solid; margin-left:0px;
}
nav a:hover{
text-decoration:none;
color:#ffb391; border-bottom:#ffb391 0px solid;
}
toper{ width:100%; height:50px; text-align:center; margin:0px; padding:0px; background-color:#ffffff }
.toper_wec{ height:50px; line-height:50px; text-align:left; font-size:14px; color:#926957; display:none }
.top_search{ font-size:14px; width:100%; background-color:#FFFFFF; border:#e0e0e0 1px solid; height:26px; margin-top:12px; float:right}
.search_input{ width:84%; height:20px !important; margin:2px 0px; line-height:20px !important; font-size:14px; color:#989898 !important; float:left; text-indent:5px; border:0px !important; background-color:#FFFFFF!important;}
.search_btn{ width:12%; height:20px !important; margin:2px 0px;float:right; border:0px !important; background-color:#ffffff !important; background-image:url(../images/search_btn.png) !important; background-repeat:no-repeat !important;
}
.pro_picc{ width:100%; height:auto; background:none; position:relative; margin:0;overflow:hidden }
.pro_picc img{ width:100%; height:auto; margin:0px; border:0px}
.pro_picc a img:hover {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
opacity:1
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
#backToTop{ position:fixed; _position:absolute; top:443px; right:0; z-index:999999; display:none; }
a.backToTop_a{ background:url(../images/back2.jpg) no-repeat; width:40px; height:40px; display:block; }
a.backToTop_a:active{ background:url(../images/back2.jpg) no-repeat; }
.fanye {
margin:0px auto;
height:26px;
margin-bottom: 30px; padding-top:30px; text-align:center; width:100%;
}
.fanye a {
display:inline-table;
width:26px;
height: 26px;
line-height: 26px;
text-align: center;
background-color: #dedddd;
border-radius:50%;
margin-left: 3px;
color:#343536;
}
.fanye a:visited{
display:inline-table;
width:26px;
height: 26px;
line-height: 26px;
text-align: center;
background-color: #dedddd;
border-radius:50%;
margin-left: 3px;
color:#343536;
}
.fanye a:hover {
display:inline-table;
width:26px;
height: 26px;
line-height: 26px;
text-align: center;
border-radius:50%;
margin-left: 3px;
background-color: #926957;
color:#ded3cf; text-decoration:none;
}
.fanye span{
display:inline-table;
width:26px;
height: 26px;
line-height: 26px;
text-align: center;
border-radius:50%;
margin-left: 3px;
background-color: #926957;
color:#ded3cf;
}
}