body,html{
	padding:0px;
	margin:0px;
	font-family: "微软雅黑", "黑体";
	position:relative;
	}
* {
	padding: 0;
	margin: 0;
	list-style: none;
}
.section{
	width:80%;
	margin:0 auto;
	position: relative;
	}.glyphicon-search{ cursor:pointer;}
/*-- banner-bottom -nav --*/
#bg_menu{ position: fixed;background-image: url(../images/overlay.png);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 499;text-align: center;background-color: rgba(204, 204, 204, 0.298039);display: none;}
.banner-bottom{width:100%; z-index:999; background:#FFF;}
.head-logo{
	float:left;
	padding:0.9em 0;
	}
.head-logo a{
	display:block;
	width:160px;
	height:56px;
	background:url(../images/logo2.png) no-repeat;
	background-size:cover;
	}
.banner-nav{
	float:left;
	margin-left:48px;
	display:block;
	}
.banner-nav span{
	display:none;
	}
.banner-nav ul{
	padding:31px 0 0;
	margin:0;
	}
.banner-nav ul li.Mlange,.header-right ul li.Mlange{ display:none;}
.banner-nav ul li{
	display:inline-block;
	float: left;
	}
.banner-nav ul li.active a{
	border-left:5px solid #019DB2;
	}
.banner-nav ul li.active a{
	color:#343838;
	}
.banner-nav ul li a{
	font-size: 14px;
	color: #838383;
	font-weight: 700;
	text-decoration:none;
	padding:31px 10px;
	}
.banner-nav ul li a:hover{
	color:#343838;
	text-decoration:none;
	}
.banner-nav ul.nav2{ display:none; margin-left:100%; min-height:100px;}
.banner-nav ul.nav1 li strong{
	font-size: 14px;
	color: #838383;
	font-weight: 700;
	text-decoration:none;
	padding:31px 10px;
	border-left:1px solid #EEEEEE;
	margin:0;
	}
/***手机搜索**/	
.seach_body .copyright {position: absolute;bottom: 0;left: 0;}
.seach_body{height: 100%;position: relative;}	
.seach_body .copyright {position: absolute;bottom: 0;left: 0;width: 100%;
}
/***电脑下拉**/	
.navigation-down{position:absolute;top:107px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#B8D2D3;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1170px; padding:0 15px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:25px 86px 20px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#454945 ;padding-bottom:10px;border-bottom:1px solid #454945 ;margin-bottom:10px; text-align:center;}
.navigation-down .menu-1 dd a{font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#EDF2F3}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

.navigation-down #team .team-left{ width:9%; float:left;margin: 25px 0 25px 0;}
.navigation-down #team .team-left span{ font-size:14px;height:24px;line-height:24px;color:#454945 ; display: block; text-align:center; cursor: pointer;}
.navigation-down #team .team-left span a{font-size:14px;height:24px;line-height:24px;color:#454945 ;}
.navigation-down #team .team-left span.on a{ color:#CA5548; font-weight:600; font-size:15px;}
.navigation-down #team .team-right{ width:89%; float:right;height:210px; overflow:hidden;margin: 25px 0 25px 0;}
.navigation-down #team .team-right .content{position:relative;height:210px;overflow:hidden;}
.navigation-down #team .team-right .content .teamgun{height:210px;margin-bottom:10px;}
.navigation-down #team dl{ margin:0 60px 0 0;}
.navigation-down #team dl:nth-child(5){ margin-right:0;}
.navigation-down #team .S-name{ margin-top:10px;}
.navigation-down #team .S-name p{ text-align:center; font-size:18px; line-height:20px; color:#454945;}
.navigation-down #team .S-name p.blue{ color:#838383 ; font-size:12px;}
/*.navigation-down #news dl{ margin-right:6px;}
.navigation-down #news dl:nth-child(3){ margin-right:0px;}
.navigation-down #news a{ display:block; position:relative;}
.navigation-down #news .news-nav-text {color:#FFF;font-size: 18px;text-align: center; width:100%; height:100%; position:absolute; top:0; left:0;background-color: #333;opacity: 0.6;filter: alpha(opacity=60);  -webkit-transition-property: background-color;-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: linear;}
.navigation-down #news .news-nav-text:hover{ background:none;opacity: 1;filter: alpha(opacity=100); }
.navigation-down #news .news-nav-text i{ position:absolute;position: absolute;font-style: normal;width: 100%;left: 0;top: 50%;margin-top: -12px;}*/
.navigation-down .menu-3 dl{ margin-right:6px;}
.navigation-down .menu-3 dl:nth-child(3){ margin-right:0px;}
.navigation-down .menu-3  a{ display:block; position:relative;}
.navigation-down .menu-3 .all-nav-text {color:#FFF;font-size: 18px;text-align: center; width:100%; height:100%; position:absolute; top:0; left:0;background-color: #333;opacity: 0.6;filter: alpha(opacity=60);  -webkit-transition-property: background-color;-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: linear;}
.navigation-down .menu-3 .all-nav-text:hover{ background:none;opacity: 1;filter: alpha(opacity=100); }
.navigation-down .menu-3 .all-nav-text i{ position:absolute;position: absolute;width: 100%;left: 0;top: 50%;margin-top: -12px; color: #fff; font-style:normal;font-size: 18px;font-weight: 600;}
/*product 切换*/
.navigation-down .main-page{margin:25px 0 25px 0;height:220px;}
.navigation-down .main-page .left{ width:9%; float:left;}
.navigation-down .main-page .nav-back{width:100%;height:300px;background:#000;opacity:.3;filter:alpha(opacity=30);}
.navigation-down .left .nav-p{position:relative;text-align:center;font-size:14px;color:#454945 ;padding:0 10px; cursor:pointer;  }
.navigation-down .main-page .nav-p div{height:24px;line-height:24px;}
.navigation-down .main-page .nav-p div a{ color:#454945 ;}
.navigation-down .main-page .nav-p div.on a{ color:#CA5548; font-weight:600;font-size:15px;}
.navigation-down .main-page .right{width:89%;height:210px; overflow:hidden; float:right;}
.navigation-down .main-page .content-back{height:160px;background:#fff;opacity:.3;}
.navigation-down .main-page .content{position:relative;height:210px;overflow:hidden;}
.navigation-down .main-page .content div{height:210px;margin-bottom:10px;}
.navigation-down .main-page .P-img{ display:block;  float:left; width:33.33%; padding-right:10px; }
.navigation-down .main-page .P-img img{ width:100%; height:218px;}
/*product 切换*/
/*product 切换*/
/*-- //banner-bottom -nav --*/
/*luage*/
@media (max-width: 1200px)
{
.lauge ,.navigation-down {
		display:none;

}
	}
.lauge {
	float: left;
	margin-left: 35px;
}
.lauge ul{ padding-top:42px;}
.lauge ul li {
	display: inline-block;
	float: left;
	color: #838383;
}
.lauge ul li a {
	color: #838383;
	padding: 31px 8px;
	text-decoration: none;
}
/*----*/
.search-box {
	position: relative;
	height:39px;
	width:30px;
}
.sb-search {
	position: absolute;
	right: 3%;
	width: 0%;
	min-width: 30px;
	margin-top:-5px;
	top: -34px;
	height: 106px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	z-index: 999;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 35px;
	border: none;
	outline: none;
	background: #828282;
	width: 35%;
	height: 103px;
	margin: 0;
	z-index: 10;
	padding: 5px 15px;
	font-size: 15px;
	color: #ffffff;
}
.sb-search-input::-webkit-input-placeholder {
 color: #ffffff;
}
.sb-search-input:-moz-placeholder {
 color: #ffffff;
}
.sb-search-input::-moz-placeholder {
 color: #efb480;
}
.sb-search-input:-ms-input-placeholder {
 color: #ffffff;
}
.sb-icon-search, .sb-search-submit {
	width: 30px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 32%;
	padding: 0;
	margin: 0;
	line-height: 71px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: url('../images/sprite.png') no-repeat -20px -87px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: alpha(opacity=0); /* IE 5-7 */
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
	-webkit-appearance: none;
}
.sb-icon-search {
	background: url('../images/sprite.png') no-repeat ;
	background-position:-20px -87px;
	z-index: 90;
	width: 30px;
	height: 30px;
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
	width:720px;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
	background: url('../images/search.png') no-repeat -20px -87px;
	color: #fff;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.h_menu4 {
	float: left;
}


/*-- services --*/
.services{
	background:#B8D2D3;
	position:relative;
	padding: 0 0 27em;
	}
.service-box{
	width: 25%;
	margin: 0 auto;
	}
.service-box a{
	border:4px solid #828282;
	display: block;
	font-size: 18px;
	height:65px;
	line-height: 57px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align:center;
	}
.service-box a:hover{
	text-decoration:none;
	display: block;
	}
.service-box .icon-1{ padding:0px 0px 0px 30px;background: url(../images/1.png) no-repeat 0px 1px;color: #CA5548; font-style:normal;}
.service-box .icon-2{ padding:0px 0px 0px 30px;background: url(../images/1-.png) no-repeat 0px 1px;color: #828282; font-style:normal;}
.service-box-line{
	border-right: 4px solid #828282;
	width: 50%;
	padding: 50px;
	}
.services p.para1{
	color:#838383;
	font-size:16px;
	margin:2em 0 0;
	text-align:center;
	font-weight: 300;
	}
.services p.para1 span{
	display:block;
	}
.service-grid{
	float:left;
	width:23%;
	background:#fff;
	text-align:center;
	padding: 3em 0em;
	}
.service-grid .fig span{
	background: url(../images/vedio.png) no-repeat center 0em;
	display: block;
	height: 47px;
	}
.service-grid .fig1 span{
	background: url(../images/ca.png) no-repeat center 0em;
	display: block;
	height: 47px;
	}
.service-grid .fig2 span{
	background:url(../images/filter.png) no-repeat center 0em;
	display:block;
	height:48px;
	}
.service-grid .fig3 span{
	background: url(../images/radio.png) no-repeat center 0em;
	display: block;
	height: 47px;
	}
.service-grid h4{
	color:#343838;
	font-size:18px;
	margin:1em 0 0;
	font-weight: 700;
	}
.service-grid p{
	font-size: 14px;
	padding: 0 1.3em;
	line-height: 25px;
	margin:1em 0;
	color:#838383;
	}
.service-grid:nth-child(2){
	margin:0 2.2em;
	}
.service-grid:nth-child(3){
	margin:0 2.2em 0 0em;
	}
.service-grids{
	position:absolute;
	top: 47%;
	left:50%; margin-left:-585px;
	width: 1170px;
	}
/*-- //services --*/
/*-- work --*/
.work-box{
	width: 25%;
	margin: 0 auto;
	}
.work-box a{
	border:4px solid #DDDDDD;
	display: block;	font-size: 18px;
	display:block;
	height:65px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center;
	line-height:57px;
	}
.work-box a:hover{
	text-decoration:none;
	display: block;
	}
.work-box .icon-1{ padding:0px 0px 0px 25px;background: url(../images/2.png) no-repeat 0px 4px;color: #CA5548; font-style:normal;}
.work-box .icon-2{ padding:0px 0px 0px 25px;background: url(../images/2-.png) no-repeat 0px 4px;color: #AFAFAF; font-style:normal;}
/* js used
================================================================================================== */
.intoview-effect[data-effect="fadeup"]{opacity: 0; filter:alpha(opacity=0);}

.transition-wrap, .transition{-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.transition-wrap{overflow: hidden;color:#4b3700;}
.transition-wrap .transition{display: block;position: relative;top:0%;}
.transition-wrap .transition:hover{top:-200%;}
.transition-wrap i{ font-size:20px; font-weight:normal;}
/*.transition-wrap:hover {border: 3px solid #9e927a;}*/
.work-box .transition{display: block;
position: relative;
top: 0%;}
.work-box-line{
	border-right: 4px solid #DDDDDD;
	width: 50%;
	padding: 50px;
	}
.work p.para2{
	color:#838383;
	font-size:16px;
	margin: 2em 0;
	text-align:center;
	font-weight: 300;
	}
.work p.para2 span{
	display:block;
	}
/*-- portfolio --*/
.portfolio-wrapper h4{
	color:#fff;
	font-size:18px;
	font-weight:600;
	margin: 0 auto;
	padding: 3.7em 0em;
	border: 4px solid #fff;
	width: 70%;
	border-radius:15px;
	}
/*----- Strip -----*/

.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height: 83%;
	top:0;
	left:0;
	text-align:center;
	overflow:hidden;
}
@media(max-width:1920px;){h2.b-animate{ margin-top:50px;}}
/*------------------------------------------*/
/*	Animation effects
/*------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	visibility: hidden;
}
.b-animate img{
	margin-top:36%;
	display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
}
.b-animate-go:hover .b-from-left{
	left:0;
	margin-top:25px;
}
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;
}

/*--team--*/
.col_1_of_4:first-child {
	margin-left: 0;
}
.span_1_of_4 {
	width: 22.8%;
}
.col_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 2.6%;
	background: #FFF;
}
.b-wrapper:hover {
	background: rgba(202, 86, 73, 0.71);
	border: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.b-animate-go:hover{
	text-decoration:none;
	}
.portfoliolist{ width:1170px; margin:0 auto;}
.portfolio-wrapper {
	position: relative ;
	float:left;
	width:25%;
	min-height: 286px;
}

.text1{
	background:#343838;
	padding:1em 0;
	width: 100%;
	text-align:center;
	display:none;
	}
.text1 p{
	color:#fff;
	margin:0;
	font-size:15px;
	}

.portfolio {
	padding-bottom: 6em;
	position:relative;
	}
.portfolio-wrapper:hover .text1 {
	display:block;
	}
/*-- //portfolio --*/
/*-- //work --*/
/*-- portfolio-bottom --*/
.start{
	float:left;
	width:28%;
	}
.start1{
	float:left;
	width:36%;
	}
.portfolio-bottom-grid h3{
	color:#CA5548;
	font-weight:700;
	margin:0;
	font-size:25px;
	}
.portfolio-bottom-grid h3 span{
	color:#838383;
	background: url(../images/line.png) no-repeat 0px 40px;
	display: inline-block;
	height: 45px;
	font-weight: 400;
	}
.portfolio-bottom-grid p{
	color:#838383;
	margin: 2em 0 2em;
	font-size: 16px;
	width: 66%;
	}
.start a{
	border:3px solid #CA5548;
	color:#CA5548;
	font-size: 15px;
	height:65px;
	line-height:57px;
	text-align:center;
	display:block;
	width:200px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.start .icon-1{ padding:0px 0px 0px 25px;background: url(../images/read.png) no-repeat 0px 3px;color: #CA5548; font-style:normal;}
.start .icon-2{ padding:0px 0px 0px 25px;background: url(../images/read-.png) no-repeat 0px 3px;color: #838383; font-style:normal;}

.start a:hover{
	color:#838383;
	text-decoration:none;
	border:4px solid #838383;
	}
.portfolio-bottom{
	padding:0 0 6em;
	}
.bottom-grid{ position:absolute;
	float:left;
	}
.bottom-grid-text{
	float:left;
	margin-left:5.2em;
	}
.bottom-grid p.paragra {
	margin:0;
	width: 100%;
	}
.bottom-grid p.paragra label{
	color:#CA5548;
	font-size:35px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	margin:0;
	padding: 0 10px 0 0;
	}
.bottom-grid p.paragra span{
	display:block;
	border-right:1px solid #DDDDDD;
	color:#CA5548;
	font-size:19px;
	padding: 10px 10px 0 0;
	}
.portfolio-bottom-grids{
	margin:2em 0 0;
	}
.bottom-grid-text ul{
	padding:0;
	margin:0;
	}
.bottom-grid-text ul li{
	display:inline-block;
	margin: 0 2em 0 0;
	}
.bottom-grid-text ul li.chat{
	background:url(../images/comment.png) no-repeat 0px 3px; color:#7f7f7f;
	padding-left:2em; line-height:18px;
	}
.bottom-grid-text ul li.box{
	background:url(../images/box.png) no-repeat 0px 0;color:#7f7f7f;
	padding-left:2em; line-height:18px;
	}
.bottom-grid-text p.paragraph{
	color:#838383;
	font-size:17px;
	margin:0 0 1em;
	width: 100%;
	}
.bottom-grid-text p.paragraph span{
	display:block;
	}
.portfolio-bottom-grid-info:nth-child(2){
	margin-top:3.4em;
	}
.portfolio-bottom-grid-info1:nth-child(2){
	margin-top:3.4em;
	}
.clients{
	padding:6em 0;
	background:#828282;
	}
.clients-grid{
	background: url(../images/men.png) no-repeat 8.4em 0.6em;
	display:block;
	text-align:center;
	}
.project-grid{
	background: url(../images/row.png) no-repeat 8.4em 0.6em;
	display:block;
	text-align:center;
	}
.project-grid{
	margin:0 2em;
	}
.meeting-grid{
	background: url(../images/set.png) no-repeat 8.4em 0.6em;
	display:block;
	text-align:center;
	}
.meeting-grid{
	margin-right:2em;
	}
.fans-grid{
	background: url(../images/love.png) no-repeat 8.4em 0.6em;
	display:block;
	text-align:center;
	}
.project{
	float:left;
	width:23%;
	}
.project h3{
	margin: 1em 0;
	background: url(../images/border.png) no-repeat 42px 0px;
	display:block;
	height:175px;
	}
.project h3 span{
	color:#fff;
	font-size: 3em;
	margin-top: 0.6em;
	display: -webkit-inline-box;
	font-weight: 300;
	}
.project p{
	color:#fff;
	font-size: 20px;
	font-weight: 300;
	margin:1em 0 0;
	}
.revees{
	padding:6em 0 0;
	}
.revees-left{
	float:left;
	width:31%;
	}
.men{
	background: url(../images/3.png) no-repeat 25em 0px #24BFD3;
	display: block;
	height: 145px;
	}
.men1{
	background: url(../images/14.png) no-repeat 25em 0px #24BFD3;
	display: block;
	height: 145px;
	}
.men span{
	background: url(../images/quot.png) no-repeat 29em 4em;
	display: block;
	height: 80px;
	}
.men1 span{
	background: url(../images/quot.png) no-repeat 29em 4em;
	display: block;
	height: 80px;
	}
.revees-left img{
	width:100%;
	}
.revees-right{
	float:left;
	margin-left:2em;
	width:55%;
	}
.revees-right h4{
	color:#828282;
	font-size:20px;
	font-weight:700;
	margin:1em 0 .5em;
	}
.revees-right p label{
	font-size:13px;
	color:#838383;
	margin:0;
	font-weight: 600;
	}
.revees-right p.hum{
	margin:1em 0 0;
	color:#838383;
	font-size:14px;
	width: 70%;
	}
/*-- //portfolio-bottom --*/
/*------------------ Slider Part starts Here----------*/
#slider3,
#slider2,#slider4 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.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;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  width: 80%;
   margin:0 auto;
}

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 89%;
	left: 13%;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 22px;
	width: 25px;
	background: transparent url("../images/img2.png") no-repeat 0px 0px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 18%;
}
/*视频*/
#gallery { overflow: hidden; }
#gallery a { display: block; float: left; }
#gallery a img { display: block; border: 0; }

.vedioBox{ width:80%; margin:0 auto;}
.vedioBox .vedio{ width:100%; height:700px; }
.vedioBox2{ width:100%; height:100%}
.vedioBox2 .vedio2{ width:100%; padding:2%; height:100%; margin:0 auto; max-width:1440px; max-height:600px; }
#slider3-pager a ,#slider2-pager a,#slider4-pager a{
  display: inline-block;
}
#slider3-pager span,#slider2-pager span,#slider4-pager span{
  float: left;
}
#slider3-pager span,#slider2-pager span,#slider4-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a ,#slider2-pager .rslides_here a,#slider4-pager .rslides_here a{
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a ,#slider2-pager a,#slider4-pager a{
  padding: 0;
}
#slider3-pager li,#slider4-pager li,#slider2-pager li,{
	display:inline-block;
}
.Nleft{ float:left;  margin:0 15px 15px 0}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width:100%;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  left:0%;
  top: 0;
  width:100%;
}
.rslides li{
  position: relative;
  display: block;
  float: none;
}
.rslides img {
  height: auto;
  border: 0;
}
.callbacks_tabs{
	list-style: none;
	position: absolute;
	top: 0%;
	z-index: 999;
	right: 20%;
	padding: 0;
	margin: 0;
	width: 3%;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(../images/backward.png)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
	margin: 0 .5em;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
   height: 15px;
  width: 17px;
  display:inline-block;
  background: #EEEEEE;
}
.callbacks_here a:after{
	background: #343838;
}
/*------------------ Slider Part ends Here----------*/
/*-- footer --*/
.footer{
	padding:0em 0 0;
	background:#c8cccc;
	}
.map-color ul{
	padding: 3em 0 0;
	margin:0;
	}
.map-color ul li{
	list-style-type:none;
	color:#838383;
	font-size: 20px;
	margin: 1.7em 0;
	font-weight: 700;
		padding-left: 14em;
	}
.map-color ul li.fax {
	background: url(../images/fax.png) no-repeat 10em 0px;
	display: block;

}
.map-color ul li.dot{
	background: url(../images/dot.png) no-repeat 10em 0px;
	display: block;
	 
	}
.map-color ul li.mobile{
	background: url(../images/mobile.png) no-repeat 10em .1em;
	display: block;
 
	}
.map-color ul li.mes{
	background: url(../images/mes.png) no-repeat 10em .4em;
	display: block;
 
	}
.map{
	height:350px;
	}
.map-color{
	background: #c7cccc;
	width:100%;
	}
.footer-left{
	float:left;
	width:50%;
	position: relative;
	}
.footer-right{	
	width:50%;
	float:right;
	}
@media(max-width:1440px){
.footer-right{	
	float:right;
	}
.service-grid p{
	padding: 1em 1em;
	}
	.service-grids{ left:50%; margin-left:-585px;}
	}
@media (max-width: 1366px)
{
.footer-right{	
	float:right;
	}
.service-grids{left:50%; margin-left:-585px;}
	}
.map-color li a{
	color:#838383;
	}
.map-color li a:hover{
	text-decoration:none;
	color:#838383;
	}
.footer-right h4{
	color:#fff;
	font-size:15px;
	font-weight:600;
	margin:0 0 20px 0 ;
	}
.footer-right h4 span{
	font-size:22px;
	}
.footer-right p{
	color:#838383;
	font-size:15px;
	margin:2em 0 3em;
	width:62%;
	}
.footer-right input[type="text"],.footer-right input[type="password"]{
	outline:none;
	border:none;
	background:#2F3333;
	float:left;
	width:73.5%;
	font-size:14px;
	color:#fff;
	padding:20px 5px 20px 20px;
	}
.footer-right input[type="text"]{ margin-bottom:10px;width:90%;}
.footer-right input[type="submit"]{
	outline:none;
	border:none;
	background: #252828;
	display:block;
	padding: 20px 30px;
	 color:#FFF;
	}

@media (max-width: 1440px)
{
.footer-right input[type="text"]{ margin-bottom:10px;width:96%;}
.footer-right input[type="submit"]{
	outline:none;
	border:none;
	background: #252828;
	display:block;
	padding: 20px 30px;
	 color:#FFF;
	}
	}
@media (max-width: 1366px)
{
.footer-right input[type="text"]{ margin-bottom:10px;width:97.5%;}
.footer-right input[type="submit"]{
	outline:none;
	border:none;
	background: #252828;
	display:block;
	padding: 20px 30px;
	 color:#FFF;
	}
	}
.footer-right h5{
	color:#fff;
	font-size:15px;
	font-weight:600;
	margin:3em 0;
	}
.footer-right h5 span{
	font-size:22px;
	}
.footer-right ul{
	padding:0;
	margin:0;
	}
.footer-right ul li{
	display:inline-block;
	margin: 0 5px;
	}
.footer-right ul li a.facebook{
	background:url(../images/img-sprite.png) no-repeat -10px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.facebook:hover{
	background:url(../images/img-sprite.png) no-repeat -10px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.circle{
	background:url(../images/img-sprite.png) no-repeat -70px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.circle:hover{
	background:url(../images/img-sprite.png) no-repeat -70px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.p{
	background:url(../images/img-sprite.png) no-repeat -126px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.p:hover{
	background:url(../images/img-sprite.png) no-repeat -126px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.g-plus{
	background:url(../images/img-sprite.png) no-repeat -186px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.g-plus:hover{
	background:url(../images/img-sprite.png) no-repeat -186px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.twitter{
	background:url(../images/img-sprite.png) no-repeat -243px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.twitter:hover{
	background:url(../images/img-sprite.png) no-repeat -243px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.rss{
	background:url(../images/img-sprite.png) no-repeat -308px 0px;
	display:block;
	width: 45px;
	height: 45px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-right ul li a.rss:hover{
	background:url(../images/img-sprite.png) no-repeat -308px -74px;
	display:block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.footer-left p{
	color:#fff;
	font-size:18px;
	margin:0;
	padding:2em 0;
	background:#00A1B7;
	text-align: center;
	padding-right: 3em;
	}
.copyright{
	  color: #838383;
	  font-size: 15px;
	  margin: 0;
	  padding: 2em 0;
	  background: #B8D2D3;
	  text-align:center;
	}
.copyright a{
	color: #CA5548;
	}
.copyright a:hover{
	color: #CA5548!important;
	}
#allmap{width:100%;height:100%;}
.lianxi{ text-align:center; font-size:16px;color:#2F3333; line-height:24px; margin:20px 0;}
.lianxi h3{ font-size:25px; color:#CA5548;font-weight: 300; margin:20px 0;}
/*hunter-img*/
.hunter-img ul li{ width:100%; max-height:660px; overflow:hidden;}
/*作品*/
.detail{ padding:50px 0 0 0; overflow:hidden; width:80%; margin:0 auto; text-align:center;} 
.webshop{width:80%; margin:0 auto; padding-top:50px;}
.range {background: url('../images/range.png') no-repeat top center;padding: 40px 0 10px;}
.detailcon{width: 100%;margin-bottom:35px;font-size: 18px;position: relative; text-align:center; float:left;}
.detailcon h2{font-size:30px;padding:0 0 20px;text-transform : uppercase;line-height: 40px;font-family: "Gotham Book";color:#4b3700;}
.detailcon p{font-size: 18px;font-family: Garamond;padding:0 20px 0 0;}
.detail .arrows{ min-height: 40px; float: left;width: 11%;cursor: pointer;position: relative;}
.detail .arrows .text{background:#fff;padding:0 10px;text-transform: uppercase;position: absolute;left: 25px;height: 30px;line-height: 30px;top: 50%;margin-top: -15px;white-space: nowrap;}
.detail .detailnext .text{left:auto;right:25px;}
.detail .arrows2{height: 44px;line-height: 44px;}
.detail h2{font-size:30px;padding:0 0 20px;text-transform : uppercase;line-height: 40px;;color:#343838; margin:0;}
.popup{position:absolute;display:none;z-index:50;border-collapse:collapse; width:150px;}
.detailprev .popup{ left:50%;}
.detailnext .popup{ right:50%;}
.popup a{ font-size:12px; color:#CA5548; padding:5px; background:#FFF;}
/**/
.NO1{ margin-bottom:4em;}
.NO2{ margin-bottom:2em; overflow:hidden;position:relative;}
.NO3{margin-bottom:2em;overflow:hidden; position:relative;}
.produ-left{ float:left;width: 36.47%;text-align: center;position: relative;}
.produ-text h2{ color:#838383;}
.produ-text{ color:#838383; line-height:24px;padding:0 10px;}
.produ-right{width: 63.53%;float: right;position: relative;}
.produ-left{ float:left; position:relative; top:3em; }
.NO3 .produ-left{ float:right;}
.NO3 .produ-right{ float:left;}
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_content {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: white;z-index:1002;overflow: auto;}
.white_content_small {display: none;position: absolute;top: 20%;left: 30%;width: 40%;height: 50%;border: 16px solid lightblue;background-color: white;z-index:1002;overflow: auto;}
.shopshow .popclose {cursor: pointer;background: url('../images/popclose.png') no-repeat;width: 49px;height: 49px;position: absolute;top: 28px;right: 28px;z-index: 1;}

/*商城轮播图*/

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
	border-radius: 0px;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0px;
	position: relative;
	zoom: 1;
	z-index:500;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}
/* Direction Nav */

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 0;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	padding-top: 8px;
	text-align: center;
	position:absolute;
	bottom:0.5rem;
	text-align:cente;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	width: 40px;
	height: 4px;
	display: block;
	background: #FFF;
	background: rgba(255,255,255,1);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #828282;
}
.flex-control-paging li a.flex-active {
	background: #828282;

	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
/*searchform*/
.searchform{height: 115px;width: 100%;position: absolute;z-index: 110;display: none;}
.searchform input{font-family: "Gotham Light";height: 115px;line-height: 115px;float: left;width: 80%;padding:0 2%;border: 0;background: #f4f4f4;font-size: 18px;}
.searchform button{height: 115px;line-height: 115px;cursor:pointer;float: right;width: 20%;border: 0;font-size: 18px; color:#FFF;background: #CA5548;}
/**说明**/

.product-info{overflow: hidden;padding: 50px 10%;background: rgb(255,255,255);text-align:left; border-top:4px solid #828282;}
.product-img-slide-num{font-family: "Gotham Book";color: #4b3700;float: left;width: 7%;text-align: right;margin-right: 3%;}
.product-info-list{float: left;width: 40%;}
.product-info-list h3{font-family: "Gotham Book";color: #CA5548;margin-bottom: 15px;text-transform: uppercase;}
.product-info-list p {margin: 0 0 10px 0;padding: 0;  font-size:16px;color: #838383;}
.lang-fr .product-info-list .product-unit { display: none; }
.product-info-desc{float: left;width: 42%;margin-left: 8%; font-size:20px; color: #838383;}
.product-var{  font-size:16px;}
.product-var input[type=text]{ border:1px solid #828282; padding:0 10px; width:100px;}
.product-var .prices{ font-size:24px; color:#828282; line-height:22px; padding-top:15px; display:block;}
.product-info-list .buy{ width:40%; margin-top:25px; color:#FFF; border:none; height:40px; text-align:center; background:#828282;}
/*购物车*/
.conputerlist{ height:45px; width:100%; background:#B8D2D3;}
.conputerlist ul li{ width:20%; text-align:center; font-weight:bold; line-height:45px; font-size:16px; float:left;}
.pay_list{ overflow:hidden; padding:10px 0;}
.pay_list ul li{ float:left; width:20%; text-align:center;}
.pay_list ul li span{ display:none;}
.pay_list ul li strong{ padding-right:10px;}
.pay_list ul li.pay_num,.pay_list ul li.pay_name,.pay_list ul li.pay_price,.pay_list ul li.pay_img{ padding:20px 0;}
.shoplogo{ width:100%; text-align:center;}
.shoplogo a{display: block;clear: both;width: 153px;float: none;margin: auto;}
.shoplogo a img{ margin-top:35px; margin-bottom:30px;}
.cartsteps{border-top: 6px solid #889488;}
.checkout_progress_indicator {margin-bottom: 15px;display: table;width: 100%;}
.checkout_step_indicator{width: 33.33%; float:left;border-right: 1px solid #B8D2D3;border-bottom: 2px solid #B8D2D3;border-left: 1px solid #B8D2D3;text-align: center;font-family: "SimSun",Arial,serif;font-size: 19px;line-height: 72px;background-color: #fff;color: #000;padding: 0;}
.checkout_step_indicator.active_step{color: #fff;background-color: #828282;}
.checkout_step_indicator .steps{ font-size:28px;color:#828282;}
.checkout_step_indicator .label{ font-size:16px; color:#828282;}
.checkout_step_indicator.active_step .label,.checkout_step_indicator.active_step .steps{ color:#FFF;}
.cart_title{ color:#828282; font-size:28px; border-bottom:4px solid #828282; padding-bottom:10px; margin:0;}
.font-list{ padding-bottom:35px;}
.dymanic-card table{width:100%;}
.section_header{ width:100%;}
.section_header .product_img font{ display:none}
.section_header .product_img{ width:30%;}
.section_header .product_name{ width:30%; }
.section_header .product_price{ width:10%;}
.section_header .product_num{ width:10%;}
.section_header .all_prices{ width:20%}
.section_header th{position: relative;padding: 5px 5px 5px 0;line-height: 25px;font-size: 18px;background: #B8D2D3;margin: 0 0 20px; text-align:center; font-weight:600;}
.product-list-item{ padding-left:15%}
.product-list-item .product-subtitle{ font-size:15px; color:#CA5548; margin:10px 0;}
.product-list-item .much p{ font-size:12px; color:#818181; margin:0;}
.prices-table{ font-size:18px; text-align:center}
.product_num{ text-align:center;}
.dymanic-card .Mdlist tr{ border-bottom:1px solid #818181;}
.dymanic-card .Mdlist tr:last-child { border:none}
.product_num select{ width:60px; text-align:center;}
.all-prices{ text-align:center; height:45px; margin-top:45px;}
.all-prices span{ border:1px solid #0092A6; font-size:16px; padding:3px 5px;}
.delete{ text-align:center;}
.delete a{ font-size:12px; color:#818181; padding:10px 5px 0 5px;}
.prices-totall { width:100%; overflow:hidden; padding:20px 0;}
.prices-totall .zongji span{ display:block; text-align:left; float:right;}
.prices-totall .zongji .zongjinum{ float:right; width:150px; text-align:center;}
.prices-totall .zongji{ float:left; width:100%; text-align:right; height:40px;background:#828282; color:#FFF; font-size:14px; line-height:40px; margin-bottom:15px;}
.prices-totall .jies{ float:right; width:155px; height:40px; text-align:center; background:#828282; color:#FFF; font-size:14px;line-height:40px;}
.prices-totall .jies a,.prices-totall .jies a:hover{ color:#FFF;}
.about-buy-detail .Required{float:right; color:#CA5548; }
.about-buy-content{ width:100%; overflow:hidden; padding-bottom:15px;border-bottom: 4px solid #828282;}
.about-buy-content .resewtitle{font-size: 20px; line-height:50px;color: #CA5548; height:50px;background-color: #B8D2D3; padding-left:15px;}
.about-buy-name{ width:49%; float:left; padding-right:1%; margin-bottom:15px;}
.about-buy-name .save{ font-size:14px; background:#828282; color:#FFF;cursor: pointer;height: 37px;line-height: 37px;width: 155px;padding: 0 22px; border:1px solid #828282; float:right; }
.about-buy-content .about-name-1{ width:15%; padding-right:7px; font-size:16
px; text-align:right; float:left; line-height:37px;}
.about-buy-content .about-name-2 input { width:85%; height:37px; padding-left:10px;}
.pay-way .onlinepay ul li{ margin-bottom:10px;}
.pay-way .onlinepay ul li .paylist{ padding-right:10px;}
.about-success .pay-ment{font-size: 18px;padding: 20px 0 40px 0;font-family: "SimSun",Arial,serif;}
.success-buylist{font-size: 16px;line-height: 50px;color: #CA5548;height: 50px;background-color: #B8D2D3;padding-left: 15px;}
.current-pay{ overflow:hidden; width:100%; margin-bottom:30px;}
.payment-red{ margin-bottom:15px;}
.current-pay .pay-last{height: 37px; background:#828282; color:#FFF;width: 130px;line-height: 30px;text-align: center; cursor:pointer; line-height:37px; border:none; float:right;}

.addressSave span{overflow:hidden; float:left; padding:5px 15px}
.addressSave .shopaddress{}
.addressSave .Zipcode{}
.addressSave .phone{ }
.addressSave .edit_address{ float:right; }
.addressSave .edit_address a{color:#CA5548}
/*商城*/

.container .myLocate{ padding:10px;color:#bbbbbb;}
.container .myLocate .getout{float:right; }
.container .myLocate .getout a{ height:25px; width:56px;float:right; background:url(../images/out_icon.png) 0 0 no-repeat;}
.container .myLocate .getout a:hover{ background-position:0 -26px;}
 .myLocate a{ color:#bbbbbb; font-size:14px; }
 .myLocate a:hover,.myLocate .green{ color:#454945;}
.Login .Login_box { padding-top:30px; padding-bottom:30px; overflow:hidden;}
.Login .Login_box .Login_warper{ }
.Login .Login_box h1{ font-size:38px; color:#CA5548;letter-spacing: 0.16em; margin:0 0 20px 0; text-align:center; font-weight:normal;font-family: 'omega-regular', arial, helvetica, sans-serif;}
.Login .Login_box .Lo_c1{ width:47.5%; float:left; margin-top:30px;height:280px;}
.Login .Login_box .Lo_c2{ width:47.5%; float:right; margin-top:30px;position:relative; height:280px;}
.Login .Login_box  h2{font-size: 1em;text-transform: uppercase;letter-spacing: 0.04em;margin-top: 0;margin-bottom: 1.5625em; color:#555; line-height:1em}
.Login .Login_box .pm-form-input{padding: 0 16px;border: 1px solid #828282;background: #EEF6F6;text-align: left;margin-bottom: 20px;}
.Login .Login_box input{color: #555555;background: transparent;border: 0;height: 50px;width: 100%;padding: 0;margin: 0;outline: 0;box-shadow: none;}
.Login .Login_box .pm-link-border{color: #555;border-bottom: solid 1px #e5e5e5;}
.Login .Login_box .pm-link-border:hover{color: #828282;border-bottom: solid 1px #828282;}
.Login .Login_box .Lo_submit{ margin-top:30px;}
.Login .Login_box .Lo_submit .buttom-main{border: 1px solid #828282; background:#FFF;text-align: center;height: 50px;line-height: 50px;padding: 0;margin: 0; width:100%;display: inline-block;zoom: 1;color: #555555;cursor: pointer;-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);outline: none;box-sizing: border-box;}
.Login .Login_box .Lo_submit .buttom-main:hover{color: #ffffff;background-color: #828282;}
.Login .Login_box .Lo_c2 .buttom-main{ position:absolute; bottom:0; left:0;}
.Login .Login_box .Lo_c2 .c2_text{ font-size:18px;}
/*-----登录结束-----*/
/*-----注册-----*/
.register_box{padding-top:30px; padding-bottom:30px; overflow:hidden;}
.register_box h1{font-size:38px; color:#CA5548;letter-spacing: 0.16em; margin:0 0 20px 0; text-align:center; font-weight:normal;font-family: 'omega-regular', arial, helvetica, sans-serif;}
.register_box h1 p{ font-size:14px;}
.register_box .pm-form-input{padding: 0 16px;border: 1px solid #828282;background: #EEF6F6;text-align: left;margin-bottom: 20px;}
.register_box  input{color: #555555;background: transparent;border: 0;height: 50px;width: 100%;padding: 0;margin: 0;outline: 0;box-shadow: none;}
.register_box  .Re_submit .buttom-main{border: 1px solid #828282; background:#FFF;text-align: center;height: 50px;line-height: 50px;padding: 0;margin: 0; width:100%;display: inline-block;zoom: 1;color: #555555;cursor: pointer;-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);outline: none;box-sizing: border-box;}
.register_box .Re_submit{ width:50%; float: left;}
.register_box .pr15{ padding-right:15px;}
.register_box .Re_submit .buttom-main:hover{color: #ffffff;background-color: #828282;}
.register_box .born{ overflow:hidden;}
.register_box .born .rigg{ width:33.3333%; float:left;}
.register_box .born .rigg div{padding: 0 16px;border: 1px solid #828282;background: #EEF6F6;text-align: left;margin-bottom: 20px;}
.register_box .born .rigg .yue{ margin:0 15px;}
.register_box .born .rigg div input{color: #555555;background: transparent;border: 0;height: 50px;width: 100%;padding: 0;margin: 0;outline: 0;box-shadow: none;}
.register_box  .borndate{ color:#bbbbbb;}
/*-----订单-----*/
.orderlist table {width:100%;}
.orderlist th, .orderlist td {text-align:center;}
.orderlist th {padding:12px 0 9px 0;font-size:14px;color:#FFF;background:#828282;}
.orderlist td {padding:5px 0 4px 0;}
.orderlist td td {border:0;}
.orderlist .more {text-decoration:none; color:#333;}
.orderlist .more:hover {text-decoration:none;}
.orderlist .section {clear:both;zoom:1;overflow:hidden;padding:20px 20px 20px 20px;text-align:left;background:#828282;}
.orderlist .section dl {float:left;width:50%; zoom:1;overflow:hidden;margin-bottom:10px;}
.orderlist .section dl dt {clear:left;float:left;width:78px;}
.orderlist .section dl dt, .orderlist .section dl dd {height:20px;margin-bottom:5px;}
.productlist {background:#ffffff;text-align:center; border-spacing:0;}
.productlist th {padding:0 0 1px 0;border-bottom:1px solid #B8D2D3;background:#B8D2D3;}
.orderlist .orderdetail {display:none;}
.orderlist .orderdetail td {padding:0;vertical-align:top;}
.orderlist .orderdetail td td {padding:7px 0;}
.orderlist .productlist {color:#333333;}
.orderlist .productlist .prdinfos span {display:block;}
.orderlist .productlist .prdinfos .name {margin-top:4px;color:#000000;}
.orderlist .productlist .prdinfos .variantName {margin-top:-5px;}
.productlist .productName {width:145px;}
.productlist .productUnitPrice, .productlist .productQuantity {width:60px;}
.productlist .productName, .productlist .productName td {text-align:left;}
.productlist .productName .productImg {width:72px;text-align:center;}
.orderlist .productlist .first td  {padding-top:20px;}
.orderlist .productlist .last td  {padding-bottom:20px;}
.orderlist .section .productlist td td {padding:0;}
.orderlist .section .productlist .productImg {padding-left:5px; }
.orderlist .productlist .prdinfos { text-align:left; padding-left:5px;}
.orderlist .section .productlist .productImg .product_image {width:145px;}
.orderlist .productlist .productTotalPrice {text-align:right;padding-right:10px;}
.orderlist .variantName{ color:#666; font-size:12px;}
.orderlist .title_p .productName{ padding:5px 10px}	
.orderlist .productlist .variantName .mobile_view{ display:none;}
/*----VIP-----*/
.vip_box{ padding:30px 0; overflow:hidden;}
#core {width: 940px;min-height: 400px;margin:0 auto;}
.accnav {clear:both;zoom:1;overflow:hidden;margin:-5px 0 42px 0; width:500px; margin-left:auto; margin-right:auto;}
.accnav li {float:left;display:inline;margin:0 70px 0 50px;}
.accnav li.last {margin-right:0;}
.accnav a {display:block;width:74px;padding-top:88px;font-size:14px;color:#9d9d9d;background:url(../images/accnav.png) 0 4px no-repeat; text-decoration:none;}
.accnav a:hover, .accnav .active_vip a {color:#333333;text-decoration:none;}
.accnav .nav_personal a {background-position:0 4px;}
.accnav .nav_order a {background-position:-192px 4px;}
.accnav .nav_mypro a {background-position:-386px 4px;}
.accnav .nav_point a {background-position:-579px 4px;}
.accnav .nav_newsletter a {background-position:-772px 4px;}
.accnav .nav_personal.active_vip a, .accnav .nav_personal a:hover {background-position:0 -116px;}
.accnav .nav_order.active_vip a, .accnav .nav_order a:hover {background-position:-192px -116px;}
.accnav .nav_mypro.active_vip a, .accnav .nav_mypro a:hover {background-position:-386px -116px;}
.accnav .nav_point.active_vip a, .accnav .nav_point a:hover {background-position:-579px -116px;}
.accnav .nav_newsletter.active_vip a, .accnav .nav_newsletter a:hover {background-position:-772px -116px;}
.accnav .nav_mypro a {cursor:default;}
.ptitle_personal h2{ color:#333; font-size:18px;}
.panel1 {clear: both;zoom: 1;padding: 38px 40px 35px 30px;background: #B8D2D3;color: #333333;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow:hidden;}
.panel1 .aside {width: 17%;float: left;}
.aside .vipnav li {border-width: 0 0 1px 0;border-style: solid;border-color: #828282;}
.aside .vipnav li a {display: block;padding: 15px 0 10px 0;font-size: 14px;text-decoration:none;}
.aside .vipnav .on a {color: #000000;}
.aside .vipnav a {color: #858585;}
.mainpresonal{ width: 80%;float: right;font-size: 14px;line-height: 1.4em;}
.mainpresonal .radio_name{ height:34px; display: block; float:left; line-height:34px;}
.mainpresonal .title{display: block;float: left;width: 100px;padding-right: 8px; margin:0;font-size: 14px;line-height: 34px;text-align: right; font-weight:normal;}
.mainpresonal .radiobox{ width:30px; line-height:34px;}
.mainpresonal .radio_name label{display: inline;float: none;margin-right: 15px; font-weight:normal;}
.mainpresonal .pm-form-input {text-align: left;margin-bottom: 10px; height:35px;}
.mainpresonal .pm-form-input .txt{height: 35px; width:255px;padding-left: 10px;border-width: 2px;color: #656565;border-color: #828282;padding-top:5px; padding-bottom: 5px;border-style: solid;}
.mainpresonal .riqi .txt{ width:60px;}
.mainpresonal .riqi .radio_name span{ line-height:32px; height:32px;margin:0 10px;}
.mainpresonal .Lo_submit{ width:65px; margin-left:100px;}
.mainpresonal .Lo_submit .buttom-main{border: 1px solid #828282; background:#FFF;text-align: center;height: 32px;line-height: 30px; border-radius:15px;padding: 0;margin: 0; width:100%;display: inline-block;zoom: 1;color: #555555;cursor: pointer;box-sizing: border-box; margin-top:15px;}
.mainpresonal .Lo_submit .buttom-main:hover{color: #ffffff;background-color: #828282;}
/*----VIP-----*/
@media( max-width:1366px){.footer-left p{ font-size:16px}}
.footer-left a{
	color:#828282;
	}
.footer-left a:hover{
	text-decoration:none;
	color:#fff;
	}
/*-- //footer --*/
/*-- about --*/
.header{
	background:#B8D2D3;
	width:100%;
	z-index:998;
	position: relative;
	border-bottom:2px solid #828282;
	}
.header-right{
	float:left;
	margin-left:58px;
	}
.header-right ul{
	padding: 42px 0 0;
	margin:0;
	}
.header-right ul li{
	display:inline-block;
	float: left;
	}
.header-right ul li.act a{
	color:#fff;
	}
.header-right ul li a{
	font-size: 14px;
	color: #838383;
	font-weight: 700;
	text-decoration:none;
	padding:31px 10px;
	}
.header-right ul li a:hover{ color:#343838}
.header-right ul li a:hover{
	text-decoration:none;
	}
.header-right span{
	display:none;
	}
.header-right ul.nav2{ display:none;margin-left: 100%;  min-height: 100px;}
.head-logo1{
	padding: 0.88em 0;
	float:left;
	}
.head-logo1 a {
	display: block;
	width: 140px;
	height: 80px;
	background: url(../images/logo2.png) no-repeat;
	background-size: cover;
}

.header .sb-search-submit {
background: url('../images/sprite.png') no-repeat -20px -116px;
}
.Account{ float:right; padding-top:42px;}
.Accout_index{ padding:0;}
.Accout_index span{ width:36px; height:20px; background: url(../images/acconut_2.png) center no-repeat; display:block; padding:0; margin-left:9px;}
.Accout_page{ padding:0;}
.Accout_page span{ width:36px; height:20px; background: url(../images/acconut_2.png) center no-repeat; display:block; padding:0; margin-left:9px;}
/*-- //about --*/
/*-- header-bottom --*/
.header-bottom{ overflow:hidden;}
.header-bottom h3{
	color:#CA5548;
	font-size:25px;
	font-style:normal;
	text-align:center;
	margin:0 0 2em 0;
	padding:4em 0 1em 0; margin-bottom:0;
	border-bottom: 1px solid #EEEEEE;
	}
.header-bottom-left{
	float:left;
	width:100%;
	}
.hunter .header-bottom-left img{
	width:100%;
	max-height:660px;
	}
.Nleft .header-bottom-left img{
	width:700px;
	height:500px;
	}
.header-bottom-right{
	float:right;
	width:100%;
	}
.header-bottom-right h4{
	color:#828282;
	font-size: 27px;
	font-weight: 600;
	margin: 2em 0 1em;
	font-style:normal;
	}
.header-bottom-right p{
	color:#838383;
	font-size: 15px;
	line-height: 30px;
	margin: 0;
	width: 100%;
	margin-bottom:15px;
	font-style:normal;
	}
.header-bottom-info{
	border-bottom:4px solid #828282;
	}
.header-bottom-lft{
	float:left;
	width:48%;
	}
.header-bottom-lft h5{
	color:#828282;
	font-size: 27px;
	font-weight: 600;
	margin: 1em 0 .5em;
	font-style:normal;
	}
.header-bottom-lft p{
	color:#838383;
	font-size: 15px;
	line-height: 30px;
	margin: 0;
	width: 71%;
	font-style:normal;
	}
ul.callbacks_tabs.callbacks1_tabs {
	top: 68%;
	left: 41%;
	}
.callbacks1_tabs a:after{
	width:15px;
	height:15px;
	background:#EEEEEE;
	}
.callbacks1_here a:after{
	background:#828282;
	}
/*-- //header-bottom --*/
/*-- good --*/
.good{
	padding:38em 0 4em;
	border-bottom: 1px solid #EEEEEE;
	}
.good h3{
	color:#343838;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 13px;
	margin:0;
	text-align:center;
	font-style:normal;
	}
.good p.fact{
	color:#838383;
	font-size:15px;
	margin: 2em auto;
	width: 50%;
	line-height: 30px;
	font-style:normal;
	text-align:center;
	}
.skills {
	width: 100%;
	margin: 25px 0;
	height: 50px;
	background:#fff;
	border:4px solid #828282;
	position:relative;
	}
.skills-left{
	float:left;
	width:40%;
	}
.skills-right{
	float:left;
	width:40%;
	margin-left:4em;
	}
.skills span{
	color:#fff;
	font-size:15px;
	font-weight:400;
	margin-top: 11px;
	margin-left: 10px;
	display: -webkit-inline-box;
	font-style:normal;
	}
.skill-text{
	position:absolute;
	top: 10%;
	left: 90%;
	}
.skill-text p{
	color:#343838;
	font-size:20px;
	font-weight:400;
	margin:0;
	text-align:right;
	display: -webkit-inline-box;
	font-style:normal;
	}
.skill1 {
	height: 100%;
	display: block;
	background-color: #828282;
}
.skill2{
	height: 100%;
	display: block;
	background-color: #828282;	
}
.skill3{
	height: 100%;
	display: block;
	background-color: #828282;	
}
.skill4{
	height: 100%;
	display: block;
	background-color: #828282;	
}
.skill5{
	height: 100%;
	display: block;
	background-color: #828282;	
}
.skill6{
	height: 100%;
	display: block;
	background-color: #828282;	
}
/*-- //good --*/
/*-- team --*/
.team{
	padding:4em 0;
	}
.team h3{
	color: #CA5548;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 13px;
	margin:0;
	text-align:center;
	font-family: "微软雅黑", "黑体";
	font-style:normal;
	}
.team p.gen{
	color:#838383;
	font-size:15px;
	margin: 2em auto;
	width: 45%;
	line-height: 30px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	text-align:center;
	}
.team-grid{
	float:left;
	width:23%;
	padding:0.5%;
	background:#828282;
	position:relative;
	margin:0 1% 2em 1%;
	}
.team-grid img{
	width:100%;
	}
.team-fig-text{
	position:absolute;
	top: 69%;
	left: 0%;
	background: #828282;
	width: 100%;
	}
.team-fig-text p{
	color:#fff;
	font-size:20px;
	font-weight:400;
	margin:.5em 0 0 0;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	text-align:center;
	}
.team-fig-text p span{
	display:block;
	font-size: 15px;
	margin-top: 10px;
	font-weight: 300;
	color: #B8D2D3;
	height:42px;
	}
.team-grid:hover div.team-fig span{
	background-color:none; opacity:1;filter:alpha(opacity=100); 
	display:block;
	height:350px;
	}
.team-fig span{
	background-color:#828282; opacity:0.5;filter:alpha(opacity=50); 
	display:block;
	height:350px;
	}
.team-grid:hover div.team-fig1 span{
	background:url(../images/6.jpg) no-repeat 0px 0px;
	display:block;
	height:378px;
	}
.team-fig1 span{
	background:url(../images/6-.jpg) no-repeat 0px 0px;
	display:block;
	height:378px;
	}
.team-grid:hover div.team-fig2 span{
	background:url(../images/8.jpg) no-repeat 0px 0px;
	display:block;
	height:378px;
	}
.team-fig2 span{
	background:url(../images/8-.jpg) no-repeat 0px 0px;
	display:block;
	height:378px;
	}
.team-grid:hover div.team-fig3 span{
	background:url(../images/9.jpg) no-repeat 0px 0px;
	display:block;
	height:378px;
	}
.team-fig3 span{
	background:url(../images/9-.jpg) no-repeat 0px 0px;
	display:block;
	height:378px;
	}
.cap{
	display:none;
	}
.cap {
	position:absolute;
	top: 100%;
	width: 100%;
	left:0%;
	background:#343838;
	border:7px solid #828282;
	}
.cap ul{
	padding:0;
	margin:0 0 -5px;
	}
.cap ul li{
	display:inline-block;
	margin:0 12px;
	}
.cap ul li a.b{
	background: url(../images/img1.png) no-repeat 0px 0px;
	display: block;
	height: 50px;
	width: 55px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	}
.cap ul li a.b:hover{
	background: url(../images/img1.png) no-repeat 0px -80px;
	display: block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	}
.cap ul li a.face{
	background: url(../images/img1.png) no-repeat -78px 0px;
	display: block;
	height: 50px;
	width: 55px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	}
.cap ul li a.face:hover{
	background: url(../images/img1.png) no-repeat -78px -80px;
	display: block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	}
.cap ul li a.twi{
	background: url(../images/img1.png) no-repeat -148px 0px;
	display: block;
	height: 50px;
	width: 55px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	}
.cap ul li a.twi:hover{
	background: url(../images/img1.png) no-repeat -148px -80px;
	display: block;
	transition:.5s all;
	-webkit-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	}
.team-grid:hover div.cap{
	display:block;
	}
/*-- //team --*/
/*-- footer1 --*/
.footer1 {
	padding: 4em 0 0;
	}
/*-- //footer1 --*/
/*-- blog --*/
.blog{
	padding:4em 0 0;
	}
.header-right1{
	float:left;
	margin-left:18em;
	}
.header-right1 ul{
	padding:0;
	margin:0;
	}
.header-right1 ul li{
	display:inline-block;
	margin-top: .7em;
	float: left;
	}
.header-right1 ul li.act a{
	border-left:5px solid #019DB2;
	color:#fff;
	}
.header-right1 ul li:nth-child(6) a {
	border-right: 1px solid #fff;
	}
.header-right1 ul li a{
	font-size: 15px;
	color: #C4C4C4;
	font-weight: 600;
	text-decoration:none;
	padding:31px 30px;
	border-left:1px solid #fff;
	font-family:"微软雅黑", "黑体";
	}
.header-right1 ul li a:hover{
	color:#fff;
	text-decoration:none;
	}
.header-right1 span{
	display:none;
	}
button.search{
	position:relative;
	padding: 11px 32px 11px 11px;
	border: none;
	cursor: pointer;
	background: url(../images/search.png)no-repeat 0px 0px;
	outline: none;
}
button.search:hover div.serch{
}
.blog-info{
	float:left;
	}
.header-right1 ul li:nth-child(7) a {
	border-left: none;
	background: #414545;
	}
/*-- search Box --*/
.serch{
	display: none;
	top: 10.2%;
	right: 14.4%;
	background: none;
	width: 243px;
	float: right;
	position: absolute;
	
}
.serch span{
	display: inline-block;
}
.serch span input[type="text"]{
	padding:5px;
	display: inline-block;
	outline:none;
	border: 10px solid #414545;
	background: #343838;
	  color: #adadad;
}
/*-- search Box --*/
.blog-left{
	float:left;
	width:60%;
	padding-right:5em;
	border-right:4px solid #eeeeee;
	}
.blog-right{
	float:left;
	width:40%;
	}
.blog-left-date{
	float:left;
	}
p.blog-left-text{
	color:#CCCCCC;
	width:100%;
	}
p.blog-left-text label{
	font-size: 35px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0;
	padding: 0 10px 0 0;
	
	}
p.blog-left-text span{
	display: block;
	border-right: 1px solid #CCCCCC;
	font-size: 19px;
	padding: 10px 0px 0 0;
	width:79%;
	}
.blog-left-text{
	float: left;
	margin-left: 1em;
	}
p.Integer{
	margin: 0 0 .4em;
	}
p.Integer a{
	color: #343838;
	font-size: 25px;
	font-weight: 500;
	width: 100%;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
p.ante{
	margin: 0 0 .4em;
	color: #343838;
	font-size: 25px;
	font-weight: 500;
	width: 100%;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
p.Integer a:hover{
	text-decoration:none;
	color:#828282;
	}
li.chat a{
	text-decoration:none;
	color:#838383;
	font-size:17px;
	}
li.chat a:hover{
	color:#828282;
	text-decoration:none;
	}
li.box a{
	text-decoration:none;
	color:#838383;
	font-size:17px;
	}
li.box a:hover{
	color:#828282;
	text-decoration:none;
	}
.blog-left-text ul li.prad a{
	text-decoration:none;
	color:#838383;
	font-size:14px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
.blog-left-text ul li.prad a:hover{
	color:#828282;
	text-decoration:none;
	}
.blog-left-text ul{
	padding:0;
	margin:0;
	}
.blog-left-text ul li{
	display:initial;
	margin: 0 10px;
	}
.blog-left-text ul li.prad{
	background:url(../images/men1.png) no-repeat 0px 0px;
	padding-left:2em;
	}
.blog-left-text ul li.chat{
	background:url(../images/chat.png) no-repeat 0px 0px;
	padding-left:2em;
	}
.blog-left-text ul li.box{
	background:url(../images/box1.png) no-repeat 0px 0px;
	padding-left:2em;
	}
.blog-left-text ul li.chat a{
	text-decoration:none;
	color:#838383;
	font-size:14px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
.blog-left-text ul li.chat a:hover{
	color:#828282;
	text-decoration:none;
	}
.blog-left-text ul li.box a{
	text-decoration:none;
	color:#838383;
	font-size:14px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
.blog-left-text ul li.box a:hover{
	color:#828282;
	text-decoration:none;
	}
.blog-left-fig{
	margin:0 0 2em 0;
	}
.blog-left-fig img{
	width:100%;
	}
p.variation{
	color:#838383;
	font-size:15px;
	margin:0 0 2em;
	line-height:30px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
p.variation span{
	display:block;
	margin: 1em 0 0;
	}
.pre-next{
	padding:5em 0;
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	}
.pre{
	float:left;
	text-align:center;
	width:45%;
	}
.next{
	margin-left:3em;
	}
.pre a{
	padding: 15px 60px;
	border: 3px solid #24BFD3;
	color:#24BFD3;
	font-size:14px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
.pre a:hover{
	color:#cccccc;
	text-decoration:none;
	}
.leave-comment {
	  padding: 64em 0 4em;
	}
.leave-comment h3{
	color:#343838;
	margin:0;
	font-size:25px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
.leave-comment p{
	color:#838383;
	font-size: 14px;
	margin: .5em 0 2em;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	}
.leave-comment input[type="text"]{
	outline:none;
	border:3px solid #EEEEEE;
	font-size:15px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	float:left;
	background:none;
	padding: 15px 10px;
	width: 31.7%;
	}
.leave-comment input[type="text"]:nth-child(2){
	margin:0 .95em 2em;
	}
.leave-comment textarea{
	outline:none;
	border:3px solid #EEEEEE;
	font-size:15px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	width:100%;
	background:none;
	padding:10px;
	resize:none;
	height:200px;
	margin:2em 0;
	}
.leave-comment input[type="text"].in1{
	background:url(../images/men1.png) no-repeat 4px 15px;
	display:block;
	padding-left:2.5em;
	}
.leave-comment input[type="text"].in2{
	background:url(../images/mes1.png) no-repeat 4px 15px;
	display:block;
	padding-left:2.5em;
	}
.leave-comment input[type="text"].in3{
	background:url(../images/set1.png) no-repeat 4px 15px;
	display:block;
	padding-left:2.5em;
	}
.leave-comment textarea.in4{
	background:url(../images/chat.png) no-repeat 4px 11px;
	display:block;
	padding-left:2.5em;
	}
.leave-comment input[type="submit"]{
	outline:none;
	font-size:18px;
	font-family:"微软雅黑", "黑体";
	font-style:normal;
	background:#343838;
	padding:15px 0;
	width: 35%;
	font-weight: 600;
	color:#fff;
	display:block;
	border:none;
	margin-left: 22em;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
.leave-comment input[type="submit"]:hover{
	background:#828282;
	}
.blog-left-right{
	border-bottom:1px solid #dddddd;
	}
.blog-right h3{
	color: #343838;
	font-size: 45px;
	font-weight: 600;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	margin: 15em 0 0;
	text-align: right;
	}
.blog-right h3 span{
	display:block;
	}
.three-com{
	
	}
.three-com h3{
	color:#343838;
	font-size:16px;
	margin:0;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	padding:2em 0;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	}
.three-com h3 span{
	color:#838383;
	font-size:15px;
	}
.three-com h3 label{
	color:#24BFD3;
	}
.tom-grid{
	padding:2em 0;
	border-bottom:1px solid #dddddd;
	width: 60%;
	}
.tom{
	float:left;
	width:20%;
	}
.tom img{
	width:100%;
	}
.tom-right{
	float:left;
	margin-left:2em;
	width:70%;
	}
.tom-right h4{
	color:#24BFD3;
	font-size:18px;
	font-weight:600;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	margin:0;
	}
.tom-right p label{
	color:#838383;
	font-size:15px;
	font-weight:600;
	margin:0;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	}
.tom-right p.lorem{
	color:#838383;
	font-size:14px;
	margin:0;
	line-height:30px;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	}
.Hardy{
	float:left;
	}
.reply{
	float:left;
	margin-left:20em;
	margin-top: .5em;
	}
.reply a{
	padding: 10px 22px;
	background: #828282;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	}
.reply a:hover{
	color:#000;
	text-decoration:none;
	}
.tom-grid:nth-child(4){
	border-bottom:none;
	}
.categories-tag-grid{
	float:left;
	width:30%;
	}
.categories-tag-grid:nth-child(2){
	margin:0 2em;
	}
.categories-tag-grid h3{
	color:#343838;
	font-size:20px;
	margin:0;
	font-weight:700;
	}
.categories-tag-grid h3 span{
	font-size:22px;
	}
.categories-tag-grid ul{
	padding:0;
	margin:0;
	position:relative;
	}
.categories-tag-grid ul li{
	list-style-type:none;
	margin:1em 0;
	}
.categories-tag-grid ul li a{
	color:#838383;
	font-size:15px;
	border-left:4px solid #828282;
	padding-left: 1em;
	
	}
.categories-tag-grid ul li a:hover{
	color:#343838;
	text-decoration:none;
	 font-weight: 600;
	 border-left:none;
	 padding-left: 3em;
	}
.categories-tag-grids{
	padding:4em 0;
	}
.hov{
	display:none;
	position:absolute;
	top: -14%;
	left:0%;
	background: #828282;
	}
.hov p{
	padding:5px 8px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0;
	}
.hov1{
	display:none;
	position:absolute;
	top: -14%;
	left:0%;
	background: #828282;
	}
.hov1 p{
	padding:5px 8px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0;
	}
.hov2{
	display:none;
	position:absolute;
	top: -14%;
	left:0%;
	background: #828282;
	}
.hov2 p{
	padding:5px 8px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0;
	}
.hov3{
	display:none;
	position:absolute;
	top: -14%;
	left:0%;
	background: #828282;
	}
.hov3 p{
	padding:5px 8px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0;
	}
.hov4{
	display:none;
	position:absolute;
	top: -14%;
	left:0%;
	background: #828282;
	}
.hov4 p{
	padding:5px 8px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0;
	}
.hov5{
	display:none;
	position:absolute;
	top: -14%;
	left:0%;
	background: #828282;
	}
.hov5 p{
	padding:5px 8px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0;
	}
.categories-tag-grid ul.value:hover div.hov{
	display:block;
	}
.categories-tag-grid ul.value:hover div.hov1{
	display:block;
	}
.categories-tag-grid ul.value:hover div.hov2{
	display:block;
	}
.categories-tag-grid ul.value:hover div.hov3{
	display:block;
	}
.categories-tag-grid ul.value:hover div.hov4{
	display:block;
	}
.categories-tag-grid ul.value:hover div.hov5{
	display:block;
	}
.categories-tag-grid ul.value:hover div.hov6{
	display:block;
	}
.top-social-icons{
	margin-top:2em;
	}
/*--------social simptip--------*/
a.tooltips:hover{
	background:#828282;
	color:#fff;
	text-decoration:none;
	}
a.tooltips.two:hover{
	background:#828282;
	color:#fff;
	text-decoration:none;
	}
a.tooltips.three:hover{
	background:#828282;
	color:#fff;
	text-decoration:none;
	}
a.tooltips.four:hover{
	background:#828282;
	color:#fff;
	text-decoration:none;
	}
a.tooltips,a.tooltips.two {
  position: relative;
  display: inline-block;
	margin-right: 10px;
  margin-bottom: 10px;
  background: none;
  border: 4px solid #828282;
  padding: 5px 11px;
  color: #838383;
  font-size: 14px;
}
a.tooltips.two{
	background:none; 
	padding: 5px 11px;
}
a.tooltips.three{
	background:none; 
	padding: 5px 11px;
}
a.tooltips.four{
	background:none; 
	padding: 5px 11px;
}
a.tooltips span {
  position: absolute;
width: 48px;
  color: #fff;
  background: #000;
  border: 1px solid #ccc;
  height: 38px;
  line-height: 37px;
text-align: center;
visibility: hidden;
font-weight: 700;
font-size: 18px;
}

a.tooltips span:before {
content: '';
position: absolute;
top: 101%;
left: 52%;
margin-left: -12px;
width: 0;
height: 0;
border-top: 10px solid #ccc;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top:8px solid #000;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 36px;
  left: 135%;
  margin-left: -76px;
  z-index: 999;
}
/****************/
.categories-tag-grid-info{
	margin-top:2em;
	}
.categories-fig{
	float:left;
	width: 16.8%;
	}
.categories-fig img{
	width:100%;
	}
.categories-fig-right{
	float:left;
	margin-left:1em;
	}
.categories-fig-right p{
	color:#838383;
	margin:0;
	font-size: 15px;
	}
.categories-fig-right p span{
	display:block;
	}
.categories-tag-grid-info{
	margin-bottom:1em;
	}
.categories-fig-right1{
	float:left;
	}
.categories-fig-right1 p{
	margin:18px 0 0;
	}
.categories-fig-right1 p a{
	color:#fff;
	font-size: 15px;
	text-align:center;
	background: #828282;
	padding: 18.5px 50px;
	}
.categories-fig-right1 p a:hover{
	color:#000;
	text-decoration:none;
	}
.categories-fig-righ p{
	margin:0;
	}
.categories-fig-righ{
	float:left;
	background: rgba(0, 180, 204, 0.66);
	width: 18%;
	height: 58px;
	margin-top: -1px;
	}
.categories-fig-righ p a{
	background: url(../images/row1.png) no-repeat 17px 22px;
	display: block;
	height: 56px;
	}
.categories-tag-grid-info1{
	display:none;
	position:absolute;
	top:0%;
	left: 0%;
	width: 100%;
	}
.categories-tag-grid-info2{
	display:none;
	position:absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	}
.categories-tag-grid-info3{
	display:none;
	position:absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	}
.categories-tag-grid-inf{
	position:relative;
	}
.categories-tag-grid-inf1{
	position:relative;
	}
.categories-tag-grid-inf2{
	position:relative;
	}
.categories-tag-grid-inf:hover div.categories-tag-grid-info1{
	display:block;
	}
.categories-tag-grid-inf1:hover div.categories-tag-grid-info2{
	display:block;
	}
.categories-tag-grid-inf2:hover div.categories-tag-grid-info3{
	display:block;
	}
.quot{
	display:none;
	position:absolute;
	top: 6%;
	left: 0%;
	width: 100%;
	}
.quot span{
	background: url(../images/chat1.png) no-repeat 14px 18px;
	display: block;
	height: 57px;
	}
.categories-tag-grid-inf:hover div.quot{
	display:block;
	}
.quot1{
	display:none;
	position:absolute;
	top: 6%;
	left: 0%;
	width: 100%;
	}
.quot1 span{
	background: url(../images/chat1.png) no-repeat 14px 18px;
	display: block;
	height: 57px;
	}
.categories-tag-grid-inf1:hover div.quot1{
	display:block;
	}
.quot2{
	display:none;
	position:absolute;
	top: 6%;
	left: 0%;
	width: 100%;
	}
.quot2 span{
	background: url(../images/chat1.png) no-repeat 14px 18px;
	display: block;
	height: 57px;
	}
.categories-tag-grid-inf2:hover div.quot2{
	display:block;
	}
.categories-tag-grid-info:nth-child(2){
	margin:2em 0;
	}
.blog-slide{
	padding:3em 0;
	}
	.blog-slide img{
		max-width: 100%; height:auto !important;
	}
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 0px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/arrow.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
.leave-a-comment h3{
	color:#CA5548;
	margin: .5em 0 2em;
	font-size:25px;
	font-family:"微软雅黑", "黑体";
	font-style: normal;
	font-weight:300;
	}
.leave-a-comment input[type="text"],.leave-a-comment textarea{
	padding:10px 10px 10px 10px;
	background:#f7f7f7;
	font-size:15px;
	outline:none;
	border: 1px solid #c9cdcd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin:0 0 2em;
	}
.leave-a-comment input[type="text"]{
	float:left;
	width:31%;
	}
.leave-a-comment textarea{
	resize:none;
	height:200px;
	width:100%;
	}
.leave-a-comment input[type="submit"]{
	background:#ca5548;
	color:#fff;
	font-size:20px;
	outline:none;
	border:none;
	width: 18%;
	display: block;
	margin: 0 0 3em 0 ;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	padding: 5px 0;
	
	}
.leave-a-comment input[type="submit"]:hover{
	background:#cf3b2b;
	color:#fff;
	text-decoration:none;
	}
.leave-a-comment input[type="text"]:nth-child(2),.leave-a-comment input[type="text"]:nth-child(5){
	margin:0 2.65em;
	}
/*-- //blog --*/
/*news*/
.news-xin{  margin-top:4em;}
.news-more-1{ font-size:19px; text-align:center; margin:3em 0;}
.news-box-line {
	 
	width: 50%;
	padding: 0 50px;
}.poptrox-overlay{ z-index:100;}
.news-line{ height:50px; text-align:center; position:relative;  border-bottom:#EEE solid 1px; margin:6em 0 2em 0;}
.news-line h2{ padding:0 50px; font-size:30px; background:#FFF; color:#CA5548; overflow:hidden; text-transform:uppercase; margin:0; display:inline-block; line-height:100px;}
.news-box{
	width:25%;
	margin: 0 auto;
	}
.news-box .icon-1{ padding:0px 0px 0px 25px;background: url(../images/news.png) no-repeat 0px 2px;color: #CA5548; font-style:normal;}
.news-box .icon-2{ padding:0px 0px 0px 25px;background: url(../images/news-.png) no-repeat 0px 2px;color: #828282; font-style:normal;}
.news-box .shop-1{ padding:0px 0px 0px 25px;background: url(../images/shop.png) no-repeat 0px 2px;color: #CA5548; font-style:normal;}
.news-box .shop-2{ padding:0px 0px 0px 25px;background: url(../images/shop-.png) no-repeat 0px 2px;color: #828282; font-style:normal;}
.news-box .city-1{ padding:0px 0px 0px 25px;background: url(../images/city.png) no-repeat 0px 2px;color: #CA5548; font-style:normal;}
.news-box .city-2{ padding:0px 0px 0px 25px;background: url(../images/city-.png) no-repeat 0px 2px;color: #828282; font-style:normal;}

.news-box a{
	/*--border: 4px solid #828282;--*/
	display: block;
	font-size: 18px;
	height: 65px;
	line-height: 57px;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	}
.news-list{  margin:0 auto;}
.news-list ul li{ float:left;width: 32.53%;margin: 2% 0.8%  0.8% 0;background: #fff;}
.news-list ul li a img {
    width: 100%;
    height: 100%;
}


@media (min-width: 768px){
	.news-list ul li a img{   height:149px;}
	}
	@media (min-width: 992px){
.news-list ul li a img{   height:194px;}
}
	@media screen and (min-width: 1200px){
.news-list ul li a img{ width:100%; height:242px;}
}
	.news-list ul li a p{font-size: 17px; margin: 15px 12px 0;}
.news-list ul li a p,.swiper-slide p{text-align:center;  height:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
.news-list ul li a{color: #838383;}
.news-list ul li a:hover{ color:#828282}
.news-list ul li h4.ft_16{ text-align:center;
	height:18px;
     text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; margin:5px 0 2px 0}
	.news-list ul li span.ft_12{
  height:32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.product-list{width:80%; margin:50px auto 0 auto; overflow:hidden;}
.product-list .piclist{ padding:0;}
.product-list ul .piclistitem{
	float: left;
	width: 32.53%;
	min-height: 300px;
	margin-left: 0.4%;
	margin-right: 0.4%;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Gotham book';
	color: #838383;
	margin-bottom:50px;
	overflow: hidden;
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	-ms-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
	}
.product-list ul .piclistitem .transition{color: #838383;}
.piclistitem img{ width:100%;}	
.piclistitem p{ height:50px;height: 60px;padding: 20px 2em 0px 2em;display: table;margin: auto;}
.piclistitem a{text-transform: none;font-size: 18px;border: #838383 solid 1px;display: block;margin: 12px auto 0;text-align: center;width: 250px;height: 60px;line-height: 60px; }
.piclistitem a:hover{ color:#24BFD3;}
.product-xin{ border-bottom:4px solid #828282;}
.detailcon1{width: 100%;margin-bottom:35px;font-size: 18px;position: relative; text-align:center; float:left;}
.detailcon1 h2{font-size:30px;padding:0 0 20px;text-transform : uppercase;line-height: 40px;font-family: "Gotham Book";color:#343838;}
/*newscrumbs*/
.newscrumbs{width: 80%;margin: 30px auto 20px auto;font-family: "Gotham Light";text-transform: uppercase;}
.newscrumbs p{padding: 0 50px 0px; color:#bbbbbb;}
.newscrumbs p a{ color:#bbbbbb;}
.newscrumbs p>span{ color:#454945}
/*news*/

/*-----start-responsive-design------*/
@media (max-width:1440px){
	.service-grid:nth-child(3) {
		margin: 0 2.2em 0 0em;
	}
	.service-grid:nth-child(2) {
	  margin: 0 2.2em;
	}
	.b-link-stripe .b-wrapper {
		height: 81.2%;
	}
	.revees-left {
	  width: 34%;
	}
	.map iframe {
	  height: 452px;
	}
	.service-grid .fig span {
		background: url(../images/vedio.png) no-repeat 8em 0em;
	}
	.service-grid .fig1 span {
		background: url(../images/ca.png) no-repeat 8em 0em;
	}
	.service-grid .fig2 span {
		background: url(../images/filter.png) no-repeat 8em 0em;
	}
	.service-grid .fig3 span {
		background: url(../images/radio.png) no-repeat 8em 0em;
	}
	.service-grid {
	  padding: 4em 0em 0em;
	}
	.header-bottom-right h4 {
		margin: 1em 0 0.5em;
	}
	.header-bottom-right p.what {
		line-height: 25px;
	}
	.header-bottom-lft p {
		line-height: 25px;
	}
	.serch {
	  top: 10%;
	  right: 10%;
	}
	.Nleft{  margin-bottom:15px;}
	.header-bottom-right{ width:100%; float: none;}
.login_body{ position: relative; height:100%}
}
@media (max-width: 1366px)
{
	p.blog-left-text span {
	  width: 78%;
	}
	.revees-left {
	  width: 36%;
	}
	.map-color ul li {
	  padding-left: 14em;
	}
	.map-color ul li.dot {
 
	}
	.header-bottom-right h4 {
		font-size: 24px;
	}
	.header-bottom-lft h5 {
		font-size: 24px;
	}
	.header-bottom-lft h5 {
		margin: .9em 0 .5em;
	}
	.serch {
	  top: 12%;
	  right: 8%;
	}
.Nleft .header-bottom-left img {
width: 600px;
height: 400px;
}
}
@media (max-width: 1280px)
{
	.b-link-stripe .b-wrapper {
		height: 80%;
	}
	.portfolio-wrapper h4 {
		padding: 3.5em 0em;
	}
	.back {
		top: 130%;
		left: 39.9%;
	}
	.service-grid .fig span {
	  background: url(../images/vedio.png) no-repeat center 0em;
	}
	.service-grid .fig1 span {
	  background: url(../images/ca.png) no-repeat center .5em;
	}
	.service-grid .fig2 span {
	  background: url(../images/filter.png) no-repeat center 0em;
	}
	.service-grid .fig3 span {
	  background: url(../images/radio.png) no-repeat center 0em;
	}
	.map-color{ overflow:hidden;}
	.map-color ul {
 	 padding-top:34px;
 	 margin: 0;
	}.map-color ul li{padding-left: 7em;}
	.map-color ul li.fax {
	background: url(../images/fax.png) no-repeat 4em 0px;
	display: block;
	
}
	.map-color ul li.dot{
	background: url(../images/dot.png) no-repeat 4em 0px;
	display: block;
 
	}
.map-color ul li.mobile{
	background: url(../images/mobile.png) no-repeat 4em .1em;
	display: block;
	 
	}
.map-color ul li.mes{
	background: url(../images/mes.png) no-repeat 4em .4em;
	display: block;
 
	}

	.revees-left {
	  width: 39%;
	}
	.header-bottom h3 {
		padding: 4em 0 1em 0; margin-bottom:0;
	}
	.header-bottom-lft p {
		overflow: hidden;
		height: 100px;
	}
	.good {
		padding: 31em 0 4em;
	}
	.footer-right p {
	  width: 95%;
	}
	.map iframe {
	  height: 431px;
	}
	.map-color {
	  min-height: 350px;
	}
	.serch {
	  top: 11%;
	  right: 5%;
	}
	.callbacks_nav {
		top: 88.9%;
	}
	.shoplogo a img{ margin:20px 0}
}
@media (max-width: 1024px)
{
	.bottom-grid-text {
	  margin-left: .5em;
	}
	.skills span {
	  font-size: 13px;
	  margin-left: 5px;
	}
	.back {
	  top: 140%;
	  left: 38.5%;
	}
	.banner-info {
		background: url(../images/line1.png) no-repeat 8.5em 1.5em;
		margin-top: 5em;
	}
	.banner {
	  min-height: 400px;
	}
	.see a {
		font-size: 16px;
	}
	.back p label {
		padding: 0px 53.5px;
	}
	.back p span {
	  padding: 0px 54px;
	}
	.banner-nav {
	  margin-left: 14em;
	}
	
	.service-grid {
		width: 32%;
	}
	.service-grid .fig span {
	  background: url(../images/vedio.png) no-repeat 7em 1em;
	}
	.service-grid .fig1 span {
	  background: url(../images/ca.png) no-repeat 6.5em .5em;
	}
	.service-grid .fig3 span {
	  background: url(../images/radio.png) no-repeat 6.5em 0.5em;
	}
	.service-box-line {
	  padding: 40px;
	}
	.portfolio-wrapper h4 {
	  padding: 2.5em 0em;
	}
	.b-link-stripe .b-wrapper {
	  height: 77.1%;
	}
	.text1 p {
	  font-size: 13px;
	}
	.portfolio-wrapper {
	  min-height: 200px;
	}
	.bottom-grid p.paragra label {
		font-size: 25px;
	}
	.bottom-grid p.paragra span {
	  font-size: 15px;
	  padding: 10px 7px 0 0;
	}
	li.chat a {
	  font-size: 13px;
	}
	li.box a {
	  font-size: 13px;
	}
	.bottom-grid-text p.paragraph {
		font-size: 14px;
	}
	.portfolio-bottom-grid h3 {
	  font-size: 22px;
	}
	.portfolio-bottom-grid h3 span {
	  background: url(../images/line.png) no-repeat 0px 28px;
	  height: 33px;
	}
	.portfolio-bottom-grid p {
	  width: 99%;
	}
	.start a {
	  font-size: 13px;
	  padding: 10px 21px;
	}
	.project-grid {
	  margin: 0 1em;
	}
	.project h3 span {
	  font-size: 2.5em;
	  margin-top: .8em;
	  margin-left: 0.5em;
	}
	.project p {
	  margin: 1em 0 0 2em;
	}
	.revees-left {
	  width: 48%;
	}
	.revees-right {
	  width: 49%;
	}
	.revees-right p.hum {
	  width: 90%;
	}
	.footer-right input[type="text"] {
		width: 80%;
	}
	.footer-right ul li {
	  margin: 0;
	}
	.work p.para2 {
		font-size: 16px;
	}
	
	.map-color ul li.dot {
 
	  overflow: hidden;
	  height: 29px;
	}
	.header-right {
	  margin-left: 14em;
	}
	.header-right ul li a {
		padding: 31px 27px;
	}
	.header-bottom-right p.what {
		width: 100%;
	}
	.header-bottom-lft p {
	  height: 54px;
	  width: 90%;
	}
	.good {
	  padding: 24em 0 4em;
	}
	.good h3 {
		font-size: 24px;
	}
	.skill-text {
	  left: 89%;
	}
	.cap ul li {
	  margin: 0 4px;
	}
	.header-right1 ul li a {
		padding: 31px 25px;
	}
	.header-right1 {
	  margin-left: 9em;
	}
	p.Integer a {
		font-size: 21px;
	}
	p.blog-left-text label {
		font-size: 25px;
	}
	p.blog-left-text span {
	  font-size: 18px;
	  width: 73%;
	}
	.serch {
	  top: 10%;
	  right: 3%;
	}
	.callbacks_nav {
	  top: 88.6%;
	  left:10%;
	}
	.callbacks_nav.next {
	  right: 15%;
	}
	.leave-comment input[type="text"] {
	  width: 31%;
	}
	.leave-comment input[type="text"]:nth-child(2) {
	  margin: 0 1.14em 2em;
	}
	.leave-comment input[type="submit"] {
		margin-left: 18em;
	}
	.categories-fig-right1 p a {
	  padding: 18.5px 45px;
	}
	.categories-fig-righ {
		width: 16%;
	}
	.categories-fig-right1 p a {
	  padding: 18px 45px 9px;
	}
	.categories-fig-righ {
		height: 48px;
	}
	.categories-fig-righ p a {
	  height: 47px;
	}
	.categories-fig-right p {
	  font-size: 13px;
	}
	.quot {
		top: 0%;
	}
	.reply {
		margin-left: 14em;
	}
	.leave-a-comment input[type="text"]:nth-child(2),.leave-a-comment input[type="text"]:nth-child(5) {
	  margin: 0 2.15em;
	}
	.leave-a-comment input[type="submit"] {
		width: 25%;
	}
}
@media (max-width: 1030px)
{    
     .services{padding: 0 0 23em;}
     .transition-wrap .transition:hover{top:0;}
	 .service-box a:hover{ background:none;}
    .callbacks_container{ width:95%;}
    .flex-control-paging li a { width:8px;}
    .navi{ padding:5px 0; height:65px;}
    .head-logo,.head-logo1{ position:absolute;left:50%; padding:0;margin-left:-31px }
	.head-logo a,.head-logo1 a{ background:url(../images/logo_m.png) center no-repeat; width:63px; height:56px; background-size:70%;}
	.Account{ padding-top:1em; position:relative;}
	.Account .Mobile_seach span{ height:28px; width:28px; left:-30px;  position:absolute;display:block; background: url('../images/mobile_seach.png') no-repeat;}
	.Account .Mobile_seach_page span{ height:28px; width:28px; left:-30px;  position:absolute;display:block; background: url('../images/mobile_seach_page.png') no-repeat;}
	.Accout_index span{ background:url(../images/account_mobile.png) no-repeat;width: 51px;  height: 28px;}
	.Accout_page span{ background:url(../images/account_mobile_page.png) no-repeat;width: 51px;  height: 28px;}
	.header{ padding-top:5px;}
	.accnav{ width:416px}
	.blog-left-text {
	  margin-left: .5em;
	}
	.m-nav-back {
	z-index: 100;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	height: 30px;
	text-indent: 100em;
	width: 30px;
	background: url('../images/mobile_back.png') no-repeat center center;
	left: 50px;
	}
	.produ-right{ width:100%;}
	.produ-left{ width:100%; text-align:center;  margin-bottom:15px; top:0;}
	p.blog-left-text span {
	  width: 84%;
	}
	.copyright{ font-size:12px!important;}
	.banner {
	  min-height: 340px;
	}
	.banner-info h2 {
		font-size: 35px;
	}
	.banner-info p.para {
	  margin: 1.5em 0 4.3em;
	}
	.banner-info {
	  background: url(../images/line1.png) no-repeat 0.5em 1em;
	  margin-top: 3em;
	}
	.back {
	  left: 34.9%;
	}
	.banner-nav ul.nav1 li,.banner-nav ul.nav2 li {
		display: inline-block;
		text-align: center;
		margin: 0;
		width: 100%;
		padding: 12px 0;
		}
	.Mlange{ color:#FFF;}
	.news-list ul li a p{ font-size:14px;}
	.banner-nav ul .Mlange a,.header-right ul .Mlange a{ padding:0 5px; font-weight:normal;}
	.banner-nav ul {
		position: absolute;
		padding:15px 0;
		margin: 0;
		left: 0%;
		top:67px;
		width: 100%;
		z-index: 999;
		}
	span.menu {
		display: block;
		cursor: pointer;
		width: 100%;
		position: relative;
		text-align:right;
		margin: 3px 0;
		}
	ul.nav1,ul.nav2{
		display:none;
		background:#B8D2D3;
		}
	.banner-nav {
	  margin-left: 0;
	  margin-top: 0.7em;
	  float:left;
	}
	.banner-nav ul li a {
	  border-left: none;
	}
	.banner-nav ul li.active a {
	  color: #fff;
	}
	.banner-nav ul li.active a:hover {
	  color: #343838;
	}
	.banner-nav ul li.active a {
	  border-left: none;
	}
	.banner-nav ul li a {
		color: #fff;
		padding: 0;
	}
	.banner-nav ul li:nth-child(6) a {
	  border-right: none;
	}
	.service-box a {
	  font-size: 15px;
	}
	.services p.para1 {
	  font-size: 16px;
	  margin: 1em 0 0;
	}
	.service-grids {
	  top: 48%;
	  left: 3%;
	  width: 97%;
	  margin-left:0;
	}
	.service-grid {
	  padding: 2em 0em 0em;
	  width: 22%;
	}

	.work-box a {
	  font-size:16px;
	}
	.portfolio-wrapper h4 {
		font-size: 13px;
		padding: 4.7em 0em;
	}
	.b-link-stripe .b-wrapper {
	  height: 81%;
	}
	.text1 p {
	  overflow: hidden;
	  height: 20px;
	}
    .portfoliolist{width:100%}
	
	
	.portfolio-bottom-grids .start{
		float:none;
		width:100%;
	}
	.portfolio-bottom-grids .start a{
		display:none;
	}
	.portfolio-wrapper{
		min-height: auto;
	}
	.start1 {
	  width: 45%;
	}
	.bottom-grid {
	  width: 12.1%;
	}
	.bottom-grid-text {
	  width: 83%;
	}
	li.box a {
	  font-size: 12px;
	}
	li.chat a {
	  font-size: 11px;
	}
	.clients {
		padding: 3em 0;
	}
	.project h3 {
		background-size: 70%;
		  height: 120px;
	}
	.project h3 span {
	  font-size: 2em;
	  margin-top: .6em;
	  margin-left: 0.8em;
	}
	.clients-grid {
		background: url(../images/men.png) no-repeat 6.4em 0.6em;
	}
	.meeting-grid {
		background: url(../images/set.png) no-repeat 6.4em 0.6em;
	}
	.project-grid {
		background: url(../images/row.png) no-repeat 6.4em 0.6em;
	}
	.fans-grid {
		background: url(../images/love.png) no-repeat 6.4em 0.6em;
	}
	.men {
		background: url(../images/3.png) no-repeat 16em 0px #24BFD3;
	}
	.men1 {
		background: url(../images/14.png) no-repeat 16em 0px #24BFD3;
	}
	.revees-right {
		margin-left: 1em;
	}
	.revees {
	  padding: 4em 0 0;
	}.map-color ul li{		padding-left: 6em;}
	.map-color ul li.dot {
		background: url(../images/dot.png) no-repeat 4em 0px;

	}
	.map-color ul li.mobile {
	  background: url(../images/mobile.png) no-repeat 4em .1em; 
	}
	.map-color ul li.mes {
	  background: url(../images/mes.png) no-repeat 4em .4em;
 
	}
	.footer-right input[type="submit"] {
	  padding: 20px 24px;
	}
	.footer-right h5 {
	  margin: 2.5em 0;
	}
	.header-right {
	  margin-left: 0;
	  float:left;
	  padding:11px 0;
	  
	}
	.header-right ul li a {
	  border-left: none;
	}
	.header-right ul li.active a {
	  color: #fff;
	}
	.header-right ul li.act a:hover {
	  color: #343838;
	}
	.header-right ul li a:hover {
	  color: #343838;
	}
	.header-right ul li a {
		color: #fff;
		padding: 0;
	}
	.header-right ul li:nth-child(6) a {
	  border-right: none;
	}
	.header-right ul {
		margin: 1.6em 0 0;
	}
	.header-right ul.nav1 li,.header-right ul.nav2 li {
	  display: inline-block;
	  text-align: center;
	  margin: 0;
	  width: 100%;
	  padding: 12px 0;
	}
	.header-right ul li.act a {
		border-left: none;
	}
	.header-right ul {
	  position: absolute;
	  padding:15px 0;
	  margin: 0;
	  left: 0;
	  top:67px;
	  width: 100%;
	  z-index: 999;
	}
	.header-bottom h3 {
	  padding: 4em 0 1em 0;
	  font-size: 22px;
	}
	.header-bottom-right p.what {
	  overflow: hidden;
	  height: 50px;
	}
	.header-bottom-right h4 {
	  font-size: 22px;
	  margin: .5em 0 0.5em;
	}
	.header-bottom-lft h5 {
	  font-size: 22px;
	}
	.good {
	  padding: 18em 0 3em;
	}
	.good p.fact {
		width: 65%;
	}
	.skills span {
	  font-size: 11px;
	  margin-top: 14px;
	  margin-left: 2px;
	}
	.skill-text p {
		font-size: 15px;
	}
	.skill-text {
		top: 23%;
	}
	.good p.fact {
		margin: 2em auto 0em;
	}
	.team {
	  padding: 3em 0;
	}
	.team p.gen {
	  margin: 1em auto 2em;
	  width: 60%;
	}
	.team-fig1 span {
	  background-size: 100%;
	  height: 322px;
	}
	.team-grid:hover div.team-fig1 span {
	  height: 322px;
	  background-size: 100%;
	}
	/*.team-grid:nth-child(3) {
		display: none;
	}*/
	.team-grid {
		width: 31%;
	}
	.team-grid:hover div.team-fig span {
	  height: 220px;
	  background-size: 100%;
	}
	.cap ul li {
	  margin: 0 5px;
	}
	.team-fig span{
	  height: 220px;
	  background-size: 100%;
	}
	.team-fig-text p{ margin:1em 0}
	.team-fig3 span{
	  height: 322px;
	  background-size: 100%;
	}
	.team-grid:hover div.team-fig3 span{
	  height: 322px;
	  background-size: 100%;
	}
	.header-right1 {
	  margin-left: 0;
	  float:right;
	}
	.blog-info {
	  float: none;
	}
	.header-right1 {
	  margin-left: 0;
	  float:right;
	}
	.header-right1 ul li a {
	  border-left: none;
	}
	.header-right1 ul li.active a {
	  color: #fff;
	}
	.header-right1 ul li.act a:hover {
	  color: #343838;
	}
	.header-right1 ul li a:hover {
	  color: #343838;
	}
	.header-right1 ul li a {
		color: #fff;
		padding: 0;
	}
	.header-right1 ul li:nth-child(6) a {
	  border-right: none;
	}
	.header-right1 ul {
		margin: 1.6em 0 0;
	}
	.header-right1 ul.nav1 li,.header-right1 ul.nav2 li {
	  display: inline-block;
	  text-align: center;
	  margin: 0;
	  width: 100%;
	  padding: 17px 0;
	}
	.header-right1 ul li.act a {
		border-left: none;
	}
	.header-right1 ul {
	  position: absolute;
	  padding: 0;
	  margin: 0;
	  left: 2%;
	  width: 96%;
	  z-index: 999;
	}
	button.search {
		display: none;
	}
	.header-right1 ul.nav1 li:nth-child(7) {
		display: none;
	}
	p.Integer a {
	  font-size: 17px;
	}
	.blog-left-text ul li.chat a {
		font-size: 12px;
	}
	.blog-left-text ul li.box a {
		font-size: 12px;
	}
	.blog-left-text ul li.prad a {
		font-size: 12px;
	}
	.blog-left {
		width: 65%;
	}
	.blog-right {
	  width: 35%;
	}
	.blog-right h3 {
	  font-size: 33px;
	  margin: 15em 0 0;
	}
	p.variation span {
		display: none;
	}
	.next {
	  margin-left: 2em;
	}
	.callbacks_nav {
		top: 86%;
	}
	.leave-comment {
	  padding: 51em 0 4em;
	}
	.leave-comment input[type="text"]:nth-child(2) {
	  margin: 0 0.9em 2em;
	}
	.leave-comment input[type="text"] {
		font-size: 11px;
	}
	.leave-comment textarea {
	  font-size: 11px;
	  height: 130px;
	  margin: 1em 0;
	}
	.leave-comment input[type="submit"] {
	  margin-left: 17em;
	  font-size: 15px;
		padding: 10px 0;
	}
	.categories-tag-grid-inf:hover div.categories-tag-grid-info1 {
	  display: none;
	}
	.categories-tag-grid-inf:hover div.quot {
	  display: none;
	}
	.categories-tag-grid-inf1:hover div.categories-tag-grid-info2 {
	  display: none;
	}
	.categories-tag-grid-inf1:hover div.quot1 {
	  display: none;
	}
	.categories-tag-grid-inf2:hover div.categories-tag-grid-info3 {
	  display: none;
	}
	.categories-tag-grid-inf2:hover div.quot2 {
	  display: none;
	}
	.tom-grid {
	  width: 90%;
	}
	p.ante {
		font-size: 20px;
	}
	.blog-slide {
	  padding: 4em 0 0;
	}
	.leave-a-comment input[type="text"]:nth-child(2) ,.leave-a-comment input[type="text"]:nth-child(5){
	  margin: 0 1.68em;
	}
	.leave-a-comment h3 {
	  margin: .5em 0 1em;
	  font-size: 20px;
	 }
	.leave-a-comment input[type="submit"] {
	  font-size: 17px;
	  margin: 0;
	}
	.Mlange{ display:block;}
	.section,.webshop,.newscrumbs,.product-list{ width:95%;}
	.newscrumbs p{  padding: 0;}
	.product-info-desc{ font-size:18px;  margin-left: 5%; width:50%}
	.product-info-list .buy{ width:60%}
}
@media (max-width: 950px){
	.webshop{ padding-top:25px;}
	.detailcon1{width: 100%;margin-bottom:15px;font-size: 14px;position: relative; text-align:center; float:left;}
	.product-list ul .piclistitem{ float:none; width:100%;}
	.detailcon1 h2{ font-size:20px; margin: 10px 0; padding:0;}
	.product-list li.piclistitem a{ height:45px; line-height:43px;}
	.product-list li.piclistitem a .transition{ font-size:14px;}
	.news-box{ width:250px;}
	.news-box a{ height:60px; line-height:55px;}
	.news-more-1{ font-size:14px; margin:1.5em 0;}
	#foucs .navi {display: block;width: 40px;height: 40px;ine-height: 99em;overflow: hidden;background: url(../images/arrow-btn_1.png) no-repeat;top: 200px;}
	#foucs .left {left: 0;background-position: 0 0;}
	#foucs .left:hover {background-position: 0 -40px;}
	#foucs .right {right: 0;background-position: -40px 0;}
	#foucs .right:hover {background-position: -40px -40px;}
	.product-info-desc{ font-size:16px;  margin-left: 5%; width:50%}
	#core{ width:100%}
}
@media (max-width: 768px){
	
	.services{
		padding: 0 0 27em;
	}
	.service-grids{
		top: 45%;
	}
	.service-grid .fig span {
	  background: url(../images/vedio.png) no-repeat center 0em;
	}
	.service-grid .fig1 span {
	  background: url(../images/ca.png) no-repeat center .5em;
	}
	.service-grid .fig3 span {
	  background: url(../images/radio.png) no-repeat center 0em;
	}
	.service-grid:nth-child(3) {
		margin: 0 1.6em 0 0em;
	}
	.service-grid:nth-child(2) {
	  margin: 0 1.6em;
	}
	.footer-left{
		float: none;
		width:100%;
	}
	.footer-right{
		float: none;
		width: 100%;
	}
}
@media (max-width: 480px){
	.news-line{ height:40px; margin:3.5em 0 2em 0;}
	.news-line h2{ font-size:20px; line-height:80px;}
	.lianxi h3{font-size:20px;}
	.blog1 .section p img{width:100%;}
	
}
@media (max-width: 640px)
{
	.searchform{ height:60px;}
	.searchform input{height: 60px;line-height: 60px; }
	.searchform button{height: 60px;line-height: 60px;}

	p.blog-left-text span {
	  width: 86%;
	}
	.skills span {
	  margin-left: 5px;
	}
	.banner {
		min-height: 270px;
	}
	.team-fig-text p span{
		height: auto;
	}
	.banner-info h2 {
	  font-size: 25px;
	}
	.banner-info p.para {
	  margin: 1.5em 0 3.3em;
	  font-size: 18px;
	}
	.banner-info {
	  background: url(../images/line1.png) no-repeat 4.4em 1em;
	  background-size: 80%;
	}
	.news-list{ width:95%; margin-top:15px;}
	.news-list ul li{ width:48%;margin: 2% 1% 1% 1%;}
	.news-list ul li a p{ font-size:14px;margin: 8px 0px 0;
}
	.see a {
	  font-size: 15px;
	  padding: 15px 59px;
	}
	.back {
	  left: 34%;
	  top: 114%;
	}
	.back p label {
	  padding: 0px 46.5px;
	}
	.back p span {
	  padding: 0px 47px;
	}
	.service-box,.work-box{
	  width:40%;
	}
	
	.services p.para1 {
		font-size: 15px;
	}
	.service-grid p {
		font-size: 13px;
	}
	.service-grid h4 {
		font-size: 15px;
	}
	.service-grid .fig span {
	  background: url(../images/vedio.png) no-repeat  center 0em;
	}
	.service-grid .fig1 span {
	  background: url(../images/ca.png) no-repeat center 0em;
	}
	.service-grid .fig2 span {
	  background: url(../images/filter.png) no-repeat center 0em;
	}
	.service-grid .fig3 span {
	  background: url(../images/radio.png) no-repeat center 0em;
	}
	.service-grids {
		top: 32%;
		margin-left:0;
	}
	.services {
	  padding-bottom:35em;
	}
	a.transition-wrap{ height:50px; line-height:45px;}
	.transition-wrap .transition i{
	  font-size: 14px;
	  background-size:20%;
	}
	.work-box .icon-1{ background: url(../images/2.png) no-repeat 0px 0px;padding: 1px 0px 0px 30px;}
	.work-box .icon-2{background: url(../images/2-.png) no-repeat 0px 0px;padding: 1px 0px 0px 30px;}
	.service-box .icon-1{background: url(../images/1.png) no-repeat 0px 0px;padding: 1px 0px 0px 30px;}
	.service-box .icon-2{background: url(../images/1-.png) no-repeat 0px 0px;padding: 1px 0px 0px 30px;}
	.news-box a.transition-wrap{ height:45px; line-height:37px;}
	.news-box .transition-wrap .transition i{
	  font-size: 14px;
	  background-size:20%;
	}
	.work p.para2 {
	  font-size: 15px;
	}
	.portfolio-wrapper h4 {
	  font-size: 12px;
	  padding: 3.5em 0em;
	}
	.b-link-stripe .b-wrapper {
	  height: 77%;
	}
	.portfolio-wrapper {
	  min-height: 142px;
	  width:33.33%;
	}
	.portfolio-wrapper:nth-child(4) {
  display: none;
}
	.text1 p {
	  font-size: 12px;
	}
	.bottom-grid-text ul li.chat {
	  background: url(../images/comment.png) no-repeat 0px 3px;
	  padding-left: 1.5em;
	}
	.bottom-grid-text ul li {
	  margin: 0 1em 0 0;
	}
	.bottom-grid p.paragra label {
	  font-size: 18px;
	}
	.bottom-grid p.paragra {
	  width: 97%;
	}
	.bottom-grid p.paragra span {
	  font-size: 13px;
	  padding: 10px 0px 0 0;
	}
	.bottom-grid-text p.paragraph {
	  font-size: 12px;
	  overflow: hidden;
	  height: 19px;
	}
	.bottom-grid-text ul li.box { 
	  padding-left: 1.5em;
	}
	.bottom-grid-text {
	  margin-left: 0.5em;
	  width: 85%;
	}
	.portfolio-bottom {
	  padding: 0 0 3em;
	}
	.meeting-grid {
	  margin-right: 1em;
	}
	.project h3 span {
	  font-size: 1.5em;
	  margin-top: .8em;
	  margin-left: 1em;
	}
	.clients-grid {
	  background: url(../images/men.png) no-repeat 5.6em 0.6em;
	}
	.project p {
	  margin: 0 0px 0 39px;
	 font-size: 17px;
	}
	.project-grid {
	  background: url(../images/row.png) no-repeat 5.4em 0.6em;
	}
	.meeting-grid {
	  background: url(../images/set.png) no-repeat 5.6em 0.6em;
	}
	.fans-grid {
	  background: url(../images/love.png) no-repeat 5.6em 0.6em;
	}
	.project h3 {
	  height: 100px;
	}
	.clients {
	  padding: 2em 0;
	}
	.revees-right p.hum {
		font-size: 13px;
	}
	.revees-right h4 {
	  font-size: 18px;
	  margin: 1em 0 0;
	}
	.men1 {
	  background: url(../images/14.png) no-repeat 12em 0px #24BFD3;
	}
	.men span {
		background: url(../images/quot.png) no-repeat 16em 4em;
	}
	.men {
		background: url(../images/3.png) no-repeat 12em 0px #24BFD3;
	}
	.men1 span {
		background: url(../images/quot.png) no-repeat 16em 4em;
	}
	.footer-left {
	  float: none;
	  width: 100%;
	}
	.map{ background:url(../images/map.jpg) center; background-size: cover; width:100%; height:200px; float:left;}
	.footer-right {
	  float: none;
	  width: 100%;
	}
	.map-color ul li {
		font-size: 18px;
		   padding-left: 12em;
	}
	.map-color ul {
		padding: 2em 0 0;
	}
	.map-color ul li.fax {
	  background: url(../images/fax.png) no-repeat 3em 0px;
	
	}
	.map-color ul li.dot {
	  background: url(../images/dot.png) no-repeat 3em 0px;
 
	}
	.map-color ul li.mobile {
	  background: url(../images/mobile.png) no-repeat 3em 0em;
 
	}
	.map-color ul li.mes {
	  background: url(../images/mes.png) no-repeat 3em .4em;
 
	}
	.map iframe {
	  height: 270px;
	}
	.map-color {
	  min-height: 275px;
	}
	.footer-left p {
	  font-size: 16px;
	  margin: 0;
	  text-align: center;
	  padding: 1em 0;
	  padding-right: 0;
	}
	.footer-right {
	  width: 100%;
	  float: none;
	}
	.footer-right h4 {
	  text-align: center;
	  font-size: 14px;
	}
	.footer-right p {
	  width:65%;
	  font-size: 14px;
		margin: 1em auto 3em;
	text-align:center;
	}
	.footer-right input[type="text"] {
	  width: 55%;
	  margin-left: 8em;
	}
	.footer-right h5 {
	  margin: 2em 0;
	  text-align: center;
	}
	.footer-right ul {
	  text-align: center;
	}
	.header-bottom h3 {
	  padding: 3.5em 0 1em 0;
	  font-size: 20px;
	}
	.header-bottom-right h4 {
	  font-size: 20px;
	  margin: 0.2em 0 0.3em;
	}
	.header-bottom-right p.what {
	  overflow: hidden;
	  height: 39px;
	  font-size: 13px;
	  line-height:19px;
	}
	.header-bottom-lft h5 {
	  font-size: 20px;
	}
	.header-bottom-lft p {
	  overflow: hidden;
	  height: 39px;
	  font-size: 13px;
	  line-height:19px;
	}
	.good {
	  padding: 15em 0 2em;
	}
	.good h3 {
	  font-size: 20px;
	}
	.good p.fact {
	  margin: 1em auto 0em;
	  font-size: 14px;
	  line-height: 20px;
		overflow: hidden;
		height: 40px;
	}
	.skill-text p {
	  font-size: 13px;
	}
	.team {
	  padding: 2em 0;
	}
	.team h3 {
		font-size: 24px;
	}
	.team p.gen {
	  font-size: 14px;
	  height: 40px;
	  line-height: 20px;
	  overflow:hidden;
	}
	.team-fig-text p {
		font-size: 17px;
	}
	.team-fig-text p span {
		font-size: 13px;
	}
	.cap ul li {
	  margin: 0 -1px;
	}
	.blog-left {
	  width: 100%;
	  float:none;
	}
	.leave-comment input[type="text"]:nth-child(2) {
	  margin: 0 1.8em 2em;
	}
	.leave-comment input[type="submit"] {
		margin-left: 26em;
	}
	.blog-right {
	  width: 100%;
	  float:none;
	}
	.blog-right h3 {
		display: none;
	}
	.blog-left {
	  padding-right: 0;
	  border-right: none;
	}
	.categories-fig-right {
	  margin-left: 0.3em;
	}
	.categories-fig-right p {
	  font-size: 11px;
	}
	.categories-tag-grid h3 {
		font-size: 18px;
	}
	.categories-tag-grid ul li a {
		font-size: 11px;
	}
	a.tooltips, a.tooltips.two {
	  font-size: 12px;
	}
	a.tooltips span {
	  position: absolute;
	  width: 39px;
	  color: #fff;
	  background: #000;
	  border: 1px solid #ccc;
	  height: 35px;
	  line-height: 37px;
	  text-align: center;
	  visibility: hidden;
	  font-weight: 700;
	  font-size: 13px;
	}
	p.variation {
		font-size: 14px;
	}
	.pre a {
	  padding: 11px 49px;
	  font-size: 13px;
	}
	.callbacks_nav {
	  top: 87%;
	  left: 12%;
	}
	.callbacks_nav.next {
	  right: 19%;
	}
	.leave-comment h3 {
	  margin: 1em 0 0;
	  font-size: 22px;
	}
	.reply {
	  margin-left: 11em;
	}
	.tom-right h4 {
		font-size: 16px;
	}
	.tom-right p label {
		font-size: 13px;
	}
	.tom-right p.lorem {
	  font-size: 13px;
	  overflow: hidden;
	  height: 42px;
	  line-height: 20px;
	}
	.leave-a-comment input[type="text"]:nth-child(2) ,.leave-a-comment input[type="text"]:nth-child(5){
	  margin: 0 1.34em;
	}
	.leave-a-comment input[type="text"], .leave-a-comment textarea {
	  margin: 0 0 1em;
	}
	.product-info-list{float: left;width: 35%;}
	.product-info{  padding: 50px 5%}
	.product-info-list .buy{ width:80%}
	.product-info-desc {
  font-size: 16px;
  margin-left: 5%;
  width: 60%;
}
.product-info {
  padding: 20px 5%;
}
.cart_title{ font-size:24px; font-weight:500;}
.checkout_step_indicator .steps{ font-size:24px;}
.checkout_step_indicator .label{ font-size:14px;}
.section_header th{ font-size:16px; font-weight:500;}
.about-buy-content .about-name-1{ width:100%; text-align:left;}
.about-buy-content .about-name-2 input{ width:100%;}
.about-buy-name .save{ margin-top:38px;}
.Login .Login_box,.register_box{ padding-top:10px;}
.Login .Login_box h1,.register_box h1{ font-size:24px; }
.Login .Login_box .Lo_c1{ margin:0}
.Login .Login_box .Lo_c1,.Login .Login_box .Lo_c2{ width:100%}
.Login .Login_box .Lo_c2{ height:auto;}
.Login .Login_box .Lo_c2 .buttom-main{ height:auto; position:static;}
.register_box .born .rigg{ width:100%}
.register_box .born .rigg .yue{ margin:0 0 15px 0;}
.panel1 .aside{ width:100%; margin-bottom:25px;}
.mainpresonal{ width:100%}
.mainpresonal .title{ width:25%; margin-right:5%; padding:0;}
.mainpresonal .pm-form-input .txt{ width:67%; padding-left:2% }
.mainpresonal .Lo_submit{ margin-left:30%;}
.mainpresonal .radio_name{ height:auto;}
.mainpresonal .riqi{ overflow:hidden;height:auto;}
.mainpresonal .riqi .radio_name span{ display:none;}
.mainpresonal .riqi .txt{ width:100%;margin-bottom:10px;}
.mainpresonal .riqi  .radio_name{ width:67%}
.orderlist .section{ padding:0; background:none;}
.orderlist .section .productlist .productImg{width:150px;}
.orderlist .section .productlist .productImg .product_image{width:140px;}
.orderlist .productlist .productName .variantName{ margin:0;}
.about-success .pay-ment{ font-size:14px;}
.service-grid{ width:48%; height:220px}
.service-grid:nth-child(2) { margin:0 0 0 2%}
.service-grid:nth-child(3) { margin: 2%  2% 0 0;}
.service-grid:nth-child(4) { margin: 2% 0em 0 0;}
#swipebox-slider .slide img {display: inline-block;max-height: 100%;max-width: 91%; min-width:80%}
.portfolio-wrapper h4{ border:1px solid #FFF;}
.detailcon{ margin-bottom:15px;}
.conputerlist{ display:none;}
.pay_list{ display:block; margin-top:15px;}
.pay_list ul li{ line-height:30px; width:100%; margin-bottom:10px; text-align:left; float:none;}
.pay_list ul li span{ display:block; float:left;}
.pay_list ul li.pay_img span{ display:block; width:80%; margin:0 auto;}
.pay_list ul li.pay_num span{ padding-right:10px;}
.pay_list ul li.pay_num, .pay_list ul li.pay_name, .pay_list ul li.pay_price , .pay_list ul li.pay_img{
  padding: 0;
}
.portfolio-bottom-grid h3 {
	  font-size: 14px;
	}
.portfolio-bottom-grid p{
	margin: 1em 0 1.5em;
}
.Nleft .header-bottom-left img{
	width:100%;
	height:300px;
	}
	.news-xin{  margin-top:0em;}
	.hunter .header-bottom-left img{ min-height:250px;}
	.blog1 .section p img,.blog-slide img{width:100%; height:auto}

}
@media (max-width: 480px)
{
	.portfolio-bottom-grid p{
		font-size:13px;
	}
	.portfolio-bottom-grid h3 span{
		background: url(../images/line.png) no-repeat 0px 20px;
	}
	.Nleft .header-bottom-left img{
	width:100%;
	height:200px;
	}
	.header-bottom-right h4 {
	  margin: 1em 0 0.3em;
	}
	.banner-info h2 {
	  font-size: 18px;
	}
	.news-list{ width:90%; margin:15px auto 0 auto}
	.news-list ul li {
	  width: 100%;
 	  margin: 3%  0;
	}
	.banner-info p.para {
	  font-size: 15px;
	}
	.banner-info {
	  height: 190px;
	}
	.services {
     padding-bottom: 41em;
    }
	.see a {
	  font-size: 13px;
	  padding: 10px 59px;
	}
	.back {
	  left: 29%;
	  top: 90%;
	}
	.back p span {
	  padding: 0px 44.5px;
	}
	.back p label {
	  padding: 0px 44px;
	}
	.banner-info {
	  height: 128px;
	}
	.banner-info {
	  background: url(../images/line1.png) no-repeat 3em .5em;
	  background-size: 80%;
	}
	.banner-info p.para {
		margin: 1.5em 0 2.3em;
	}
	.banner-nav {
		margin-top: 0.7em;
	}
	.service-box {
		width: 70%;
	}
	
	.services p.para1 {
	  font-size: 14px;
	  overflow: hidden;
	  height: 40px;
	}
	.service-grid:nth-child(3) {
		 margin: 2% 2% 0 0em;
	}
	.service-grid:nth-child(4) {
		 margin: 2% 0em 0 0em;
	}
	.service-grid:nth-child(2) {
	  margin: 0 0em 0 2%;
	}
	.service-grid {
	  width: 48%;
	  height:270px;
	}
	.work-box-line {
	  padding: 30px;
	}
	.work-box {
		width:70%;
	}
	.work p.para2 {
		margin: 1em 0 2em;
	}
	.work p.para2 {
	  font-size: 14px;
	  overflow: hidden;
	}
	.portfolio-wrapper:nth-child(3) {
		display: none;
	}
	.portfolio-wrapper:nth-child(4) {
		display: none;
	}
	.portfolio-wrapper {
		width: 50%;
	}
	.b-link-stripe .b-wrapper {
	  height: 75%;
	}
	.bottom-grid {
		display: none;
	}
	.bottom-grid-text {
	  float:none;
	  width: 100%;
	}
	.bottom-grid-text p.paragraph {
		font-size: 13px;
	}
	.portfolio-bottom-grid-info1:nth-child(2) {
	  margin-top: 2em;
	}
	.portfolio-bottom-grid-info:nth-child(2) {
	  margin-top: 2em;
	}
	.meeting-grid {
		display: none;
	}
	.project {
	  width: 31%;
	}
	.project h3 {
		background: url(../images/border.png) no-repeat 19px 0px;
		margin: 1em 0 0;
		background-size: 70%;
	}
	.project h3 span {
	  margin-left: 0em;
	}
	.clients-grid {
	  background: url(../images/men.png) no-repeat 4em 0.6em;
	  background-size: 15%;
	}
	.project-grid {
	  background: url(../images/row.png) no-repeat 4em 0.6em;
	  background-size: 15%;
	}
	.fans-grid {
	  background: url(../images/love.png) no-repeat 4em 0.6em;
	  background-size: 15%;
	}
	.project p {
	  margin: 0 0px 0 0px;
	  font-size: 14px;
	}
	.flex-direction-nav{ opacity:0;}
	.men {
	  background: url(../images/3.png) no-repeat 7em 0px #24BFD3;
	}
	.men1 {
	  background: url(../images/14.png) no-repeat 7em 0px #24BFD3;
	}
	.men1 span {
	  background: url(../images/quot.png) no-repeat 10em 4em;
	}
	.men span {
	  background: url(../images/quot.png) no-repeat 10em 4em;
	}
	.revees-right h4 {
		font-size: 15px;
	}
	.revees-right p label {
		font-size: 12px;
	}
	.revees-right p.hum {
	  font-size: 13px;
	  overflow: hidden;
	  height: 37px;
	}
	.revees-right {
	  width: 48%;
	}
	.revees {
	  padding: 2em 0 0;
	}
	.footer {
	  padding: 0em 0 0;
	}
	.map{
		width:100%; float:none;
		}.map-color ul li{  padding-left: 5em;}
	.map-color ul li.fax {
	  background-size: 4%;
 
	}
	.map-color ul li.dot {
	
	  background-size: 4%;
	}
	.map-color ul li.mobile {
	  background-size: 3%;
 
	}
	.map-color ul li.mes {
	  background-size: 5%;
 
	}
	.footer-left p {
		font-size: 14px;
	}
	.footer-right p {
	  overflow: hidden;
	  height: 43px;
	  width: 53%;
	  margin: 1em auto 2em;
	}
	.footer-right input[type="text"],.footer-right input[type="password"] {
	  width: 60%;
	  margin-left: 1em;
	}
	.footer-right input[type="text"]{width: 90%;}
	.header-bottom-left {
	  float: none;
	  width: 100%;
	}
	.header-bottom h3 {
	  padding: 4em 0 1em 0;
	  font-size: 17px;
	}
	.header-bottom-right {
	  margin-left: 0;
	  float:none;
	  width:100%;
	  padding-left:  ;
	  padding-bottom: 1em;
	}
	.good {
	  padding: 36em 0 1em;
	}
	.good h3 {
	  font-size: 18px;
	  letter-spacing: 9px;
	}
	.good p.fact {
		font-size: 13px;
	}
	.skills {
		height: 30px;
	}
	.skills span {
	  margin-top: 5px;
	}
	.skill-text {
	  top: 0%;
	}
	.skill-text p {
	  font-size: 13px;
	}
	.skill-text {
		left: 92%;
	}
	.skills-left {
		width: 100%;
	}
	.skills-right {
	  width: 47%;
	  margin-left: 1em;
	}
	.skills {
		margin: 15px 0;
	}
	.skills-right {
		display: none;
	}
	.team h3 {
	  font-size: 18px;
	  letter-spacing: 9px;
	}
	.team-grid {
	  width: 48%;
	}
	.cap ul li {
	  margin: 0 2px;
	}
	.team p.gen {
		font-size: 13px;
	}
	.blog {
	  padding: 2em 0 0;
	}
	p.variation {
	  font-size: 13px;
	}
	.pre-next {
		padding: 3em 0;
	}
	.callbacks_nav {
	  top: 89.2%;
	  left: 9%;
	}
	.callbacks_nav.next {
	  right: 16%;
	}
	.leave-comment {
	  padding: 43em 0 4em;
	}
	.leave-comment h3 {
	  font-size: 19px;
	}
	.leave-comment p {
	  font-size: 13px;
	  width: 80%;
	}
	.leave-comment input[type="text"]:nth-child(2) {
	  margin: 0 1.38em 2em;
	}
	.leave-comment input[type="submit"] {
	  margin-left: 9em;
	}
	.categories-tag-grid:nth-child(2) {
	  margin: 0 0 0 1em;
	}
	.categories-tag-grid:nth-child(3) {
		display: none;
	}
	.categories-tag-grid {
	  width: 48%;
	}
	.categories-tag-grids {
	  padding: 2em 0;
	}
	.categories-tag-grid h3 {
	  font-size: 14px;
	}
	.categories-tag-grid h3 span {
	  font-size: 18px;
	}
	.three-com h3 {
	  font-size: 14px;
	  padding: 1em 0;
	}
	.tom-right h4 {
	  font-size: 14px;
	}
	.tom-right p label {
	  font-size: 12px;
	}
	.reply a {
	  padding: 6px 15px;
	  font-size: 11px;
	}
	.reply {
	  margin-left: 6em;
	}
	p.ante {
	  font-size: 18px;
	}
	.blog-slide {
		    line-height: 21px;
	  padding: 2em 0 2em 0;
	}
	p.blog-left-text label {
	  font-size: 20px;
	}
	p.blog-left-text span {
	  font-size: 14px;
	  width: 83%;
	}
	p.variation {
	  overflow: hidden;
	  height: 120px;
	}
	
	.leave-a-comment input[type="text"], .leave-a-comment textarea {
		font-size: 12px;
	}
	.leave-a-comment input[type="text"]{ width:100%; margin:0 0 10px 0;}
	.leave-a-comment input[type="text"]:nth-child(2) ,.leave-a-comment input[type="text"]:nth-child(5){
	   margin:0 0 10px 0;
	}
	.leave-a-comment{ margin-bottom:1em;}
	.leave-a-comment textarea {
		height: 130px;
	}
	.leave-a-comment h3 {
	  font-size: 17px;
	}
	.leave-a-comment input[type="submit"] {
	  font-size: 15px;
	  width:40%;
	  padding:7px 0;
	}
	.product-info-list{ width:100%; margin-bottom:25px;}
	.product-info-desc {
	font-size: 14px;
	 width:100%;
	 margin-left:0;
	}
	.product-info-list .buy{ width:80%;margin-top: 8px;}
	.product-info{  padding: 15px 5%}
	.news-box-line{ padding:30px;}
	.map-color ul li {
  font-size: 14px;
}
.map-color{ min-height:210px;}
.map-color ul {
  padding: 0;
}
.shoplogo a img{ margin:10px 0; width:130px;}
.copyright{ padding:1em;}
.cartsteps ul{ display:none;}
.cart_title{ line-height:40px; padding:0; font-size:16px;}
.section_header .product_img font{ display:block;}
.section_header .product_img{ width:30%;}
.section_header .product_name{ width:35%;}
.section_header .product_price{ width:5%;}
.section_header .all_prices{ width:25%;}
.section_header th span{ display:none}
.product-list-item .much{}
.prices-table{ display:none;}
.Mdlist .allproduct_{ display:none;}
.about-buy-name{ width:100%; margin-bottom:5px;}
.about-buy-name .save{ width:100%; margin-top:15px;}
.about-buy-content .resewtitle{ font-size:14px; line-height:35px; height:35px;}
.Login .Login_box .Lo_c2 .c2_text{ font-size:14px;}
.vip .myLocate{ /*display:none;*/}
.panel1{ width:100%; padding:10px;}
.vip_box{ padding:10px 0}
.accnav{ width:240px;}
.accnav li{   margin: 0 20px 0 20px;}
.mainpresonal .pm-form-input{ height: auto;}
.mainpresonal .title{ text-align:left; margin:0; padding:0;}
.mainpresonal .pm-form-input .txt{ width:100%;}
.mainpresonal .Lo_submit{ margin:0 0 10px 0;}
.mainpresonal .riqi .radio_name{ width:100%;}
.mainpresonal .title{ width:100%}
#myorderlist{ font-size:12px;}
#myorderlist .zhuangtai,#myorderlist .zhuangtai_1{ display:none;}
.orderlist .section dl{ width:100%}
.orderlist .productlist .variantName .mobile_view{ display: block;}
.productlist .productName{ width:140px;}
.orderlist .productlist .productPrice,.orderlist .productlist .productQuantity{ display:none;}
.orderlist .productlist .productName .prdinfos{ padding-left:10px;}
.orderlist .productlist .first td{padding-top: 10px;}
.detailcon{ font-size:14px;}
.detail h2{ font-size:24px;}
.success-buylist{ height:35px; line-height:35px; font-size:14px;}
.service-grids {  top: 27%; margin-left:0; left:2.5%}
.service-grid p{ margin:5px 0}
.news-box .icon-1{ padding:1px 0px 0px 25px;background: url(../images/news.png) no-repeat 0px 0px;color: #CA5548; font-style:normal;}
.news-box .icon-2{ padding:1px 0px 0px 25px;background: url(../images/news-.png) no-repeat 0px 0px;color: #828282; font-style:normal;}
.news-box .shop-1{ padding:1px 0px 0px 25px;background: url(../images/shop.png) no-repeat 0px 0px;color: #CA5548; font-style:normal;}
.news-box .shop-2{ padding:1px 0px 0px 25px;background: url(../images/shop-.png) no-repeat 0px 0px;color: #828282; font-style:normal;}
.news-box .city-1{ padding:1px 0px 0px 25px;background: url(../images/city.png) no-repeat 0px 0px;color: #CA5548; font-style:normal;}
.news-box .city-2{ padding:1px 0px 0px 25px;background: url(../images/city-.png) no-repeat 0px 0px;color: #828282; font-style:normal;}
}
@media (max-width: 320px)
{
	.banner-info {
	  background: url(../images/line1.png) no-repeat 1.5em .5em;
	  background-size: 85%;
	}
	.banner-info h2 {
	  font-size: 14px;
	}
	.banner-info p.para {
	  font-size: 12px;
	  margin: 1.5em 0 1em;
	}
	.see a {
	  font-size: 11px;
	  padding: 5px 37px;
	}
	.back {
	  left: 26.6%;
	  top: 59%;
	}
	.banner-info {
	  height: 80px;
	  margin-top: 2em;
	}
	.back p span {
	  padding: 0px 32px;
	}
	.back p label {
	  padding: 0px 30px;
	}
	.banner {
	  min-height: 140px;
	}
	.head-logo a img {
		width: 55%;
	}
	span.menu img {
		width: 85%;
	}
	.head-logo a, .head-logo1 a{ background-size:60%;}
	.Account .Mobile_seach span{ background-size:80%;}
	.Accout_index span{ background-size:80%;}
	.header-right ul{ top:62px;}
	.product-list-item .much{ display:none;}
	.mainpresonal .radio_name label{ margin-right:10px;}
	.service-box-line {
	  padding: 30px;
	}
	.service-box {
	  width: 50%;
	}
	.news-box {
	  width: 50%;
	}
	.service-box a {
	  background-size: 12%;
	  font-size:13px;
	}
	.service-box a:hover {
	  background:none;
	}
	.transition-wrap .transition i{
	  font-size: 14px;
	  background-size:16%;
	}
	.services p.para1 {
		font-size: 12px;
		height:50px;
	}
	.service-grid {
		padding: 1em 0em 5px;
		height:auto;
	}
	.service-grid .fig span {
	  background: url(../images/vedio.png) no-repeat 3.5em 0em;
	  background-size: 30%;
	}
	.service-grid h4 {
	  font-size: 14px;
	  margin: 0.5em 0 0;
	}
	.service-grid p {
	  font-size: 12px;
	  overflow: hidden;
	  padding:5px 0;
	  line-height:20px;
	  margin:5px 0;
	}
	.service-grid .fig1 span {
	  background: url(../images/ca.png) no-repeat 3.5em 0em;
	  background-size: 30%;
	}
	.service-grid .fig2 span {
	  background: url(../images/filter.png) no-repeat 3.5em 0em;
	  background-size: 30%;
	}
	.service-grid .fig3 span {
	  background: url(../images/radio.png) no-repeat 3.5em 0em;
	  background-size: 30%;
	}
	.services {
		padding: 0 0 29em;
	}
	.service-grid:nth-child(2) {
	  margin: 0 0em 0 2%;
	}
	.service-grid:nth-child(4) {
	  margin: 2% 0em 0 0;
	}
	.service-grids {
	  top: 33%;
	  margin-left:0;
	}
	.banner-nav ul li a {
		font-size: 12px;
	}
	.banner-nav ul.nav1 li,.banner-nav ul.nav2 li {
	  padding: 10px 0;
	}
	.work-box {
	  width: 60%;
	}
	.work-box a {
	  font-size: 12px;
	  background-size: 12%;
	}
	.work-box a:hover {
	  background-size: 12%;
	}
	.work-box-line {
	  padding: 20px;
	}
	.work p.para2 {
		font-size: 13px;
		margin:1em 0;
		height:55px;
	}
	.portfolio-wrapper h4 {
	  font-size: 9px;
	  padding: 1em 0em;
	}
	.b-link-stripe .b-wrapper {
	  height: 78%;
	}
	.b-animate-go:hover .b-from-left{margin-top:40px;}
	.text1 {
		padding: .5em 0;
	}
	.portfolio-wrapper {
	  min-height: 110px;
	}
	.project h3 span {
	  margin-left: 0.5em;
	  font-size: 1em;
		margin-top: .6em;
	}
	.project-grid {
	  background: url(../images/row.png) no-repeat 3em 1em;
	  background-size: 15%;
	}
	.clients-grid {
	  background: url(../images/men.png) no-repeat 3em 1em;
	  background-size: 15%;
	}
	.fans-grid {
	  background: url(../images/love.png) no-repeat 3em 1em;
	  background-size: 15%;
	}
	.project-grid {
	  margin: 0;
	}
	.clients {
	  padding: 0em 0;
	}
	.project p {
	  margin: 0 0px 0 15px;
	  font-size: 12px;
	}
	.project h3 {
	  height: 72px;
	}
	.clients {
	  padding: 0em 0 1em;
	}
	.men {
	  background: url(../images/3.png) no-repeat 2em 0px #24BFD3;
	}
	.men1 {
	  background: url(../images/14.png) no-repeat 2em 0px #24BFD3;
	}
	.men span {
	  background: url(../images/quot.png) no-repeat 5em 4em;
	}
	.men1 span {
	  background: url(../images/quot.png) no-repeat 5em 4em;
	}
	.revees-right {
	  width: 47%;
	}
	.map-color ul li {
	  font-size: 11px;
	  margin: 1em 0;
	  	  padding-left: 5.5em;
	}
	.map-color ul li.dot {
	  background-size: 4%;
	  padding-left: 5.5em;
	  overflow: hidden;
	  height: 16px;
	}
	.map-color ul li.fax {
	  background-size: 4%;
 
	  overflow: hidden;
	  height: 16px;
	}
	.map-color ul li.mobile {
	  background-size: 3.5%;

	}
	.map-color ul li.mes {
	 
	}
	.map iframe {
	  height: 150px;
	}
	.map-color {
	  min-height: 155px;
	}
	.footer-left p {
	  font-size: 13px;
	}
	.footer-right h4 {
	  font-size: 13px;
	}
	.footer-right h4 span {
	  font-size: 16px;
	}
	.footer-right p {
	  overflow: hidden;
	  height: 37px;
	  width: 80%;
	 font-size:13px;
	}
	.footer-right input[type="text"],.footer-right input[type="password"] {
	  font-size: 13px;
	  padding: 10px 5px 10px 20px;
	  width: 57.5%;
	margin-left: 1em;
	}
	.footer-right input[type="text"]{width: 90%;}
	.footer-right input[type="submit"] {
	  padding: 9px 20px;
	  background:#252828;
	}
	.footer-right h5 {
	  margin: 1em 0;
	  font-size: 13px;
	}
	.footer-right h5 span {
	  font-size: 18px;
	}
	.header-right ul li a {
		font-size: 13px;
	}
	.header-right ul.nav1 li ,.header-right ul.nav2 li{
	  padding: 11px 0;
	}
	.header-bottom h3 {
	  font-size: 15px;
	}
	.header-bottom-right h4 {
		font-size: 17px;
	}
	.header-bottom-lft h5 {
	  font-size: 17px;
	}
	.good {
	  padding: 28em 0 1em;
	}
	.good h3 {
	  font-size: 16px;
	  letter-spacing: 6px;
	}
	.skills span {
	  font-size: 11px;
	  overflow: hidden;
	  height: 16px;
	}
	.skill-text {
	  left: 87%;
	}
	.team-fig span {
	  height: 243px;
	  background-size: 100%;
	}
	.team-grid:nth-child(2) {
	  margin: 0 0 0 1.1em;
	}
	.team-fig1 span{
	  height: 243px;
	  background-size: 100%;
	}
	.head-logo1 a img {
		width: 60%;
		margin-top: .2em;
	}
	.team-grid:hover div.team-fig1 span {
	  height: 243px;
	  background-size: 100%;
	}
	.team-grid:hover div.team-fig span {
	  height: 243px;
	  background-size: 100%;
	}
	.team-grid:hover div.cap {
	  display: none;
	}
	p.Integer a {
		font-size: 11px;
	}
	p.Integer {
	  overflow: hidden;
	  height: 20px;
	}
	.blog-left-text ul li.chat {
	  background: url(../images/chat.png) no-repeat 0px 6px;
	  padding-left: 1em;
	  background-size: 13%;
	}
	.blog-left-text ul li.box {
	  background: url(../images/box1.png) no-repeat 0px 7px;
	  padding-left: 1em;
	  background-size: 23%;
	}
	.blog-left-text ul li.prad {
	  background: url(../images/men1.png) no-repeat 0px 5px;
	  padding-left: 1em;
	  background-size: 18%;
	}
	p.variation {
	  font-size: 12px;
	  line-height: 23px;
	}
	.pre a {
	  padding: 6px 15px;
	  font-size: 11px;
	}
	.next {
	  margin-left: 1em;
	}
	.pre-next {
	  padding: 2em 0;
	}
	.callbacks_nav {
	  left: 6%;
	}
	.leave-comment {
	  padding: 32em 0 2em;
	}
	.leave-comment p {
	  font-size: 13px;
	  width: 100%;
	}
	.leave-comment h3 {
	  font-size: 15px;
	}
	.leave-comment input[type="text"]:nth-child(2) {
	  margin: 0 0.87em 1em;
	}
	.leave-comment textarea {
		height: 100px;
	}
	.leave-comment input[type="submit"] {
	  margin-left: 7em;
	  font-size: 13px;
	  padding: 7px 0;
	}
	.categories-tag-grid {
	  width: 47%;
	}
	.three-com h3 {
		font-size: 10px;
	}
	.three-com h3 span {
	  font-size: 7px;
	}
	.tom-right h4 {
	  font-size: 11px;
	}
	.tom-right p label {
	  font-size: 10px;
	}
	.reply {
	  margin-left: 2em;
	}
	.tom-right {
		margin-left: 1em;
	}
	.tom-right p.lorem {
	  font-size: 12px;
	  height: 33px;
	  line-height: 17px;
	}
	p.ante {
	  font-size: 16px;
	}
	.blog-left-fig {
	  margin: 1em 0;
	}
	p.variation {
		margin: 0 0 0em;
	}
	.leave-a-comment h3 {
	  font-size: 15px;
	}
	.leave-a-comment input[type="text"] {
	  float: none;
	  width: 100%;
	}
	.leave-a-comment input[type="text"]:nth-child(2),.leave-a-comment input[type="text"]:nth-child(5) {
	  margin: 0 0 1em;
	}
	.leave-comment input[type="text"] {
	  width: 100%;
	  float: none;
	}
	.leave-comment input[type="text"]:nth-child(2) {
	  margin: 1em 0 1em;
	}
	.callbacks_nav {
		top: 88%;
	}
	p.blog-left-text label {
	  padding: 0 5px 0 0;
	}
	p.blog-left-text span {
	  font-size: 11px;
	  width: 82%;
	}
	.blog-left-text ul li.box {
	  display: none;
	}
	p.Integer a {
	  padding-left: .5em;
	}
	.categories-tag-grid {
	  width: 100%;
	  float:none;
	}
	.categories-tag-grid ul li a:hover {
	  padding-left: 4em;
	}
	p.ante {
	  font-size: 11px;
	  margin-left: 0em;
	}
	.banner-nav {
	  margin-top: 0.7em;
	}
	.product-info-list .buy{ width:100%}
	.news-box-line{ padding:25px;}
	.productlist .productName{ width:80px;}
	.orderlist .section .productlist .productImg{width:80px;}
	.orderlist .section .productlist .productImg .product_image{width:80px;}
	.header-bottom-left img{
	width:100%;
	height:150px;
	}
}


 @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}
}




@media (min-width: 1680px){
  .register_body{ height:100%; position:relative;}
  .register_body .copyright{ position:absolute; bottom:0; left:0; width:100%}	   
	  }
@media (min-width: 1440px){
  .login_body{ height:100%; position:relative;}
  .login_body .copyright{ position:absolute; bottom:0; left:0; width:100%}
	  }
/*-----注册-----*/



.map img{ width:auto; max-width:none;}

.wenzhangx{ font-size:16px; line-height:28px;}
 @media screen and (max-width: 860px) {
	 .wenzhangx{ font-size:14px; line-height:21px;}
	 .swiper-slide p{font-size:14px;}
 }