body {
	font-family:Microsoft Yahei,"宋体",Verdana;
	font-size: 12px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}

@font-face {
	font-family: 'tw-cen-mt';
	src: url(../fonts/tw-cen-mt.eot);
	src: url(../fonts/tw-cen-mt-1.eot) format('embedded-opentype'), url(../fonts/tw-cen-mt.woff2) format('woff2'), url(../fonts/tw-cen-mt.woff) format('woff'), url(../fonts/tw-cen-mt.ttf) format('truetype'), url(../fonts/tw-cen-mt.svg) format('svg')
}

.clear
{
	 clear:both;
}
.scroll header{height:68px; position:fixed; background:#fff; top:0px; width:100%; z-index:99}

.scroll header .topritop {-webkit-transition: 1s;transition: 1s; display:none;}

.scroll header .toplogo{ float:left; padding-top:8px;-webkit-transition: 1s;transition: 1s;}
.scroll header .toplogo a{ display:block; background:url(../images/n1_01.jpg) no-repeat; width:185px; height:52px;}
.scroll header .nav{-webkit-transition: 1s;transition: 1s; float:left; height:68px; line-height:68px;}
.scroll header div.hidden-box{ top:68px;}
.scroll header .fixedlogo{ float:left; padding-top:5px; display:block;}
.topbar{ border-bottom:1px solid #d1d1d1}
.toplogo{ float:left; padding-top:20px;}
.toplogo a{ display:block; background:url(../images/1_01.jpg) no-repeat; width:225px; height:90px;}

 .tolor{ float:right; line-height:28px;}
 .tolor a{padding-left:5px; padding-right:5px;}
#form1{width:226px;height:28px;background:url(../images/sea.jpg) no-repeat; float:right; margin-top:20px;}
#form1 input{ background:none; border:0;}
#form1 .foinput{width:175px;height:28px;line-height:28px;overflow:hidden;float:left;padding-left:10px;}
#form1 #fbts{width:26px;border:0px;background:none;outline:none;height:100%; float:right;}
.calists h3
{
	 font-size:16px;
}
.pright h3 a:hover
{
	 color:#58141b;
}


ul.nav-main{
   
    height: 100%;
    list-style-type: none;margin:0; padding:0px; width:100%;
}


.dh{-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.dh:hover{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
.proLibg
{	background: url(../images/2_04.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	min-height: 800px;
	color:#fff;

 width:100%; 
}


div.nav
{
	 z-index:10;
}
@media (min-width: 1200px) and (max-width:1920px ) {
	header{height:137px; width:100%;}
.topright{ float:right; width:900px;}
.topritop{ float:left; width:900px; padding-top:15px; -webkit-transition: 1s;transition: 1s; height:97px;}
.tshare{float:left; width:900px;}
.tshare a{ padding-right:5px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out; padding-right:35px; padding-left:3px;}
	.tshare a:hover
	{
		-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
	}
 .tsear{float:left; width:900px; padding-bottom:15px;}
	.tlinks
	{
		 float:right;
	}
div.nav{
  
  line-height:20px;
    text-align: center;
    font-size: 14px;
    position: relative;
	 float:right;
height:40px; 
}

	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;
    color: #000;
    cursor: pointer;
	padding-right:8px;
    text-transform:uppercase;
}
ul.nav-main>li a{ color:#000; display:block; text-decoration:none; padding-left:20px; padding-right:20px;}
ul.nav-main>li a:hover{
     color:#58141b;
}
ul.nav-main>li a.hover{
     color:#58141b;
}
	
	
	.aboutlist{ margin-top:50px;}

.abouleft{ float:left;}
.abouleft img{ height:385px}
.aboutright{ float:left; width:470px; margin-left:20px;}

.aboutright p{ margin-top:15px; line-height:25px;}
.abmore{ margin-top:20px;}
.abmore a{ float:right;}

.abulist{ list-style:none; margin:0px; padding:0px; float:left; width:100%; display:block;}
.abulist li{ width:50%; float:left; margin:0px;position:relative;  z-index:1; overflow:hidden; }
	.abulist li a
	{
		 display:block; width:100%; color:#fff;
	}

	.abulist li:hover .dh{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
	.abfdiv
	{
		position:absolute; top:0px; left:0px; text-align:center; z-index:2;
	}
		.abfdiv h3
		{ width:100%; text-transform:uppercase; margin-top:35px; font-size:1.4em;
		}
			.abfdiv p
		{  padding:10px
		}
		.mobile-meunu{ display:none;}

		.cabouts
{
		background: url(../images/2_08.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	min-height:700px;
	color:#fff;
	margin-top:42px;
}

	.caboutus_list
	{
		 float:left; width:600px; padding-left:580px; padding-top:150px;
	}
	.caboutus_top
	{
		 float:left; width:500px; text-align:center;
	}
	.cabouts_des
	{
		 float:left; width:500px;  padding-top:45px;
	}
		.cabouts_des p
		{
			 color:#4b4b4b; font-size:13px; line-height:24px;
		}
	.cabous_more
	{
		 float:left; width:580px; padding-top:45px;
	}
	.cabous_more a
	{
		float:right; background:#58141b; color:#fff;padding:5px; padding-left:15px; padding-right:15px; 
	}
}

@media (min-width: 992px) and (max-width:1199px ) {
	header{height:137px; width:100%;}
.topright{ float:right; width:700px;}
.topritop{ float:left; width:700px; height:97px; padding-top:20px;-webkit-transition: 1s;transition: 1s;}
.tshare{float:left; width:700px;}
.tshare a{ padding-right:5px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out; padding-right:35px; padding-left:3px;}
	.tshare a:hover
	{
		-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
	}
 .tsear{float:left; width:700px; padding-bottom:15px;}
	.tlinks
	{
		 float:right;
	}
div.nav{
  
  line-height:20px;
    text-align: center;
    font-size: 14px;
    position: relative;
    float:right;
height:40px; 
}
	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;
    color: #000;
    cursor: pointer;
	padding-right:8px;
    text-transform:uppercase;
}
ul.nav-main>li a{ color:#000; display:block; text-decoration:none; padding-left:13px; padding-right:13px;}
ul.nav-main>li:hover{
     color:#000;
}
ul.nav-main>li.hover{
     color:#fff;  background:#1b1b1b;
}

	
			
	.aboutlist{ margin-top:50px;}

.abouleft{ float:left;}
.abouleft img{ height:315px}
.aboutright{ float:left; width:390px; margin-left:20px;}

.aboutright p{ margin-top:10px; line-height:20px; height:120px; overflow:hidden;}
.abmore{ margin-top:12px;}
.abmore a{ float:right;}
.abulist{ list-style:none; margin:0px; padding:0px; float:left; width:100%; display:block;}
.abulist li{ width:50%; float:left; margin:0px;position:relative;  z-index:1; overflow:hidden; }
	.abulist li a
	{
		 display:block; width:100%; color:#fff;
	}

	.abulist li:hover .dh{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
	.abfdiv
	{
		position:absolute; top:0px; left:0px; text-align:center; z-index:2;
	}
		.abfdiv h3
		{ width:100%; text-transform:uppercase; margin:0px; margin-top:20px; font-size:1.2em; margin-bottom:10px;
		}
			.abfdiv p
		{  padding:10px; padding-top:0px; font-size:13px;
		}
		.mobile-meunu{ display:none;}

			.cabouts
{
		background: url(../images/s2_08.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	min-height:600px;
	color:#fff;
	margin-top:42px;
}

	.caboutus_list
	{
		 float:left; width:600px; padding-left:380px; padding-top:120px;
	}
	.caboutus_top
	{
		 float:left; width:500px; text-align:center;
	}
	.cabouts_des
	{
		 float:left; width:500px;  padding-top:35px;
	}
		.cabouts_des p
		{
			 color:#4b4b4b; font-size:13px; line-height:24px;
		}
	.cabous_more
	{
		 float:left; width:580px; padding-top:35px;
	}
	.cabous_more a
	{
		float:right; background:#58141b; color:#fff;padding:5px; padding-left:15px; padding-right:15px; 
	}
}

@media (min-width: 768px) and (max-width:991px ) {
	header{height:137px; width:100%;}
.topright{ float:right; width:550px;}
.topritop{ float:left; width:550px; height:97px; padding-top:20px;-webkit-transition: 1s;transition: 1s; font-size:12px;}
.toplogo{ float:left; padding-top:30px;}

.tshare{float:left; width:550px;}
.tshare a{ padding-right:5px;-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out; padding-right:35px; padding-left:3px;}
	.tshare a:hover
	{
		-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
	}
 .tsear{float:left; width:550px; padding-bottom:15px;}
	.tlinks
	{
		 float:right;
	}

.toplogo a{ display:block; background:url(../images/b1_01.jpg) no-repeat; width:158px; height:63px;}
.scroll header .toplogo{ float:left; padding-top:9px;-webkit-transition: 1s;transition: 1s;}
.scroll header .toplogo a{ display:block; background:url(../images/nb1_01.jpg) no-repeat; width:130px; height:52px;}
div.nav{
  
  line-height:20px;
    text-align: center;
    font-size: 12px;
    position: relative;
    float:right;

 height:40px; 
}
	ul.nav-main>li{
    height: 100%;
    display: block;
    float: left;
    color: #000;
    cursor: pointer;

    text-transform:uppercase;
}
ul.nav-main>li a{ color:#000; display:block; text-decoration:none; padding-left:10px; padding-right:10px;}
ul.nav-main>li:hover{
     color:#000;
}
ul.nav-main>li.hover{
     color:#fff;  background:#1b1b1b;
}
	
	.aboutlist{ margin-top:50px;}

.abouleft{ float:left; display:none;}
.abouleft img{ height:315px}
.aboutright{ float:left; width:100%;}
.aboutlist h3{ font-size:1.2em; text-transform:uppercase; margin-left:15px;}
.aboutright p{ margin-top:10px; line-height:20px; height:120px; overflow:hidden; display:block; float:left; width:100%;}
.abmore{ margin-top:12px;}
.abmore a{ float:right;}
.abulist{ list-style:none; margin:0px; padding:0px; float:left; width:100%; display:block;}
.abulist li{ width:50%; float:left; margin:0px;position:relative;  z-index:1; overflow:hidden; }
	.abulist li a
	{
		 display:block; width:100%; color:#fff;
	}

	.abulist li:hover .dh{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
	.abfdiv
	{
		position:absolute; top:0px; left:0px; text-align:center; z-index:2;
	}
		.abfdiv h3
		{ text-transform:uppercase;  margin:0px;margin-top:20px; font-size:1.2em; margin-bottom:10px;
		}
			.abfdiv p
		{  padding:10px; padding-top:0px; font-size:12px;
		}
		.mobile-meunu{ display:none;}
			.caboutus_list
	{
		 float:left; width:100%;padding-top:50px; text-align:center;
	}
	.caboutus_top
	{
		 float:left; width:100%; text-align:center;
	}
	.cabouts_des
	{
		 float:left; width:100%;  padding-top:35px;
	}
		.cabouts_des p
		{
			 color:#4b4b4b; font-size:13px; line-height:24px;
		}
	.cabous_more
	{
		 float:left; width:100%; padding-top:35px; text-align:center;
	}
	.cabous_more a
	{
		 background:#58141b; color:#fff;padding:5px; padding-left:15px; padding-right:15px; 
	}
}
@media (max-width: 767px)
{
		.caboutus_list
	{
		 float:left; width:100%;padding-top:50px; text-align:center;
	}
	.caboutus_top
	{
		 float:left; width:100%; text-align:center;
	}
	.cabouts_des
	{
		 float:left; width:100%;  padding-top:35px;
	}
		.cabouts_des p
		{
			 color:#4b4b4b; font-size:13px; line-height:24px;
		}
	.cabous_more
	{
		 float:left; width:100%; padding-top:35px; text-align:center;
	}
	.cabous_more a
	{
		 background:#58141b; color:#fff;padding:5px; padding-left:15px; padding-right:15px; 
	}
	.aboutright img
	{
		 width:100%; height:auto;
	}

	.bframe
	{
		margin-top:75px;
	}

					.mobile-meunu{height:75px; position:fixed; z-index:999; width:100%;-webkit-transition: 1s;transition: 1s; top:0px; left:0px;}
			.mobilebg{ background:#fff; height:75px; float:left; width:100%; border-bottom:1px solid #ddd;}
			.mobile-logo{ float:left; padding-top:15px; padding-left:2em;}
			.mobile-logo img{ height:50px;}




	header{ display:none;}

	
	.aboutlist{ margin-top:30px;}

.abouleft{ float:left; display:none;}
.abouleft img{ height:315px}
.aboutright{ float:left; width:100%; margin-bottom:25px;}
.aboutlist h3{ font-size:1.2em; text-transform:uppercase; margin-left:15px; margin-top:0px; font-weight:bold;}
.aboutright p{ margin-top:10px; display:block; float:left; width:100%;}
.abmore{ margin-top:12px;}
.abmore a{ float:left;}

		
	}
@media (min-width: 640px) and (max-width:767px )
{
		.pright{  float:left; width:100%;}
	.pright h3{ font-size:1.3em; text-transform:uppercase;text-align:center;}
	.pright p{ font-size:12px; height:40px; overflow:hidden;text-align:center;}
.abulist{ list-style:none; margin:0px; padding:0px; float:left; width:100%; display:block;}
.abulist li{ width:50%; float:left; margin:0px;position:relative;  z-index:1; overflow:hidden; }
	.abulist li a
	{
		 display:block; width:100%; color:#fff;
	}
		.abulist li a img
		{ width:100%; height:auto;
		}

	.abulist li:hover .dh{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
	.abfdiv
	{
		position:absolute; top:0px; left:0px; text-align:center; z-index:2;
	}
		.abfdiv h3
		{ text-transform:uppercase;  margin:0px;margin-top:50px; font-size:1.2em; margin-bottom:30px; 
		}
			.abfdiv p
		{  padding:30px; padding-top:0px; font-size:12px;
		}
}
@media (min-width: 480px) and (max-width:639px )
{	.pright{  float:left; width:100%;}
	.pright h3{ font-size:1.3em; text-transform:uppercase;text-align:center;}
	.pright p{ font-size:12px; height:40px; overflow:hidden;text-align:center;}
.abulist{ list-style:none; margin:0px; padding:0px; float:left; width:100%; display:block;}
.abulist li{ width:50%; float:left; margin:0px;position:relative;  z-index:1; overflow:hidden; }
	.abulist li a
	{
		 display:block; width:100%; color:#fff;
	}
		.abulist li a img
		{ width:100%; height:auto;
		}

	.abulist li:hover .dh{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
	.abfdiv
	{
		position:absolute; top:0px; left:0px; text-align:center; z-index:2;
	}
		.abfdiv h3
		{ text-transform:uppercase;  margin:0px;margin-top:50px; font-size:1.2em; margin-bottom:15px;
		}
			.abfdiv p
		{  padding:10px; padding-top:0px; font-size:12px;
		}
}

@media (max-width: 480px)
{
	.pright{  float:left; width:100%;}
	.pright h3{ font-size:1.3em; text-transform:uppercase;text-align:center;}
	.pright p{ font-size:12px;text-align:center; }
	.abulist{ list-style:none; margin:0px; padding:0px; float:left; width:100%; display:block;}
.abulist li{ width:50%; float:left; margin:0px;position:relative;  z-index:1; overflow:hidden; }
	.abulist li a
	{
		 display:block; width:100%; color:#fff;
	}
		.abulist li a img
		{ width:100%; height:auto;
		}

	.abulist li:hover .dh{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);}
	.abfdiv
	{
		position:absolute; top:0px; left:0px; text-align:center; z-index:2;
	}
		.abfdiv h3
		{ text-transform:uppercase;  margin:0px;margin-top:25px; font-size:1em; margin-bottom:15px;
		}
			.abfdiv p
		{  padding:8px; padding-top:0px; font-size:12px;
		}
}

.mobile-nav {
  position: relative;
  width: auto;
  display: inline-block;
  border: none; 
}

.btn-nav {
  position: fixed;
  top: 10px;
  right: 20px;
  background: transparent;
  border: none;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 4px;
  background-color: #58141b;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #550e15;
}

.nav-content {
  position: fixed;
 
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: block;
  height: 100%;
  z-index: 9;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 15%;
}

.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;

  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #000;
  font-size: 1.5em;
  text-transform: uppercase;
  position: relative;
  text-decoration: none; 
  padding: 10px;
}

.item-anchor:hover,
.item-anchor:focus {
	   text-decoration:none;
  color: #550e15;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #550e15;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {
  margin: 25px auto;
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #550e15;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #550e15;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}


	
	#bframe{  width:100%; background:url(../images/b1.jpg) no-repeat; height:543px;}
	



@media (min-width:1315px)
{
	div.hidden-box{
    width: 1180px;
    border: 1px solid #ddd;
    border-top:0;
    position: absolute;
	 display:none;
	 background:#fff;
    top:40px;
    padding:0px; 
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
    padding:0px;
    width:200px;

}
.hidden-box li { padding:0px;}
.hidden-box li a {text-transform:capitalize; color:#333; line-height:22px; text-align:left;}
	div.nav #box-2 .conbox li
	{
line-height:35px; height:35px; padding:0px;
	}
	div.nav #box-2 .conbox li a
	{
		 color:#fff;
	}

	/*导航下拉*/
	.mentoplist
	{
		float: left;
		width: 295px;
		border-right: 2px solid #ddd;
		height: 475px;
	}

	.mentop
	{
		float: left;
		width: 265px;
		padding-left: 30px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}

	.byages
	{
		float: left;
		width: 265px;
		text-align: left;
		font-weight: bold;
		padding: 0px;
		padding-bottom: 10px;
		font-size: 13px;
		margin: 0px;
	}

	.byulist
	{
		float: left;
		width: 265px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}


	.mentbot
	{
		float: left;
		width: 265px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}

	.menmiddlist
	{
		float: left;
		width: 295px;
		border-right: 2px solid #ddd;
		height: 475px;
	}

	.middmenu
	{
		float: left;
		width: 265px;
		padding-left: 30px;
	}

	.middtop
	{
		float: left;
		width: 265px;
		text-align: left;
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 13px;
	}

	.memiduls
	{
		float: left;
		width: 265px;
		 margin-bottom:85px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.midimgsmenu
	{
		float: left;
		width: 265px;
		text-align: left; margin-top:50px;
	}
		.midimgsmenu img
		{
			border-radius: 10%;
			width: 235px;
			height: 150px;
		}
	.navbar-nav  .abouuls
	{
		text-align: center;
		width: 150px;
		display: block;
	}

		.navbar-nav  .abouuls a
		{
			padding: 10px;
			font-size: 14px;
			width: 150px;
			display: block;
			color: #333;
		}




	.meprolin
	{
		float: left;
		width: 1180px;
		padding-top: 25px;
		height: 500px;
	}

	.hidden-box  .meprolin .mentop .byulist li
	{
		float: left;
		width: 265px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}

		.hidden-box  .meprolin .mentop .byulist li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000;line-height:22px;
		}

	.hidden-box  .meprolin .mentbot .byulist li
	{
		float: left;
		width: 265px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}

		.hidden-box  .meprolin .mentbot .byulist li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000;
		}
	.hidden-box .meprolin .menmiddlist .middmenu h3
	{
		 font-size:13px; text-align:left; font-weight:bold;
	}
	.hidden-box  .meprolin .menmiddlist .middmenu .middtop a
	{
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
 .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
	.hidden-box  .menmiddlist .memiduls li
	{
		float: left;
		width: 265px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}

		.hidden-box .meprolin .menmiddlist .memiduls li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000; line-height:22px;
		}

	.hidden-box li a.hover
	{
		color: #2bcaf5;
	}
		.menuproducts
	{
		 width:1180px;
	}
		.hidden-loc-us{left: -232px;}
		.hidden-con-us{left: 75px;}

}

@media (min-width:1024px) and (max-width:1314px)
{
		.hidden-con-us{left: 75px;}
		div.nav #box-2 .conbox li
	{
line-height:35px; height:35px; padding:0px;
	}
	div.nav #box-2 .conbox li a
	{
		 color:#fff;
	}
			.hidden-loc-us{left: 102px;}
	/*导航下拉*/
	.mentoplist
	{
		float: left;
		width: 210px;
		border-right: 2px solid #ddd;
		height: 475px;
	}

	.mentop
	{
		float: left;
		width: 180px;
		padding-left: 30px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}

	.byages
	{
		float: left;
		width: 180px;
		text-align: left;
		font-weight: bold;
		padding: 0px;
		padding-bottom: 10px;
		font-size: 13px;
		margin: 0px;
	}

	.byulist
	{
		float: left;
		width: 180px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}


	.mentbot
	{
		float: left;
		width:180px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}

	.menmiddlist
	{
		float: left;
		width: 210px;
		border-right: 2px solid #ddd;
		height: 475px;
	}

	.middmenu
	{
		float: left;
		width: 180px;
		padding-left: 30px;
	}

	.middtop
	{
		float: left;
		width: 180px;
		text-align: left;
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 13px;
	}

	.memiduls
	{
		float: left;
		width: 180px;
	 margin-bottom:80px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.midimgsmenu
	{
		float: left;
		width: 180px;
		text-align: left; margin-top:50px;
	}
		.midimgsmenu img
		{
			border-radius: 10%;
			width: 150px;
			
		}
	.navbar-nav  .abouuls
	{
		text-align: center;
		width: 150px;
		display: block;
	}

		.navbar-nav  .abouuls a
		{
			padding: 10px;
			font-size: 14px;
			width: 150px;
			display: block;
			color: #333;
		}




	.meprolin
	{
		float: left;
		width: 1000px;
		padding-top: 25px;
		height: 500px;
	}

	.hidden-box  .meprolin .mentop .byulist li
	{
		float: left;
		width:180px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}

		.hidden-box  .meprolin .mentop .byulist li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000;line-height:22px;
		}

	.hidden-box  .meprolin .mentbot .byulist li
	{
		float: left;
		width: 180px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}

		.hidden-box  .meprolin .mentbot .byulist li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000;
		}
	.hidden-box .meprolin .menmiddlist .middmenu h3
	{
		 font-size:13px; text-align:left; font-weight:bold;
	}
	.hidden-box  .meprolin .menmiddlist .middmenu .middtop a
	{
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
 .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
	.hidden-box  .menmiddlist .memiduls li
	{
		float: left;
		width: 180px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}

		.hidden-box .meprolin .menmiddlist .memiduls li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000; line-height:22px;
		}

		div.hidden-box{
    width: 860px;
    border: 1px solid #ddd;
    border-top: 0;
    position: absolute;
	 display:none;
	 background:#fff;
    top:40px;
    padding:0px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
    padding:0px;
    width:200px;

}
.hidden-box li { padding:0px;}
.hidden-box li a {text-transform:capitalize; color:#333; line-height:22px;}

	.hidden-box li a.hover
	{
		color: #2bcaf5;
	}
		.menuproducts
	{
		 width:900px;
	}
		
		.hidden-loc-us{left: -232px;}
}

@media (min-width:768px) and (max-width:1023px)
{	.hidden-con-us{left: 75px;}
		div.nav #box-2 .conbox li
	{
line-height:35px; height:35px; padding:0px;
	}
	div.nav #box-2 .conbox li a
	{
		 color:#fff;
	}
	.hidden-loc-us{left: 72px;}
	/*导航下拉*/
	.mentoplist
	{
		float: left;
		width: 155px;
		border-right: 2px solid #ddd;
		height: 475px;
	}

	.mentop
	{
		float: left;
		width: 135px;
		padding-left: 15px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}

	.byages
	{
		float: left;
		width: 135px;
		text-align: left;
		font-weight: bold;
		padding: 0px;
		padding-bottom: 10px;
		font-size: 13px;
		margin: 0px;
	}

	.byulist
	{
		float: left;
		width: 135px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}


	.mentbot
	{
		float: left;
		width:135px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}

	.menmiddlist
	{
		float: left;
		width: 155px;
		border-right: 2px solid #ddd;
		height: 475px;
	}

	.middmenu
	{
		float: left;
		width: 135px;
		padding-left: 15px;
	}

	.middtop
	{
		float: left;
		width: 135px;
		text-align: left;
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 13px;
	}

	.memiduls
	{
		float: left;
		width: 135px;
		
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.midimgsmenu
	{
		float: left;
		width: 135px;
		text-align: left; margin-top:30px;
	}
		.midimgsmenu img
		{
			border-radius: 10%;
			width: 90px;
			
		}
	.navbar-nav  .abouuls
	{
		text-align: center;
		width: 90px;
		display: block;
	}

		.navbar-nav  .abouuls a
		{
			padding: 10px;
			font-size: 14px;
			width: 150px;
			display: block;
			color: #333;
		}




	.meprolin
	{
		float: left;
		width: 640px;
		padding-top: 25px;
		height: 500px;
	}

	.hidden-box  .meprolin .mentop .byulist li
	{
		float: left;
		width:135px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}

		.hidden-box  .meprolin .mentop .byulist li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000;line-height:22px;
		}

	.hidden-box  .meprolin .mentbot .byulist li
	{
		float: left;
		width: 135px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}

		.hidden-box  .meprolin .mentbot .byulist li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000;
		}
	.hidden-box .meprolin .menmiddlist .middmenu h3
	{
		 font-size:13px; text-align:left; font-weight:bold;
	}
	.hidden-box  .meprolin .menmiddlist .middmenu .middtop a
	{
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
 .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
	.hidden-box  .menmiddlist .memiduls li
	{
		float: left;
		width: 135px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}

		.hidden-box .meprolin .menmiddlist .memiduls li a
		{
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 13px;
			color: #000; line-height:22px;
		}

		div.hidden-box{
    width: 640px;
    border: 1px solid #ddd;
    border-top: 0;
    position: absolute;
	   display:none;
	 background:#fff;
    top:40px;
    padding:0px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
    padding:0px;
    width:200px;

}
.hidden-box li { padding:0px;}
.hidden-box li a {text-transform:capitalize; color:#333; line-height:22px;}

	.hidden-box li a.hover
	{
		color: #2bcaf5;
	}
		.menuproducts
	{
		 width:640px;
	}
			.hidden-loc-us{left:-82px;}
}

/*----*/
.callbacks_tabs li{
	display:none
}
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:18px;
  width:18px;
  display:inline-block;
  border:2px solid #FFF;
  background: #FFF;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
}
.callbacks_tabs li:nth-child(1) a:before{
	content:none;
}
.callbacks_tabs a:before{
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 35px;
	width: 0.5px;
	display: inline-block;
	position: absolute;
	left: 8px;
 }
.callbacks_here a:after{
	border: 2px solid #475B5B;
	background: #FFF;
}

.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
/*-- team --*/
.team{
	 margin-top:55px;
	text-align: center;
	
}
.teabotm
{
border-bottom:1px solid #ddd;
	padding-bottom: 5em;
}
.line{
	text-align:center;
}
.team p{
	color:#1E3536;
	font-size: 20px;
	margin: 1em 0;
}
.team p.subtext{
	width: 88%;
	margin:0 auto; margin-top:8px; height:110px; overflow:hidden;
}
.team h4{
	
	width: 88%;
	margin:0 auto; font-weight:bold;
}

/*-- Slider Part starts Here--*/
#slider2,
#slider3 {
  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;
}

#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.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{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
}
.siimgs
{
	margin-top:60px;
}
.rslides .u-coma{
	text-align:left; margin-top:30px;
}
.rslides .d-coma{
	text-align:right;  
}

.rsdate
{
	 position:relative; z-index:1; margin-top:-220px; width:112px; height:112px; background:#b92029; margin-left:75px; color:#fff; margin-bottom:60px; float:left; text-align:left;
}

	.rsdate h2
	{
		 display:block; margin-top:20px;  margin-left:10px;
	}
	.rsdate span
	{
		 display:block; margin:0px;  margin-left:10px;
	}
	.rsdate h5
	{
		 display:block; margin:0px; margin-left:10px;
	}

.callbacks_tabs{
	list-style: none;
	position: absolute;
	top: 19%;
	z-index: 999;
	left: 114.1%;
	padding: 0;
}
ul.callbacks_tabs.callbacks2_tabs {
	display: none;
}

@media (max-width:480px)
{
		.team p.subtext {
		overflow: hidden;
		height: 45px;
		font-size:16px;
	}
	.u-coma img {
		width: 4%;
	}
	.d-coma img {
		width: 4%;
	}
	.team p {
		margin: .5em 0;
	}
}

#bottom a
{
	 color:#fff;
}
@media (min-width:1200px) and (max-width:1920px)
{
	.newslistst
{
	 margin-top:50px;
}

.newsleft
{
	 float:left; width:62px; height:62px; background:url(../images/1_17.jpg) no-repeat;
}
	.newsleft span
	{
		 float:left; font-size:1.0em;padding-left:5px;
	}
	.newsleft p
	{
		 float:left; padding-top:25px; font-size:1.2em; padding-left:30px;
	}
.newsright
{
	 float:right; width:275px;
}
	.newsright h3
	{
		 float:left; width:100%;font-size:1.2em;  margin-top:0px;
	}
		.newsright p
	{
		 float:left; width:100%;
	}


		#footer{ background:#252525; min-height:340px; margin-top:0px;}


.widget h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold;}
.widget ul{ list-style:none; padding:0px; margin:0px; margin-top:15px;}
.widget ul li{ margin-top:6px;}
.widget ul li a{ color:#9a9a9a; }

.widget2 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold;}
.widget2 ul{ list-style:none; padding:0px; margin:0px; margin-top:15px; width:100%; float:left;}
.widget2 ul li{ margin-top:6px; width:50%; float:left;}  
.widget2 ul li a{ color:#9a9a9a;}
.widget3 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; margin-bottom:15px; font-weight:bold;}
.widget3 p{ color:#9a9a9a; margin-top:6px; margin-bottom:5px;}
.foshare { margin-top:10px;}
.foshare a{ padding-right:3px;}
	.prightf
	{
		 float:right;
	}
#bottom{ background:url(../images/1_13.jpg) repeat-x #252525; min-height:64px; display:block; text-align:center;}
#bottom p{ color:#9a9a9a; padding:0px; line-height:64px; margin:0px;}

}
@media (min-width:992px) and (max-width:1199px)
{
	.newslistst
{
	 margin-top:50px;
}

.newsleft
{
	 float:left; width:50px; height:50px; background:url(../images/1_17.jpg) no-repeat;
}
	.newsleft span
	{
		 float:left; font-size:1.0em;padding-left:5px;
	}
	.newsleft p
	{
		 float:left; padding-top:20px; font-size:1.1em; padding-left:30px;
	}
.newsright
{
	 float:right; width:220px;
}
	.newsright h3
	{
		 float:left; width:100%;font-size:1.1em;  margin-top:0px;
	}
		.newsright p
	{
		 float:left; width:100%;
	}

		#footer{ background:#252525; min-height:340px; margin-top:0px;}


.widget h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold;}
.widget ul{ list-style:none; padding:0px; margin:0px; margin-top:15px;}
.widget ul li{ margin-top:6px;}
.widget ul li a{ color:#626262;}

.widget2 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold;}
.widget2 ul{ list-style:none; padding:0px; margin:0px; margin-top:15px; width:100%; float:left;}
.widget2 ul li{ margin-top:6px; width:50%; float:left;}  
.widget2 ul li a{ color:#626262;}
.widget3 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; margin-bottom:15px; font-weight:bold;}
.widget3 p{ color:#626262; margin-top:6px; margin-bottom:5px;}
.foshare { margin-top:10px;}
.foshare a{ padding-right:3px;}
	.prightf
	{
		 float:right;
	}
#bottom{ background:url(../images/1_13.jpg) repeat-x #252525; min-height:64px; display:block; text-align:center;}
#bottom p{ color:#9a9a9a; padding:0px; line-height:64px; margin:0px;}
}
@media (min-width:768px) and (max-width:991px)
{
	.newslistst
{
	 margin-top:50px;
}

.newsleft
{
	 float:left; width:100%; text-align:center;
}
	.newsleft span
	{
		 float:left; font-size:1.0em;padding-left:5px; padding-right:20px;line-height:20px;
	}
	.newsleft p
	{
		 float:left;  font-size:1.1em; padding-left:20px; border-left:1px solid #333; line-height:20px;
	}
	.newsleft img
	{
		  width:150px; height:114px;
	}
.newsright
{
	 float:left;width:100%; text-align:center; margin-top:15px;
}
	.newsright h3
	{
		 float:left; width:100%;font-size:1.1em; margin:0px; margin-top:10px; 
	}
		.newsright p
	{
		 float:left; width:100%; margin:0px; margin-top:5px;
	}

		#footer{ background:#252525; min-height:380px; margin-top:0px;}


.widget h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold;}
.widget ul{ list-style:none; padding:0px; margin:0px; margin-top:15px;}
.widget ul li{ margin-top:6px;}
.widget ul li a{ color:#9a9a9a; }

.widget2 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold;}
.widget2 ul{ list-style:none; padding:0px; margin:0px; margin-top:15px; width:100%; float:left;}
.widget2 ul li{ margin-top:6px; width:50%; float:left;}  
.widget2 ul li a{ color:#9a9a9a; }
	.prightf
	{
		 float:right;
	}

.widget3 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; margin-bottom:15px; font-weight:bold;;}
.widget3 p{ color:#9a9a9a; margin-top:6px; margin-bottom:5px;}
.foshare { margin-top:10px;}
.foshare a{ padding-right:3px;}

	.foshare a img
	{
		 width:25px;
	}


#bottom{ background:url(../images/1_13.jpg) repeat-x #252525; min-height:64px; display:block;text-align:center;}
#bottom p{ color:#9a9a9a; padding:0px; line-height:64px; margin:0px;}


}
.nbframe
{


	color:#fff;
	text-align:center; width:100%;  display:block;  max-height:500px;
}
	.nbframe img
	{
		max-width:100%; height:auto;max-height:500px;
	}
@media (max-width:767px) 
{
	.nbframe
	{
		margin-top:70px;
	}
	.neppl
	{
		margin-bottom:25px;
	}
	.newslistst
{
	 margin-top:50px;
}

.newsleft
{
		 float:left; width:100%; text-align:center;
}
	.newsleft img
	{
		 width:100%; height:auto; max-width:150px; max-height:115px;
	}
	.newsleft span
	{
		 float:left; font-size:1.0em;padding-left:5px;
	}
	.newsleft p
	{
		 float:left; padding-top:25px; font-size:1.2em; padding-left:30px;
	}
.newsright
{
	 float:left;  width:100%; margin-top:20px; text-align:center;
}
	.newsright h3
	{
		 float:left; width:100%;font-size:1.1em;  margin-top:0px; font-weight:bold;
	}
		.newsright p
	{
		 float:left; width:100%;
	}

			#footer{ background:#252525; min-height:120px; margin-top:0px;}


.widget h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold; float:left; width:100%; }

.widget ul{ list-style:none; padding:0px; margin:0px; margin-top:15px;}
.widget ul li{ margin-top:6px;}
.widget ul li a{ color:#9a9a9a; }

.widget2 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px; font-weight:bold; float:left; width:100%;padding:0px;;}
.widget2 ul{ list-style:none; padding:0px; margin:0px; margin-top:5px; width:100%; float:left;}
.widget2 ul li{ margin-top:6px; width:50%; float:left;}  
.widget2 ul li a{ color:#9a9a9a; }

.widget3 h3{ color:#f1f1f1; font-size:1.2em; line-height:30px; margin:0px;font-weight:bold;  float:left;width:100%;}
.widget3 p{ color:#9a9a9a; margin-top:6px; margin-bottom:5px;}

	.widget
	{
		 float:left;width:100%; 
	}
		.widget3
	{
		margin-top:10px; float:left;width:100%; 
	}
			.widget2
	{
		margin-top:17px;float:left;width:100%; margin-bottom:25px; 
	}

.foshare { margin-top:10px;}
.foshare a{ padding-right:3px;}
	.foshare  img
	{
		 width:100px;
	}
	.prightf
	{
		 float:right;
	}
#bottom{ background:url(../images/1_13.jpg) repeat-x #252525; min-height:64px; display:block;}
#bottom p{ color:#9a9a9a; padding:0px; line-height:64px; margin:0px;}

}





.about_title
{
	 margin-top:30px; text-align:center;
}
	.about_title h1
	{
		 text-transform:uppercase; color:#bbbbbb; position:relative; font-size:2.3em;
	}
.about_title h1 i
{
	 display:block; width:0; height:0; overflow:hidden; border-bottom:#e70012 transparent transparent; border-style:solid solid solid; border-width:2px;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-25px;
}

.news_title
{
	 margin-top:25px; text-align:center; margin-bottom:65px;
}
	.news_title h1
	{
		 text-transform:uppercase; color:#bbbbbb; position:relative;
	}
.news_title h1 i
{
	 display:block; width:0; height:0; overflow:hidden; border-bottom:#e70012 transparent transparent; border-style:solid solid solid; border-width:2px;width:60px; position:absolute; left:50%; bottom:-20px; margin-left:-25px;
}
.about_rnr
{
	 margin-top:45px; padding:20px;
}
	.about_rnr img
	{
		 max-width:98%; height:auto;
	}


	
	/*关于我们*/
	.get-started {
  background: none repeat scroll 0 0 #F3F3F3;
  border-radius: 3px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 18px;
  margin-top: 60px;
}

.get-started h2 {
  padding-top: 30px;
  margin-bottom: 20px;
}

.request {
  bottom: -15px;
  left: 50%;
  position: absolute;
  margin-left: -110px;
}

.request h4 {
  position: absolute;
  width: 220px;
  position:relative;
}

.request h4 a{
  background:#c52d2f;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
  padding: 5px 15px;
}


.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; width:80%; margin:0 auto;
}



 .breadcrumb {
	padding: 15px 0;
	font-size: 15px;
	line-height: 1.2;
	text-align: right;
	color: #2f2f2f;
	background: #f1f1f1; text-transform:capitalize;
}
.breadcrumb--iframe {
	text-align: left;
	background: none
}
.breadcrumb__item {
	color: #2f2f2f;
	white-space: nowrap
}
.breadcrumb__item.is-active {
	color: #008d3f
}
a.breadcrumb__item:hover, a.breadcrumb__item:active, a.breadcrumb__item:focus {
	color: #2f2f2f;
	text-decoration: underline
}


/*新闻列表*/
	.fh5co-section-gray {
  background: rgba(0, 0, 0, 0.04); border-top:1px solid #ddd; margin-bottom:40px;
}

	.fh5co-blog {
  margin-bottom: 60px;
}
@media (min-width:1200px) and (max-width:1920px)
{
.fh5co-blog a img {
 width:360px; height:181px;
}
}

@media (min-width:992px) and (max-width:1199px)
{
.fh5co-blog a img {
 width:293px; height:147px;
}
}
@media (min-width:768px) and (max-width:991px)
{
.fh5co-blog a img {
 width:720px; height:200px;
}
}

@media screen and (max-width: 768px) {
  .fh5co-blog {
    width: 100%;
  }
  .fh5co-blog a img {
 width:100%; height:auto; height:180px;
}
}
.fh5co-blog .blog-text {
  margin-bottom: 30px;
  position: relative;
  background: #fff;
  width: 90%;
  padding: 30px;
  float: right;
  margin-top: -5em;
  -webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
}
.fh5co-blog .blog-text span {
  display: inline-block;
  margin-bottom: 20px;
}
.fh5co-blog .blog-text span.posted_by {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
}
.fh5co-blog .blog-text span.comment {
  float: right;
}
.fh5co-blog .blog-text span.comment a {
  color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .blog-text span.comment a i {
  color: #e70012;
  padding-left: 7px;
}
.fh5co-blog .blog-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.5; height:3em; overflow:hidden;
}
.fh5co-blog .blog-text h3 a {
  color: rgba(0, 0, 0, 0.6);
}

#fh5co-start-project-section {
  padding: 7em 0;
  background: #F64E8B;
}
#fh5co-start-project-section h2 {
  color: white;
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #fh5co-start-project-section h2 {
    font-size: 30px;
  }
}
#fh5co-start-project-section a:hover, #fh5co-start-project-section a:focus, #fh5co-start-project-section a:active {
  color: white !important;
}

.btn {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn {
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn-primary {
  background: #e70012;
  color: #fff;
  border: none !important;
  border: 2px solid transparent !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  box-shadow: none;
  background: #66D37E;
  color: #fff !important;
}
.btn:hover, .btn:active, .btn:focus {
  background: #393e46 !important;
  color: #fff;
  outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
  border-color: transparent;
}
	.heading-section {
	 margin-top:1em;
  padding-bottom: 1em;
  margin-bottom: 5em;
}
.heading-section:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 2px;
  background: #e70012;
}
.heading-section h3 {
  font-size: 30px;
  font-weight: 300;
  position: relative;
}
.heading-section p {
  font-size: 20px;
}


@media (min-width: 998px)
{
	.news_c_right{ margin-top:50px; border:1px solid #ddd;}
	.coright
	{
		 float:right;
	}
}
@media (min-width: 768px) and (max-width: 997px)
{
	.news_c_right{ margin-top:50px; border:1px solid #ddd;}

}
@media (max-width: 767px)
{

		.news_c_right{ margin-top:0px; border:1px solid #ddd; margin-bottom:30px;}
}
@media (max-width: 480px)
{
	.news_c_right{ margin-top:0px; border:1px solid #ddd; margin-bottom:30px;}
}
.news_bar
{
	 padding-top:9em;padding-bottom:3em;
}
	.news_bar h1
	{
		 text-align:center; color:#646464; font-size:60px; line-height:70px;
	}
	.news_bar p
	{
		text-align:center; font-size:16px; color:#7c7c7c; line-height:25px; padding-top:12px;
	}


			.certopt
	{
		margin-top:47px;
	}

@media (min-width: 768px)
{
.newsa
{
	padding:0px;
}
}

.newsa .where{ border-bottom:1px solid #ddd; height:60px; line-height:60px; float:left;width:100%; padding-top:10px;}
.newsa .where h2{ display:block; border-bottom:2px solid #e70012; font-size:1.5em; color:#000; float:left; line-height:50px; font-weight:bold; margin:0px; padding:0px;}
	.newsa .where p
	{
		 float:right;
	}
.news_c_left{ padding-bottom:30px; margin-top:20px;}
	.news_c_left h2
	{
		font-weight: normal;
		line-height: 35px;
		margin-top: 15px;
		font-size: 1.8em;
	}
.news_c_left h3{ font-size:14px; color:#666; font-weight:normal; margin:15px 0;}
.news_c_left .news_c_content{ line-height:30px; font-size:14px; margin-top:40px; color:#666;}


.news_c_right h4{ background:#e70012; color:#fff; height:44px;  font-weight:normal; text-indent:20px; line-height:44px;width:100%; padding:0; margin:0;}
.news_c_right ul{ list-style:none; border-top:0px; margin:0; display:block; padding:0px;}
.news_c_right ul li{ padding:10px 10px;}
.news_c_right ul li a{ font-size:14px;}
.news_c_right ul li a:hover{ text-decoration:underline;}

 .share .si { display:inline-block; width:23px; height:23px; overflow:hidden; font:0/0 a; letter-spacing:-9px; background:url(../images/share.png) no-repeat; filter:alpha(opacity=40); opacity:0.4; vertical-align:middle; margin-right:5px;}
 .share a:hover .si { filter:alpha(opacity=100); opacity:1;}
 .share .si01 { background-position:0 0;}
 .share .si02 { background-position:-23px 0;}
 .share .si03 { background-position:-46px 0;}

 .share .si04 {background-position:-69px 0;}
 .share .si05 {background-position:-92px 0;}

 /*end新闻列表*/

.services_rnr
{
	 margin-top:25px; float:left;
}
	.services_rnr img
	{
		 max-width:98%; height:auto;
	}

/*车间*/

#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}

#recent-works{
    padding-bottom: 70px; margin-top:35px;
}

.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}
	

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #c52d2f;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .cets {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}


 /*资质车间*/
.work {
	position: relative;
	margin-bottom: 40px;

	text-align: center;
}

.work-image {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
	
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);

	-webkit-transition: box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
	 border:1px solid #ddd;
}

.work-image img {
    width: 100%;
    display: block;
    
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.work-image:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.port
{
	margin-top:25px;
}
.link-overlay {
	position: absolute;
	top: 0;       left: 0;
	bottom: 0;    right: 0;
	background: rgba(0,0,0,0);
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.link-overlay:before {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;    left: 50%;
	margin: -22px 0 0 -25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity:0;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.work-image:hover .link-overlay { background: rgba(20,22,23,0.6);}

.work-image:hover  .link-overlay:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.work p { margin: 0; }

.work-name {
	display: inline-block;
	margin: 15px 0 6px;
	font: 14px ;
}

a.work-name {
	color: #313538;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
}

a.work-name:hover {
	color: #04BFEA;
}
 /*end资质车间*/


 .teamtop{ margin-top:25px;}
/**team**/
.team2{
	padding: 0 0 4em;
}
.team-grid {
    padding: 0;
}
.team-grids {
    margin-top: 3em;
}

.teamtop h3{
	font-size: 3.2em;
    text-align: center;
    text-transform: capitalize;
  
    color: #222; line-height:1em;
}
.teamtop h5{ font-size:14px; text-align:center; text-transform:uppercase; color:#e92633; font-weight:bold;}

.aboutbg
{
	 border-bottom:1px solid #ddd;
}
.team-socials {
    padding: 0;
    margin: 1em 0 0 0;
    list-style: none;
}
.team-socials li:first-child {
    padding-left: 0;
}
.team-socials li {
    display: inline;
    padding: 0 9px;
}
.team-socials li a {
    color: #656565;
}
.team-socials li a:hover {
    color:#2f374c;
}
.team-socials li span {
    font-size:18px;
}


/*联系我们*/
.aboutbg2
{
	 padding-top:30px; 
}
.contx_rnr
{
	text-align:center; margin-top:65px; width:100%;
}
@media (min-width: 48em) {
.contact-data__icon.contact-data__icon--customer-service {
	left: 10px;
	width: 48px;
	height: 46px
}
}
.contact-data__label {
	display: block;
	margin-bottom: 5px;
	color: #696969
}
.contact-data__deco {
	display: none;
	z-index: -1
}
@media (min-width: 48em) {
.contact-data__deco {
	display: block;
	position: absolute;
	bottom: -40px;
	right: 0
}
}


.contact-data {
	position: relative;
	z-index: 1;
	padding-bottom: 60px;
	font-size: 19px;
	line-height: 1.15;
	color: #2f2f2f;
	
	overflow: visible;
	 padding-top:25px;
}
.contact-data p {
	margin-bottom: 20px
}
.contact-data strong {

}
@media (min-width: 48em) {
.contact-data {
	padding-bottom: 100px;
	font-size: 21px;
}
}
.contact-data__col {
	position: relative;
	padding-left: 54px
}
@media (min-width: 48em) {
.contact-data__col {
	padding-left: 80px
}
}
.contact-data__col--1 {
	margin-bottom: 40px
}
@media (min-width: 48em) {
.contact-data__col--1 {
	margin-bottom: 0
}
}
.contact-data__icon {
	position: absolute;
	top: 0;
	color: #9e9e9e
}
@media (min-width: 48em) {
.contact-data__icon {
	margin-bottom: 0
}
}
.contact-data__icon.contact-data__icon--location {
	left: 15px;
	width: 24px;
	height: 36px
}
@media (min-width: 48em) {
.contact-data__icon.contact-data__icon--location {
	left: 24px;
	width: 32px;
	height: 48px;
}

}
.contact-data__icon.contact-data__icon--customer-service {
	left: 11px;
	width: 32px;
	height: 31px
}
@media (min-width: 48em) {
.contact-data__icon.contact-data__icon--customer-service {
	left: 10px;
	width: 48px;
	height: 46px
}
}


@media (max-width: 768px)
{
	.contact-data__icon.contact-data__icon--location img{
	
	width: 32px;
	height: 32px;
}
	.contact-data__icon.contact-data__icon--customer-service img
	{
		 width:35px;  height:35px;
	}
}
/*loading*/
        .loading
        {
            font-size: 1em;
            width: 6em;
            padding: 2px;
            background-color: #7a7f89;
            border: 1px solid #999;
            text-align: center;
            display: none;
            color: #fff;
            position: fixed;
            _position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -3em;
            z-index: 9999;
        }

            .loading span
            {
                display: inline-block;
                height: 16px;
                vertical-align: middle;
                width: 16px;
                background: url(../images/icon-loading-16px.gif) no-repeat 0 0;
            }

            .loading b
            {
                font-weight: normal;
            }



			.contact-map {
    margin-top: 40px;
    margin-bottom: 40px;
}

			/*留言*/
			#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#ddd;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}



/*产品*/
.product {
	position: relative;
	padding: 30px 15px 40px;
	height: auto;
	overflow: hidden
}
@media (min-width: 48em) {
.product {
	float: left;
	width: 50%;
	height: 360px;
	padding-right: 20px;
	padding-left: 20px
}
}
@media (min-width: 48em) and (min-width: 48em) {
.product:hover .product__photo__img, .product:active .product__photo__img, .product:focus .product__photo__img {
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px)
}
}
@media (min-width: 48em) {
.product:hover .product__desc, .product:active .product__desc, .product:focus .product__desc {
	border-color: #535353
}
}
@media (min-width: 62em) {
.product {
	height: 375px;
	padding-top: 40px;
	padding-right: 25px;
	padding-left: 25px
}
}
@media (min-width: 75em) {
.product {
	height: 450px;
	padding-right: 40px;
	padding-left: 40px
}
}
@media (min-width: 85.375em) {
.product {
	height: 500px
}
}
@media (min-width: 105em) {
.product {
	height: 550px
}
}
.product__link {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("/images/fix.png")
}
.product__link:hover, .product__link:active, .product__link:focus {
	text-decoration: none
}
.product__info {
	position: relative;
	z-index: 3;
	margin-bottom: 10px
}
.product__title {
	font-size: 22px;
	margin-bottom: 2px;

	line-height: 1.4;
	text-transform: uppercase;
	color: #000;
	-webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
@media (min-width: 62em) {
.product__title {
	font-size: 22px
}
}
.product__desc {
	display: inline-block;
	border-bottom: 1px solid transparent;
	margin: 10px 0 7px;
	font-size: 14px;
	line-height: 1.1;
	color: #535353;
	word-wrap:break-word;
	
	-webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.product__author {
	margin: 0;

	font-size: 13px;
	line-height: 1.5;
	color: #000;
	-webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.product__photo {
	position: relative;
	z-index: 2;
	font-size: 0px;
	text-align: center
}
.product__photo:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%
}
@media (min-width: 48em) {
.product__photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 110px
}
}
@media (min-width: 75em) {
.product__photo {
	padding-top: 75px
}
}
@media (min-width: 85.375em) {
.product__photo {
	padding-top: 30px
}
}
.product__photo__img {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	will-change: transform
}
@media (min-width: 48em) {
.product__photo__img {
	max-width: 90%;
	max-height: 90%;
	margin-top: 0px
}
}
@media (min-width: 62em) {
.product__photo__img {
	max-width: 90%;
	max-height: 80%
}
}
@media (min-width: 75em) {
.product__photo__img {
	max-height: 90%
}
}
.product.product--photo-bg {
	min-height: 300px
}
.product.product--photo-bg .product__title {
	color: #fff
}
@media (min-width: 48em) {
.product.product--photo-bg .product__title {
	max-width: 50%
}
}
.product.product--photo-bg .product__desc {
	color: #fff;
	white-space: normal
}
@media (min-width: 48em) {
.product.product--photo-bg .product__desc {
	max-width: 50%
}
}
.product.product--photo-bg .product__author {
	color: #fff
}
@media (min-width: 48em) {
.product.product--photo-bg .product__author {
	max-width: 50%
}
}
.product.product--photo-bg .product__photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background-size: auto 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.product.product--photo-bg .product__photo__overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	will-change: background-color, transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.product.product--photo-bg:hover .product__title, .product.product--photo-bg:active .product__title, .product.product--photo-bg:focus .product__title {
	color: #000
}
.product.product--photo-bg:hover .product__desc, .product.product--photo-bg:active .product__desc, .product.product--photo-bg:focus .product__desc {
	color: #000;
	border-color: transparent
}
.product.product--photo-bg:hover .product__author, .product.product--photo-bg:active .product__author, .product.product--photo-bg:focus .product__author {
	color: #000
}
.product.product--photo-bg:hover .product__photo, .product.product--photo-bg:active .product__photo, .product.product--photo-bg:focus .product__photo {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03)
}
.product.product--photo-bg:hover .product__photo__overlay, .product.product--photo-bg:active .product__photo__overlay, .product.product--photo-bg:focus .product__photo__overlay {
	opacity: 0.7
}
@media (min-width: 30em) {
.product.product--photo-bg {
	min-height: 350px
}
}


.product.product--width-100 {
	width: auto;
	float: none
}
@media (min-width: 62em) {
.product.product--width-100 {
	height: 425px
}
}
@media (min-width: 75em) {
.product.product--width-100 {
	height: 500px
}
}
@media (min-width: 85.375em) {
.product.product--width-100 {
	height: 550px
}
}
@media (min-width: 105em) {
.product.product--width-100 {
	height: 600px
}
}
@media (max-width:767px )
{
	.product.product--width-100
	{
		 margin-top:75px;
	}
}
@media (min-width:768px )
{
	.pbgcolor1
	{
		background-color: rgb(255,255,255);
	}

	.pbgcolor2
	{
		background-color: rgb(238,238,238);
	}
}
@media (max-width:767px )
{
	.pbgcolor1
	{
		background-color: rgb(255,255,255); border-bottom:1px solid #ddd;
	}

	.pbgcolor2
	{
		background-color: rgb(255,255,255); border-bottom:1px solid #ddd;
	}
}



/*产品页*/
.pcp2{ margin-top:25px; margin-bottom:5px;}
.pcp{ float:left; width:100%;}
.ptp{ float:left; width:100%;}
.ptp a{ float:left;}

.ptitles
{
	  font-size:1.5em; font-weight:bold;
}


.pwz2{ float:left; width:100%; background:#eaeaea; height:120px;padding-top:12px; border-bottom:4px solid #e70012}
.pwz2_left{ float:left; padding-left:12px; border-right:1px solid #8e8e8e; padding-right:12px;}
.pwz2_right{ float:left; padding-top:6px;text-align:center;width:80%; margin-left:10%; }
.pwz2_right a{ color:#2a2a2a; line-height:22px; height:22px; overflow:hidden; display:block; font-size:1.2em; font-weight:bold; }
.pwz2_right p{ text-align:center; padding-top:6px; height:60px; overflow:hidden; display:block; }

@media (min-width: 1200px) and (max-width:1920px )
{
	.he_border1{background:#e70012;width:100%;height:auto;height:262px; padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:2;}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden; text-align:center;}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}
}

@media (min-width: 992px) and (max-width:1199px )
{
	.he_border1{background:#e70012;width:100%;height:auto;height:212px; padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:2;}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden; text-align:center;}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}
}
@media (min-width:768px) and (max-width:991px )
{
	.he_border1{background:#e70012;width:100%;height:auto;height:345px; padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:2;}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden; text-align:center;}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}
}
@media (max-width:768px) 
{
	.he_border1{background:#e70012;width:100%;height:auto; padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:2;}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden; text-align:center;}

}
.phtitles
{
	 margin-bottom:5px;
}

.pplihs
{
	margin-top:20px; margin-bottom:10px; 
}
.filter-list {
	  margin:0px;

	padding: 0;
	 margin-top:10px;
	list-style: none;
}

.filter-list li {
	display: inline-block;
	position: relative;
	margin-right: 23px;
	padding: 8px;
	padding-left:15px; padding-right:15px;
	 line-height:25px;
	font-size: 14px;
	color: #2bcaf5;
	 width:100%;
	cursor: pointer; border-bottom:1px solid #ddd; margin-bottom:8px;
}
	.filter-list li a:hover
	{
color:#e70012;
	}
	.filter-list li a.active
	{
color:#e70012;
	}

.filter-list li.active {
	color: #e70012;
}

.filter-list li:before, .filter-list li.active:before { 
	content: '';
	display: block;
	height: 0;

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 53;

	background: #e70012;

	-webkit-transition: height 0.2s ease;
	transition: height 0.2s ease;
}

.filter-list li:hover:before { height: 2px; }

.filter-list li.active:before {
	height: 2px;
	background: #e70012;
}



.filter-select ul {

    display: none;
    position: absolute;
    left: 0;    right: 0;
    z-index: 3;
    
    margin: 0;
    padding: 0;
    
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: none;
    
    list-style: none;
}

.filter-select .filter-current {
	background: #fafafa;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #dfdfdf;
}

.filter-select .filter-current:hover {
	background: #fafafa url(../images/light-btn.jpg) repeat-x top;
	box-shadow: 0 2px 2px rgba(0,0,0,0.04);
	border-color: #d9d9d9;
	border-bottom: 1px solid #cecece;
}

.filter-select .filter-current:active {
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;
}

.filter-select .filter-current:after {
	content: "+";

	float: right;
	margin-top: 5px;
	font: 12px 'FontAwesome';
}

.filter-select li, .filter-select .filter-current {
    padding: 5px 15px 4px;
    
    line-height: 22px;
    cursor: pointer;
}

.filter-select li:hover {
    margin: 0 -1px;
    
    background: #e70012;
    color: #fff;
}
	.filter-select li a
	{
		 display:block;
	}
	.filter-select li a:hover
	{
		 color:#fff; width:100%; display:block;
	}
@media (min-width: 992px)
{
			.filter-list  { display: block; }
	
	.filter-select {
	display: none;
    position: relative;
   
    margin-top: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
	 	.filter-list{ display: none; }
	
	.filter-select {
	display: block;
    position: relative;
    margin-top: 5px;
    margin-bottom: 0px;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
	.filter-list
	{
		display: none;
	}

	.filter-select
	{
		display: block;
		position: relative;
margin-top: 25px;
    margin-bottom: 0px;
	}
}
@media (max-width: 480px)
{
		.filter-list  { display: none; }
	
	.filter-select {
	display: block;
    position: relative;
margin-top: 15px;
    margin-bottom: 0px;
    }
}


/*最终页*/
	.pdebgs
{
	background:#f5f1ea; float:left; width:100%;
}




.rtp{  padding:3px; border:1px solid #E1E1E0 !important; display:block; margin:0px;  text-align:center; vertical-align:middle;
}
.rtp img{ margin:0px; padding:0px; width:100%;height:auto; max-width:400px; display:initial;}

@media (min-width: 485px)
{
	
#promoreimg{  margin-top:5px; margin-bottom:5px;overflow:hidden; display:block; float:left;  position:relative;}


#promoreimg .Cont {  MARGIN: 0px auto; OVERFLOW: hidden; min-width:400px; display:block; max-width:450px; margin-left:25px;}
	#promoreimg .Cont ul
	{
		list-style:none; margin:0px;  float:left; padding:0px;
	}
		#promoreimg .Cont ul li
		{
			 margin:0px; padding:0px; float:left;
		}


		#promoreimg img{float:left; width:90px; height:90px; border:0; margin:5px; margin-left:0px; border:1px solid #e5e5e5; padding:2px; cursor:pointer;}
#promoreimg .LeftBotton { float:left;BACKGROUND: url(../images/left1.jpg) no-repeat 0px 0px; LEFT:0px; WIDTH: 25px; CURSOR: pointer; TOP:5px; height:90px; position:absolute;}

#promoreimg .RightBotton { float:right;BACKGROUND: url(../images/right1.jpg) no-repeat 0px 0px; RIGHT:0px;  WIDTH: 25px; CURSOR: pointer; TOP: 5px; height:90px; position:absolute;}
}
@media (max-width: 484px)
{
	#promoreimg{  margin-top:5px; margin-bottom:5px;overflow:hidden; display:block; float:left;}


#promoreimg .Cont {  MARGIN: 0px auto;  display:block; margin-left:0px; max-width:240px;}
	#promoreimg .Cont ul
	{
		list-style:none; margin:0px;  float:left; padding:0px;
	}
		#promoreimg .Cont ul li
		{
			 margin:0px; padding:0px; float:left;
		}


		#promoreimg img{float:left; width:60px; height:60px; border:0; margin:5px; margin-left:0px; border:1px solid #e5e5e5; padding:2px; cursor:pointer;}
#promoreimg .LeftBotton { float:left;BACKGROUND: url(../images/left1.jpg) no-repeat 0px 0px; LEFT:0px; WIDTH: 25px; CURSOR: pointer; TOP:5px; height:90px; position:absolute; display:none;}

#promoreimg .RightBotton { float:right;BACKGROUND: url(../images/right1.jpg) no-repeat 0px 0px; RIGHT:0px;  WIDTH: 25px; CURSOR: pointer; TOP: 5px; height:90px; position:absolute; display:none;}
}


.pdintro {  display:block;}

.pdintro .name,.pdintro .cateby { border-bottom:#efefef 0px solid; line-height:1.2;}
.pdintro .name { font-size:32px; font-weight:normal; padding-top:8px; color:#000000; padding-bottom:0; word-break:break-all; text-align:left;}
.pdintro .cateby { font-size:24px; color:#888; padding-top:35px; padding-bottom:5px;  text-align:left;}
.pdintro .cateby .cate { font-size:20px; color:#333; margin-right:5px;}
.pdintro .btn { display:inline-block; margin:0; margin-top:10px; border:0; background:none;}
.pdintro .btn a { display:block; height:40px; line-height:40px; background-color:#2bcaf5; color:#fff; padding:9px 120px; text-align:center; font-size:20px; font-weight:bold;}
.pdintro .btn .cart { display:inline-block; width:40px; height:40px; background:url(../images/cart.png) no-repeat; overflow:hidden; vertical-align:middle; margin-right:15px;}
.pdintro .tel { font-size:14px;}
.pdintro .tel b { font-size:24px; color:#e70012; font-style:italic; margin-left:5px;}

.pdintro .links ul { width:100%;list-style:none; margin:0px; border:0;}
.pdintro .links li { width:24.333%; padding:0 1%; height:72px; line-height:18px; float:left; border-right:#c7c7c7 1px solid; margin-right:-1px; text-align:center; font-size:14px; padding-bottom:8px;}
.pdintro .links i { display:block; width:40px; height:40px; background:url(../images/arr.png) no-repeat; overflow:hidden; margin:0 auto;}
.pdintro .links i.pl02 { background-position:-40px 0;}
.pdintro .links i.pl03 { background-position:-80px 0;}



.pdintro .share .si { display:inline-block; width:23px; height:23px; overflow:hidden; font:0/0 a; letter-spacing:-9px; background:url(../images/share.png) no-repeat; filter:alpha(opacity=40); opacity:0.4; vertical-align:middle; margin-right:5px;}
.pdintro .share a:hover .si { filter:alpha(opacity=100); opacity:1;}
.pdintro .share .si01 { background-position:0 0;}
.pdintro .share .si02 { background-position:-23px 0;}
.pdintro .share .si03 { background-position:-46px 0;}

.pdintro .share .si04 {background-position:-69px 0;}
.pdintro .share .si05 {background-position:-92px 0;}


 .share .si { display:inline-block; width:23px; height:23px; overflow:hidden; font:0/0 a; letter-spacing:-9px; background:url(../images/share.png) no-repeat; filter:alpha(opacity=40); opacity:0.4; vertical-align:middle; margin-right:5px;}
 .share a:hover .si { filter:alpha(opacity=100); opacity:1;}
 .share .si01 { background-position:0 0;}
 .share .si02 { background-position:-23px 0;}
 .share .si03 { background-position:-46px 0;}

 .share .si04 {background-position:-69px 0;}
 .share .si05 {background-position:-92px 0;}

.detail_first
{
	 padding-top:20px; border-bottom:#747474 3px solid; height:74px; display:block;
}
.detail_first strong
{
	 float:left; display:inline-block; width:auto; height:54px; line-height:54px;font-size:16px; font-weight:normal; padding-left:4%; padding-right:4%; text-transform:uppercase;
	 background:#545454; color:#fff;  position:relative;  border-bottom:#e70012 3px solid;
}
.detail_first strong i { display:block; width:0; height:0; overflow:hidden; border-color:#e70012 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; bottom:-20px; margin-left:-10px;}


.cont_rnrlist
{
	 padding-top:20px; padding-bottom:20px; display:block;
}

						#conremark{  display:block; padding:35px 0px 0px 0px; background:#fff url(../images/confeedback.jpg) repeat-x left top; font-size:14px;}
#conremark strong{ display:block; font-size:20px; color:#e70012; line-height:35px; text-transform:capitalize; padding-bottom:10px;}
.cont_rnrlist
{
	display:block;padding-top:20px; padding-bottom:20px;
}

@media (min-width: 980px)
{

	#rlt{ padding:15px; min-height:450px;}
.rrtl{ padding:15px; min-height:450px;}
	.pdintro .name,.pdintro .cateby,.pdintro .btn,.pdintro .tel,.pdintro .links { padding:10px 80px 10px 80px;}
	.pdintro .links { overflow:hidden; padding:20px 0 0; margin:0 65px;}
	.pdintro .share{ float:left; width:380px; padding-left:130px; padding-top:30px;}
}

@media (min-width: 768px) and (max-width: 979px)
{
		#rlt{ padding:15px; min-height:410px;}
.rrtl{ padding:15px; min-height:410px;}
		.pdintro .name,.pdintro .cateby,.pdintro .btn,.pdintro .tel,.pdintro .links { padding:10px 30px 10px 30px;}
		.pdintro .links { overflow:hidden; padding:20px 0 0; margin:0 15px;}
		.pdintro .share{ float:left; width:340px; padding-left:40px; padding-top:30px;}
}
@media (max-width: 767px)
{
	.pabous
		{
			 margin-top:30px;
		}
	.xmbot15
	{
		margin-bottom:15px;
	}
		#rlt{ padding:15px; }
.rrtl{ padding:15px; min-height:350px;}
	.pdintro .name,.pdintro .cateby,.pdintro .btn,.pdintro .tel,.pdintro .links { padding:10px 10px 10px 10px;}
		.pdintro .links { overflow:hidden; padding:20px 0 0; margin:0 25px;}
				.pdintro .share{ float:left; width:340px; padding-left:40px; padding-top:30px;}
}
@media (max-width: 480px)
{	.pabous
		{
			 margin-top:30px;
		}
	.xmbot15
	{
		margin-bottom:15px;
	}
		#rlt{ padding:15px; }
.rrtl{ padding:15px;}
		.pdintro .name,.pdintro .cateby,.pdintro .btn,.pdintro .tel,.pdintro .links { padding:10px 10px 10px 10px;}
			.pdintro .links { overflow:hidden; padding:10px 0 0; margin:0 15px;}
	.news_c_right{ margin-top:0px; border:1px solid #ddd; margin-bottom:30px;}
			.pdintro .share{ float:left; width:340px; padding-left:40px; padding-top:10px; }
}


.contact-section{
	padding: 1em 0;
	
}
.contact {
  text-align: center;
}

#comname
{
	 line-height:30px; height:30px;
}

#comemail
{
	line-height:30px; height:30px;
}
#comtel
{
	line-height:30px; height:30px;
}

#comsend
{
	 padding: 0.8em 1.2em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background:#c4121e;
  border:none;
  outline:none;
   
  box-shadow: inset 0px -2px 11px #e70012;
  -webkit-box-shadow: inset 0px -2px 11px #e70012;
  -o-box-shadow: inset 0px -2px 11px #e70012;
  margin-top:15px;
}

.mtop15
{ 
	margin-top:15px;
}
.mbot15
{
	margin-bottom:15px;
}

.recent-work-wrap2 {
  position: relative;
}

.recent-work-wrap2 img{
  width: 100%;
}

.recent-work-wrap2 .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap2 .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap2 .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap2 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #e70012;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap2 .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
  
}

.recent-work-wrap2:hover .overlay {
  opacity: 1;
}

.mbt20
{
	margin-bottom:20px;
}
.margin-bottom-40
{
	 margin-bottom:25px;
}



/*// Contact type 1 //*/
.contacts-t_1 {
	width: 100%;
	background: #58141b;
}

.contacts-t_1::after {
	content: '';
	display: table;
	clear: both;
}




@media (max-width: 1024px) {
	.contacts-t_1_block-2::before {
		display: none;
	}
}

/*// Contact list type 1 //*/
.contacts-t_1__logo {
	display: inline-block;
	float: none;
	 margin-top:40px;
}

.contacts-t_1_block-1-wrapp {
	text-align: center;
	display: inline-block;
	float: none;	
	width: 100%;
}

@media (min-width: 1220px) and (max-width:1920px )
{

	

		.contacts-t_1_block-1 {
		width: 50%;
	}
.contacts-t_1_block-2 {
	width: 50%;
	height: 550px;
	float: left;
	position: relative;
}



.contacts-t_1_block-2::before {
	content: '';
	background: url(../images/1_29.png);
	width: 280px;
	height: 540px;
	position: absolute;
	bottom: 0;
	left: 0; z-index:4;
}

	.contacts-t_1_block-1 {
	width: 39.3%;
	float: left;
}

		.contacts-t_1_block-1-wrapp img
	{
			margin-top:65px;
 margin-left:100px;
	}
.youshili
{
	 float:left; width:700px; padding-top:35px;
}
.youshi_left
{
	 float:left;
}
	.youshi_left img
	{
		 float:left; padding-top:15px;
	}
.youshi_right
{
	 float:left; width:470px; padding-left:50px;
}
	.youshi_right h3
	{
		 color:#fff;
	}
		.youshi_right span
	{
		 color:#c32938;
	}
			.youshi_right p
	{
		 color:#fff;
	}
.form__cont-02 {
	width: 700px;
	vertical-align: middle;
 margin-left:-35px;
	margin-top: 30px; position:relative; z-index:56;
}


	.newstop_top
	{
		 background:url(../images/2_15.jpg) no-repeat center; height:100px; display:block; width:100%; margin-top:70px;
	}
	.news_top_list
	{
		 float:left; width:100%; margin-top:55px;
	}
	.news_top_list_top
	{
		 float:left; width:100%;
	}
		.news_top_list_top span
		{
			 font-size:20px; font-style:italic;
		}
			.news_top_list_top p
		{
			 font-size:20px; font-style:italic; font-weight:bold;
		}
	.news_top_list_midd
	{
		 float:left; width:100%;
	}
		.news_top_list_midd h3
		{
			 float:left; width:100%; font-weight:bold; font-size:1.3em; margin-top:10px;
		}
		.news_top_list_midd p
		{
			 float:left; width:100%;  font-size:13px; line-height:22px;
		}
	.nes_toop_more
	{
		 float:left; width:100%; margin-top:12px;
	}
		.nes_toop_more a
		{ 
			 background:#000000; color:#fff; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:15px;
		}

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

		.contacts-t_1_block-1 {
		width: 50%;
	}
.contacts-t_1_block-2 {
	width: 50%;
	height: 500px;
	float: left;
	position: relative;
}



.contacts-t_1_block-2::before {
	content: '';
	background: url(../images/1_29.png);
	width: 280px;
	height: 500px;
	position: absolute;
	bottom: 0;
	left: 0; z-index:4;
}


	.contacts-t_1_block-1 {
	width: 50%;
	float: left;
}

	.form__cont-02 {
	width: 480px;
	vertical-align: middle;
 margin-left:-35px;
	margin-top: 10px; position:relative; z-index:56;
}
		.contacts-t_1_block-1-wrapp img
	{
			margin-top:35px;

	}
.youshili
{
	 float:left; width:480px; padding-top:25px;
}
.youshi_left
{
	 float:left;
}
	.youshi_left img
	{
		 float:left; padding-top:15px;
	}
.youshi_right
{
	 float:left; padding-left:30px;
}
	.youshi_right h3
	{
		 color:#fff;
	}
		.youshi_right span
	{
		 color:#7a0f0f;
	}
			.youshi_right p
	{
		 color:#fff; width:370px;
	}

	.newstop_top
	{
		 background:url(../images/2_15.jpg) no-repeat center; height:100px; display:block; width:100%; margin-top:70px;
	}
	.news_top_list
	{
		 float:left; width:100%; margin-top:55px;
	}
	.news_top_list_top
	{
		 float:left; width:100%;
	}
		.news_top_list_top span
		{
			 font-size:20px; font-style:italic;
		}
			.news_top_list_top p
		{
			 font-size:20px; font-style:italic; font-weight:bold;
		}
	.news_top_list_midd
	{
		 float:left; width:100%;
	}
		.news_top_list_midd h3
		{
			 float:left; width:100%; font-weight:bold; font-size:1.3em; margin-top:10px;
		}
		.news_top_list_midd p
		{
			 float:left; width:100%;  font-size:13px; line-height:22px;
		}
	.nes_toop_more
	{
		 float:left; width:100%; margin-top:12px;
	}
		.nes_toop_more a
		{ 
			 background:#000000; color:#fff; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:15px;
		}

}

@media (min-width:768px) and (max-width:991px )
{
		.contacts-t_1_block-1 {
		width: 50%;
	}
.contacts-t_1_block-2 {
	width: 50%;
	height: 500px;
	float: left;
	position: relative;
}



.contacts-t_1_block-2::before {
	content: '';
	background: url(../images/1_29.png);
	width: 280px;
	height: 550px;
	position: absolute;
	bottom: 0;
	left: 0; z-index:4;
}

	.contacts-t_1
	{
		margin-top:45px;
	}
	.contacts-t_1_block-1 {
	width: 50%;
	float: left;
}

	.form__cont-02 {
	width: 375px;
	vertical-align: middle;
 margin-left:-35px;
	margin-top: 10px; position:relative; z-index:56;
}
		.contacts-t_1_block-1-wrapp img
	{
			margin-top:65px;

	}
.youshili
{
	 float:left; width:375px; padding-top:25px;
}
.youshi_left
{
	 float:left;
}
	.youshi_left img
	{
		 float:left; padding-top:15px;
	}
.youshi_right
{
	 float:left; padding-left:30px;
}
	.youshi_right h3
	{
		 color:#fff; font-size:15px;
	}
		.youshi_right span
	{
		 color:#7a0f0f;
	}
			.youshi_right p
	{
		 color:#fff; width:250px; font-size:12px; height:54px; overflow:hidden;
	}

	.newstop_top
	{
		 background:url(../images/2_15.jpg) no-repeat center; height:100px; display:block; width:100%; margin-top:70px;
	}
	.news_top_list
	{
		 float:left; width:100%; margin-top:55px;
	}
	.news_top_list_top
	{
		 float:left; width:100%;
	}
		.news_top_list_top span
		{
			 font-size:20px; font-style:italic;
		}
			.news_top_list_top p
		{
			 font-size:20px; font-style:italic; font-weight:bold;
		}
	.news_top_list_midd
	{
		 float:left; width:100%;
	}
		.news_top_list_midd h3
		{
			 float:left; width:100%; font-weight:bold; font-size:1.3em; margin-top:10px;
		}
		.news_top_list_midd p
		{
			 float:left; width:100%;  font-size:13px; line-height:22px;
		}
	.nes_toop_more
	{
		 float:left; width:100%; margin-top:12px;
	}
		.nes_toop_more a
		{ 
			 background:#000000; color:#fff; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:15px;
		}

}

@media (max-width:767px)
{		.contacts-t_1_block-1 {
		width: 100%; padding-top:15px; padding-bottom:30px;
	}
.contacts-t_1_block-2 {
	width: 100%;
	
	float: left;
	position: relative;
}



.contacts-t_1_block-2::before {
	content: '';
	background: url(../images/1_29.png);
	width: 280px;

	position: absolute;
	bottom: 0;
	left: 0; z-index:4;
}

	.contacts-t_1
	{
		margin-top:45px;
	}
	.contacts-t_1_block-1 {
	width: 100%;
	float: left;
}


	.contacts-t_1
	{
		margin-top:45px;
	}
	.contacts-t_1_block-1 {
	width: 100%;
	float: left;
}


		.contacts-t_1_block-1-wrapp img
	{
			margin-top:85px;

	}
.youshili
{
	 float:left; width:100%; padding-top:25px;
}
.youshi_left
{
	 float:left; width:100%; text-align:center;
}
	.youshi_left img
	{
		 text-align:center;
	}
.youshi_right
{
	 float:left; width:100%; text-align:center;
}
	.youshi_right h3
	{
		 color:#fff; font-size:15px;
	}
		.youshi_right span
	{
		 color:#7a0f0f; padding-bottom:8px;
	}
			.youshi_right p
	{
		 color:#fff;
	}
.newstop_top
	{
		 background:url(../images/2_15.jpg) no-repeat center; height:100px; display:block; width:100%; margin-top:70px;
	}
	.news_top_list
	{
		 float:left; width:100%; margin-top:55px;
	}
		.news_top_list img
		{
			 width:100%; max-height:300px; margin-bottom:20px;
		}
	.news_top_list_top
	{
		 float:left; width:100%;
	}
		.news_top_list_top span
		{
			 font-size:20px; font-style:italic;
		}
			.news_top_list_top p
		{
			 font-size:20px; font-style:italic; font-weight:bold;
		}
	.news_top_list_midd
	{
		 float:left; width:100%;
	}
		.news_top_list_midd h3
		{
			 float:left; width:100%; font-weight:bold; font-size:1.3em; margin-top:10px;
		}
		.news_top_list_midd p
		{
			 float:left; width:100%;  font-size:13px; line-height:22px;
		}
	.nes_toop_more
	{
		 float:left; width:100%; margin-top:12px;
	}
		.nes_toop_more a
		{ 
			 background:#000000; color:#fff; padding-top:8px; padding-bottom:8px; padding-left:15px; padding-right:15px;
		}
}



.contact-list_t1 {
	padding-left: 0;
}

.contact-list_t1 li {
	list-style: none;
	margin-bottom:30px;
}

.contact-list_t1 li i {
	font-size: 44px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 22px;
	display: inline-block;
}

.contact-list_t1 li i.fa-mobile {
	font-size: 59px;
}

.contact-list_t1 li i.fa-clock-o {
	font-size: 34px;
	line-height: 8px;
}

.contact-list_t1 li p {
	font: 18px/24px ;
	color: #fff;
}

.contacts-t_1_block-2 {
	background: url(../images/2_10.jpg) no-repeat;
}

@media (max-width: 767px) {
	.contacts-t_1_block-2 {
		background-size: contain;
	}

}





@media (max-width: 767px) {
	.form__cont-02 {
		padding: 0 20px;
	}
		.paddig50
	{
		padding-top:50px;
	}
}

.form__cont-02 .form__text {
	color: #000;
	line-height: 32px; color:#262626; font-size:1.2em; 
}

.boxed .form__cont-02 {
	margin-left: 200px;
}

@media (max-width: 1199px) {
	.boxed .form__cont-02 {
		margin-left: 180px;
		max-width: 380px;
	}
}

@media (max-width: 1024px) {
	.boxed .form__cont-02 {
		margin-left: 0;
		max-width: 520px;
	}
}

@media (max-width: 767px) {
	.boxed .form__cont-02 {
		max-width: 100%;
	}
}

.parallax {
	background-attachment: fixed !important;
	background-size: cover !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative; z-index:55;
}

.servicesrt
{
	 background:url(../images/2_16.jpg) no-repeat center; min-height:313px;
	  width:100%; margin-top:20px;
}
.servicesrt img
{
	margin-top:20px;
}

@media (min-width:768px) and (max-width:1920px )
{
		.caseli2{ list-style:none; text-align:center; margin:0px; margin-top:40px; }
.caseli2 li{    display:inline; margin-right:8px; margin-bottom:6px;}
	.caseli2 li a{line-height:30px; background:#f1f1f1; color:#666666;padding:10px;}
.caseli2 li a:hover{ background:#c8121f;color:#fff; text-decoration:none}
.caseli2 li a.hover{ background:#c8121f;color:#fff}



}
.abrnr
{
	 padding:20px; padding-top:35px;
}
.abrnr img
{
	max-width:100%;
}
@media (max-width:767px){

		.caseli2{ list-style:none; margin-top:40px;}
.caseli2 li{ padding:0px; margin:0px; float:left; margin-right:6px; margin-bottom:12px;}

	.caseli2 li a{line-height:30px; background:#f1f1f1; color:#666666;   padding:10px;}
.caseli2 li a:hover{ background:#c8121f;color:#fff; text-decoration:none}
.caseli2 li a.hover{ background:#c8121f;color:#fff}

		 }


.sec4 {
	background: url(../images/bg2.jpg) center no-repeat #e8e8e8; 
	padding: 180px 0
}
.sec4 .col-sm-2 h2 {
	margin: 0; font-size:16px; margin-bottom:15px;
}
.sec4 p {
	color: #eb5b4f
}

.banner_2 .btn {
	margin: 70px 0!important;
	padding: 11px 14px!important;
	font-size: 14px!important
}
.banner_2 {
	margin-top: -30px;
	background: #fff;
	border-top: 1px solid rgba(221,221,221,1);
	overflow: hidden
}
.banner_2 .btn {
	margin: 70px 0;
	color: #fff;
	padding: 17px 22px;
	border-radius: 60px;
	font-size: 21px;
	border-width: 3px;
	background: #e95c4e;
	border-color: #e95c4e
}
.banner_2 .btn:hover {
	background: #213e5b;
	border-color: #213e5b
}
.c-meet-our-team {
	
	background: url(../images/2_10.jpg);
	background-size: cover;
	min-height: 400px
}
.c-meet-our-team h3 {
	font-weight: 300
}
.c-meet-our-team .bg-btn {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 400px;
	line-height: 400px
}
.c-meet-our-team .bg-btn:hover {
	background: rgba(5,21,45,.6)
}

@media (min-width:992px) {
.c-meet-our-team {
	display: block
}
}

.newsdetails
{
	margin-bottom:25px;
}
/*  GRID OF FOUR   ============================================================================= */

.col_1_of_4{
	display: block;
	float: left;
	 padding-bottom:25px;
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_1_of_4 {
	 width:20%
}
.span_1_of_4 img{
	display:block;
}
.span_1_of_4  h3 a{
	color:#fff;
	text-transform: uppercase;
	font-size:1.3em;
	line-height: 1.2;
	font-family: 'PT Sans', sans-serif;
	font-weight : normal;
	margin-top: 0px;
	letter-spacing: -1px;
}
.span_1_of_4  h3 a:hover{
	color:#E4E24F;
}
.caption{
	background: #2F292B;
	padding:20px;
	text-align:center;
}
hr.hr {
	border-bottom: 1px solid #4A4A4A;
	width: 133px;
	position: relative;
	top: -4px;
}
.caption p{
	color:#fff;
	font-size:0.8125em;
	line-height:1.5em;
}
.content-bottom{
	margin-bottom: 5%;
}
.caption1{
	padding-top:20px;
}
time {
	color: #929292;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 8px;
}
.lnk {
	color:#000;
	font-size: 14px;
	line-height: 20px;
	 font-weight:bold;
	margin-bottom:2%;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.lnk:hover{
	color:#888;
}
.caption1 p{
	color:#666;
	
	line-height:22px;
	margin-bottom:4%;
}
	.hover_img img {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s; width:100%;
}
.hover_img img:hover {
	-webkit-transform: scale(0.99);
	-moz-transform: scale(0.99);
	-o-transform: scale(0.99);
	opacity: 1;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap{
		width:95%;
	}	
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{
		width:95%;
	}
	.col_1_of_4{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4 {
		width:94%;
		padding:3%;  
	}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.wrap{
		width:95%;
	}
	.col_1_of_4{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4 {
		width:92%;
		padding:4%; 
	}
}


@media only screen and (max-width:967px)
{
	.lnk {
	color:#000;
	font-size: 14px;
	line-height: 20px; height:20px; overflow:hidden;
	 font-weight:bold;
	margin-bottom:2%;
	display: inline-block;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.lnk:hover{
	color:#888;
}
.caption1 p{
	color:#666;
	 height:66px; overflow:hidden;
	line-height:22px;
	margin-bottom:4%;
}
}

.medialinks img {
	border: 1px solid rgba(191,191,191,.3);
	margin: 100px 0 0;
	transition: all .3s ease; width:100%;
}
.medialinks img:hover {
	box-shadow: 1px 1px 30px rgba(112,187,45,.5)
}


/*联系我们*/
@media (min-width: 980px)
{
	.tmaps
	{
		position: absolute;
		z-index: 2;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 550px;
		color: #fff;
		text-align: left;
		float: left;
		min-width: 415px;
		right: 200px;
	}

	#rlt
	{
		padding: 15px;
		min-height: 450px;
	}

	.rrtl
	{
		padding: 15px;
		min-height: 450px;
	}

	.pdintro .name, .pdintro .cateby, .pdintro .btn, .pdintro .tel, .pdintro .links
	{
		padding: 10px 80px 10px 80px;
	}

	.pdintro .links
	{
		overflow: hidden;
		padding: 20px 0 0;
		margin: 0 65px;
	}

	.pdintro .share
	{
		float: left;
		width: 340px;
		padding-left: 140px;
		padding-top: 30px;
	}

	.news_c_right
	{
		margin-top: 50px;
		border: 1px solid #ddd;
	}

	.navbar .btnimgs
	{
		background: url(../images/1_03.jpg) no-repeat;
		border: 0;
		float: right;
		margin-top: 15px;
		width: 21px;
		margin-right: 15px;
		display: none;
	}

	.certopt
	{
		margin-top: 87px;
	}	.contacta { width:100%; height:400px;  background:url(../images/1_48.jpg) repeat-x #ffffff; border:1px solid #b5b5b5; margin-top:2px; max-width:415px;
}
}
@media (min-width: 768px) and (max-width: 979px)
{

	.tmaps
	{
		position: absolute;
		z-index: 4;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 550px;
		color: #fff;
		text-align: left;
		float: left;
		min-width: 415px;
		right: 200px;
	}

	#rlt
	{
		padding: 15px;
		min-height: 410px;
	}

	.rrtl
	{
		padding: 15px;
		min-height: 410px;
	}

	.pdintro .name, .pdintro .cateby, .pdintro .btn, .pdintro .tel, .pdintro .links
	{
		padding: 10px 30px 10px 30px;
	}

	.pdintro .links
	{
		overflow: hidden;
		padding: 20px 0 0;
		margin: 0 15px;
	}

	.pdintro .share
	{
		float: left;
		width: 340px;
		padding-left: 40px;
		padding-top: 30px;
	}

	.certopt
	{
		margin-top: 0px;
	}

	.phonetop
	{
		margin-top: 32px;
	}
		.contacta { width:100%; height:400px;  background:url(../images/1_48.jpg) repeat-x #ffffff; border:1px solid #b5b5b5; margin-top:65px; max-width:415px;
}

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{




	#subject
	{
		font-family: "微软雅黑";
		line-height: 30px;
		height: 30px;
		width: 100%;
	}

	#rlt
	{
		padding: 15px;
	}

	.rrtl
	{
		padding: 15px;
		min-height: 350px;
	}

	.pdintro .name, .pdintro .cateby, .pdintro .btn, .pdintro .tel, .pdintro .links
	{
		padding: 10px 10px 10px 10px;
	}

	.pdintro .links
	{
		overflow: hidden;
		padding: 20px 0 0;
		margin: 0 25px;
	}

	.pdintro .share
	{
		float: left;
		width: 340px;
		padding-left: 40px;
		padding-top: 30px;
	}

	.certopt
	{
		margin-top: 0px;
	}

	.pabous
	{
		margin-top: 30px;
	}

	.phonetop
	{
		margin-top: 32px;
	}
			.contacta { width:100%; height:400px;  background:url(../images/1_48.jpg) repeat-x #ffffff; border:1px solid #b5b5b5; margin-top:65px; max-width:415px; margin-left:40px;
}
}

.co h3
	{ font-weight:normal; text-align:center;
	}
@media (min-width: 520px) and (max-width: 767px)
{
	.co h3
	{ font-weight:normal; text-align:center; font-size:18px;
	}
		.tmaps
	{
		position: absolute;
		z-index: 4;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 550px;
		color: #fff;
		text-align: left;
		float: left;
		min-width: 415px;
		right: 100px;
	}
}
@media (min-width: 400px) and (max-width: 519px)
{ .co h3
	{ font-weight:normal; text-align:center; font-size:18px;
	}
		.tmaps
	{
		position: absolute;
		z-index: 4;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 550px;
		color: #fff;
		text-align: left;
		float: left;
		min-width: 360px;
		right: 50px;
	}
}
@media (min-width: 300px) and (max-width: 399px)
{ .co h3
	{ font-weight:normal; text-align:center; font-size:16px;
	}
		
	.ttsls
	{
		width:100%;
	}
		.tmaps
	{
		position: absolute;
		z-index: 4;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 550px;
		color: #fff;
		text-align: left;
		float: left;
		min-width: 280px;
		right: 50px;
	}
}
@media (max-width: 299px)
{
	.tmaps
	{
		 display:none;
	}

}
.co{  width:100%;}
.co p{ color:#666; padding-left:10%; }
	.co img
	{
		 text-align:center; margin-bottom:12px;
	}
	


.contpl p
{ margin-top:10px;
}



form {
   padding: 0% 1%;
}
.contact-section{
	padding: 1em 0;
	
}
.contact {
  text-align: center;
}

#comname
{
	 font-family:"微软雅黑"; line-height:30px; height:30px;
}

#comemail
{
	 font-family:"微软雅黑"; line-height:30px; height:30px;
}
#comtel
{
	 font-family:"微软雅黑"; line-height:30px; height:30px;
}

#comsend
{
	 padding: 0.8em 1.2em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  -webkit-appearance: none;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  background:#c4121e;
  border:none;
  outline:none;
  box-shadow: inset 0px -2px 11px #c4121e;
  -webkit-box-shadow: inset 0px -2px 11px #c4121e;
  -o-box-shadow: inset 0px -2px 11px #c4121e;
}
	/*留言*/
			#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#ddd;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}



/**team**/
.team2{
	padding: 0 0 4em; padding-top:35px;
}
.team-grid {
    padding: 0;
}
.team-grids {
    margin-top: 3em;
}
.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
 @media (min-width:1024px)  {
	.da-thumbs li {
  float: left;
  margin: 0;
   padding: 0px;
  position: relative;
   width: 20%;
} 
.media-body h2{ font-size:2em; margin:0px; margin-bottom:10px; text-transform:uppercase;}
	.media-body p
	{
		 margin-left:20px;
	}
	.h3float
	{
		 float:left;
	}
 }
 @media (min-width:769px) and (max-width:1023px ) {
	 	.h3float
	{
		 float:left;
	}
	.da-thumbs li {
  float: left;
  margin: 0;
   padding: 0px;
  position: relative;
   width: 20%;
} 
.media-body h2{ font-size:1.8em; margin:0px; margin-bottom:5px; text-transform:uppercase;}
	.media-body p
	{
		 margin-left:20px;
	}
 }
 @media (min-width:481px) and (max-width:768px ) {
	 	.h3float
	{
		 float:none;
	}
	.da-thumbs li {
  float: left;
  margin: 0;
   padding: 0px;
  position: relative;
   width: 50%;
} 
.media-body h2{ font-size:1.5em; margin:0px; margin-bottom:5px; text-transform:uppercase;}
	.media-body p
	{
		 width:100%; margin-top:20px;
	}
 }
  @media (max-width:480px) {
	  	 	.h3float
	{
		 float:none;
	}
	.da-thumbs li {
  float: left;
  margin: 0;
   padding: 0px;
  position: relative;
   width: 100%;
} 
.media-body h2{ font-size:1.5em; margin:0px; margin-bottom:5px; text-transform:uppercase;}
	.media-body p
	{
		 width:100%; margin-top:20px;
	}
 }
.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
  width: 100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
    position: absolute;
    background:rgba(88, 20, 27, 0.75);
    width: 100%;
    height: 100%;
}
.da-thumbs li a div span {
  display: block;
  padding: 10px 0;
  margin: 11px 20px 20px 20px;
  font-weight: normal;
  color: #eee;
  text-align: center;
  font-size: 1em;
}
.da-thumbs li a div  h5 {
  color: #FFF;
  font-size: 2.0em;
  margin: 1.5em 0 0 0;
	text-align: center;
  text-transform: capitalize;
  
}
.teamtop2 h3{
	font-size: 3.2em;
    text-align: center;
    text-transform: capitalize;
  
    color: #222; line-height:1em;
}
.teamtop2 h5{ font-size:16px; text-align:center; text-transform:uppercase; color:#58141b; font-weight:bold;}

.aboutbg
{
	 border-bottom:1px solid #ddd;
}
.team-socials {
    padding: 0;
    margin: 1em 0 0 0;
    list-style: none;
}
.team-socials li:first-child {
    padding-left: 0;
}
.team-socials li {
    display: inline;
    padding: 0 9px;
}
.team-socials li a {
    color: #656565;
}
.team-socials li a:hover {
    color:#2f374c;
}
.team-socials li span {
    font-size:18px;
}
.worldmap
{
background: url(../images/world_map.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	min-height: 350px;
	color:#fff;
	text-align:center; margin-top:30px;
}
@media (min-width:768px)
{
	.caseli
	{
		list-style: none;
		text-align: center;
		margin: 0px;
		margin-top: 20px;
	}

		.caseli li
		{
			display: inline;
			margin-right: 8px;
			margin-bottom: 6px;
		}

			.caseli li a
			{
				line-height: 30px;
				background: #fff;
				color: #666666;
				padding: 10px;
			}

				.caseli li a:hover
				{
					background: #58141b;
					color: #fff;
					text-decoration: none;
				}

				.caseli li a.hover
				{
					background: #58141b;
					color: #fff;
				}
}
@media (max-width:767px){

		.caseli{ list-style:none; text-align:center; margin-top:20px;}
.caseli li{    display:block; margin-right:8px; margin-bottom:10px; float:left;}
	.caseli li a{line-height:30px; background:#fff; color:#666666;   padding:10px;}
.caseli li a:hover{ background:#58141b;color:#fff; text-decoration:none}
.caseli li a.hover{ background:#58141b;color:#fff}


		 }
 .bg_a
    {
        width: 100%;
        background: url(../images/2_04.jpg) no-repeat;
        background-size: cover;
    }

 	.nabout_us_bott
{
width:100%; border-top:1px solid #ebebeb;  margin-bottom:35px;
}
	.nabout_us_bott h3
	{
		 font-weight:normal; margin-top:18px; margin-bottom:20px;
	}
	.nabout_us_bott h5
	{
		 line-height:30px;
	}
	.hover_img img {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s; width:100%;
}
.hover_img img:hover {
	-webkit-transform: scale(0.99);
	-moz-transform: scale(0.99);
	-o-transform: scale(0.99);
	opacity: 1;
}


.cabgs
{
	 background:#000; margin-top:25px; margin-bottom:25px; width:100%; padding-top:10px; padding-bottom:10px;
}

/*分类下拉*/
		#nav2
		{
        
			width: 100%; /* 1000 */
			
			font-weight: 400;

		}

			#nav2 > a
			{
				display: none;
			}

			#nav2 li
			{
				position: relative;z-index:5;
			}
				#nav2 li a
				{
					color: #fff;
					display: block;
				}
				#nav2 li a:active
				{
					background-color: #c00 !important;
				}

			#nav2 span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #333;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav2 > ul
			{
				height: 3.75em; /* 60 */
				background-color: #fff; list-style:none; margin:0px; padding:0px;
			}
				#nav2 > ul > li
				{
				
					height: 100%;
					float: left;
				}
					#nav2 > ul > li > a
					{
						height: 100%;
						font-size: 16px; /* 24 */
						line-height: 3.1em; /* 60 (24) */
						text-align: center; color:rgba(34, 34, 34, 0.5);	 padding-left:35px; padding-right:35px;
					}
						#nav2 > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #ddd;
						}
						#nav2 > ul > li:hover > a,
						#nav2 > ul:not( :hover ) > li.active > a
						{
							background-color: #ddd; color:#000;
						}


				/* second level */

		
					#nav2 li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav2 li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav2 li ul a
						{
							font-size: 1.2em; /* 20 */
							border-top: 1px solid #115298; line-height:1.5em;
							padding: 0.75em; /* 15 (20) */
						}
							#nav2 li ul li a:hover,
							#nav2 li ul:not( :hover ) li.active a
							{
								background-color: #ddd; color:#000;
							}


		@media only screen and ( min-width: 768px ) /* 1000 */
		{
			#nav2
			{
				width: 100%;
				position: static;
				margin: 0;z-index:5;
			}
            		#nav2 li ul
				{
					background-color: #216cbd;
				 display:none;
					position: absolute;
					top: 100%; list-style:none; margin:0px; padding:0px;  width:200px;
				}
          
		}

		@media only screen and ( max-width: 767px ) /* 640 */
		{


			#nav2
			{
				position: relative;
				top: auto;
				left: auto;  z-index:5;
			}
				#nav2 > a
				{
					width:100%; /* 50 */
					height: 3.125em; /* 50 */
					 padding-left:8px;
					 line-height:3.125em;
					background-color: #fff; 
					position: relative; color:#333;
				}
                    #nav2 > a > span
                    {
                          width:120px; float:left; padding-left:5px;
                    }
                    #nav2 > a > p
                    {
text-align:right; width:250px;
 float:right; padding-right:5px;

                    }


				#nav2:not( :target ) > a:first-of-type,
				#nav2:target > a:last-of-type
				{
					display: block;
				}
                      		#nav2 li ul
				{
					background-color: #216cbd;
				 display:none;
					position: absolute;
					top: 100%; list-style:none; margin:0px; padding:0px; 
				}

			/* first level */

			#nav2 > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav2:target > ul
				{
					display: block;
				}
				#nav2 > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav2 > ul > li > a
					{
					font-size:14px;
                         color:#333;
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav2 > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #ddd;
						}
                        	#nav2 li ul li a:hover,
							#nav2 li ul:not( :hover ) li.active a
							{
								background-color:none; color:#000;
							}


				/* second level */

				#nav2 li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}
    @media only screen and ( max-width: 428px ) /* 640 */
    {
        	#nav2 > a
				{
					width:100%; /* 50 */
					height: 3.125em; /* 50 */
					 text-align:center;
					 line-height:3.125em;
					background-color: #fff;
					position: relative; color:#333;
				}
              #nav2 > a > span
                    {
                         text-align:center;  width:100%; float:left;
                    }
                   #nav2 > a > p
                    {
 display:none;

                    }
    }