/* CSS Document */

/*Font*/
/*
@font-face {
    font-family: 'fzlantinghei-l-gbkregular';
    src: url('Font/_gbk-webfont.eot');
    src: url('Font/_gbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/_gbk-webfont.woff2') format('woff2'),
         url('Font/_gbk-webfont.woff') format('woff'),
         url('Font/_gbk-webfont.ttf') format('truetype'),
         url('Font/_gbk-webfont.svg#fzlantinghei-l-gbkregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
	font-family: 'Conv_KellyBrown';
	src: url('fonts/KellyBrown.eot');
	src: local('☺'), url('fonts/KellyBrown.woff') format('woff'), url('fonts/KellyBrown.ttf') format('truetype'), url('fonts/KellyBrown.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
    font-family: "微软雅黑";
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 14px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.main01{ width:1200px; margin:auto; overflow:hidden;}
.main01_title{ text-align:center; margin:50px auto;}
.index_right{ width:920px; float:right; height:540px; overflow:hidden;}
.H5{ display: block; height: 5px; width: 100%;}
.H20{ display: block; height: 20px; width: 100%;}

#CSSBox2{width:805px;height:240px; margin:40px 0;overflow:hidden;}
#CSSBox2 ul li{ width:285px; height:250px; float:left; list-style:none; text-align:center; margin:5px 7px; position:relative;}
#CSSBox2 ul li span{  line-height:30px; font-size:14px;}
#CSSBox2 ul li img{ width:275px; height:210px; padding:4px;  border:1px solid #c1c1c1;}
.wrapper2_title{ text-align:center; margin:40px auto;}
#wrapper2{width:1200px; margin:auto;}

.main02{ width:100%; height:447px; overflow:hidden; background:#f5f5f5;}
.index_about{ width:1200px; margin:auto; overflow: hidden;}
.index_about_title{ text-align:center; margin:40px auto;}
.index_about_nr{ width:inherit; overflow:hidden;}
.index_about_nr img{ float:left; border:1px solid #ccc; padding:4px;}
.index_about_nr div { width:780px; float:right; height:220px; overflow:hidden; line-height:28px;}

.more- a{ width:85px; height:30px; display:block; text-align:center; color:#fff; background:#01a7f3;}

.main03{ width:1200px; overflow:hidden; margin:auto;}
.main03_title{ text-align:center; margin:40px auto;}
.main03_nr{ width:1200px; overflow:hidden; margin-bottom:50px; height:160px;}
.left_news{ float:left; width:585px; border-right:1px solid #ccc; padding-right:30px;}
.left_news img{ float:left; margin-right:20px;}
.left_news p{ line-height:24px; color:#999;}
.left_news span{color:#999; line-height:24px; margin-top:10px; overflow:hidden; display:block;}
.left_news span i{ float:right; font-style:normal; }
.left_news span i a{ font-size:12px; color:#01a7f3;}

.right_news{ width:550px; overflow:hidden; float:right;}
.right_news ul li{ line-height:26px; border-bottom:1px solid #ccc;}
.right_news ul li span{ float:right;}
.right_news ul p{ float:right; margin-top:5px;}
.right_news ul p a{ font-size:12px; color:#01a7f3;}

.main04{ width:100%; height:420px; background:#f5f5f5; overflow:hidden;}
.index_contact{ width:720px; overflow:hidden; margin:auto;}
.index_contact_title{ text-align:center; margin:30px auto;}
.contact_left{ width:350px; float:left; overflow:hidden;}
.contact_left h2{ font-size:14px; margin-bottom:20px;}
.contact_left p{ line-height:24px;}

.contact_right{ width:300px; float:right;}
.contact_right h2 { font-size:14px;}


/*20210607*/
/*首页优势*/
.web-page-title{
  display: block;
  width: 100%;
  font-size: 35px;
  text-align: center;
  color: #179f4b;
  line-height: 65px;
}
.index-advantage-list{
  width: 100%;
  overflow: hidden;
}
.index-advantage-list > li{
  width: 33.33%;
  float: left;
  /*overflow: hidden;*/
}
.index-advantage-list > li img{
  width: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s; /* Firefox 4 */
  -webkit-transition: all 0.3s; /* Safari 和 Chrome */
  -o-transition: all 0.3s; /* Opera */  
}

.index-advantage-list > li:hover img{
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}

/*首页工厂图片*/
.index-factory-list{
  overflow: hidden;
  padding-top: 10px;
}
.index-factory-list > li{
  width: 20%;
  float: left;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px;
}
.index-factory-list > li img{
  max-width: 100%;
  height: 158px;
  transition: all 0.3s;
  -moz-transition: all 0.3s; /* Firefox 4 */
  -webkit-transition: all 0.3s; /* Safari 和 Chrome */
  -o-transition: all 0.3s; /* Opera */  
}

.index-factory-list > li:hover img{
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.none-link{
  cursor: unset;
}


/*
梁工
2017.05。15
*/
.W1200{ width:1200px; margin:auto; overflow:hidden;}
.left{ float:left; }
.right{ float:right !important; margin-right:0px !important; }

/*头部*/
.header{ width: 1200px; margin: auto;}
#top{ width:100%; height: 118px; position: relative;}
.logo{ float: left; overflow: hidden;}
.webtop{ line-height:30px;}
.head{ height:107px; margin:auto; overflow:hidden;}
.head_left{ margin-top:40px; width:550px; height:46px; background:url(../images/header_left_bg.png) no-repeat right center;}
.head_left .hotline-ico{ color:#666666; font-size:18px; background:url(../images/ico_tel.png) no-repeat 5px 1px; text-indent:35px;}
.head_left .hotline{ font-size:18px; color:#920a0a}

.head_right{ width:440px; height:144px;}
.hot_line{ width:150px; float:left; margin-top:23px; height:60px; background:url(../images/tel_bg.png) no-repeat left top; }
.hot_line h2{ font-size:14px; color:#01a7f3; font-family:Arial, Helvetica, sans-serif; padding-left:35px; line-height:35px;}
.hot_line i{ font-size:18px; color:#01a7f3; font-family: Georgia, "Times New Roman", Times, serif;}
.hot_line i span{ font-size:20px;}

.nav_bg{ border-bottom:solid 4px #6d3604;}
.nav{ height:118px; overflow:hidden; margin:auto; float: left;}
.nav ul{ margin: 42px 0px; overflow: hidden;}
.nav ul li{ float:left; margin: 0px 17px; text-align:center; border-bottom: 2px solid #fff;}
.nav ul li a{ font-size:14px; display:block; line-height: 32px; color: #666666;}
.nav ul li:first-child a{ }

.nav ul li.on{ border-bottom: 2px solid #23a651;  color: #1ca34b;}
.nav ul li.on a{ color: #1ca34b;}

/*语言切换*/
ul#language {
	position: absolute;
	right: 0px;
	top: 22px;
    color: #2493e4;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 96px;
    z-index: 9999;
	background-color:#fff;
}
ul#language li:hover {
    background-color: #2493e4;
}
ul#language li:hover a{
    color: #fff;
}
ul#language a {
    color: #2493e4;
    display: block;
    line-height: 35px;
}
ul#language > li > a > span {
    display: inline-block;
    transform: rotate(90deg);
}

/*首页banner*/
#banner{
	margin: auto;
    max-width: 1920px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#slideContainer li{ text-align: center;}
#slideContainer li img{ width: 100%; max-width: 1920px;}
.tempWrap{ margin: auto;}
#banner ul.hd{left:50%; bottom:20px;height:21px;margin:0 0 0 -77px; padding:0; list-style:none; position:absolute;}
#banner ul.hd li{width:21px;height:21px;overflow:hidden;float:left;display:inline; background:url(../images/dot.png) no-repeat center center; margin-left: 10px;}
#banner ul.hd li.on{ background:url(../images/dot-hover.png) no-repeat center center;}

.model .title{ width:380px; height:88px; margin:60px auto auto auto; text-align:center; font-size:18px; line-height:25px; color:#125c99; background:url(../images/title_bg.png) no-repeat bottom left;}
.model .title > a{ font-size:30px; line-height:35px; }
.model .title > a > span{ font-size:35px; line-height:60px; color:#a9a9a9; font-family:STSong,NSimSun;}
.model .title > a:hover{ color:#01a7f3;}
.model .title > a:hover > span{ color:#01a7f3;}
.model .title span.more{ color:#fff; font-size:10px; background-color:#464646; float:right; padding:2px; line-height:12px; margin-top:7px;}
.model .title span.more a{ color:#fff;}
.model .title span.more a:hover{ color:#01a7f3;}
.model .content{ padding-top:15px;}


/*首页热门关键词、搜索框*/
#search-key{ line-height: 50px; color: #666666; background-color: #f5f5f5; font-size: 14px;}
#search-key a{ line-height: 50px; margin-left: 10px; color: #666666;}
#search-key a:hover{ color: #e36f09;}

.search{ width:248px; height:28px; margin-top: 45px; float:right; display:block; background:url(../images/search_bg.png) no-repeat;}
.key{ float:left; width:212px; height:28px; overflow:hidden; line-height:28px; font-size:14px; color:#999; text-indent:10px; background:none; border: none;}
.button{ float:right; width:32px; height:28px; border: none; background: none; cursor: pointer;}


.category-title{ line-height: 34px; font-size: 14px; color: #00459f; border-bottom: 1px solid #e6e6e6;}
.category-title span{ float: right; font-size: 12px; color: #666;}

/*首页新品推荐*/
.index-recommend-list{ margin-top:33px; overflow:hidden;}
.index-recommend-list li{ text-align:center; overflow: hidden; float: left; width:50%;}
.index-recommend-list li > *{ width:50%; float: left;}
.index-recommend-list li img{
	max-width: 298px;
	height: 298px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.index-recommend-list li:hover img{
    transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
}
.index-recommend-list li.right-li > *{ width:50%; float: right;}
.index-recommend-list li .text{
	background-color: #f2f2f2;
	height: 298px;
	background-image: url(../images/index-pro-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.index-recommend-list li.right-li .text{
	background-image: url(../images/index-pror-bg.png);
	background-position: right center;
}

.index-recommend-list li:hover .text{ background-color: #1ca34b;}
.pad55{ padding: 55px;}
.index-recommend-list li .text .pad55 > *{ display: block; color: #666;}
.index-recommend-list li .text .pad55 > span{ font-size: 16px;}
.index-recommend-list li:hover .text .pad55 > *{ color: #fff;}
.index-recommend-list li .text .pad55 > a{ font-size: 18px;}
.index-recommend-list li .text .pad55 > .gx{ width: 36px; border-bottom: 3px solid #666; margin: auto; height: 20px; margin-bottom: 20px;}
.index-recommend-list li:hover .text .pad55 > .gx{ border-bottom: 3px solid #fff;}

/*关于我们、新闻资讯*/
.index-article-mode{
}
.index-article-recommend{
	float: left;
	margin-top: 80px;
	width: 50%;
}

.index-article-news{ height: 142px; background: url(../images/index-article-news.png) no-repeat top center; overflow: hidden;}
.index-article-news > a{ height: 142px; width: 182px; display: block; float: left;}
.index-article-about{ height: 258px; background: url(../images/index-article-about.png) no-repeat top center; overflow: hidden;}
.index-article-about > a{ height: 142px; width: 182px; display: block; float: left;}


/*首页关于我们*/
.index-about{ padding-top:18px; overflow:hidden;}
.index-about .title{ padding: 0px 60px 0px 30px; font-size: 18px; color: #17a04c; padding-bottom: 15px;}
.index-about .desc{ padding: 0px 60px 0px 30px; line-height: 24px; font-size: 14px; color: #c4c4c4;}


/*首页企业新闻*/
.index-news{}
.index-news li{ border-bottom: 1px solid #f6f6f6;}
.index-news li:last-child{ border-bottom: none;}
.index-news li > a{ display: block; overflow: hidden;}
.index-news li span.indate{ width: 182px; display: block; float: left; text-indent: 35px; color: #17a04c; line-height: 49px; font-size: 16px;}
.index-news li span.title{ width: 418px; display: block; float: left; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 18px; color: #c4c4c4; line-height: 49px;}
.index-news li:first-child span.title{ color: #666;}
.index-news li:hover span{ color: #01a7f3;}
.index-news li span.indated{ position: relative; color: #17a04c; font-size: 61px; text-indent: 35px; display: block; width: 182px; float: left;}
.index-news li span.indated > span{ display: block; width: 26px; height: 1px; border-top: 1px solid #d7d7d7; position: absolute; top: 0px; left: 50%; margin-left: -13px;}
.index-news li span.profile{ font-size: 14px; color: #c4c4c4; line-height: 24px;}

/*首页产品展示*/
.index-products{ padding-top:183px; background:url(../images/products_bg.png) no-repeat top center; margin-top:120px;}
.index-products-tab{ width:1144px; margin:auto; overflow:hidden;}
.index-products-tab li{ margin-left:2px; float:left; width:141px; height:41px; line-height:41px; background:url(../images/products_tab_bg.png) repeat-x;}
.index-products-tab li:first-child{ margin-left:0px; width:143px;}
.index-products-tab li a{ display:block; text-align:center; color:#efc486; font-size:16px; line-height:41px;}
.index-products-tab li.on,.index-products-tab li:hover{ background:url(../images/products_tab_hover_bg.png) repeat-x;}
.index-products-tab li.on a,.index-products-tab li:hover a{ color:#fff;}

.index-products-list{ padding-top:32px; padding-bottom:20px; overflow:hidden; display:none; width:1144px; min-height:336px; margin:auto; background:url(../images/products_list_bg.png);}
.index-products-list li{ overflow: hidden; float: left; width:381px; text-align:center; position:relative;}
.index-products-list li.on .img,.index-products-list li:hover .img{ border: 1px solid #efc486;}
.index-products-list li .img{ width:237px; border: 1px solid #ccc;}

.index-products-list li .text{ display:none; color:#fff; font-size:18px; position:absolute; left:71px; width:237px;}
.index-products-list li .text a{ color:#fff; font-size:18px;}
 

/*首页应用领域*/
.bar-bg{
  background-color: #17a04c;
  width:100%;
  margin:0 auto;
  text-align:center;
  color:#fff;
  font-size:2em;
  height:92px;
  line-height:92px;
}

.pic-max{ max-width:1180px; width:100%; margin:0 auto; line-height:7;}
.pic01{ width:24.8%; float:left; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:center; }
.pic01:last-child{ border-right:none;}
.pic02{ width:24.8%; float:left; border-right:1px solid #dcdcdc; text-align:center; }
.pic02:last-child{ border-right:none;}
.pic01 img,.pic01:hover img,.pic02 img,.pic02:hover img{ vertical-align:bottom; margin:0 auto;}
.pic01 a,.pic02 a{ display:block; }
.pic01 a:hover,.pic02 a:hover{ color:#1b7eb7; cursor:pointer; text-decoration:underline;}
.pic01 .icon02,.pic02 .icon02{ display:none;}
.pic01:hover .icon02,.pic02:hover .icon02{ display:block; }
.pic01:hover .icon01,.pic02:hover .icon01{ display:none;}

.pic01:hover .icon02,.pic02:hover .icon02 {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


@media (max-width: 790px) {    
	.pic01{ width:49.8%}
	.pic02{ width:49.8%; border-bottom:1px solid #dcdcdc;}
}

@media (max-width: 512px) {
.pic01,.pic02{ width:100%;}
}

.pic-max{  position:relative; overflow:hidden;}
.line{ border-left:2px solid #fff; position:absolute; left:0; top:0; border-left: 5px solid #ffffff; height: 1000px;z-index:99;}


/*首页制作过程*/
.index-zzgc{ text-align:center; padding:60px 0px 55px 0px;}
.index-zzgc img{ max-width:100%;}
 
/*首页新闻分类*/
.news-class-list{ overflow:hidden; padding-top:20px;}
.news-class-list li{ float:left; width:380px; margin-right:30px; overflow:hidden;}

.news-class-list li .text { overflow:hidden; padding-bottom:28px;}
.news-class-list li .text > span{ display:block; color:#999; font-family:STSong,NSimSun; font-size:18px;}
.news-class-list li .text > a{ display:block; color:#6d3604; font-size:18px;}
.news-class-list li .text > a >span{ float:right;}
.news-class-list li > a > img{ width:380px; height:240px;}


/*友情链接*/
.link{ width:100%; border-bottom: 1px solid #a5a5a5; min-height:52px; font-size:14px;}
.link ul{ margin-top:30px;}
.link ul li{ float:left; line-height:52px; padding:0 30px; }
.link ul li:first-child{ font-weight: bold; padding-left: 0px; color:#535353;}

/*脚部样式*/
#footer{ width:100%; overflow:hidden; background:#f2f2f2; margin-top: 50px; }
.footer-desc{
	overflow: hidden;
}

.footer-desc .foot-left{
	margin-top: 55px;
	width:158px;
	float:left;
	text-align:center;
	}
.bzdsmg{ position: absolute; top: 0px; right: -3.5px; width: 7px; height: 15px; background-color: #838383;}
.footer-desc .foot-left span{ font-size:12px; line-height:24px;}

.footer-desc .footer-menu{ overflow: hidden; float: left;}
.footer-desc .footer-menu li{
	width: 200px;
	float: left;
	margin-left: 49px;
	overflow: hidden;
	font-size: 16px;
	color: #c4c4c4;
	line-height: 25px;
	word-wrap: break-word;
	word-break: break-all;
}
.footer-desc .footer-menu li span.title{ display: block; line-height: 54px; font-size: 18px; color: #666;}
.footer-desc .footer-menu li:first-child{ width: 235px;}
.footer-desc .footer-menu li:nth-child(2){ width: 165px;}
.footer-desc .footer-menu li a{ display: block; color: #c4c4c4;}
.footer-desc .footer-menu li a:hover{ color: #666;}

.footer-desc .footer-ico{ max-width: 295px; float: right; overflow: hidden;}
.footer-desc .footer-ico span.title{ display: block; line-height: 54px; font-size: 18px;}
.footer-desc .footer-ico > ul{ overflow: hidden;}
.footer-desc .footer-ico > ul li{ float: left; margin-left: 12px;}
.footer-desc .footer-ico > ul li:first-child{ margin-left: 0px;}
.footer-desc .footer-ico > ul li > a{ display: block; width: 30px; height: 30px; overflow: hidden; background-image: url(../images/ico-share.png); background-repeat: no-repeat;}
.footer-desc .footer-ico > ul li > a.ico-facebook{ background-position: 0px 0px;}
.footer-desc .footer-ico > ul li > a.ico-google{ background-position: -30px 0px;}
.footer-desc .footer-ico > ul li > a.ico-linkedin{ background-position: -60px 0px;}
.footer-desc .footer-ico > ul li > a.ico-pinterest{ background-position: -90px 0px;}
.footer-desc .footer-ico > ul li > a.ico-twitter{ background-position: -120px 0px;}
.footer-desc .footer-ico > ul li > a:hover{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); 	/* IE 9 */
	-moz-transform:rotate(7deg); 	/* Firefox */
	-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
	-o-transform:rotate(7deg); 	
}


.copy{ height:54px; font-size: 16px; overflow:hidden; margin:auto; line-height:54px; color:#666; text-align: center;}
.copy a{ color:#666;}



/*************************************/
.pagetop{ height:30px; line-height:30pxp; padding-bottom:6px; background:url(../images/pagetop.png) repeat-x bottom;}
.pagetop > div.W1200 > div{ line-height:30px;}
.page-header{ border-bottom: 1px solid #6d3604;}
.page-header .page-logo{ float:left;}


ul.page-nav{ float:right; overflow:hidden; margin:auto; background:url(../images/pagenav-bg.png) no-repeat left center; padding:28px 0px;}
ul.page-nav li{ float:left; text-align:center;}
ul.page-nav li a{ font-size:14px; display:block; padding:0px 25px; height:25px; line-height:25px; background:url(../images/pagenav-bg.png) no-repeat right center;}
ul.page-nav li:first-child a{ }
ul.page-nav li:hover,ul.page-nav li.on{ background:url(../images/ico_nav_curr.png) no-repeat center bottom;}
ul.page-nav li:hover a,ul.page-nav li.on a{ color:#303030;}

.slideTxtBox .hd{
	border-width: 0px 0px 1px 1px !important;
}
.slideTxtBox .hd ul li{
	border-top: 1px solid #d1d8da;
}
.slideTxtBox .hd ul li:hover{ cursor: pointer;}
.slideTxtBox .hd ul li.on{background-color: #1ca34b; color: #fff;}

#content .case-title{
  border-bottom: 1px solid #bfbfbf;
  margin: 40px 0px;
  position: relative;
  overflow: hidden;
  height: 38px;
}
#content .case-title > span{
  display: block;
  padding-right: 95px;
  padding-bottom: 15px;
  border-bottom: 3px solid #bfbfbf;
  position: absolute;
  bottom: -2px;
  left: 0px;
  font-size: 18px;
  color: #1ca34b;
}
.article-case{
    line-height: 2;
    overflow: hidden;
    padding: 0;
}
.article-case img{ width: 100%;}

/*应用页相关案例*/
.option-max {
    margin: 0 auto;
    overflow: hidden;
    width: 103.5%;
}
.option-text {
    padding-bottom: 20px;
    transition: all 0.5s ease 0s;
}
.option {
    float: left;
    margin-bottom: 2%;
    margin-right: 2.3%;
    overflow: hidden;
    width: 31%;
}
.option-text h4 {
    display: block;
    font-size: 1.2em;
    padding: 15px 0;
}
.option-img {
    overflow: hidden;
}
.option-img img {
    transition: all 0.5s ease 0s;
    vertical-align: bottom;
    width: 100%;
}
.option:hover .option-text {
    background-color: #e4ac35;
    color: #fff;
    padding-left: 20px;
}
.option:hover .option-img img {
    transform: scale(1.2);
}

/*应用页推荐产品*/
.productlist {
    width: 103.5%;
}
.productlist, .productdetail {
    margin: 40px 0;
    overflow: hidden;
}
.homeproduct-tu {
    float: left;
    margin-bottom: 2%;
    margin-right: 2.3%;
    width: 31%;
}
.homeproduct-tu-pic {
    background-color: #d2d1d1;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.homeproduct-tu-pic01 {
}
.homeproduct-tu-pic01 img {
    display: block;
    margin: 0 auto;
    vertical-align: bottom;
}
.homeproduct-tu-pic01 img.proimg {
  width: 100%;
  height: 264px;
}
.homeproduct-tu-pic .bg {
    background-color: #000;
    bottom: 2px;
    color: #fff;
    font-size: 16px;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: all 0.1s ease 0s;
    width: 100%;
}
.homeproduct-tu-pic .bg01 {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
}
.homeproduct-tu-pic .bg01 a {
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    height: 8px;
    margin: 0 4px;
    width: 8px;
}
.homeproduct-tu-pic .bg01 a.on {
    background-color: #e0a118;
}
.homeproduct-tu-pic .bg span {
    bottom: -80px;
    transition: all 0.4s ease 0s;
}
.home-product-text {
    margin-top: 15px;
    text-align: center;
}
.homeproduct-tu:hover .bg {
    opacity: 0.7;
}
.homeproduct-tu:hover .bg span {
    bottom: 50%;
    display: block;
    left: 50%;
    margin-bottom: -32px;
    margin-left: -21px;
    position: absolute;
}