@charset "utf-8";
/* CSS Document */

html{ font-size:62.5%;  }
body {margin:0 auto;font-family:微软雅黑; font-size:14px;  font-size:1.4rem; color:#333; }
img { border:none;/* display: block;*/}
ul li {list-style-type:none;}
ul, form, p, a, img, table, tr, td, li,dd,dt,dl { margin:0;padding:0;list-style:none;color:#333; }
a {text-decoration:none; outline:none;}
a:hover { transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; }
h1 {margin:0;padding:0;font-weight:normal; }
.clear {clear:both;}
.lt{float:left}
.rt{float:right}
input,textarea{ background:none; font-family:微软雅黑;font-size:12px; font-size:1.2rem;  border:none;}
input{ outline:none; margin: 0;}
.f14{ font-size:14px; font-size:1.4rem; }
.bottom26{ padding-bottom:26px; }

.wrap{ width:1200px; margin: 0 auto; padding: 0; }

@font-face {
    font-family: 'akzidenz-grotesk_bqbold';
    src: url('akzidenzgrotesk-bold-webfont.eot');
    src: url('akzidenzgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('akzidenzgrotesk-bold-webfont.ttf') format('truetype'),
         url('akzidenzgrotesk-bold-webfont.svg#akzidenz-grotesk_bqbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width:1289px) {
  .wrap {  width: 96%;  }
}
@media screen and (max-width:1219px){
.wrap{width:980px;margin:0 auto; }
}
@media screen and (max-width:999px){
.wrap{width:95%;margin:0 auto;}
}


.tiptop  .a1{background:url(../img/en.jpg) no-repeat left center;}

.tiptop  .a2{background:url(../img/es.jpg) no-repeat left center;margin-left: 30px;}

/**top**/
.top{
	position:relative;
}
/*head*/
.head{
	position: absolute;
	background: #000;
	background: rgba(0,0,0,0.8);
	height: 91px;
	width: 100%;;
	z-index: 9999
}
.mail{
	color: #fff;
  display: block;
  padding-left: 20px;
  background: url(../img/mail.png) no-repeat 0 center;
  margin-left: 10px;
  *margin-top:-15px;
}

.mail2{
	color: #fff;
  display: block;
  padding-left: 34px;
  background: url(../img/guoqi1.jpg) no-repeat 0 center;
  margin-left: 10px;
  *margin-top:-15px;
}
.mail3{
	color: #fff;
  display: block;
  padding-left: 34px;
  background: url(../img/guoqi2.jpg) no-repeat 0 center;
  margin-left: 10px;
  *margin-top:-15px;
}

.mail:hover{
	color: #ba1b24;
}
.head>.wrap{
	position: relative;
}  
.tiptop{
	margin-top: 10px;
	color: #fff;
  width:400px;
}
/*search-box*/
.search{
  width:16px; 
  height:16px;
  margin-right: 10px;
}
.sb-icon-search { 
	color:#fff; 
	z-index:9999999; 
	width:14px; 
	height:14px; 
	display:block;
}
.sb-search-submit {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
  filter: alpha(opacity=0); 
  opacity: 0; 
  color: transparent; 
  z-index: 999999;
}
.sb-search { 
	position:relative;
	top: -4px; 
	width: 0;
	min-width:18px;
	height:24px; 
	float: right; 
	display:inline; 
	overflow: hidden;
	-webkit-transition: width 0.3s; 
	-moz-transition: width 0.3s; 
	transition: width 0.3s; 
	-webkit-backface-visibility: hidden;
	border-radius:20px; 
	z-index:9999999;
	border:1px solid transparent; 
}
.sb-search-input { 
	position: absolute; 
	top: 0; 
	left:0;
	width:200px; 
	margin: 0; 
	z-index: 10;
	padding: 5px 10px;  
}
.sb-icon-search,.sb-search-submit{ 
	width: 14px; 
	height: 14px; 
	display: block; 
	position: absolute; 
	right: 4px; 
	top:4px; 
	padding: 0; 
	margin: 0; 
	cursor: pointer; 
	background:url(../img/search.png) no-repeat; 
}
.sb-search.sb-search-open,
.no-js .sb-search { 
	border: 1px solid #ccc; 
	width:236px; 
	height:24px; 
	position:relative; 
	right:0;
	top:-4px;   
	background:#ccc; 
}
.sb-search .sb-icon-search { 
	position:absolute; 
	background:url(../img/search.png) no-repeat; 
	z-index: 15; 
	right:4px;
	top:4px; 
}
.no-js .sb-search .sb-search-submit{ z-index: 90; }
/*nav*/
.nav{
	position: absolute;
	top: 23px;
}
.nav>ul>li>a{
	display: block;
	color: #fff;

}
.nav>ul>li{
	float: left;
	font-size: 16px;
	line-height: 16px;
	margin: 0 55px;
	padding: 25px 3px;
	border-bottom: 2px solid transparent;
}
.nav>ul>li.margin-left{
	margin-left: 0;
	border-bottom: 2px solid #ba1b24;
	 
}
.nav>ul>li.margin-left>a{
	color:#ba1b24;
}
.nav>ul>li.margin-right{
	margin-right: 0;
}
.nav>ul>li.logo{
	padding: 0;
  margin: -23px 0 0 0;
}
.nav>ul>li.logo:hover{
	border-bottom: none;
}
.nav>ul>li:hover{
	border-bottom: 2px solid #ba1b24;
}
.nav>ul>li:hover>a{
	color: #ba1b24;
}
/*catebox*/
.nav>ul>li,
.catebox>li,
.nav>ul>li.top-aboutus{
	position: relative;
}
.nav>ul>li:hover>.catebox,
.nav>ul>li:hover>.catebox{
	display: block !important;
}
.catebox,.sub-catebox{
	position: absolute;
	background: url(../img/bg-06.png) no-repeat;
	width: 232px;
  font-size: 14px;
  padding: 2px 0;
  padding-left: 16px;
  display: none;
  z-index:999;
}
.catebox{
	left: -75px;
  top: 68px;
}
.sub-catebox{
	top: 0;
	right:-248px;
}
.catebox>li,.sub-catebox>li{
	line-height: 23px; padding-bottom:6px; padding-top:6px;
}
.catebox>li:hover>.sub-catebox{
	display: block;
}
.catebox>li:hover>a,
.sub-catebox>li:hover>a{
	color: #ba1b24;
	text-decoration: underline;
}
/*banner*/
.syindex_focus{ height:730px !important; }
.index_focus{ position: relative; max-width: 1920px; height:435px;margin: 0 auto;overflow:hidden; z-index:20; }
.index_focus .bd li { display: none;position: absolute;left: 0;top:0;width:100%; max-width:1920px;  }
.index_focus .bd li img{ width:100%; max-width:1920px; }
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}

.index_focus_pre,.index_focus_next {
	display: none;position: absolute;
	top: 52.5%; 
	width: 65px;height: 65px; 
	white-space: nowrap;
	overflow: hidden;
	z-index: 10;  
}
.index_focus_pre{ background:url(../img/leftbtn.png) no-repeat;  left:4%;}
.index_focus_next{background:url(../img/rightbtn.png) no-repeat; right: 4%;}

.index_focus .slide_nav {
	position: absolute; 
	text-align:center; 
	bottom:8px; 
	width:100%; 
	*width:auto; 
	*left:45%; 
}
.index_focus .slide_nav a{ 
	width:17px;height:17px;
	cursor:pointer;
	*float:left;
	display:inline-block; 
	margin-left:5px; 
	margin-right:5px; 
	background:#ffffff; 
	border-radius:50%; 
}
.index_focus .slide_nav li:hover,
.index_focus .slide_nav .on{text-decoration: none; background:#ba1b24; }

.syslide_nav{ bottom:8px !important; }
/*head small*/

.head-small{
	display: none;
}
.s-logo{width: 112px;}
.s-part{float: right;margin: 22px 0 0 0;}
.s-mail,.s-mail2,.s-mail3{margin-bottom: 10px;}
.s-mail>a{
	color: #ccc;
  display: block;
  padding-left: 20px;
  height: 12px;
  background: url(../img/mail_s.png) no-repeat 0 center;
  
}


.s-mail2>a{
	color: #ccc;
  display: block;
  padding-left: 34px;
  height: 18px;
  background: url(../img/guoqi2.jpg) no-repeat 0 center;
  
}

.s-mail3>a{
  color: #ccc;
  display: block;
  padding-left: 34px;
  height: 18px;
  background: url(../img/guoqi1.jpg) no-repeat 0 center;
  
}

.s-search{ width: 281px;}
.s-search>form{
	border: 1px solid #ccc;
  border-radius: 5px;
}
.sou{
	width: 205px;
  border: none;
  text-indent: 12px;
  float: left;
  background: none;
  line-height: 27px;
  padding-bottom: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ccc;
  box-sizing: border-box;
}
.suo{
	background: url(../img/search_s.jpg) no-repeat center;
  width: 30px;
  height: 30px;
  float: right;
  cursor: pointer;
}

.container{ width: 100%; height: 100%; position:relative; z-index:99;}
.menubtn{ cursor:pointer;  }
.menu{ 
	width: 100%;
  height: 100%;
  position: absolute;
  top: -1px;
  left:0;
}
.menu ul {display:none; background:#000; position:relative; z-index:99; padding-bottom:10px; padding-top:10px; margin-top:33px;  }
.menu ul li{ line-height:30px; text-indent:20px;padding-right: 20px;}
.menu ul li a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase; }
.menu ul li a:hover{ text-decoration:underline; }

/*main-1*/
.title1{text-align: center;margin-bottom: 15px;}
.title1>a{
  font-family: 'akzidenz-grotesk_bqbold';
  font-size: 30px;
  font-size:3rem;
  color: #4d4d4d;
  line-height: 40px;
  height: 40px;
  display: inline-block;
}
.main-1{
  margin-top: 31px;
  margin-bottom: 64px;
}
.detailed a:hover,.item-detailed a:hover{ color: #ba1b24;}
.main-1 img{
  width: 100%;
  max-width: 100%;
}
.reason-item>ul>li{
	float: left;
	width: 322px;
  max-width: 322px;
}
.reason-item>ul>li>a{ display: block; width:100%; height: 172px; background: url("../img/bg.png") no-repeat center;}
.item{ width: 131px; height: 131px; margin: 0 auto; border-radius: 50%; overflow: hidden; position: relative; top:6px;}
.item1{ background: url("../img/item_01.png") no-repeat center;}
.item2{ background: url("../img/item_02.png") no-repeat center;}
.item3{ background: url("../img/item_03.png") no-repeat center;}
.reason-item>ul>li.left-item:hover .item1{background: url("../img/item_01_on.png") no-repeat center;}
.reason-item>ul>li.middle-item:hover .item2{background: url("../img/item_02_on.png") no-repeat center;}
.reason-item>ul>li.right-item:hover .item3{background: url("../img/item_03_on.png") no-repeat center;}
.reason-item>ul>li.middle-item{
	margin: 0 117px;
}
.detailed{
	padding-left: 47px;
	padding-right: 48px;
	margin-bottom: 28px;
}
.detailed>a,.item-detailed>a{
  line-height: 25px;
  color: #666;
  text-align: center;
  display: block;
}
.name1{
  line-height: 28px;
  display: block;
  text-align: center;
  margin-top: -37px;
  margin-bottom: 14px;
}

/*main-2*/
.main-2{
  background: url("../img/bg_07.png") no-repeat center;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='http://www.szlrocktools.com/img/bg_07.png',
    sizingMethod='scale');
 /* padding: 47px 0 34px;*/
 padding: 0px 0 34px;
}
.main-2 img{ width: 100%; max-width: 100%;}
.main-2 .lt-category{ margin-top:48px;}
.lt-category, .left-news{
  width: 250px;
  background: url("../img/bg-05.png") no-repeat center;
  background-size: cover;
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 10px;
  box-shadow: 0 3px 5px #e5e5e5;
}
.classify{
  padding: 0 18px;
  font-size: 14px;
  font-size: 1.4rem;
}
.title2>a{
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25px;
  display: block;
  color: #ffffff;
  background: #ba1b24;
  border-radius: 5px;
  text-align: center;
  padding: 7px 0 8px;
  margin-bottom: 10px;
}
.name2>a{
  display: block;
  font-weight: bold;
  line-height: 22px;
  color: #ba1b24;
  margin: 6px 0 2px;
}
.last-name2>a{
  margin: 2px 0 0;
}
.content>li>a{
  display: block;
  line-height: 28px;
  color: #666666;
}
.content>li>a:hover{
  color: #ba1b24;
}
.rt-display{
 /* padding: 10px 0 6px 0px;*/
  padding: 0px 0 6px 0px;
  width: 79.16%;
}
.cell1{
  float: left;
  width: 29.3%;
  max-width: 265px;
  margin-left: 51px;
  margin-top: 48px;
}
.cell1:hover .name3>a{ color: #ba1b24;}
.last-col{ margin-left: 0}
.line-1st{  margin-top: 0; }
.cell1>a>img{
  max-width: 265px;
  max-height: 210px;
  display: block;
}
.name3>a{
  display: block;
  background: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
  text-align: center;
  padding: 5px 0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.name3>a:hover,.name1>a:hover{
  color: #ba1b24;
}
/*main-3*/
.main-3{
  background: url("../img/bg_01.png") center;
}
.main-3>.wrap{
  padding: 37px 0 21px;
}
.main-3>.wrap>.title1{
  margin-bottom: 31px;
}
.introduce{
  max-width: 636px;
  width: 53%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
}
.introduce>div>a{ display: block;text-indent:2em;}
.introduce>div.txt1>a:hover,.introduce>div.txt2>a:hover{ color: #ba1b24;}
.introduce>.txt1{ margin-bottom: 25px}
.btn1>a{
  display: block;
  width: 135px;
  background: url(../img/bg_03.png);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 25px;
  color: #ffffff;
  padding: 6px 0 7px;
  text-align: center;
  border-radius: 5px;
  margin-top: 27px;
}
.btn1>a{    text-indent: 0em !important;}
.btn1>a:hover{
  background: url(../img/bg_04.png);
}
.img{
  width: 42.42%;
  max-width: 509px;
  max-height: 392px;
      padding-bottom: 15px;
}
.img>a>img{
  width: 100%;
  max-width: 100%;
}
/*main-4*/
.main-4{
  background: url("../img/bg_02.jpg") no-repeat center;
  background-size: cover;
  padding: 31px 0 67px;
}
.main-4 img{display: block; width: 100%; max-width: 100%;}
.main-4>.wrap>.title1{margin-bottom: 32px;}
.main-4>.wrap>.title1>a{
  color: #ffffff;
}
.main-4 a:hover{
  color: #ba1b24;
}
.name4>a{
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  background: #000000;
  background: rgba(0,0,0,0.6);
  text-align: center;
  line-height: 30px;
}
.left, .middle, .right, .up-img, .down-img{
  position: relative;
}
.left{
  max-width: 472px;
  max-height: 420px;
  width: 39.33%;
}
.middle{
  max-width: 376px;
  width: 31.33%;
}
.right{
  max-width: 324px;
  max-height: 420px;
  width: 27%;
}
.name4{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.middle{
  margin: 0 16px 0 12px;
}
.down-img{
  margin-top: 14px;
}
/*foot*/
.foot{
  background: #232323;
  color: #aaaaaa;
  padding: 35px 0 15px;
}
.foot a{
  color: #aaaaaa;
}
.news-item a:hover,.right-message a:hover{ color: #ba1b24;}
.news-item img{ max-height:70px; max-width:100px;}
.contection a:hover span{ color: #ba1b24;}
.foot span{color: #aaaaaa;line-height: 18px; margin-left: 5px;}
.latest,.right-message{
  width: 46.47%;
}
.left-account , .contact-us{
  width: 43.5%;
}
.right-message , .left-account{
  margin: 25px 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.news-item2{
  margin-top: 22px;
}
.title3{
  margin-bottom: 18px;
}
.title3>a{
  font-size: 20px;
  font-size: 2rem;
  line-height: 29px;
  color: #ffffff;
  font-family: 'akzidenz-grotesk_bqbold';
}
.company{
  font-size: 16px;
  font-size: 1.6rem;
  padding: 3px 0 12px;
}
.title4>a{
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff;
  margin-bottom: 6px;
  display: block;
}
.right-txt{
  width:78.07%;
}
.latest-txt{ overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;}
.latest-txt>a{
  line-height: 25px;
}
.contection>li{
  padding: 9px 0;
  height: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.contection>li>div.first{
  width: 34.31%;
}
.contection>li img{
  float: left;
  padding-top:4px;
}
.left-account>a{
  float: left;
  margin-right: 19px;
}
.copy{
  margin-bottom: 12px;
}
.links>a{
  *float:left;
  display: inline-block;
  padding: 5px 8px;
}
.links>a:hover{ color: #ba1b24;}

@media screen and (max-width:1619px){
	.index_focus .bd li img{ width:90%; }
	.index_focus{ height:392px !important; }
  .slide_nav{bottom: 51px!important;}
  .syindex_focus{ height:657px !important; }
  .syslide_nav{ bottom: 81px !important;}
}
@media screen and (max-width:1419px){
  .index_focus .bd li img{ width:80%; }
  .index_focus{ height:348px !important; }
  .slide_nav{bottom: 95px!important;}
  .syindex_focus{ height:584px !important; }
  .syslide_nav{ bottom: 154px !important;}
  .logo>a>img{width: 95%;}
}
@media screen and (max-width:1289px){
  .nav>ul>li.logo{ margin: -23px 7px 0 27px;}
  .nav>ul>li{ margin: 0 50px}
  .rt-display{ width: 78%;}
  .cell1{margin-left: 36px;}
  .last-col{ margin-right: 0;}
  .reason-item>ul>li.middle-item { margin: 0 94px;}
  .middle {  margin: 0 8px;  }
}
@media screen and (max-width:1219px){
  .index_focus .bd li img{ width:70%; }
  .index_focus{ height:305px !important; }
  .slide_nav{bottom: 138px!important;}
  .syindex_focus{ height:511px !important; }
  .syslide_nav{ bottom: 227px !important;}
  .logo>a>img{width: 90%;}
  .nav>ul>li{margin: 0 32px; padding: 20px 3px;}
  .head{height: 75px;}
  .catebox{ top: 58px;}
  .nav{top: 17px;}
  .nav>ul>li.logo{width: 166px;margin-top: -17px;}
  .reason-item>ul>li.middle-item { margin: 0 7px;}
  .main-2{padding: 20px 0;}
  .cell1{ margin-left: 50px; margin-top: 50px; width: 26.46%;}
  .rt-display{ padding: 0;    width: 74.49%;}
  .content>li>a{ line-height: 25px;}
  .introduce,.img{ float: none; margin: 0 auto; width: 100%;}
  .introduce{margin: 20px auto 0;}
  .s-last-col{ margin-right: 0;}
  .btn1>a{ margin: 27px auto 0;}
  .right-txt {  width: 75%; }
  .latest, .right-message {  width: 50%; }
  .contact-us, .left-account{  width: 48%;}
}
@media screen and (max-width:999px){
  .index_focus_pre, .index_focus_next{top: 42.5%;}
  .head{display: none;}
  .head-small{display: block;margin-bottom: 30px;}
  .s-logo{ float: left; margin: 10px 0 10px 20px;}
  .s-search{ float: right;}
  .s-mail,.s-mail2,.s-mail3{ margin-left: 120px;}
  .index_focus .bd li img{ width:52%; }
  .index_focus{ height:226px !important; }
  .slide_nav{bottom: 218px!important;}
  .syindex_focus{ height:379px !important; }
  .syslide_nav{ bottom: 359px !important;}
  .reason-item>ul>li{ float: none; width: 60%; margin: 0 auto; text-align: center;}
  .reason-item>ul>li.middle-item{ margin: 20px auto;}
  .cell1{width: 46.25%; margin-left: 30px; margin-top: 20px;}
  .s-last-col{margin-right: 0;}
  .rt-display{ padding: 0; width: 70%; }
  .content>li>a{ line-height: 28px;}
  .name2>a{ margin: 15px 0 5px;}
  .s-line-1st{ margin-top: 0;}
  .nav>ul>li.top-products:hover>.catebox, .nav>ul>li.top-aboutus:hover>.catebox{display: none !important;}
}
@media screen and (max-width:899px){
  .cell1{width: 45.25%; margin-left: 20px;}
  .rt-display{ padding: 0; width: 67%;}
  .foot{padding: 35px 2% 20px;}
  .right-txt {  width: 82%; }
  .latest, .right-message {  width: 100%; float:none;}
  .contact-us, .left-account{ float: none; width: 100%;}
  .contact-us>.title3{ margin-top: 18px;}
  .index_focus .slide_nav a{ width: 12px;height: 12px;}
}
@media screen and (max-width:819px){
  .cell1{ margin-left: 20px;}
  .rt-display{ padding: 0; width: 64%;}
}
@media screen and (max-width:749px){
  .index_focus_pre, .index_focus_next{top: 35.5%;}
  .s-logo{width: 112px; margin: 5px auto; float: none;}
  .s-part{ float: none; width: 325px; margin: 0 auto;}
  .s-mail,.s-mail2,.s-mail3{ float: left; margin: 9px 0 10px 0; }
  .s-mail a{ background: url(../img/youxiang.jpg) no-repeat 0 center; width:24px;height:18px;}
  
  .s-mail2 a{ background: url(../img/guoqi2.jpg) no-repeat 0 center; width:24px;height:18px;}
  .s-mail3 a{ background: url(../img/guoqi1.jpg) no-repeat 0 center; width:24px;height:18px;}
 
  .s-mail>a>span,.s-mail2>a>span,.s-mail3>a>span{ display: none;}
  .s-search{ margin: 0 auto; }
  .index_focus .bd li img{ width:40%; }
  .index_focus{ height:174px !important; }
  .slide_nav{bottom: 269px!important;}
  .syindex_focus{ height:292px !important; }
  .syslide_nav{ bottom: 446px !important;}
  .index_focus_next,.index_focus_pre{ display: none !important;}
  .cell1{ margin-left: 19px; width: 45%;}
  .rt-display{ padding: 0; width: 61%;}
  .reason-item>ul>li{width: 100%;}
  .left,.middle,.right{float: none; width: 100%; margin: 0 auto;}
  .middle{ margin: 15px auto;}
  .right-txt {  width: 72%;  }
}
@media screen and (max-width:689px){
  .index_focus .bd li img{ width:35%; }
  .index_focus{ height:152px !important; }
  .slide_nav{ bottom: 291px!important;}
  .syindex_focus{ height:256px !important; }
  .syslide_nav{ bottom: 482px !important;}
  .cell1{ margin-left: 35px; width: 48%; margin-top: 30px}
  .s-line-1st{margin-top: 0;}
  .s-last-col{ margin-left: 0;}
  .rt-display{ float: none; width:565px; margin: 0 auto;}
  .lt-category{  float: none;  margin: 15px auto 0; width: 70%;}
   .s-mail{ margin-left:100px !important;}
}
@media screen and (max-width:619px){
  .cell1{margin-left: 15px; margin-top: 15px;}
  .s-last-col{ margin-left:0;}
  .rt-display{ width: 98%;}
  .links{ display: none;}
 
}
@media screen and (max-width:479px){
  .index_focus .bd li img{ width:25%; }
  .index_focus{ height:109px !important; }
  .slide_nav{ bottom: 334px!important;}
  .syindex_focus{ height:183px !important; }
  .syslide_nav{ bottom: 555px !important;}
}
@media screen and (max-width:419px){
  .detailed{ padding: 0;}
  .news-item>a,.right-txt,.contection>li>div.lt{ float: none;}
  .news-item>a,.right-txt{ margin-top: 5px;line-height: 20px;}
  .contection>li>div.first{ margin-bottom: 5px; width: 100%;}
  .contection>li.h30{ height: 30px}
  .s-search{ width: 257px;}
  .s-mail>a{padding-left: 18px;}
  .s-part{ width: 299px;}
  .sou{ width: 190px;}
  .cell1{margin-left: 4px; margin-top: 10px}
  .s-last-col{ margin-left: 0;}
}
@media screen and (max-width:399px){
  .index_focus .bd li img{ width:20%; }
  .index_focus{ height:87px !important; }
  .slide_nav{ bottom: 350px!important;}
  .syindex_focus{ height:146px !important; }
  .syslide_nav{ bottom: 590px !important;}
  .left-account>a{ margin-right: 15px;}
}
/****************************************product-list*******************************************/
/*navigation*/
.navigation{
  padding: 11px 0;
  color: #4d4d4d;
  border-bottom: 1px solid #cccccc;
  margin: 11px 0 0;
}
.navigation>a{ color: #4d4d4d;}
.navigation>a:hover{ color: #ba1b24;}
.navigation>.nav-last{ color: #ba1b24;}
/*left-nav*/
.Nav1{ cursor: pointer;}
.navContent1{
  display: none;
}
.Nav1>a{
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
}
.currentDt1>a{ color: #ba1b24;}
.Nav1:hover>a{ color: #ba1b24;}
.navContent1{
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 28px;
  padding-left: 20px;
}
.navContent1>li>a:hover{
  color: #ba1b24;
  text-decoration: underline;
}
.left-news{
  background: url("../img/bg-06.png") no-repeat fixed;
  background-size: cover;
  padding-bottom: 2px;
  margin-top: 83px;
}
.left-news>ul{
  padding: 0 18px;
}
.left-news>ul>li{
  border-bottom: 1px solid #d6d8d7;
  padding: 8px 0 7px;
}
.left-news>ul>li.no-border{
  border-bottom: none;
}
.left-news>ul>li>a{
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
}
.left-news>ul>li>a:hover{ color: #ba1b24;}
.left-news>.title2>a{ margin: 0;}

.list{margin: 35px 0 70px;}
.contention{
  width: 79.165%;
}
.product-list{
  margin-left: 51px;
}
.cell img{ width: 100%; max-width: 100%; display: block;}
.cell{
  float: left;
  width: 29.47%;
  max-width: 265px;
  margin-bottom: 48px;
  margin-left: 52px;
}
.col3{  margin-left: 0;  }
.cell:hover>.image{
  box-shadow: 0 0 8px #ccc;
}
.cell:hover>.image>.name3>a{color: #ba1b24;}
.cell:hover>.btn-box>a{ background: url("../img/bg_03.png");}
.btn-box>input{
  float: left;
  margin-top: 13px;
}
.btn-box{  margin: 25px 0 0;  }
.btn-box>a{
  display: block;
  background: url("../img/bg_04.png");
  border-radius: 5px;
  width: 158px;
  padding: 10px 0 12px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 auto;
}
/*pages*/
.page-box{  width: 65%;  margin: 0 auto;  }
.pages>a{
  display: inline-block;
  line-height: 26px;
  height: 26px;
  background: #4d4d4d;
  color: #fff;
  width: 25px;
  margin: 0 6px;
  margin-bottom: 0;
  text-align: center;
}
#xuanzhong{    border-bottom: 2px solid #ba1b24; color:#ba1b24 !important;}
.co11{ color:#ba1b24 !important;}
.p6, .big{
  display: inline-block;
  line-height: 26px;
  height: 26px;
  background: #4d4d4d;
  color: #fff;
  /*width: 62px;*/width: 62px !important;
  margin: 0 6px;
  margin-bottom: 0;
  text-align: center;
}
.pages>a.page-first,.pages>a.page-last{  width: 62px;}
.pages>.on{  background: #ba1b24;  }
.pages>a:hover{  background: #ba1b24;  }
.add>input{
  display: inline-block;
  width: 133px;
  line-height: 24px;
  background: #4d4d4d;
  color: #fff;
  text-align:center;
  margin-right: 11px;cursor:pointer;
}
.add>input:hover{  background: #ba1b24;}

@media screen and (max-width: 1289px){
  .contention{ width: 78.40%;}
  .product-list{margin-left: 48px}
  .cell{margin-left: 49px; width: 29.42%;}
  .col3{ margin-left: 0;}
}
@media screen and (max-width: 1219px){
  .contention{ width: 74.49%;}
  .product-list{margin-left: 30px}
  .cell{margin-left: 30px; width: 30.47%;}
  .col3{ margin-left: 0;}
  .page-box{ width: 81.32%;}
}
@media screen and (max-width: 999px){
  .contention{ width: 68.44%;}
  .product-list{margin-left: 10px}
  .cell{margin: 0 24px 48px; width: 40.82%;}
  .page-box>.pages>a{ margin: 0 5px; margin-top:8px;}
  .slider1{ display:block!important; }
}
@media screen and (max-width: 849px) {
  .contention{ width: 61.52%;}
  .product-list{margin-left: 0;}
  .cell{margin: 0 10px 40px; width: 45%;}
  .btn-box>a{ width: 150px;}
  .page-box{ width: 100%;}
  .pages{ float: none; margin: 0 auto 15px; width: 311px;}
  .add{ float: none;margin: 0 auto !important; width: 133px;}
  .jutop{ margin-bottom:10px;}
}
@media screen and (max-width: 699px) {
  .contention{ width: 57.96%;}
  .product-list{margin-left: 0}
  .cell{margin: 0 10px 40px; width: 43.19%;}
  .btn-box>a{ width: 98px;}
  .left-nav,.left-news,.lt-category,.title2>a{ width: 236px;}
}
@media screen and (max-width: 619px){
  .contention{ width: 100%; float: none;}
  .cell{margin: 0 9px 40px; width: 45.6%;}
  .btn-box>a{ width: 158px;}
  .page-box>.pages{width: 299px;}
  .left-nav,.left-news,.lt-category,.title2>a{ width: 330px; float: none;}
  .left-nav{ margin: 0 auto;}
  .left-news{margin-top: 20px;}
}
@media screen and (max-width: 449px){
  .cell{margin: 0 7px 30px; width: 45.6%;}
  .btn-box>a{ width: 108px;}
}
@media screen and (max-width: 399px){
  .cell{margin: 0 auto 48px; width: 265px; float: none;}
  .btn-box>a{ width: 158px;}
  .left-nav,.left-news,.lt-category,.title2>a{ width: 250px;}
  .page-box>.pages{width: 275px;}
  .page-box>.pages>a{ margin: 0 3px; margin-top:8px;}
}
/********************************product**************************************/
.details{ width: 75%;margin-left: 50px;}
.p2-pro{ width:537px; margin:0 auto; height: 326px;}
.p2-pro .t1{ float:right; height:326px; position:relative;  }
.p2-pro .t2{ text-indent:0;float:left; height:326px; width:411px; }
.p2-pro .t2 img{text-indent:0;}

#pro_showArea{ overflow:hidden; height:263px; }
#pro_showArea a{ width:101px; height:80px; display:block; margin-bottom:11px; }
#pro_showArea img{cursor:pointer;display:block; width:101px; height:80px;}

#main_img{cursor:pointer;display:block; }
.p2-pro #gotop{cursor:pointer;display:block; position: relative; left: 50%; margin-bottom: 9px; margin-left: -19px; }
.p2-pro #gobottom{cursor:pointer;display:block; position: relative; left: 50%; margin-top: 9px; margin-left: -19px; }

.MagicZoomBigImageCont{border:1px solid #dadada;overflow:hidden; }
.MagicZoomBigImageCont iframe{width:300px;height:300px; }
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none; }
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:微软雅黑;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;outline:none;position:absolute;left:0;top:0}
.MagicThumb-loading{border:1px solid #000;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:微软雅黑;}

.p-box>a{ display: block; float: left;width: 48%;margin: 0 1% 1%; }
.p-box>a>img{ width: 100%;max-width: 100%;}

.text-intro{ width: 411px;margin-left: 182px; margin-top: 28px;margin-bottom: 40px;}
.text-intro>h1{ font-size: 14px; font-size: 1.4rem; text-align: center;}
.account{ width: 181px;  margin: 18px auto 25px;}
.account>a{ float: left;margin-left: 5px; height: 26px;}
.account>a.m-lt{ margin-left: 0;}
.account svg{ width:26px !important; height:26px !important;}


.account span{ display:block; float:left; padding-right:0px ; margin-right:3px; border-radius:10% !important; padding-top:1px; line-height:22px; font-size:14px; color:#22b25f; width:26px !important; height:26px !important; }
.account img{ float:left; border-radius:10px !important; }
#atftbx3 p span{ display:none !important;}

.buy-box{ width: 386px; margin: 0 auto;}
.buy-box>a{ display: inline-block;*float:left; color: #ffffff; background: url("../img/bg_03.png"); height: 38px;line-height: 38px;width: 156px;text-align: center;border-radius: 5px;}
.buy{margin-right: 60px;}
.buy-box>a:hover{background: url("../img/bg_04.png");}

.title5{font-size: 24px; font-size: 2.4rem; padding-bottom: 12px; padding-top: 5px; border-bottom: 1px solid #CCCCCC;color: #ba1b24;}
.table{margin: 30px 0 65px;}
.table img{ display: block;width: 100%; max-width: 100%;}
.table div{ line-height: 25px;}
.table a:hover{ color: #ba1b24;}
.title6{ background: url("../img/line.png") no-repeat 0 center;}
.title6>a{ font-size: 24px; font-size: 2.4rem; color: #4d4d4d; display: block; width: 191px;background: #ffffff;}
.related img{ width: 100%; max-width: 100%;}
.img-list { position:relative; width:100%; overflow:hidden}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:265px; margin-right:52px; }
.img-list li:hover>.name3>a{ color: #ba1b24;}
.img-scroll { position:relative; padding-top:32px;}
.renav{ width:81px; height:27px; position:absolute; right:1px; top:-27px;background: #ffffff;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:27px;height:27px;}
.img-scroll .prev { left:12px;cursor:pointer; background:url(../img/s_arrow_lt_gray.png) no-repeat center;}
.img-scroll .next { right:0;cursor:pointer; background:url(../img/s_arrow_rt_gray.png) no-repeat center;}
.img-scroll .prev:hover { background:url(../img/s_arrow_lt_red.png) no-repeat center;}
.img-scroll .next:hover { background:url(../img/s_arrow_rt_red.png) no-repeat center;}

/*xpbanner*/
.slider1{ display:none; }
.bx-wrapper{ position: relative; padding: 0; *zoom: 1; display:none; }
.bx-wrapper img{ max-width: 100%; display: block; }
.bx-wrapper .bx-viewport{ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0);-o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{ position: absolute; width: 100%; }

/* PAGER */
.bx-wrapper .bx-pager{ text-align: center;bottom:8px;  }
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; text-indent: -9999px; display: block; width:12px; height:12px; margin: 0 8px; outline: 0; border-radius:50%; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ }
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{ background:#ba1b24; }

/* DIRECTION CONTROLS (NEXT / PREV) */
/*.bx-wrapper .bx-prev{ left: 10px; background:url(../img/xpbanner-pre.png) no-repeat; }
.bx-wrapper .bx-next{ right: 10px; background:url(../img/xpbanner-next.png) no-repeat; }*/

/*.bx-wrapper .bx-prev:hover{ background-position: 0 0; }
.bx-wrapper .bx-next:hover{ background-position: -43px 0; }*/

.bx-wrapper .bx-controls-direction a{ position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9; }
.bx-wrapper .bx-controls-direction a.disabled{ display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto{ text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{ background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop{ display: block;  }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right: 0; width: 35px; }


@media screen and (max-width:1289px){
  .details{margin-left: 38px;}
  .text-intro{ margin-left: 169px;}
  .img-list li{margin-right: 39px; width: 263px;}
}
@media screen and (max-width:1219px){
  .details{ width: 72.96%; margin-left: 15px;}
  .text-intro{ margin-left: 90px;}
  .img-list li{margin-right: 12px; width: 230px;}
}
@media screen and (max-width: 1339px) and (min-width: 1000px) {
  .MagicZoomBigImageCont, .MagicZoomBigImageCont img ,.MagicZoomPup{ display: none !important;}
}
@media screen and (min-width: 1000px){
  .p-box{ display: none;}
}
@media screen and (max-width: 999px){
  .slider1{ display:block!important; }
  .fy-banner .index_focus{ display:none; }
  .bx-wrapper{ display:block; }
  .details{ width: 65.87%; margin-left: 10px;}
  .text-intro {margin: 0 auto 40px; width: 100%;}
  .p2-pro{display: none;}
  .p-box {  width: 100%;}
  .img-list ul {  width: 1000%;  }
  .img-list li{margin-right: 0.2%; width: 4.8%;}
}
@media screen and (max-width: 819px){
  .details{ width: 65%; margin-left: 10px;}

}
@media screen and (max-width: 799px){
  .details{ width: 59.98%; margin-left: 10px;}
  .buy {  margin-right: 30px;  }
}
@media screen and (max-width: 669px){
  .details{ width: 100%; margin-left: 0; float: none;}
  .navigation{ line-height: 20px;}
  .p-list>.left-nav,.p-list .left-news,.p-list .lt-category,.p-list .left-nav .title2>a{ width: 330px; float: none;}
  .p-list>.left-nav{ margin: 0 auto;}
  .buy-box{ width: 350px;}
}
@media screen and (max-width: 380px) {
  .p-box>a{ float: none; width: 98%; margin-left: 1%;margin-right: 1%;margin-bottom: 20px;}
  .buy-box{ width: 100%;}
  .buy-box>a{  display: block; margin: 0 auto;}
  .buy-box>a.buy{ margin: 15px auto;}
  .p-list>.left-nav,.p-list .left-news,.p-list .lt-category,.p-list .left-nav .title2>a{ width: 270px; float: none;}
}

/*****************************************about************************************************/
.about{ margin: 28px 0 67px; }
.about img{ width: 100%; max-width: 100%; }
.about-txt{ line-height: 25px; color: #4d4d4d;}
.part-box{ margin-top: 27px;}
.about-txt2{ width: 52.33%;}
.a-img{ width: 43.5%; max-width: 522px; min-width: 280px;}
.para{ line-height: 25px;}
.title7{ display: block; padding: 25px 0 22px; font-family:微软雅黑;font-size: 26px; font-size: 2.6rem; color: #ba1b24;font-style: italic;}
.title7-2{ padding: 12px 0 20px;}
.about-txt {padding: 32px 0 26px;text-indent:2em ;}



@media screen and (max-width:1219px){
  .about-txt2{ width: 100%;float: none;}
  .a-img{  float: none;margin: 25px auto 0;}
  
}

@media screen and (max-width:400px){
  .a-img{ margin: 0 auto ; max-width:100%; width:100%; overflow:hidden;}
}
/*****************************************about2************************************************/
.a2-img img{ width: 100%; max-width: 100%; display: block;}
.a2-img{ margin-top: 37px;}
.certificate>p{margin: 55px 0 30px;font-size: 30px;font-size: 3rem; font-family:微软雅黑;color:#ba1b24;}
.certificate>p>{}
.celie{  max-width: 199px; width: 16.58%;   margin-left: 4.25%;  float: left;}
.cetun{ position:relative;  overflow:hidden;  max-width:199px;  }
.zuoling {
    margin-left: 0px !important;
}
.cetun>img{ width:100%; max-width:199px; max-height:286px;}
.cetun a{ display:block; position:absolute; width:100%; height:100%; top:100%; left:0;}
.cetun a img{ width:30px; height:30px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.cezi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:30px; margin-top:5px;}
.cetu:hover a{ top:0;}
.mat2{ margin-top:51px;}
.maln{ margin-right:0; }
.celie1{ width:289px; float:left; margin-left:0; margin-top:15px;}
.cetun1{ margin-right:0}
.name5{  display: block;  font-size: 14px; font-size: 1.4rem;  color: #4d4d4d;  margin-top: 10px;  text-align: center;  }
.celie:hover>.name5>a{  color: #ba1b24;  }

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:微软雅黑;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
  border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

@media screen and (max-width:1289px){
  .a2-img>div.lt{  width: 57.16%;min-width: 270px;}
  .a2-img>div.rt{  width: 42.5%; min-width: 240px;}
}
@media screen and (max-width:1219px){
  .certificate>p{ text-align: center;}
  .a2-img>div{  float: none;margin: 25px auto 0;}
}
@media screen and (max-width:779px){
  .celie{ width: 29.90%;margin: 0 1.5% 20px;}
  .celie3{ padding-left: 14.6%;}
  .celie4{ padding-right: 15%;}
}
@media screen and (max-width:569px){
  .celie{ width: 38%;margin: 0 6% 20px;}
  .celie3{ padding-left: 0;}
  .celie4{ padding-right: 0;}
  .cetun1{padding-left: 24%;}
}
@media screen and (max-width:379px){
  .celie{ width: 100%;margin: 0 auto 20px; float: none;}
  .cetun1{padding-left: 0;}
}

/**********************************news*****************************************/
.news{ padding-top: 5px;padding-bottom: 58px;}
.newslist{ margin-top: 30px; border-bottom: 1px dashed #CCCCCC; padding-bottom: 25px;}
.news img{ width: 100%; max-width: 100%; display: block;}
.n-img{ max-width: 234px; width: 234px;}
.news-left{ width: 76.75%;}
.n-title>a{ font-size: 16px; font-size: 1.6rem; display: block;}
.n-title:hover>a{ color: #ba1b24;}
.n-title:hover>p{ border-color: #ba1b24;}
.n-title>p{ border-bottom: 1px solid #333; width: 58px;margin-top: 8px;}
.n-content>a{color: #4d4d4d; line-height: 25px;}
.n-content{ padding: 21px 0 40px;text-indent:2em ;}
.time{ padding-left: 27px; background: url("../img/time.jpg")no-repeat; line-height: 17px; height: 17px; color: #999;}
.more>a{ color: #999999; padding-right: 5px;}
.more>a:hover{ color: #ba1b24;}
.n-page>.pages{ width: 311px; margin: 0 auto;}
.n-page>.pages>a{margin-right: 6px;}
.n-page{margin-bottom: 70px;}

@media screen and (max-width:1219px){
  .news-left{ width: 73.75%;}
}
@media screen and (max-width:999px){
  .news-left{ width: 70.5%;}
}
@media screen and (max-width:899px){
  .news-left{ width: 66.5%;}
  .n-content{padding: 21px 0 24px;}
}
@media screen and (max-width:799px){
  .news-left{ width: 62%;}
}
@media screen and (max-width:699px){
  .news-left{ width: 56%;}
  .n-content{padding: 10px 0;}
}
@media screen and (max-width:599px){
  .news-left{ width: 100%; float: none; margin-top: 20px;}
  .n-img{ float: none;}
  .n-page>.pages{ width: 275px; margin: 0 auto;}
  .n-page>.pages>a{margin: 0 3px;}
}
/**********************************news2*****************************************/
.news2>div>h1{ font-size: 18px; font-size: 1.8rem; color:#ba1b24; text-align: center; margin-top: 30px;}
.hongxian{width: 58px;border-bottom: 1px solid #ba1b24; margin: 11px auto 15px;}
.n2-time>.time{ width: 99px; margin: 0 auto;}
.news-txt{ line-height: 25px; color: #4d4d4d !important;margin: 24px 0 25px;text-indent:2em ;}
.news-txt a:hover{ color: #ba1b24;}
.news-txt a{ color: #4d4d4d;}
.news-txt table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.news-txt table tr td{ padding:3px; border:1px solid #ccc;}
.news-txt p img{ max-width:100%;}

.description{ line-height: 25px; color: #4d4d4d !important;margin: 24px 0 25px;text-indent:2em ;}
.description a:hover{ color: #ba1b24;}
.description a{ color: #ba1b24;}
.description table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.description table tr td{ padding:3px; border:1px solid #ccc;}
.description p img{ max-width:100%;}


.n2-img img{ display: block; width: 100%; max-width: 100%;}
.other-news span{ color: #999999;}
.other-news a{ color: #999999;}
.other-news a:hover{ color: #ba1b24;}
.other-news>div{ line-height: 25px;}
.other-news{margin: 34px 0 90px;}
/**********************************case*****************************************/
.block img,.block>a{ display: block; width: 100%; max-width: 100%;}
.lt-case{ padding-right: 46px;border-right: 1px dashed #CCCCCC;}
.rt-case{ padding-left: 46px;}
.block{max-width: 402px;float: left; padding: 0 48px 0 0;padding-bottom: 20px !important; width: 44.95%;}
.block-rt{padding:0 0 0 47px; border-left: 1px dashed #d3d3d3;}
.pad-bottom{ padding-bottom: 0!important;}
.block:hover>.name3>a{ color: #ba1b24;}
.case{ width: 75.08%;padding-left: 49px;/* text-indent:2em ;*/}
.c-page>.pages{ width: 311px;margin: 0 auto; }
.c-page{ margin-top: 48px;}

@media screen and (max-width:1289px){
  .case{ width: 74.08%;padding-left: 49px;}
  .block{padding: 0 24px 0 0;}
  .block-rt{padding:0 0 0 24px;}
}
@media screen and (max-width:1219px){
  .case{ width: 73.48%;padding-left:0;}
}
@media screen and (max-width:999px){
  .case{ width: 64.2%;padding-right: 2%; }
  .c-page>.pages{float: none;}
  .block{padding: 0 20px 0 0;}
  .block-rt{padding:0 0 0 19px;}
}
@media screen and (max-width:799px){
  .case{ width: 61.5%;padding: 0;}
}
@media screen and (max-width:699px){
  .case{ width: 100%; float: none;}
  .case-list .left-nav{ float: none;margin: 25px auto 0;}
  .case-list .left-nav,.case-list .left-news,.case-list .lt-category,.case-list .title2>a{ width: 300px;}
  .case-list .left-news{ margin-top: 20px;}
}
@media screen and (max-width:439px) {
  .block {  padding: 0 13px 0 0;  }
  .block-rt {  padding: 0 0 0 13px;  }
}
@media screen and (max-width:349px){
  .block{padding: 0 13px 0 0;}
  .block-rt{padding:0 0 0 13px;}
  .case-list .left-nav,.case-list .left-news,.case-list .lt-category,.case-list .title2>a{ width: 260px;}
  .c-page>.pages>a{ margin-right: 0;}
  .c-page>.pages{ width: 275px;}
}
/**********************************case2*****************************************/
.c-title{ font-size: 18px;font-size: 1.8rem; color: #ba1b24; text-align: center; margin-top: -3px;}
.case-txt{ color: #4d4d4d; line-height: 25px; margin-top: 20px;margin-bottom: 30px;}
.case-txt a:hover{ color: #ba1b24;}
.case-txt a{ color: #4d4d4d;}
.case-txt table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.case-txt table tr td{ padding:3px; border:1px solid #ccc;}
.case-txt p img{ max-width:100%;}
.case-other>div{line-height: 25px;}
.case-other{ margin-top: 60px;}
.case-other>div>a:hover{ color: #ba1b24;}
.c-img img{ width: 100%;max-width: 100%; display: block;}
@media screen and (max-width:1249px){
  .c-img>.lt{ width: 65%;}
  .c-img>.rt{ width: 32%;}
}
/**********************************contact*****************************************/
.contact{ padding: 28px 0 95px;}
.con-wel{ line-height: 25px;margin-bottom: 20px;}
.con-title{ font-size: 20px; font-size: 2rem; color: #ba1b24;}
.con-name{ font-size: 18px; font-size: 1.8rem;margin-top: 12px;}
.lxfs{ width: 49%;}
.lxfs>div{ line-height: 36px;}
.lxfs>div>a:hover{ color: #ba1b24;}
.con-info{margin-bottom: 38px;}
.map{ width: 50%;}
.map img{ width: 100%; max-width: 100%; display: block;}
.c_div1,.c_div2,.c_div3{ padding-bottom:21px; }
.c_xp>.con-title{  margin-bottom: 18px;}
.c_nr-m{ margin-left: 87px;}
.c_bt{ float:left; width:18px; height:34px; line-height:34px; font-family:微软雅黑; font-size:14px; font-size:1.4rem; color:#ff0000; }

.c_textarea,.c_input1,.c_captcha{ float:left; border:solid 1px #ccc; text-indent:11px; color:#999; }
.c_input1,.c_captcha{ height:34px; line-height:34px; width:321px; box-sizing: border-box;}
.c_textarea{ line-height:26px; width:1176px; height:128px; padding-top:1px; }

.c_yzm{ cursor:pointer; float:left; margin-left:42px; }

.c_send{ cursor:pointer; background: #ba1b24; float:right; width:323px; color:#fff; font-size:16px; font-size:1.6rem; height:34px; line-height:34px; }
.c_send:hover{background: #4d4d4d; }

@media screen and (max-width:1289px){
  .c_input1,.c_captcha{ width:300px;  }
  .c_textarea{ width:98%; }
  .c_yzm{ margin-left:30px; }
}
@media screen and (max-width:1219px){
  .c_input1,.c_captcha{ width:300px;  }
  .c_textarea{ width:97.5%; }
  .c_yzm{ margin-left:30px; }
  .c_nr-m{ margin-left: 20px;}
}

@media screen and (max-width:999px){
  .lxfs,.map{ float:none; width: 100%;}
  .map{ margin-top: 20px;}
  .c_lx{ position:static; top:0; right:0; margin-top:30px; max-width:none; }
  .c_lxnr{ padding-left:0; padding-right:0; }
  .c_xtitle{ padding-top:10px; }
  .c_nr-m{ margin-left: 0;}
  .c_nr,.c_div3{ float:none; width:100%; padding-bottom:20px; }
  .c_div1,.c_div2{ padding-bottom:0; }
  .c_input1,.c_textarea{ width:95%; }
  .c_captcha{ width:280px; }
  .c_send{ float:left; margin-left:30px; width:280px; }
}
@media screen and (max-width:879px){
  .c_send{ margin-left:14px; width:95%; margin-top:20px; }
}
@media screen and (max-width:539px){
  .c_input1,.c_textarea,.c_send,.c_captcha{ width:90%; }
  .c_yzm{ margin-top:20px; margin-left:14px; }
  .c_skype{ padding-right:30px; }
}
@media screen and (max-width:439px){
  .c_skype,.c_phone{ float:none; padding-right:0; margin-top:15px; }
}
.no,.no:hover{ background:#4d4d4d !important;}
.c_xp img{ cursor:pointer; margin-left:10px;} 


.zuoshipy{ margin-left:10px; }

.zuoshipy a{ text-transform:inherit !important; font-size: 12px; font-size: 1.2rem; }
.c_xp img{ cursor:pointer; margin-left:15px;}