/*Base*/
html,body {font-family: "微软雅黑",Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent; min-width:1200px;
	color: #666; font-size:14px;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }
h1,h2,h3,h4,h5,h6{ font-family:"微软雅黑"; font-weight:normal;}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*a*/
a{color:#333;text-decoration:none;}
a.red{color:red;text-decoration:none;}
a.red:hover{color:red;text-decoration:underline;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}

.trans{-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}

/*布局*/
.wrap{ width:1180px; height:auto; margin:0 auto;   }


#header{     position: fixed;
    background:rgba(255,255,255,1);
    width: 100%;
    height: 120px;
    z-index: 9999;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 10px #eee; }
#header{  background:rgba(255,255,255,0.96);
    height:auto;font-family:"微软雅黑";
    transition: all 0.3s ease-in-out 0s;
    width:100%; }

.header-info {
	width: 100%;
	height: 35px;
	background-color: #3c53a3;
	color: #FFFFFF;
}

.header-info .fl ul {
	list-style-type: none;
	margin-top:4px; 
}
.header-info .fl ul li {
	float: left;
	height: 28px;
	line-height: 25px;
	background-repeat: no-repeat;
	display: block;
	background-position: left top;
	padding-left: 44px;
	margin-right: 40px;
}
.h_location {
	background-image: url(icon-location.png);
}
.h_tel {
	background-image: url(icon-tel.png);
}
.h_email {
	background-image: url(icon-mail.png);
}
.header-info .fr { text-align:right; height:35px; line-height:35px;
	width: 163px;color:#fff; font-size:14px;
}

.header-info .fr a { 
	color:#fff;
	font-size:14px; padding:0 10px;
}
.header-info .fr a:hover {
	color:#f3971d;
}
.head_main { height:90px;  }
.logo{width:275px; height:55px; margin:10px 0;  float:left;}
.logo h1{ }
	.logo h1 a{ width:275px; height:55px;display:block; color:#302f2f; font-size:20px; font-weight:600; text-align:left;   }

/* 导航模块 */	
.nav{ height:90px; width:780PX; float:right;   }
.nav li{ float:left; height:90px; line-height:90px; margin:0 15px;  position:relative; text-align:center;    }
.nav li h3 a{ color:#666;  display:block;  text-align:center;    transition:all 1s ease 0s; font-size:16px; padding:0 10px; margin:0 0px; position:relative;   }
.nav li h3.ico_str{ background:url(ico_str1.png) no-repeat right center;}
.nav li h3 a:hover,.nav li.focus h3 a{ color:#f3971d; font-weight:600; }
.nav li h3 a i{ height:3px; background:#f3971d; width:60px; display:none; position:absolute; left:50%; margin-left:-30px; bottom:0px;transition:all 1s ease 0s;}
.nav li h3 a:hover i,.nav li.focus h3 a i{ display:block;}

.nav li .option{ position:absolute; left:50%; margin-left:-50px; top:100px;background:rgba(4,99,189,0.65); width:100px;  display:none; z-index:99; padding:20px  0 10px 0;} 
.nav li .option a{ color:#fff; font-size:14px; line-height:30px; display:block;  transition:all 600ms ease 0s;}
.nav li .option  a:hover{ font-weight:600;}
.header-blank{height:125px;width:100%;background:#fff;}

/*首页banner*/




/*广告样式*/
#banner .swiper-pagination .swiper-pagination-bullet{width:50px;height:6px;border-radius:3px;margin-right:10px;background:rgba(60,83,163,0.9);opacity: 1;}
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffa802;position: relative;}
#banner .swiper-pagination .swiper-pagination-bullet{width:50px;height:6px;border-radius:3px;margin-right:10px;background:rgba(60,83,163,0.9);opacity: 1;}
#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ffa802;position: relative;}
#banner .top-bg-button{width:60px;height:60px;background:rgba(0,0,0,0.2);border-radius: 50%;line-height:60px;text-align: center;margin-top:-30px;}
#banner .top-bg-button i{color:#fff;}
#banner .swiper-button-next{right:80px;}
#banner .swiper-button-prev{left:80px;}


#innerbanner{ height:200px; overflow:hidden;  margin:0px auto 0; width:100%; min-width:1200px;text-align:center; position:relative; padding-top:100px; }
#innerbanner span{  font-size:24px; color:#fff;   font-weight:600;  text-shadow:2px 2px 2px #333333; background:rgba(51,51,51,0.65); padding:30px;}

/*首页主要内容*/
#mainbody{ height:auto;overflow:hidden; }
.banner_search{width:100%; height:56px; line-height:56px; border-bottom: 1px solid #e0e0e0; margin-top:-4px;}
.banner_search_con>p{width:780px; float:left; overflow:hidden; font-size:14px; font-weight:bold; color:#8b8b8b;}
.banner_search_con>p a{font-weight:normal; color:#8b8b8b; padding:0 10px;}
.search{width:264px; height:36px; line-height:36px; border:1px solid #ccc; border-radius:3px; float:right; margin-top:7px; overflow:hidden;background:#3c53a3;}
.sercon{padding-left:11px; width:180px; height:37px; line-height:37px; border:0px; border-right:1px solid #ccc; background:#fff;}
.serbtn{width:65px; height:36px; background:#3c53a3; border:0; cursor:pointer; color:#fff; font-size:14px;}

.mainTitle{ text-align:center; margin-bottom:30px;}
.mainTitle .cn{ font-size:24px; color:#222222 ; font-weight:600; }
.mainTitle p{ font-size:14px; color:#555555;  }
.mainTitle .line{width:36px; height:3px; background:#0264bd; display:block; margin:10px auto;}

.productBox{ padding:30px 0 10px 0; width:100%;  overflow:hidden; margin-top:20px;}
.protit{ height:auto; }
.protit ul{ border: solid 1px #b9b9b9;margin-top: 29px;height: 70px;line-height: 68px;  text-align:center;}
.protit li:nth-child(4n){margin-right: 0;}
.protit ul li{ display:inline-block;background: url(line3.png) no-repeat right center; }
.protit ul li a{ display: block;color: #5a5a5a;font-size: 18px;background: url(line33.png) no-repeat center 58px; padding:0 50px; margin:0 60px;text-align: center;}
.protit ul li a:hover,.protit ul li.on a{ background:url(line44.png) no-repeat center 58px;color: #ffa802;}
.protit ul li:last-child{ background:none;}



.productRec { padding:24px 0;margin-top:0px; height:auto; overflow:hidden;}
.productRec  li{ width:282px; float:left; margin-right:14px;margin-bottom: 14px;border: solid 1px #e6e6e6;}
.productRec li:nth-child(4n){margin-right: 0;}
.productRec  li a .pic{width: 282px;height: 180px;   display:block; overflow:hidden; position:relative; }
.productRec  li a .pic img{width: 282px;height: 180px;transition-duration:500ms;}
.productRec  li a:hover .pic img{transform: scale(1.06);}
.productRec  li a .name{ height:50px; line-height:50px; display:block; color:#555; font-size:16px; text-align:center;border-top: solid 1px #e6e6e6; }

.mainTit2{height: 170px;background: url(bgys.png) no-repeat top center;margin-top: 30px;}
.bt2{text-align: center;padding-top: 58px;}
.bt2 dd{color: #ffffff;font-size: 30px;letter-spacing: 3px;padding-left: 415px;text-align: left;}
.bt2 dt{color: #cbcbcb;font-size: 12px;font-family: 'Arial';text-transform: uppercase;margin-top: 5px;}

.box3{height: 950px;background: url(bj2.jpg) no-repeat top center;padding-top: 59px; }
.box3 .wrap{position: relative;}
.yimg1,.yimg2{position: absolute;}
.yimg1{top:0;right: -44px;}
.yimg2{top:430px;left: -30px;}
.ycon{width: 545px;}
.box3 .num{width: 80px;margin-right: 23px; height: 80px;background-color: #ffa802;text-align: center;line-height: 80px;color: #ffffff;font-family: Impact;font-size: 66px;}
.ys1{height: 152px;overflow: hidden;margin-bottom: 30px;letter-spacing: 1px;color: #000000;text-transform: uppercase;font-family: 'Arial'; text-align:right;}
.ys1 h3{letter-spacing: 1px;color: #232323;font-size: 28px;padding:9px 0; font-weight:600; background:url(arr1.png) no-repeat right center; padding-right:60px;}
.ys1 p{ font-size:15px; color:#2f2f2f;word-spacing: -1.5px;}
.ys1 p b{color: #e28a0d;}
.ys2{ text-align:left;}
.ys2 h3{ background:url(arr2.png) no-repeat left center; padding-left:60px;}
.ys a{display:block;}
.ys:nth-child(3){margin-top:140px;margin-left: 580px;}
.ys:nth-child(3) .ys1{margin-bottom: 0;}
.ys:nth-child(4){margin-left: 580px;}
.ys:nth-child(1),.ys:nth-child(2){margin-right: 560px;}
.ys{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.ys:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}




.homeabout{ height:auto; padding:50px 0 50px 0; overflow:hidden;   width:100%;  position:relative;  }
.homeabout .tit{ text-align:center; font-size:24px; color:#242320; letter-spacing:10px; padding:5% 0;}
.homeabout .video{ width:48%; float:left;}
.homeabout .video img{ width:100%; height:auto;}
.homeabout .rmain{ width:49%; float:right; padding-left:3%; position:relative;  }
.homeabout .rmain .txt{ height:auto; padding-bottom:30px; }
.homeabout .rmain .txt h3{ font-size:32px;  line-height:50px; font-weight:600; color:#232323;padding:3% 0; background:url(bgtit.png) no-repeat left top;}
.homeabout .rmain .txt p{ font-size:14px; color:#444; line-height:30px; overflow:hidden;}
.homeabout .rmain  a{display: block;
    width: 136px;
    height: 39px;
    border-radius: 20px;
    border: solid 1px #e6e6e6;
    line-height: 37px;
    text-align: center;
    color: #787878;
    font-size: 14px;}
	
.atel{padding-left: 53px;background: url(tel.png) no-repeat left center;margin-left: 29px;line-height: 40px;}
.atel b{font-weight: normal;color: #3e3e3e;font-size: 18px;}
.dh{color: #5a5a5a;font-size: 24px;font-weight: bold;margin-left: 10px;}

.equ{height: auto; background-color: #f9f9f9;margin-top:30px;padding:79px 0;overflow: hidden;}		
.bt1{text-align: center; padding-bottom:40px;}
.bt1 dd{color: #222222;font-size: 36px;font-weight: bold;line-height: 36px;}
.bt1 dt{color: #828282;font-size: 17px;line-height: 17px;margin-top: 16px;}

.cul{margin-top:20px; margin-bottom:20px;}
.cul li{width: 265px;height: 60px; border: solid 1px #000000;margin-right: 10px;padding:12px 12px 0 8px;cursor: pointer;}
.cul li:last-child{margin-right: 0;}
.shu{width: 45px;height: 45px;background-color: #ffffff;line-height: 45px;text-align: center;color: #222222;font-size: 26px;font-family: '黑体';border-radius: 50%;}
.cul li h3{color: #000000;font-size: 20px;padding-top: 9px;padding-left: 14px;}
.cul li.cur{}
.cul li:hover .shu{background: #ffa802;color: #fff;}
.cul li.cur h3{color: #061d50;}

.pul li.li1 a img{display: block;width: 466px;height: 436px;}
.pul li.li2 a img{display: block;width: 374px;height: 218px;}
.pul li.li3 a img{display: block;width: 320px;height: 218px;}
.pul li.li4 a img{display: block;width: 374px;height: 212px;}
.pul li.li5 a img{display: block;width: 150px;height: 212px;}
.pul li.li6 a img{display: block;width: 160px;height: 212px;}
.pul li.li1{margin-right: 6px;}
.pul li{margin-bottom: 7px;}
.pul li.li3{margin-left: 8px;}
.pul li.li5{margin:0 8px;}

.honor{ height:auto;  position:relative; margin-top:50px; margin-bottom:30px;}
.info_list{  }
.info_list .bd { padding-top:18px;overflow: hidden; }
.info_list ul li{float:left;width: 292px;height:362px;background-color: #ffffff;border: solid 1px #4568cb;}
.info_list ul li .pic{border:none;background:none;vertical-align:middle; width:280px; height:300px;overflow: hidden;}
.info_list ul li .title{display: block;text-align: center;border-top: solid 1px #4568cb;height: 62px;line-height: 61px;color: #595959;font-size: 18px;font-weight: normal;}
.honor .info_list a:hover .title{background: #3c53a3;color: #fff;}
.honor .info_list a:hover .pic img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

.news{height:auto;  position:relative; margin-top:50px; margin-bottom:30px;}
.bt3{border-bottom: 1px solid #c4c4c4;font: bold 20px/41px "Microsoft YaHei"; color: #222222;letter-spacing: 1px;padding-right: 24px;margin-right: 12px; margin-bottom:20px;}
.news_box01{ width:740px; height:auto;float:left;margin:30px 32px 30px 0px; border:1px solid #e4e4e4; padding:15px;padding-top:0;}

.news_box01 .innlist1{margin-top: 40px;}
.news_box01 .innlist1 li img{width: 180px;height: 134px;float: left;}
.news_box01 .innlist1 li h3{display: block;float: right;width:544px;font-size: 16px;color: #434343;font-weight: normal;}
.news_box01 .innlist1 li h3 a{color: #434343;}
.news_box01 .innlist1 li:hover h3 a{color:#4568cb;}
.news_box01 .innlist1 li h3 span{display: block;font-size: 14px;color: #666666;line-height: 20px;padding-top: 13px;}
.news_box01 .innlist2{margin-top: 18px;}
.news_box01 .innlist2 li{float: left;background:url(innicon.png) left center no-repeat;padding-left: 16px;width: 350px;font-size: 14px;line-height: 32px;}
.news_box01 .innlist2 li a{color: #5a5a5a;}
.news_box01 .innlist2 li a:hover{color:#4568cb;}



.news_box02{ border:1px solid #eee; padding:15px; padding-top:0;float:right; width:340px;margin:30px 0px 30px 0px;}
.news_box02 ul li{ height:auto; border-bottom:1px dashed #c9c9c9; padding-bottom:10px; margin-bottom:10px;}
.news_box02 ul li h4 a{ color:#26211f; font-size:16px;  overflow:hidden; padding-left:25px; background:url(wen.jpg) no-repeat left center;}
.news_box02 ul li  p{ color:#5c5a5a; font-size:14px; line-height:24px; height:48px; overflow:hidden;background:url(da.jpg) no-repeat left top;padding-left:25px;}


/*页脚样式*/
.footer-box{ 
    }

.footer-nav{padding: 45px 0 32px 0;
 background: #202020;
}

.footmian{

  width: 1180px;
  margin: auto;
  overflow: hidden; padding-bottom:30px;

}


.left-nav{overflow: hidden; width:1180px; }
.left-nav li{
  float: left; height:auto;  padding-right:30px; background:url(line6.jpg) no-repeat right top; min-height:100px;
}
.left-nav .tit{
    padding-bottom: 10px;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #fff;

}

.left-nav dl{
  margin-bottom: 0;

}

.left-nav dd{}

.left-nav dd a{
	width: 180px;
    float: left;
    margin-bottom: 10px;
    height: 20px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    display: block;
}

.left-nav dd a:hover{ color: #fca242;}
.left-nav  .ma{ width:120px;}
.left-nav  .ma img{ width:120px; height:auto;}
.left-nav  .ma p{ color:#aaa; text-align:center; line-height:20px;}
.left-nav .flx{  width:300px; }
.left-nav .flx p { margin: 0;
    display: inline-block;
    width: 100%;
		font-size: 14px;
    border: 0;
    padding: 0 0 10px 10px;
    position: relative;
    text-align: left; color:#fff;}

.copyright{ height:auto; padding:10px 0; text-align:center;}

#back-to-top{position:fixed;bottom:100px;right:200px;}
#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:50px;
      /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s; font-size:12px;
}
#back-to-top a:hover{
      color:#979797;
}
#back-to-top a span{background:url(top.png) no-repeat;  border-radius:6px;display:block;height:50px;width:50px;margin-bottom:5px;
      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}



/*子页主要内容*/
#innerbody{ height:auto; overflow:hidden; }

.submenu { float: left; width: 285px; margin:30px 0; }

.leftt {
  background: #3c53a3;
  padding: 10px 20px;
  position: relative;
    line-height: 38px;
    height: 38px;
}
.pro{background:#fb7a1f url(side_products_tit.jpg) no-repeat right center;}


.leftt h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.leftt i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;
}

.leftt span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  opacity: .6;
  margin-left: 10px;
  text-transform: capitalize;
}

.leftt span:before {
  content: "/";
  padding-right: 5px;
}

.sub_left_nav{border: 1px solid #d2d2d2;
  border-top: none;}
.sub_left_nav li{ 
    overflow: hidden;
   border-bottom: 1px solid #eeeeee;}
.sub_left_nav li a {font-size: 16px; display:block; line-height: 22px;color: #2e2e2e; padding: 15px 18px; background:url(ny_left_ico.png) no-repeat 86% center; }
.sub_left_nav li a.on,.submenu li a:hover{ color:#f3971d; }


.sub_left_bottom{ height:auto; margin-top:20px;margin-bottom:40px;}
.sub_left_contact{border: 1px solid #d2d2d2;
  border-top: none; padding:9px 9px 18px 9px; color:#808080; font-size:15px;}
.sub_left_contact> a.jzimg{display:block; width:250px; height:81px; text-align:center; margin-left:11px;}
.sub_left_contact> a.jzimg img{max-height:100%; max-width:100%; vertical-align:middle;}
.sub_left_contact> a.jzimg i{height:100%; vertical-align:middle; display:inline-block;}
.sub_left_contact {
  padding: 10px 0;
  font-size: 14px;
}

.sub_left_contact h4 {
  padding: .8em 1.4em .8em 1.4em;
  font-size: 16px;
  color: #000000; font-weight:600;
}

.sub_left_contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}

.Main{ float: right;
    width: 855px; margin-top:30px;}
	
	
.location{ height:47px; line-height:47px; border:1px solid #ccc;  padding-left:18px; overflow:hidden; font-size:14px; color:#666;}
.location a{padding-right:14px; background:url(bread_nav_ico.png) no-repeat right; color:#666;}
.location a:hover{color:#0b6148;}
.Main .brief{font-size:14px;color:#666;line-height:24px;padding: 26px 0 30px;}
h1{font-size:20px; color:#000; text-align:center; line-height:30px;}
.Main .brief img{max-width: 100%;height:auto;}
.about_wz{margin-top:35px; overflow:hidden;}
.about_wz p{ font-size:16px; line-height:28px;}


.honor_top{padding-bottom:39px; margin-top:30px; overflow:hidden;}
.honor_top_l{float:left; width:420px; height:230px; text-align:center; border:1px solid #ccc;}
.honor_top_l img{max-height:100%; max-width:100%; vertical-align:middle;}
.honor_top_l i{height:100%; display:inline-block; vertical-align:middle;}
.honor_top_r{float:right; width:420px;}
.honor_top_r span{display:block; line-height:26px; font-size:20px; color:#000; font-weight:bold; margin-bottom:15px;}
.honor_top_r p{line-height:30px; font-size:16px; color:#000;}

.honor_bottom >p{height:44px; border-bottom:1px solid #ccc; text-align:center;}
.honor_bottom >p b{display:inline-block; font-size:20px; color:#000; line-height:42px; border-bottom:2px solid #f3971d;}
.honor_bottom ul{padding-top:41px; overflow:hidden;}
.honor_bottom ul li{float:left; width:354px; margin:0 26px 22px;}
.honor_bottom ul li span{display:block; width:382px; height:458px; border:1px solid #ccc; text-align:center;}
.honor_bottom ul li span img{ max-width:100%; max-height:408px; vertical-align:middle;}
.honor_bottom ul li span i{display:inline-block; height:100%; vertical-align:middle;}
.honor_bottom ul li p{width:100%; text-align:center; font-size:16px; color:#000; height:30px; line-height:30px; padding-top:15px; overflow:hidden;}

/*products 产品中心*/
.in_prouctsbox{ 
  font-size: 0; margin:20px -1.5%;}
.in_prouctsbox li{  display: inline-block;
  vertical-align: bottom;
  width: 30%;
  margin: 0 1.5% 20px 1.5%;
  border: 1px solid #eeeeee;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;}
  .in_prouctsbox li:hover{ border-color:#3c53a3;}
.in_prouctsbox li .pic{   display: block; overflow:hidden;}
.in_prouctsbox li .pic img{display:inline-block;text-align: center;vertical-align:middle; width:100%; height:auto;}
.in_prouctsbox li a:hover img{    transform: scale(1.1);}

.in_prouctsbox li  .title .c_pro_name a{ display: block;    font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;}

/* 产品  内页*/
/* 产品  内页*/
.product_page{   width:100%; padding-top:20px; padding-bottom:20px;   height:auto; overflow:hidden;}
.product_show{ position:relative; float:left; width:50%;}
.product_icon{ position:absolute; bottom:132px; right:32px; z-index:99;}
.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}
.product_detail{ float:right;  width:45%;}
.product_detail h3{ font-size:24px; color:#333; line-height:38px; padding:10px 0; font-weight:normal; border-bottom:1px solid #ddd; margin-top:0;}
.product_detail .bt{ font-size:14px; color:#333; background:url(bgdetail.jpg) no-repeat left; padding-left:22px; margin-bottom:10px;}
.product_detail .pro_ms{ margin-top:30px;clear:both; line-height:20px; overflow:hidden; margin-bottom:30px;}
.product_detail .pro_ms p{ line-height:20px; color:#666;}
.product_btn{ padding-top:30px; }
.product_btn a{ width:135px;  background:#3280fc;  height:40px; text-align:center; line-height:40px; display:block;font-size:16px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.product_btn a.f-left{ color:#fff; background:#3280fc; }
.product_btn a.f-left:hover{ background:#f3971d; }
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0; width:100%; padding-left:0;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 2% 0 0;width:16%;}
.tb-thumb li a{ width:100%; display:block;}
.tb-thumb li img{ width:95%;padding:2.5%;}
.tb-thumb li:last-child{ margin-right:0;}
.tb-s310, .tb-s310 a{height:562px;width:573px;}
.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:auto;width:100%;}
.tb-booth{position:relative;z-index:1; width:100%;}
.tb-booth img{ width:100%;border:1px solid #ccc;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #957e70;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.toogle{ height:auto; margin-top:30px; }
.ptit{ font-size:16px; height:33px; line-height:33px; border-bottom:2px solid #f3971d;}
.ptit span{ height:33px;background:#f3971d; padding:0 30px;  display:inline-block; color:#fff;  text-align:center;}
.toogle .pcont{ padding:10px;color:#555; line-height:30px; overflow:hidden; height:auto;}
.toogle .pcont img{ max-width:100%;}

.toogle .bottom{ text-align:right; border-bottom:1px  dashed #e1e1e1; padding-top:10px; line-height:30px; color:#999; font-size:12px; padding-right:5px;}
.toogle .bottom a{color:#666;}
.toogle .bottom a:hover{color:#f00;}


.recom{ margin-top:80px; width:100%;}
.retit{text-align: center;
    font-size: 30px;
    color: black;
    font-family: Helveticatr;}
.recom-list{    width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;}
	

.recom-list .pic{ width: 100%;
    background: #fff; border:1px solid #d1d1d1;
    position: relative; overflow:hidden; text-align:center;}
.recom-list .pic img{  transition: all 1s ease 0s;  }
.recom-list a:hover .pic  img{ transform: scale(1.1);}
.recom-list .name{   
    font-size: 16px;
    line-height: 33px;
    color: #000000;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 55px;}	
	



 /*（图片列表）--dl_sb*/
dl.dl_sb {  float: left;
  width: 31.33333%;
  margin: 0 1% 20px 1%;
  position: relative;}
dl.dl_sb dt { display: block;
  overflow: hidden;} /*图片边框*/
dl.dl_sb dt img {   width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }
  dl.dl_sb:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
dl.dl_sb dd { position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-weight: normal;
  font-size: 16px;}
dl.dl_sb dd a:hover{ color:#0463bd;}


.newslist{ width: 100%; padding-bottom:10px; margin-bottom:30px; background: white;}
.newslist li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-top: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.newslist li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.newslist li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}

.newslist li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}

.newslist li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
}

.newslist li .more {
  margin-top: 15px;
}

.newslist li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  color: #000;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.newslist li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
          box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.newslist li:hover .tit h3 {
  color: #3c53a3;
}

.newslist li:hover .more span {
  color: #fff;
  background-color: #3c53a3;
}



.listMain { height:auto;  padding-top:30px;}
.listMain li {
    width: calc((100% - 96px)/4);
    float: left;
    margin: 0 12px 24px 12px;
}

.listMain li a {
    background-color: #eee;
    height: 208px;
    display: block;
    line-height: normal;
    overflow: hidden;
    position: relative;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.listMain li a img {
    display: block;
    width: 100%;
    height: 224px;
    transition: 424ms linear;
}

.listMain li  mark {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(231,0,18,.2);
    background: #eb6123\9;
    filter: alpha(opacity=20);
    z-index: 20;
    opacity: 0;
    transform: skewX(45deg);
    visibility: hidden;
    transition: 360ms;
}

.listMain li  mark b {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
    z-index: 30;
}

.listMain li  mark b:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #e70012;
    position: absolute;
    left: 0;
    top: 23px;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
}

.listMain li  mark b:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e70012;
    position: absolute;
    left: 23px;
    top: 0;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
}

.listMain li  mark:before {
    content: "";
    width: 100%;
    height: 0%;
    border-left: 3px solid #e70012;
    border-right: 3px solid #e70012;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    transition: 320ms;
}

.listMain li a mark:after {
    content: "";
    width: 0%;
    height: 100%;
    border-top: 3px solid #e70012;
    border-bottom: 3px solid #e70012;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    transition: 320ms;
}

.listMain li:hover mark {
    opacity: 1;
    transform: skewX(0);
    visibility: visible;
}

.listMain li:hover  mark:before {
    height: 100%;
    transition: 330ms 200ms;
}

.listMain li:hover  mark:after {
    width: 100%;
    transition: 330ms 200ms;
}

.listMain li:hover  img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.listMain li:hover  mark b:before {
    transition: 355ms 180ms;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.listMain li:hover  mark b:after {
    transition: 355ms 240ms;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}


.listMain .Theview li a{display:inline-block}

.listMain  p{padding:10px 0;text-align:center;font-size:16px;color:#666}
.listMain ul li:hover p{color:#da251a}

#fengye{ text-align:center;font-size:12px; line-height:28px;height:28px; *height:28px; overflow:hidden;clear:both; margin-bottom:50px; margin-top:30px; padding:5px 10px; color:#333; }
#fengye input{ width:20px; height:15px; color:#da251a;}
#fengye a{   display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: "Microsoft YaHei",Arial;
  line-height: 26px;
  border: 1px solid #cbcbcb;
  margin: 0px;
  padding: 0 8px;}
#fengye a:hover{  color: #fff;
  border-color: #292e39;
  background: #292e39;}
#fengye input{  height:30px; text-decoration:999em; border:none; width:20px; height:18px;}
#fengye button{ width:30px; height:20px; background:#FF3300; color:#333; cursor:pointer;}



#info{padding:60px 0px 40px; height:auto; overflow:hidden;}
#info .list{width:31.78%;margin:0 2.33% 30px 0;padding-bottom:30px;border-bottom:1px solid #e9e9e9;}
#info .list:nth-child(3n){margin-right:0%;}
#info .list .p1{font-size:16px;color:#353535;line-height:24px;margin:30px auto 20px;}
#info .list .p2{font-size:14px;color:#757575;line-height:24px;max-height:48px;overflow: hidden;}
#info .list .p3{font-size:12px;color:#757575;line-height:24px;margin-top:20px;}
#info .list .p1:hover,
#info .list .p2:hover,
#info .list .p3:hover{color:#da251a;}


.pages{ width:100%; text-align:center; margin-bottom:40px; margin-top:30px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:2px solid #eee; margin:0 1px; font-size:12px; color:#555; padding:0 5px;}
.pages a.now{ color:#FFF; font-weight:bold; background:#0463bd; border-color:#0463bd;}

/*新闻详情*/
#case-detail{padding:30px 0px 30px;}
#case-detail title-boxs{ }
#case-detail .tit{ font-size: 20px;
  color: #363636;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.7;}
.title-boxs .time {
   font-size: 14px;
  font-family: Arial;
  color: #9e9e9e;
  line-height: 35px;
  border-bottom: 1px dashed #cfcfcf;
  margin-bottom: 20px;
}

.title-boxs .time i {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
}

.title-boxs .time i:after {
  opacity: .5;
  background-position: 0 -360px;
}



.detail{padding-bottom:30px; color:#666; line-height:24px; position:relative;}
.detail img{max-width:100%;height:auto;}
.detail-tags{ border-bottom: 1px solid #c3c3c3;
  position: relative; height:40px;}
.detail-tags .share {
  position: absolute;
  right: 0;
  top: 8px;
}
.detail-pn {
  margin-top: 30px;
}

.detail-pn div + div {
  margin-top: 15px;
}

.detail-pn div {
  line-height: 22px;
  padding: 10px;
  position: relative;
  border: 1px solid #eeeeee;
}

.detail-pn div b {
  font-size: 14px;
  color: #292e39;
  float: left;
  font-weight: normal;
}

.detail-pn div a {
  float: left;
  width: 75%;
  font-size: 14px;
  color: #666666;
}

.detail-pn div a:hover {
  color: #ffa802;
}

/*faq*/
.actionMain{overflow: hidden;padding:40px 25px;}
.faqList li{border:1px solid #ebebeb;margin-bottom:30px;padding:30px 40px 30px 80px;}
.faqList li:hover{box-shadow: 0px 0px 20px #ccc;}
.faqList li h6{font-size:18px;color:#333;line-height:30px; margin-bottom:20px;position:relative;}
.faqList li p{font-size:14px;color:#666;line-height:26px; position:relative;}
.faqList li span{display: inline-block;position: absolute;top:0px;left:-55px;font-size:16px;color:#ebebeb;line-height:16px;padding:8px;border-radius:3px;}

.faqList li h6 span{background:#da251a;}
.faqList li p span{background:#007cc4;}


/*联系我们*/
.lx_cont{    font-family: 微软雅黑;
    color: #333; height:auto; margin-top:30px;}
.lx_cont .item{width:25%;text-align: center;}
.lx_cont .item i{font-size:36px;color:#353535;margin-bottom:30px;display: block;font-weight: bold;}
.lx_cont .item .p1{font-size:14px;color:#757575;margin-bottom:15px;}
.lx_cont .item .p2{font-size:16px;color:#333;}

.lx_map{  width:100%;height:500px;}

/*message*/

/*message*/
.message{  width:100%; border:1px solid #eee; margin:30px 0 50px 0; height:auto; overflow:hidden;}
.message .cont_tit{ font-size:18px; color:#555; line-height:40px; height:40px; margin-bottom:40px; background:#f8f8f8; padding:20px;  }
.message h2 { text-align:center;
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 23px;
    color: #333;
    margin-bottom: 39px;
    border-bottom: 1px solid #eee;}
.online{  width: 700px; padding-top: 30px; margin:0 auto;}
.online li{ 
	float:left;
	margin-bottom: 18px;}
.online span{ 
	float:left;
	width: 120px; height: 30px; display: block;
 	color:#4e4e4e; font-size:16px;line-height: 30px; text-align: right;}
.online input{
	 width:120px;height: 28px; border:1px solid #dadada;
	color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px;
	background: #f4f4f4;}
.online input.address{ width: 522px;}	
.online textarea{
	width: 522px;border:1px solid #dadada;
	color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px;
	background: #f4f4f4;
}	
.online input.botton{ 
	width: 164px; height: 47px; border:none; cursor: pointer;
	color:#ffffff;font-size:24px; line-height: 47px; font-weight: bold;
}
.online input.submit{
	 margin-left: 220px;
	background:url(submito.jpg) left top no-repeat ;
}
.online input.reset{ margin-left:20px; background:url(resito.jpg) left top no-repeat ;
}
.online input.data{background:url(data.jpg) 150px center no-repeat;}


/*客服*/
.lxfx{
    position: fixed;
    width:77px;
    height:auto;
    top:280px;
    right:15px;
    z-index:99; 
}
.lxfx li a{
    color:#fff;
    margin-top: 9px; font-size:12px;
    display: block;
    height:47px;
    width:300px;
}
.leftlx{
    float:left;
    width:77px;
    height:47px;
}

.lxfx li span{
    font-size: 20px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding-left: 8px;
    border-left: 1px solid #fff;
    margin-top: 8px;
}
.ewm{
    width:120px;
    height:120px;
    position: absolute;
    left:-145px;
    top:100px;
    display: none; z-index:99;
}
.lxfx li i{
    display: block;
    width:30px;
    height:27px;
    margin:0px auto;
    text-align: center;
    background: url("../images/fx.png") no-repeat;
    background-position: 4px 0px;
}
.lxfx li img{ width:120px; height:120px; display:block;}
.lxfx li i.icon-tel{
    background-position: 0px -25px;
}
.lxfx li i.icon-ly{
    background-position: 4px -53px;
}
.lxfx li i.icon-wx{
     background-position: -34px 4px;
 }
.lxfx li i.icon-wb{
    background-position: -30px -22px;
}
.lxfx li i.icon-al{
    background-position: 4px -80px;
}
.lxfx li i.icon-tb{
    background-position: -34px -80px;
}
.lxfx li p{
    text-align: center;
    line-height: 12px;
}
.lxfx li{
    width:77px;
    height:56px;
    background: #c2985b;
    margin-bottom: 1px;
    margin-left: 0px;
    position: relative;
    overflow:hidden;
}

.ico_top{ width:77px;
    height:56px; display:block;
    background: #c2985b url(../images/top.png) no-repeat center center;
    margin-bottom: 1px;
    margin-left: 0px; color:#fff; font-size:12px; text-align:center;
    position: relative;
    overflow: hidden;}

@media (max-width: 640px) {
	.lxfx{
    position: fixed;
    width:50px;
    height:auto;
    top:100px;
    right:0px;
    z-index:99; 
}
.lxfx li a{
    color:#fff;
    margin-top: 9px; font-size:12px;
    display: block;
    height:47px;
    width:300px;
}
.leftlx{
    float:left;
    width:50px;
    height:47px;
}

.lxfx li span{
    font-size: 20px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding-left: 8px;
    border-left: 1px solid #fff;
    margin-top: 8px;
}
.ewm{
    width:100px;
    height:100px;
    position: absolute;
    left:-145px;
    top:100px;
    display: none; z-index:99;
}
.lxfx li i{
    display: block;
    width:30px;
    height:27px;
    margin:0px auto;
    text-align: center;
    background: url("../images/fx.png") no-repeat;
    background-position: 4px 0px;
}
.lxfx li img{ width:100px; height:100px; display:block;}

.lxfx li p{
    text-align: center;
    line-height: 12px;
}
.lxfx li{
    width:50px;
    height:56px;
    background: #c2985b;
    margin-bottom: 1px;
    margin-left: 0px;
    position: relative;
    overflow:hidden;
}

.ico_top{ width:50px;
    height:56px; display:block;
    background: #c2985b url(../images/top.png) no-repeat center center;
    margin-bottom: 1px;
    margin-left: 0px; color:#fff; font-size:12px; text-align:center;
    position: relative;
    overflow: hidden; display:none;}
	}