/* 公共样式表css */
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}
/* CSS Document */
body,ul,li{ padding:0; margin:0;}
ul,li{ list-style:none;}
img{ border:none;}

/*.container {width: 1200px;margin: 0 auto;}*/


html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color: #eee;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
/*热门产品*/
.banner-background{

    height: 514px;
    /*background: #333 url(../images/pro-bg.jpg) center top no-repeat;*/
    background-size: 1920px 514px;
    padding: 50px 0;
    text-align: center;
}

.banner-container{ width:1180px; margin:0 auto; position:relative;}
.banner-container h2{font-size: 36px; color: #000000; margin-top:40px; padding-bottom: 10px;font-weight:normal;}
.banner-container p{ font-size: 16px; color: #808285;/*opacity: .8;filter: alpha(opacity=80);line-height: 42px;*/}
.main .main-l {
	/*padding: 70px 0;*/text-align: center;color: #ffffff;font-size: 25px;line-height: 28px;}
/*.main .tit span {
	display: block;
	color: #767676;
	font-size: 15px;
}*/


.main-l-m .w-1300 {width: 100%;margin: 0 auto;position: relative;float: right;height: 100%;}
.main-l-m li {text-align: center;width:192px; float: left;padding: 20px;
	/*border: 1px solid rgba(204, 204, 204, 0.5);*/border-top: none;border-left: none;transition:all .7s ease 0s;}
.main-l-m li:hover{/*background-color: rgba(255,98,57,0.075);color: aliceblue;*/}
.main-l-m li.li-bor-notbot {border-bottom: 0;}
.main-l-m li.li-bor-notrig {border-right: 0;}
.main-l-m li img {transition: transform 1s ease-out;/*border:#cccccc 1px dashed; */padding: 25px;}
.main-l-m li img:hover {transform: rotateZ(360deg);}
.main-l-m li p {color: #000000;font-size: 16px;line-height: 42px;padding-top: 15px;font-weight: 550;width:192px;text-align:center;}
.clear {clear: both;line-height: 0px;overflow: hidden;zoom: 1;font-size: 0px;content: '';}
/*--end--*/

/*--我们的产品--*/
        .our-pc{ /*width: 100%; max-width: 1920px; */margin: 0 auto; padding:40px 0;background: #f5f5f5;background-size: 1920px 784px;}
		.our-pc h2{font-size: 36px; color: #000000;font-weight:normal; text-align:center;}
		.our-pc p{font-size: 16px;color: #808285;/*opacity: .8;filter: alpha(opacity=80);*/text-align:center; padding-bottom:10px;}	
.wrapper {
  width: 100%;
  height: 100%;
  padding: 10px;
}

.box {
  position: relative;
  max-height: 510px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
}
.box .frame {
  position: absolute;
  /*border: 1px solid #fff;*/
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background:rgba(0, 0, 0, 0.5);
}
.box h2, .box p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  transition: opacity 0.2s, transform 0.3s;
}
.box h2 {

}
.box h3 {font-size: 26px;font-weight: 550;margin: 0 auto;letter-spacing: 1px; color:#FFFFFF; text-align:center; padding-top:30%;}
.box h5{display: block; font-size: 16px; margin-bottom: 10px; padding-bottom:20px; color:#FFFFFF; text-align:center; font-weight:400;}
.box button{color: #ffffff; background: rgba(0, 0, 0, 0.1); border: 1px solid #ffffff;/*border-radius:1px; */
    padding: 8px 30px; width:92px; font-size:14px;cursor: pointer;  text-align:center; margin:0 auto;margin-left:35%; }
.box span {
  font-weight: 550;
  font-size: 22px;
  margin-bottom: 0;
  letter-spacing: 1px;
}	
.box p {
font-weight: 550;
  bottom: 0;
  font-size: 32px;
  letter-spacing: 1px;
}
.box:hover {
  transition: all 0.3s ease-in-out;
}
.box:hover:before {
  transition: all 0.3s ease-in-out;
}
.box img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.box img:hover {
  transition: all 0.3s ease-in-out;
}
.box img:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.box img:hover {
  transition: all 0.3s ease-in-out;
}
.zoom-out .frame {
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}

.zoom-out .frame:hover {
   background-color: rgba(0, 0, 0, 0.1);
}

.zoom-out h2 {
  font-size: 32px;
  font-weight: 550;
  margin-left: 10px;
  letter-spacing: 1px;
}
.zoom-out span {
  font-size: 32px;
  font-weight: 500;
  margin-left:10px;
  color:#fff;
  
}
.zoom-out p {
  max-width: 120px;
  text-align: right;
  margin: 10px;
  right: 0;
}
.zoom-out img {
  transform: scale(1.1);
}
.zoom-out:hover img {
  transform: scale(1);
  filter: contrast(70%);
}

@media screen and (max-width: 880px) {
  .wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 520px) {
  .wrapper {
    width: 100%;
  }
}
		/*--end--*/

/*--产品展示--*/ 
#pcL{width: 100%;max-width: 76em; margin: 0 auto;padding: 0;}
.rb-grid {list-style: none;text-align: center;margin: 0 auto;}
.rb-grid li {width: 49%;height: 495px;margin: 0 auto;background: #b00630;color: #fff;display: block;float: left;padding: 0;cursor: pointer;position: relative;}
/*.rb-grid li.rb-span-2 {width: 33.3%;}
.rb-grid li.rb-span-4 {width: 99%;}*/
/* Grid */
.rb-grid li:nth-child(1) { background: #b00630; }
.rb-grid li:nth-child(2) { background: #ffffff; }
.rb-grid li:nth-child(3) { background: #b00630; }
.rb-grid li:nth-child(4) { background: #ff6239; }
.rb-grid li:nth-child(5) { background: #ff6239; }
.rb-grid li:nth-child(6) { background: #FFCC66; }
.rb-grid li:nth-child(7) { background: #99CC99; }
.rb-grid li:nth-child(8) { background: #669999; }
.rb-grid li:nth-child(9) { background: #CC6699; }
.rb-grid li:nth-child(10) { background: #339966; }
.rb-grid li:nth-child(11) { background: #666699; }
@media screen and (max-width: 63.125em) {
	.rb-grid li,
	.rb-grid li.rb-span-2,
	.rb-grid li.rb-span-4 {
		width: 100%;
		height: 10em;
		text-align: left;
	}

	.rb-grid li[class^="icon-"]:before,
	.rb-grid li[class*=" icon-"]:before {
		font-size: 6em;
		left: auto;
		right: 0;
		line-height: 2.5;
	}

	.rb-grid li > div {text-align: center;}
}
	.pcp1{ padding:40px; margin:0 auto;}
	.pcp1 h3{ font-size:32px; color:#ffffff; font-weight:500; text-align: left; padding-top:60px;}
	.pcp1 p{ font-size:18px; color:#ffffff; line-height:200%; text-align: left; font-weight:200; padding-top:15px;}
	.pcp1 img{ border:0;}

/*--end--*/

/*about*/
		.ht-about{ margin:0 auto; position:relative; max-width:1920px; height:680px;background: url(../images/sy-pcbg.jpg); background-repeat:repeat-x ; background-size:auto 100%;}
	.ht-about1{
	/*background: url(../images/sy-about1.jpg) no-repeat;*/padding: 50px 50px 80px 80px;}
	/*.ht-about1 h2{ color: #ffffff; font-size:48px; font-weight: 550; line-height:100px; }*/
	.ht-about1 img{ border:0; padding-bottom:50px;}
	.ht-about1 p{ color: #000000; font-size:18px; font-weight: 400; line-height: 36px; text-indent:36px;}
	
.aboutab-M{ padding-top: 50px; margin: 0;}
    .aboutab-M a{
    display: inline-block;
    width: 158px;
    height: 45px;
    /*background-color:rgba(172,0,0,0.5);*/
	 background-color:#b00630;
    color: #ffffff;
    font-size: 15px;
	font-weight: 500;
    line-height: 45px;
    cursor: pointer;
    margin-top: 10px;
	text-align: center;
	border-radius:30px;
	letter-spacing:2px;
	
}
    .aboutab-M a:hover{background-color: #ffffff;color: #b00630;
	/*-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;*/
	border-radius:30px;
	border:1px #b00630 solid;
}


.sy-pc1{ width:320px; height:260px; margin:0 auto; margin-top:60px; float:left; margin-left:60px; /*background:#ffffff; -webkit-box-shadow: 0 0 16px 0 rgb(208 203 203 / 69%);*/}
.sy-pc1 img{ width:243px;height:189px; padding-bottom: 10px; margin:0 auto; text-align:center;}
.sy-pc1 h3{ font-weight:500; color:#000000; font-size:18px; text-align:center; margin:0 auto; padding-bottom:10px;}
.sy-pc1 p{font-weight:400; color:#666666; font-size:17px; /*border: 1px #e5e5e5 double; margin-left: 60px; width: 126px;padding: 0 15px;*/ 
text-align:center;}


/*--新闻--*/

.sy-news{width:100%;margin:0 auto; padding:0 0 20px 0;}
.news_n1{ max-width:1260px;margin:0 auto; position:relative; overflow:hidden;}
.news_n2{color:#808285; font-weight:500;font-size:16px; padding-bottom:20px; text-align:center;}
.news_n{color:#333333; font-weight:550;font-size:36px; padding:15px 0; text-align:center;  font-family:"黑体";}
.news_n span{ padding:1px 4px; margin:0 6px; cursor:pointer;}
.news_n span:hover{ border:#1A9BFF solid 1px;-webkit-border-radius:8px;-moz-border-radius: 8px;border-radius: 8px;}

.imgnews{ width:400px; height:448px; margin:10px; float:left; background:#ffffff; -webkit-box-shadow: 0 0 16px 0 rgb(208 203 203 / 69%);}
.imgnews img{ width:400px;height:236px; padding-bottom: 10px;}
.imgnews span{ font-weight:550; color:#000000; font-size:18px; padding: 30px 15px 40px 15px; text-align:left; margin:0 auto;}
.imgnews p{line-height:22px; font-weight:500; color:#828080; font-size:14px; /*border: 1px #e5e5e5 double; margin-left: 60px; width: 126px;*/ padding: 0 15px;text-align:left;}
.imgnews button{ padding:8px 22px; border-radius:20px; background-color: #b00630; font-size:14px; color:#ffffff;  text-align:center; border:1px solid #b00630; margin-left:147px;}
/*--end--*/

/*--资质滚动--*/
.gdbox{width:100%; margin:0 auto; position:relative; padding: 40px 0;}
.z-box{ width:90%; margin:0 auto; position:relative; overflow:hidden; height:100%; padding: 0;}
.picbox{ width:1090px; height:120px; overflow:hidden; position:relative; margin:0 auto;}
.piclist{ height:120px;position:absolute; left:0px; top:0px}
.piclist li{ background:#fff; margin-right:20px; padding:5px; float:left;}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:60px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}

/*--end--*/



/*--新闻中心--*/

.newssy1{
    margin-top: -60px;height: 830px;
    background: #ffffff url(../images/news-bg.jpg) center top no-repeat;
    background-size: 1920px 830px;padding: 80px 0;text-align: center;
}
.newssy1-container{width:1180px; margin:0 auto; position:relative;}
.newssy1-container h2{font-size: 55px; line-height: 64px; color: #002664; margin-top: 60px;padding-bottom: 30px;
font-weight:normal;}
.newssy1-container p{margin-top: 10px;font-size: 18px;color: #666666;/*opacity: .8;filter: alpha(opacity=80);*/
	line-height:42px; text-align: center;padding-bottom: 100px;}
.newssy1-container img{ border: 0;text-align: center; }



.newssy2{    
    background: #b00630;
    background-size: 1920px 252px;padding: 15px 0;text-align: center;
}
.newssy2-container{width:1180px; margin:0 auto; position:relative;}
.newssy2-container h2{font-size: 34px; line-height: 64px; color: #ffffff;font-weight:550;}
.newssy2-container p{font-size: 18px;color: #ffffff;/*opacity: .8;filter: alpha(opacity=80);*/
	line-height:30px; text-align: center; padding-bottom: 10px;}


.news-but {
	color:#ffffff;
	
	/*padding-left: 40px;
	padding-right: 40px;*/
	font-size: 18px;
	font-weight: 550;
	/*padding: 15px 30px;*/
	border:1px solid #ffffff;
	text-align: center;
	width: 188px; height: 52px; line-height: 52px; text-align: center; margin: 0 auto;	
}
.news-but a:link {color:#ffffff;} 
.news-but:hover {
	/*box-shadow: 0 8px 16px rgba(246, 111, 106, 0.5); color: #ffffff;*/
	background-color: #ffffff; /* 浏览器不支持时显示 */
    background-image: linear-gradient(#fda54a, #ea6824);
	color: #ff6138;
	
}
/*foot*/
.foot{ width: 100%; margin:0 auto; position:relative; background:#393939; border-bottom:2px #d42a1d solid;}
	.foot-f1{ max-width:1260px;margin:0 auto; position:relative; padding:30px 50px;}
	
	.footf1{ padding-bottom:50px; margin:0; }
	.footf1 h3{color:#ffffff; font-weight:550;font-size:24px; padding-bottom:20px; text-align: left;}
	.footf1 p{color:#828080; font-weight:500;font-size:14px; line-height:28px; text-align: left;}
	
	.footf2{ padding-bottom:20px; margin:0;}
	.footf2 h4{color:#ffffff; font-weight:500;font-size:20px; padding-bottom:20px;}
	
	.footf2 p{color:#828080; font-weight:400;font-size:14px; line-height:28px;}
    .footf2a{color:#828080; font-weight:400;font-size:14px; line-height:28px;}
	
	.footf3{color:#ffffff; font-weight:500;font-size:14px; padding-left:30px; line-height:50px;}
	.foot-f2{ max-width:100%;margin:0 auto; position:relative; padding:15px 0; background:#ffffff; text-align:center;}

/*--foot-end--*/