﻿
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	
	vertical-align: middle;
	
}
@font-face {
	font-family: 'Proxima';
	src: url(../fonts/ProximaNova-Regular.otf);
}
@font-face {
	font-family: 'Proxima Bold';
	src: url(../fonts/ProximaNova-Bold.otf);
}
h1, h2, h3, h4, h5, h6 {
	
	font-weight: bold;
}
p {
	
	line-height: 25px;
}
hr {
	border-color: #e0e0e0;
	margin: 0 auto 20px auto;
	width: 100px !important;
}
h1 {
	font-size: 60px;
}
h2 {
	font-size: 48px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}




#FrontMaps_show01-1488422552326 h3 {font-size:14px;}

.parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* preloader section */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: none repeat scroll 0 0 #fff;
	background: none repeat scroll 0 0 #f9f9f9;
}
.sk-spinner-rotating-plane.sk-spinner {
	width: 57px;
	height: 64px;
	background: url(/images/shoulogo.png) no-repeat left top;
	
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}


#products_detail #box_neimain .container {width:100%;}
#sticky-wrapper .container {width:100%;}

#shouphoto .container {width:100%;}
#shouabout  {background:url(aboutdi.jpg) no-repeat center top;background-size:cover;padding:100px 0px;}

.relativetu {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.zoomda {position:relative;overflow:hidden;cursor:pointer;}
.zoomda img {transition: all 0.7s ease-in-out;}
.relativetu:hover .zoomda img {transform:scale(1.1,1.1);transition: all 0.7s ease-in-out;}
.du4 {
    background: #fff;
    width: 100%;
    position: absolute;
    bottom: -70px;
    height: 70px;
    z-index: 2;
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.du5 {
    color: #333;
    width: 100%;
    position: absolute;
    bottom: -70px;
    height: 70px;
    z-index: 5;
    transition: all 0.5s ease-in-out;
}

#lightbox-image-details-caption {
    font-weight: bold;
    font-size: 14px;
}


.du5 p {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    height: 70px;
    line-height:70px;
}

.relativetu:hover .du4 {transition: all 0.5s ease-in-out;bottom:0px;}
.relativetu:hover .du5 {transition: all 0.5s ease-in-out;bottom:0px;}


.newspadding {padding:0px;}


.BMapLabel {width:210px !important;color:#c00  !important;display:block !important;max-width:210px;text-align:center;}
#rexian {font-size:18px;color:#f60;padding-top:5px;}



.links a img{
    transition: all .7s ease;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.links a:hover  img {
    transition: all .7s ease;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}



.ditumap {border:1px solid #ddd;padding:0px;}
.FrontComContent_detail01-d1_c1 .htmledit .ditumap H5 {
    line-height: 1.17em;
    margin: 1.67em 0px;
    font-size: 16px;
    font-weight: bolder;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;

  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("tab.png") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
.videodi {background:url(videdi.png) no-repeat center center;width:100%;height:100%;position:absolute;top:0px;}
.huiyuanico {width:35px;height:86px;background:url(huiyuan.png) no-repeat center center;}
.shoushuo {width:35px;height:86px;background:url(search.png) no-repeat center center;}
.english {height: 30px;line-height: 30px;}
.english a {display:inline-block;background:url(website.png) no-repeat left center;padding-left:25px;color: #f60;}
.english a:hover {display:inline-block;background:url(website.png) no-repeat left center;padding-left:25px;color:#fff;}



.huisecond {position:absolute;top:86px;background:#fff;width:180px;z-index:1000;left:-80px;padding:15px;display:none;border:1px solid #eee;border-top:0px solid #eee;}
#shouright .huiyuanico,#shouright  .shoushuo,#shouright  .english {display:inline-block;float:left;position:relative;cursor:pointer;}

.newspadding2 {padding:3px;}
.gengdou {background:#F1F1F1;height:80px;}
.gengdou a {width:100%;display:block;height:80px;line-height:80px;text-align:center;font-size:14px;background:#F1F1F1;transition: all 0.4s ease-in-out;}
.gengdou a:hover {width:100%;display:block;height:80px;line-height:80px;text-align:center;font-size:14px;background:#ddd;transition: all 0.4s ease-in-out;color:#000;text-decoration:none;}
.biaoti {font-size:30px;text-align:center;font-weight:600;padding:50px 0px;}
.biaoti span {display:block;font-size:14px;font-weight:normal;color:#666;text-decoration:line-through;}
.heidi {padding:30px;}

.biaoti1 {font-size:1.5vw;text-align:center;font-weight:600;padding:50px 0px 0px 0px;color:#fff;}
.biaoti1 span {display:block;font-size:14px;font-weight:normal;color:#666;text-decoration:line-through;}

.shoufile p {padding-top:30px;color:#666;text-align:center;}

.shoufile a {display:block;margin:40px auto;width:152px;height:33px;line-height:33px;background:#17C46D;text-align:center;color:#fff;transition: all 0.7s ease-in-out;box-shadow: 0 0 7px #bbb;letter-spacing:0px;}

.shoufile a:hover {display:block;margin:40px auto;width:152px;height:33px;line-height:33px;background:#17C46D;text-align:center;color:#fff;transition: all 0.7s ease-in-out;box-shadow: 0 0 7px #17C46D;text-decoration:none;letter-spacing:5px;}


.shoucpmore1 {padding-top:20px;}
.shoucpmore1 a {width:152px;height:33px;background:url(jianjian.png) no-repeat left center;display:block;transition: all 0.4s ease-in-out;text-indent:-9999em;}
.shoucpmore1 a:hover {width:152px;height:33px;background:url(jianjian.png) no-repeat 5px center;display:block;transition: all 0.4s ease-in-out;}

.biao1 {background:url(cuxian.png) no-repeat  right center;padding-right:90px;color:#fff;font-family:Arial;color:#fff;font-size:14px;text-indent:120px;height:40px;line-height:40px;}



.aboutzuo {padding-left:0px;}

#news {background: fixed url(aboutdi.jpg) no-repeat center top;background-size:cover;}

#box_neimain {width:100%;margin:0 auto;}

#products  #box_neimain .container {width:100%;}

#slider2,

#slider3 {

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  margin: 0 auto;

  }


.slide_tabs {

  list-style: none;

  padding: 0;


  font-size: 12px;

  list-style: none;

  margin: 0 auto;


  padding: 2px 0;

  text-align: center;

  width: 100px;
  position:absolute;
  bottom:5px;
  z-index:10;
  left:47%;

  }


.slide_tabs li {

  display: inline;

  float: none;

  margin-right: 5px;

width: 10px;
overflow:hidden;
  
  
  }


.slide_tabs a {

  width: 10px;

  line-height: 10px;

border-radius:100%;
  height: 10px;

  background:#fff;

  display: inline-block;

  }

.slide_tabs  .slide_here a
 {

  width: 10px;

  line-height: 10px;

border-radius:100%;
  height: 10px;

  background:#006837;

  display: inline-block;

  }  
  

.slides_tabs li:first-child {

  margin-left: 0;

  }


.slides_tabs .slides_here a {

  background: rgba(255,255,255,.1);

  color: #fff;

  font-weight: bold;

  }

  

.skypey {position:fixed;right:0px;top:42%;z-index:10000;}
.skypey span {display:block;}


.nav_second {position:absolute;top:86px;z-index:1000;display:none;width:610px;background:#f6f6f6;min-height:235px;padding:15px 0px;

}

#secondao1 {padding-left:20px;}
#secondao1 a  {display:block;line-height:32px;color:#444;font-size:13px;height: auto;text-align:left;padding:0px 0px 0px 10px;font-weight:normal;border-bottom:1px dashed #ccc;background:url(jianjian.png) no-repeat left center;}
#secondao1 a:hover  {display:block;line-height:32px;color:#333;font-size:13px;height: auto;text-align:left;padding:0px 0px 0px 10px;font-weight:normal;}


.shoudi1 {border:1px solid #E3E3E3;background:#fff;width:20%;float:left;height:220px;margin-top:47px;}
.shoudi1 h3 {color:#E60012;text-align:center;padding:35px 0px 5px 0px;font-size:23px;margin:0 auto;}
.shoudi1 p {color:#666;text-align:center;padding-bottom:15px;font-size:12px;margin:0 auto;}
.teldi .zaixian{background:url(teldi.png) no-repeat center center;width:120px;height:28px;line-height:28px;color:#fff;font-size:12px;text-indent:45px;margin:0 auto;display:block;}

.shoudi2 {width:85%;float:left;margin-top:47px;}
.shoudi3 {width:15%;float:left;margin-top:47px;}
.relative {position:relative;}
.xianche {position:absolute;top:40%;left:78%;color:#fff;background:url(jianjian1.png) no-repeat center top;font-size:15px;padding-top:60px;width:100px;text-align:center}
.wenhua {position:absolute;top:40%;left:10%;}





.diybiao {
    padding-bottom: 0px;
    line-height: 28px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #222;
    font-size: 20px;
    overflow: hidden;
    word-break: break-all;
    font-weight: bold;
    padding-top: 0px;
    
       border-bottom: #ccc 1px dotted;
    padding-bottom: 20px;
    margin-bottom: 10px; 
    
}


.youxuan {width:120px;margin:0 auto;padding-top:15px;}

.ggmai {display:none;}



/* home section */

#home h2 {
	letter-spacing: 2px;
}
#home .btn {
	background: #eb5424;
	border-radius: 4px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	padding: 20px 40px;
	margin-top: 60px;
}
#home .btn:hover {
	background: #fff;
	color: #eb5424;
	transition: all 0.4s ease-in-out;
}
/* navigation section */
.navbar-default {
	background: #fff;
	margin: 0 !important;
	
}
.navbar-default .navbar-brand {
	font-size: 40px;
	font-weight: bold;
	margin: 0;
	line-height: 40px !important;
}
.navbar-default .navbar-nav li a {
	color: #606060;
	font-weight: normal;

	
	font-size:15px;
	font-weight:600;
	padding:0px 25%;
	line-height:86px;
	height:86px;
}
.navbar-default .navbar-nav li a:hover {
	color: #eb5424;
	
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background:#2663A6;
}

#menucurrent a.smoothScroll {color: #fff;
	background:#2663A6;}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background:#2663A6;
}
.navbar-default .navbar-toggle {
	border: none;
	padding-top: 12px;
}
.navbar-default .navbar-toggle .icon-bar {
	background:#0B9958;
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
/* intro section */
#intro {
	padding-top: 180px;
	padding-bottom: 140px;
}
#intro h4 {
	padding-bottom: 16px;
}
/* work section */
#work {
	background-color: #ffffff;
}
#work .container {
	width: 100%;
	padding: 0;
	margin: 0;
}
#work .title {
	padding: 100px 60px 60px 60px;
}
#work .bg-black {
	background-color: #303030;
	color: #ffffff;
}
#work .bg-red {
	background-color: #eb5424;
	color: #ffffff;
}
#work h3 {
	padding-bottom: 60px;
}
#work .fa {
	color: #ffffff;
	cursor: pointer;
	font-size: 40px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	transition: all 0.4s ease-in-out;
	margin-top: 40px;
}
#work .fa:hover {
	background-color: #ffffff;
	border-radius: 50%;
	color: #303030;
}
/* team section */
#team {
	background: #202020 url('../images/team-bg.jpg') 50% 0 repeat-y fixed;
	color: #ffffff;
	padding-top: 100px;
	padding-bottom: 100px;
	background-size:cover;
}
#team h2 {
	color: #ffffff;
}
#team h3 {
	font-size: 20px;
	line-height: 10px;
}
#team h4 {
	color: #202020;
	line-height: 10px;
	font-weight: bold;
}
#team .team-des {
	background-color: #eb5424;
	color: #ffffff;
	padding: 20px 12px;
	position: relative;
}
#team img {
	max-width: 100%;
	height: auto;
	padding-top: 60px;
}
/* portfolio section */
#portfolio {
	padding-top: 100px;
	padding-bottom: 100px;
}
#portfolio h2 {
	line-height: 20px;
}
#portfolio h3 {
	color: #eb5424;
	padding-bottom: 60px;
}
#portfolio a {
	text-decoration: none;
}
#portfolio img {
	border-radius: 1px;
	width: 100%;
	max-width: 100%;
	height: auto;
	opacity: 0.8;
	margin-bottom: 34px;
	opacity: 0.6;
	transition: all 0.4s ease-in-out;
}
#portfolio img:hover {
	opacity: 0.9;
}
/* price section */
#price {
	background: #fff;
	padding-top: 100px;
	padding-bottom: 120px;
}
#price .plan {
	background: #eb5424;
	color: #ffffff;
	padding: 0 0 60px 0;
}
#price .plan .plan_title {
	background-color: #f6f6f6;
	color: #202020;
	padding-top: 40px;
	padding-bottom: 40px;
}
#price .plan .plan_sub_title {
	border-bottom: 1px solid #ffffff;
	padding: 30px;
}
#price .plan ul {
	padding: 0;
}
#price .plan ul li {
	display: block;
	font-family: "Proxima";
	font-size: 16px;
	padding: 40px 0 10px 0;
}
#price .plan .btn {
	background: #ffffff;
	border: none;
	border-radius: 0;
	color: #202020;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 40px;
	transition: all 0.4s ease-in-out;
	margin-top: 20px;
}
#price .plan .btn:hover {
	background: #202020;
	color: #ffffff;
}
/* google map section */
#map-canvas {
	border: none;
	width: 100%;
	height: 400px;
}
/* contact section */

#contact h2 {
	color: #ffffff;
}
#contact .form-control {
	border-radius: 4px;
	border: none;
	box-shadow: none;
	margin-top: 12px;
	margin-bottom: 14px;
}
#contact input {
	height: 50px;
}
#contact input[type="submit"] {
	background-color: #eb5424;
	color: #ffffff;
	height: 60px;
	font-weight: bold;
	transition: all 0.4s ease-in-out;
}
#contact input[type="submit"]:hover {
	background-color: #202020;
}
/* footer section */
footer {
	background: #202020;
	color: #ffffff;
	border-bottom: 10px solid #ffffff;
	padding-top: 60px;
	padding-bottom: 60px;
}
footer h2 {
	padding-top: 40px;
	padding-bottom: 20px;
}
footer p {
	line-height: 20px;
}
footer .copyright a {
	color: #eb5424;
}
.social-icon {
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
.social-icon li {
	list-style: none;
	display: inline-block;
}
.social-icon li a {
	background: #f8f8f8;
	border-radius: 100%;
	color: #eb5424;
	font-size: 32px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	margin: 0 6px 40px 6px;
}
.social-icon li a:hover {
	background: #080808;
}


a.guo:link {display:inline-block;width:150px;height:35px;line-height:35px;background:#990000;font-size:14px;color:#fff;text-align:center;border-radius:2%;}
a.guo:visited {display:inline-block;width:150px;height:35px;line-height:35px;background:#990000;font-size:14px;color:#fff;text-align:center;border-radius:2%;}

.minigou {display:none;}

.cbbfixed{
   z-index: 3;
    position: fixed;
    bottom: -85px;
    cursor: pointer;
    right: 10px;
}
.cbbfixed .gotop{
   margin-top: 1px;
}
.cbbfixed .cbbtn{
   background-color: #fff;
    width: 40px;
    display: block;
    margin-bottom: 1px;
    height: 40px;
    border:1px solid #999;
    -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}

.cbbfixed .cbbtn:hover {-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity:0.3;}
.cbbfixed .gotop .up-icon{
   margin: 14px 0px 0px 9px;
    width: 23px;
    background: url(side-icon02.png) no-repeat 0px 0px;
    float: left;
    height: 12px;
}
.cbbfixed .wenhao{
   width: 40px;
    background: url(/images/wenhao.png) no-repeat center center;
    float: left;
    height: 40px;
}






@media screen and (max-width:980px) {
.navbar-default .navbar-nav li a {
	padding-right: 14px;
	padding-left: 14px;
	font-size: 13px;
}



#intro h2 {
	font-size: 32px;
}
#work .title {
	padding: 80px 20px 20px 20px;
}
.portfolio-thumb .portfolio-overlay {
	padding-top: 24px;
}

.navbar-default .navbar-nav li a {line-height:40px;}



}

#order_checkout {padding-top:120px;}



.shounews {border:1px solid #DBDBDB;}

.tupian img {
    width: 100%;
    max-width: 100%;
    height: auto;
     
}
.nopading {padding:0px;}
#shoulink {padding:40px 0px;}

.links span {float:left;display:inline-block;text-align:left;}
.links span h3 {font-size:16px;margin:0px;padding-top:10px;padding-left:15px;}
.links span i {font-size:12px;color:#999;font-style:inherit;padding-left:15px;}


.padding2 {padding:1px;}

#shouculture {padding:10px 0px 0px 0px;background:url(https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/xinjingcheng/images/tuiprodi.jpg) no-repeat center top;background-size: cover;}

#newsbiao {background:#00CCFF;width:200px;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:600;margin:0 auto;margin-bottom:50px;color:#fff;}
#shoufooter {background:#333;}
#shouicp {background:#000;}
#shounews {
background: url(huidi.jpg) center center no-repeat fixed;
padding-top: 30px;
padding-bottom: 70px;
background-size: cover;}

#shoupro {background: url(/images/shouprodi.jpg) center center no-repeat fixed;
padding-top: 100px;
padding-bottom: 100px;
background-size: cover;
}

#shoulinks {background:#DFDFDF;
padding:80px 0px;


}

#FrontProducts_detail02-1488424894990_cont_1 img,#FrontProducts_detail02-1488424894990_cont0_1 img,#FrontProducts_detail02-1488424894990_cont1_1 img {width:auto;max-width:100%;}


#neiyea {padding:30px 0px;min-height:600px;}
.colleft {width:20%;}

.colright {width:80%;}





#pro2,#pro3 {font-size:28px;color:#444;font-weight:600;text-align:center;padding:50px 0px;}


.liuwen {padding:30px 0px;color:#666;text-align:left;width:95%;margin:0 auto;}
.shopxian {padding:25px;}
.shopxian1 {border:1px solid #ddd;}

#neimain {padding:0px 0px 40px 0px;}


.shouvideo {margin-top:50px;padding-right:50px;padding-left:0px;}

.cu1 {background:#fff;height:384px;margin-top:2px;}
.cu2 {padding: 2px;position:relative;}
.cu3 {padding-top: 2px;}
#procata {background: url(cpcata.png) center center no-repeat;height:45px;line-height:45px;color:#fff;font-size:18px;text-align:center;}
a.goumai:link {display:inline-block;width:80px;height:30px;line-height:30px;background:#990000;font-size:14px;color:#fff;text-align:center;border-radius:8%;}
a.goumai:visited {display:inline-block;width:80px;height:30px;line-height:30px;background:#990000;font-size:14px;color:#fff;text-align:center;border-radius:8%;}

a.shouchang:link {display:inline-block;width:80px;height:30px;line-height:30px;background:#1B3875;font-size:14px;color:#fff;text-align:center;border-radius:8%;}
a.shouchang:visited {display:inline-block;width:80px;height:30px;line-height:30px;background:#1B3875;font-size:14px;color:#fff;text-align:center;border-radius:8%;}


a.goumai1:link {display:inline-block;width:150px;height:40px;line-height:40px;background:#990000;font-size:14px;color:#fff;text-align:center;border-radius:2%;}
a.goumai1:visited {display:inline-block;width:150px;height:40px;line-height:40px;background:#990000;font-size:14px;color:#fff;text-align:center;border-radius:2%;}

a.shouchang1:link {display:inline-block;width:150px;height:40px;line-height:40px;background:#666;font-size:14px;color:#fff;text-align:center;border-radius:2%;}
a.shouchang1:visited {display:inline-block;width:150px;height:40px;line-height:40px;background:#666;font-size:14px;color:#fff;text-align:center;border-radius:2%;}

.qw1 {background:#66CDCC;width:190px;height:190px;color:#fff;display:block;opacity:0.8;position:absolute;display:none;left:0px;}


.buyxian {padding-top:100px;}
#tq_float_container {display:none;}
#cpneiyea {padding-top:120px;}	  
#cpneiyea .container {width:100%;}	  
	  
#cpneiyea #sticky-wrapper {position:fixed;top:86px;width:100%;background:url(baidi.png) repeat left bottom;height:50px !important;z-index:100;border-bottom:1px solid #ddd;}


.sp1 {background:url(sp1.png) no-repeat left center;padding-left:40px;font-size:18px;color:#fff;line-height:50px;height:50px;text-align:left;font-weight:600;margin-top:20px;}










.newspadding12 {padding:12px;}

#cpneiyea #sticky-wrapper .navbar-default {background:none;}	  

.icp {padding:30px 0px;}
.icp1 {
	float:left;
	display:inline-block;
	padding:0px 20px 0px 20px;
	width:16%;
	
}
.icp8  {width:20%;float:left;}
.icp8 p {color:#aaa;text-align:left;font-size:13px;}
.icp1 h3 {color:#fff;font-size:16px;font-weight:normal;text-align:left;margin:0px;padding-bottom:15px;}

.icp1 h3 a {color:#333;}


.icp1 ul li {display:block;text-align:left;}
.icp1 p {letter-spacing:0px;color:#666;text-align:left;font-size:12px;}
.icpbei {font-size:14px;color:#fff;padding:0px;text-align:center;line-height:60px;background:#053E7B;width:100%;}
.icpbei a {color:#fff;}
.icpbei a:hover {color:#fff;}
.icpbei1 {font-size:12px;color:#666;padding:0px;text-align:right;line-height:50px;}


.huixian {border-top:1px solid #aaa;margin-top:40px;}


.icp1 ul li A:link {
	color:#666;
	text-align:left;
	font-size:13px;
}
.icp1 ul li A:hover {
	color:#333;
	text-align:left;
}
.icp1 ul li A:visited {
	color:#666;
	text-align:left;
}
.icp2 {
float:right;
padding-top:20px;
}

#sticky-wrapper {position:fixed;top:0px;z-index:1000;width:100%;}
.navbar {

    border: 0px solid transparent;
}

.liunian a {background:url(messages.png) no-repeat center top;padding-top:60px;color:#666;font-size:14px;width:500px;margin:0 auto;display:block;height:130px;text-align:center;}
.liunian a:hover {background:url(messages.png) no-repeat center top;padding-top:60px;color:#E60012;font-size:14px;width:500px;margin:0 auto;display:block;height:130px;text-align:center;text-decoration:none;}
.weixin span {margin:10px 5px;cursor:pointer;}
.weixin1 {position:relative;}
.weixin2 {position:absolute;top:36px;left:-50px;display:none;}
.navbar-default #comlogo {
padding-top:25px;
position: relative;
z-index: 20000;
margin-left:10%;

}

.advice {font-size:14px;text-align:center;width: 70%;margin:0 auto;color:#666;padding:50px 0px;}

#neiye {background:#fff;padding:0px 0px 40px 0px;min-height:650px;}
#neiye>.container {background:#fff;width:100%;}
#products #neiye .container {background:none;}
#products #neiye {padding:0px 0px 50px 0px;}


.diylan {font-size:25px;color:#2663A6;font-weight:600;clear:both;display:block;text-align:left;padding-left:0px;}
.padding5 {padding:5px;}


.tu1 {background:#0B9958;height:60px;line-height:60px;text-align:center;color:#fff;font-size:15px;font-weight:600;display:block;}
.copyright {color:#fff;line-height:23px;font-size:12px;padding:10px 0px;}
.copyright  a {color:#fff;}

.huiyuan {position:absolute;right:20px;top: 15px;}

#shouright ul {
    float: right;
}

#daohang {float:left;margin-left:6%;padding-top:0px;}
.toprelative {position:relative;height: 100px;}
.aboutcata {background:#1162B7 url(aboutcatadi.png) no-repeat center center;height:84px;line-height:84px;color:#fff;text-align:center;font-size:20px;clear:both;font-weight:600;}
.shoucom {font-size:13px;color:#444;line-height:25px;text-align:center;}
.shoucom a {display:block;width:150px;height:44px;line-height:44px;margin:0 auto;border:1px solid #3366CC;color:#3366CC;font-weight:60;transition: all 0.4s ease-in-out;margin-top:20px;}
.shoucom a:hover {display:block;width:150px;height:44px;line-height:44px;margin:0 auto;border:1px solid #3366CC;color:#fff;font-weight:60;background:#3366CC;transition: all 0.4s ease-in-out;margin-top:20px;}

.shoubiao {padding:50px;clear:both;}
a.coma1 {background:#66CCCC;border-radius:100%;display:block;width:140px;height:140px;line-height:140px;color:#fff;font-size:18px;font-weight:600;margin:10px auto;}
a.coma2 {background:#99CC00;border-radius:100%;display:block;width:140px;height:140px;line-height:140px;color:#fff;font-size:18px;font-weight:600;margin:10px auto;}
a.coma3 {background:#3366CC;border-radius:100%;display:block;width:140px;height:140px;line-height:140px;color:#fff;font-size:18px;font-weight:600;margin:10px auto;}
a.coma4 {background:#FFCC00;border-radius:100%;display:block;width:140px;height:140px;line-height:140px;color:#fff;font-size:18px;font-weight:600;margin:10px auto;}




.shouaboutnei1 {font-size:27px;color:#0A9957;padding-top:20px;}
.shouaboutnei2 {height:1px;background:#0A9957;width:80px;margin:20px auto;}
.shouaboutnei3 {color:#666;line-height:25px;font-size:13px;width:90%;margin:0 auto;}
.shouaboutnei3 a {background:#0A9957;width:160px;height:46px;line-height:46px;color:#fff;font-size:14px;display:block;font-weight:600;margin:20px auto;}



.slides-box {
    width: 100%;
    height:100vh;
    margin: auto;
    overflow: hidden;
}
.slides {
    position: relative;
    height:100vh;
    width: 100%;
    margin: auto;
    float: left;
}
.slides li {
	position: absolute;
    width:  100%;
    height:100vh;
}
.slides li img{
    display: block;
    width: 100%;
    margin: auto;
}
.slides-box .prev, .slides-box .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    opacity: .5;
    display:none;
}
.prev:hover, .next:hover{
	opacity: .7;
}

.pagination{
	position: absolute;
	bottom: 5px;
	z-index: 99;
}
.pagination li{
    margin: 5px 2px;
	float: left;
}
#shoubanner .pagination li a{
    display: block;
    width: 10px;
    height:10px;
    line-height: 10px;
    border-radius: 10px;
    background: #000;
     color: #fff;
     text-indent:-99em;
     overflow:hidden;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
	padding:0px;
	border:0px solid #fff;
}
#shoubanner .pagination .active{
	background: red;
}












.about_biao {text-align:left;font-size:16px;color:#555;border-bottom:1px solid #D9D9D9;line-height:40px;}
.about_tu {padding-top:5px;}
.comnei {color:#666;border:1px solid #eee;font-size:12px;min-height:180px;padding:5%;line-height:180%;}
.comneimore {width:35px;display:block;margin:0 auto;margin-top:20px;}
.cprow {padding:5px 5px;}
.cprow a {overflow:hidden;position:relative;display:block;}
.cprow span {background:#1D9088;width:100%;color:#fff;font-size:15px;display:block;position:absolute;top:290px;opacity:0.8;line-height:290px;}

.aboutbanner {background:url(aboutbanner.jpg) no-repeat center top;height:374px;background-size:cover;}

.shoulink img{transition: all 0.4s ease-in-out;}

.shoulink:hover img
 {
transition: all 0.4s ease-in-out;
transform: scale(1.1, 1.1);
}

.shoulink {margin:10px 0px;}

#box_monei {padding:30px 0px;min-height:500px;}

#huihui {background:#fff;padding-top:120px;height:180px;}


#dishare {text-align:right;padding-top:10px;}
#dishare li {display:inline-block;margin:0 2px;}
#dishare .w1 {background:url(w1.png) no-repeat left top;width:36px;height:36px;border:1px solid #CCCCCC;border-radius: 50px;transition: all 0.4s ease-in-out;cursor:pointer;position:relative;}
#dishare .w1:hover {background:#fff url(w1.png) no-repeat left -36px;width:36px;height:36px;border:1px solid #aaa;border-radius: 50px;transition: all 0.4s ease-in-out;position:relative;}

.webb,.sinaa {position:absolute;top:-173px;left:-55px;display:none;}

#dishare .w2 {background:url(w2.png) no-repeat left top;width:36px;height:36px;border:1px solid #CCCCCC;border-radius: 50px;transition: all 0.4s ease-in-out;cursor:pointer;position:relative;}
#dishare .w2:hover {background:#fff url(w2.png) no-repeat left -36px;width:36px;height:36px;border:1px solid #aaa;border-radius: 50px;transition: all 0.4s ease-in-out;position:relative;}

#dishare .w3 {background:url(w3.png) no-repeat left top;width:36px;height:36px;overflow:hidden;border:1px solid #CCCCCC;border-radius: 50px;transition: all 0.4s ease-in-out;cursor:pointer;}
#dishare .w3:hover {background:#fff url(w3.png) no-repeat left -36px;width:36px;height:36px;overflow:hidden;border:1px solid #aaa;border-radius: 50px;transition: all 0.4s ease-in-out;}

.w3 a {width:36px;height:36px;display:block;} 


#dishare .w4 {position:relative;}
#dishare .w4 i{background:url(w4.png) no-repeat left top;width:36px;height:36px;overflow:hidden;border:1px solid #CCCCCC;border-radius: 50px;transition: all 0.4s ease-in-out;cursor:pointer;display:block;}
#dishare .w4:hover i{background:#fff url(w4.png) no-repeat left -36px;width:36px;height:36px;overflow:hidden;border:1px solid #aaa;border-radius: 50px;transition: all 0.4s ease-in-out;display:block;}


.bdsharebuttonbox {position:absolute;bottom:36px;z-index:1000;width:230px;background:#fff;padding:5px;left:-150px;display:none;}



/*ÃƒÂ¥Ã‚Â¹Ã‚Â»ÃƒÂ§Ã‚ÂÃ‚Â¯ÃƒÂ§Ã¢â‚¬Â°Ã¢â‚¬Â¡*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("tab.png") no-repeat left top;
  margin-top: -45px;
  display:none;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
.rongyu img {border:1px solid #ddd;max-width:350px;max-height:250px;}
.rongyu {margin:15px 0px;}
.rongyu span {display:block;text-align:center;padding:8px 0px;}

.rongyu1 img {border:1px solid #ddd;max-width:350px;max-height:470px;}
.rongyu1 {margin:15px 0px;}
.rongyu1 span {display:block;text-align:center;padding:8px 0px;}

#elem-FrontOrders_showMiniCart01-1470281417645 {display:none;}
#memberorder {background:#f6f6f6;padding:30px 0px;border-bottom:1px solid #eee;}





@media (min-width: 1200px) {
.col-lg-35 {width:29.1%;}
}









@media (max-width:767px) {

.navbar-brand {padding-top: 6px;}
#FrontProducts_list01-1470229898224 .pro-module {width:90%;}
.navbar-default  #comlogo {padding-top:12px;}
.navbar-default #comlogo img {width:130px;}

.cprow span {line-height:290px;}
#daohang {float:none;margin-left:0px;}
#tq_float_container {display:none;}
.FrontProducts_detail02-d7_c1 .content .pro-module {width:100%;}
#FrontProducts_detail02-1470293328587_moreImgdiv {display:none;}
.FrontMembers_login01-d1_c1 .before-login LI SPAN{
TEXT-ALIGN: right;
WIDTH: 20%;
FLOAT: left;
}
.FrontOrders_checkout01-d1_c1 .right-fream{
POSITION: static;
MARGIN-TOP: 10px;
WIDTH:100%;
FLOAT: right;
display:block;
}
.colleft {width:100%;}

.colright {width:100%;padding-top:20px;}
.shoudi1 {
    border: 1px solid #E3E3E3;
    background: #fff;
    width: 100%;
    float: left;
    height: 220px;
    margin-top: 20px;
}
.shoudi2 {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.shoudi3 {
    width:100%;
    float: left;
    margin-top: 20px;
}

#cpneiyea #sticky-wrapper {
    position: fixed;
    top: 50px;
    width: 100%;
    background: url(baidi.png) repeat left bottom;
    height: 50px !important;
    z-index: 800;
    border-top: 1px solid #eee;
    display:none;
   
}
.slide_container {
    margin-bottom: 0px;
    position: relative;
    float: left;
    width: 100%;
    margin-top:50px;
}
.ggmai {display:block;position:fixed;bottom:0px;height:35px;width:100%;}
.ggmai a.guo:link {display:inline-block;width:100%;height:35px;line-height:35px;background:#990000;font-size:14px;color:#fff;text-align:center;}
.ggmai a.guo:visited {display:inline-block;width:100%;height:35px;line-height:35px;background:#990000;font-size:14px;color:#fff;text-align:center;}

.FrontProducts_detail02-d1_c1 .content .pic-module .pic-img {
    width: auto;
    max-width:100%;
}
.FrontProducts_detail02-d1_c1 .pic-module .pic A {width:100%;}

.FrontProducts_detail02-d1_c1 .content .pic-module {
    position: relative;
    width:100%;
    float: left;
}
.FrontProducts_detail02-d1_c1 .pic-module .show {
    margin-top: 10px;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.FrontProducts_detail02-d1_c1 .pic-module .show .picarea {width:75%;}

.FrontProducts_detail02-d1_c1 .content .pro-module {
    width: 85%;
    float:left;
    margin-left: 0px;
    _margin-left: 0px;
    padding-left:20px;
    padding-top:40px;
}
.FrontOrders_showMyCart01-d1_c1 .steps {
display:none;
}

.FrontOrders_showMyCart01-d1_c1 .login {display:none;}
.FrontOrders_checkout01-d1_c1 .left-frame {
    width: 100%;
    float: none;
    display:block;
}

.FrontOrders_checkout01-d1_c1 .item1 ul.item-form  {display:none;}
.FrontOrders_checkout01-d1_c1 .steps {
display:none;
}
.FrontOrders_checkout01-d1_c1 .item1 {
    position: fixed;
    left: 0;
    top: 50px !important;
    width: 100%;
    margin: 0;
    background:#fff;
}

.FrontMembers_update01-d1_c1 {
    text-align: left;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    clear: both;
    font-size: 12px;
    padding-top: 30px;
}

.FrontMembers_update01-d1_c1 TABLE TH {
    text-align: left;
    line-height: 25px;
    width: 80px;
    font-weight: normal;
    display: block;
}
.FrontMembers_update01-d1_c1 .input {
    border-bottom: #ddd 1px solid;
    border-left: #ddd 1px solid;
    line-height: 30px;
    margin-top: 5px;
    width: 80px;
    height: 30px;
    color: #000;
    font-size: 12px;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
}

.FrontOrders_showMyAddress01-d1_c1 {
    text-align: left;
    margin: 0px auto;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.FrontOrders_showMyAddress01-d1_c1 .con-module {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
    overflow: hidden;
    padding-top: 0px;
}


.wenhua {
    position: absolute;
    top: 20%;
    left: 20px;
}

.wenhua img {width:60px;}
.shoudi2 {display:none;}

.icpbei1 {
    font-size: 12px;
    color: #999999;
    padding: 0px;
    text-align: center;
    line-height: 50px;
}

.biao1 {
    background: url(cuxian.png) no-repeat right center;
    padding-right: 90px;
    color: #fff;
    font-family: Arial;
    color: #fff;
    font-size: 14px;
    text-indent: 0px;
    height: 40px;
    line-height: 40px;
}

#box_neimain_sub1 {
    width: 100%;
    padding-top: 50px;
}

.FrontNews_detail01-d1_c1 {
    text-align: left;
    padding-bottom: 30px;
    margin: 0px auto;
    width: 100%;
    color: #4c4948;
    clear: both;
    padding-top: 0px;
}

.FrontNews_detail01-d1_c1 P.font {
    text-align: right;
    line-height: 30px;
    color: #231815;
    display:none;
}

.FrontNews_detail01-d1_c1 {
    text-align: left;
    padding-bottom: 30px;
    margin: 0px auto;
    width: 92%;
    color: #4c4948;
    clear: both;
    padding-top: 0px;
}
#cpneiyea {
    padding-top: 50px;
}




}



@media (max-width:400px) {
#home h1 {
	font-size: 32px;
}
#home h2 {
	font-size: 22px;
}
#intro h2 {
	font-size: 20px;
}
.portfolio-thumb .portfolio-overlay {padding-top: 60px;}

.FrontProducts_list01-d1_c1 .content .pro-module {width:90%;}
.cprow span {line-height:50px;}
.navbar-default .navbar-nav li a {line-height:40px;}
.FrontNews_list01-d2_c2 .content{
    width:100%;
}



}


