﻿@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,img {border:medium none; margin:0px; padding:0px;} 
/*==font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;==*/ 

body,button, input, select, textarea { font-size:14px; color:#333;} 
body{font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:normal;} 
em {font-style:normal;} 
/*==重置列表元素==*/ 
ul,ol,li { list-style: none; } 
/*==重置超链接元素==*/ 
a {text-decoration: none; color:#333; outline:0; hide-focus:expression(this.hideFocus=true);}  
a:hover { text-decoration: none; color:#F40; text-decoration:underline} 
q:before,q:after{content:'';}
/*==重置图片元素==*/ 
img { border:0px;} 

.topbox{ background:#2c2f34; display:block; height:30px; color:#ccc;}
.topbox a{ color:#ccc;}
.top{ width:1200px; margin:0px auto; height:30px; position:relative}
.topsc{ float:right; line-height:30px;}
/*公告滚动*/
.qimo8{ overflow:hidden; width:815px; float:left; line-height:30px;}




.logo{ position:absolute; left:0px; top:30px; width:214px; height:98px; z-index:999999}
.sousuo{position:absolute; right:0px; top:90px; border:1px solid #ccc;border-radius:30px; height:30px; width:210px; z-index:999999}
.sousuo span.ssk{ width:150px; display:block; height:28px; float:left; margin-left:15px; margin-top:2px;}
.sousuo span.ssk input{ height:26px; width:150px; font-size:12px}
.sousuo span.ssbt{ width:30px; height:30px; display:block; float:right; margin-right:10px;}
.sousuo span.ssbt input{ background:url(../images/sousuo.jpg) 5px 5px no-repeat; width:30px; height:30px;}

.part1{ width:1200px; margin:0px auto; height:auto; overflow:hidden; margin-top:60px;}
.part1 dt{ display:block; text-align:center; height:82px;}
.part1 dd{ padding:30px 0 0 0}
.part1 dd span{ width:240px; display:block; float:left;  height:176px; padding-top:30px; padding-bottom:30px; position:relative}
.part1 dd span:hover{ background:url(../images/promore.png) right top no-repeat;}
.part1 dd i{ position:absolute; left:0px; top:30px; width:1px; background:url(../images/sxian.jpg) left top no-repeat;display:block;height: 126px;}

.part1 dd img{transition:0.5s;}
.part1 dd img:hover{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); }

/* banner */
.banner{ height:594px;}
/* flexslider */
.flexslider{position:relative;height:594px;}
.slides{position:relative;z-index:-1;}
.slides li{height:594px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center; z-index:999}
.flex-control-nav li{display:inline-block;width:13px;height:13px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:70px;overflow:hidden;background:url(../images/dot.png) right 0px no-repeat;cursor:pointer;color:#000}
.flex-control-nav .flex-active{background-position:0 0; color:#FFF}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:38%;}
.flex-direction-nav li a{display:block;width:45px;height:100px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/sprite.png) no-repeat 0 0;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.1; }
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/sprite.png) no-repeat -55px 0px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.1;}
.flex-direction-nav li a:hover.flex-prev{left:40px;background:url(../images/sprite.png) no-repeat 0 0;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.3; }
.flex-direction-nav li a:hover.flex-next{right:40px;background:url(../images/sprite.png) no-repeat -55px 0px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.3;}


.part1 dd span p{ height:50px; line-height:50px; text-align:center; display:block; font-size:14px; font-weight:bold}


.part2{margin:0px auto; height:auto; overflow:hidden; margin-top:20px; background:#323439; padding:20px 0;}
.part2 dt{ display:block; text-align:center; height:82px;}
.part2 dd{ display:block; width:1200px; margin:0px auto; height:auto;}
.aboupic{ float:left; width:480px; height:324px; padding-bottom:30px;transform:.5s}
.aboupic img{transition:1.5s;}
.aboupic img:hover{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); }
.abouttxt{ width:680px; float:right; height:auto; overflow:hidden; line-height:35px; color:#ccc; font-size:14px; padding-top:15px;}
.aboutmore{width:680px; float:right; height:auto; overflow:hidden; padding-top:15px;}
.aboutmore a.more{ background:#f03432; width:120px; height:40px; display:block; text-align:center; color:#fff; line-height:40px; font-size:14px; float:right}

.jiantou{ background:url(../images/qiantou.jpg) top center no-repeat; display:block; height:16px;}

.part3{ width:1200px; margin:0px auto; margin-top:15px;}
.part3 .p3title{ display:block; text-align:center; height:82px;}
.part3 .p3txt{height:550px; background:url(../images/newbg.jpg) top center no-repeat;}
.part3 .p3_leftnew{ width:500px; height:auto; overflow:hidden; float:left}
.part3 .p3_rightnew{ width:500px; height:auto; overflow:hidden; float:right}
.part3 .p3_leftnew dt{ height:40px; display:block; line-height:40px; font-size:16px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.part3 .p3_leftnew dt strong{ font-size:20px; color:#f03432}
.part3 .p3_leftnew dd{ margin-top:10px;}
.part3 .p3_leftnew span.p3lpic{ width:500px; height:300px; display:block;}
.part3 .p3_leftnew span.p3ltit{ display:block; font-size:24px; padding-top:10px; text-align:center;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.part3 .p3_leftnew span.p3ltxt{ display:block; line-height:30px; font-size:14px; padding-top:10px; padding-bottom:10px; color:#999}
.part3 .p3_leftnew span.p3lbt{ border:1px solid #ccc; height:30px; display:block; border-radius:30px; line-height:30px; text-align:center}



.part3 .p3_rightnew dt{ height:40px; display:block; line-height:40px; font-size:16px; padding-bottom:10px; text-align:right; border-bottom:1px solid #ddd}
.part3 .p3_rightnew dt strong{ font-size:20px; color:#f03432;}
.part3 .p3_rightnew dd{ margin-top:10px;}
.part3 .p3_rightnew span.p3lbt{ border:1px solid #ccc; height:30px; display:block; border-radius:30px; line-height:30px; text-align:center; margin-top:10px;}
.part3 .p3_rightnew li{ height:101px; display:block; border-bottom:1px solid #ccc; position:relative}
.part3 .p3_rightnew li:last-child{ border-bottom:0}
.part3 .p3_rightnew li strong{ font-size:50px; font-weight:normal; color:#999999; float:left; display:block; width:80px;}
.part3 .p3_rightnew li span{ display:block; font-size:14px; font-weight:normal}
.part3 .p3_rightnew li a{ display:block; width:260px; float:left; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:5px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.part3 .p3_rightnew li p{ display:block; width:260px; float:left; font-size:12px; line-height:28px; color:#999}
.part3 .p3_rightnew li img{ position:absolute; right:0px; top:10px; width:130px; height:78px}


.part4box{ background:#f2f2f2; height:auto; overflow:hidden; display:block; padding-top:50px; padding-bottom:100px; margin-top:20px; clear:both}
.part4{ width:1200px; height:auto; overflow:hidden; margin:0px auto; margin-top:15px;}
.part4 .p4_n1{ width:370px; float:left;}
.part4 .p4_n2{ width:370px; float:left; margin-left:40px;}
.part4 .p4_n3{ width:370px; float:right;}
.part4 dt{ border-bottom:2px solid #323439; font-size:14px; line-height:40px}
.part4 dd{ padding-top:20px; border-bottom:5px solid #323439}
.p4tit{ display:block; text-align:center}
.part4 dd{ width:370px; height:200px; overflow:hidden; display:block; position:relative}
.p4hover{ display:block; width:370px; height:40px; background:#efefef; color:#333; font-size:18px; font-weight:bold; position:absolute; top:100px; left:-370px;-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:left;-moz-transition-property:left;transition-property:left;}
.p4hover a{ display:block; height:40px; text-align:center; line-height:40px;}
.part4 dd:hover .p4hover{ display:block; left:0px;	-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease;}
.part4 dd img{opacity:1; transform:1s}
.part4 dd:hover img{opacity:0.8;}

.footer{ background:#323439; display:block; text-align:center; line-height:35px; color:#ccc; padding:20px 0; padding-bottom:40px;}
.footer dt{ display:block; text-align:center; height:82px;}
.footer dd{ position:relative; width:1200px; display:block; margin:0px auto; font-size:14px; text-align:center; height:auto; overflow:hidden}
.footer dd span.ewm{ width:131px; height:131px; display:block; position:absolute; top:0px;}
.footer dd span.douyin-ewm{ width:136px; height:136px; display:block; position:absolute; top:0px;right:0px}
.footer a{ color:#ccc}
.footer a:hover{color:#F40;}

.nymain{ width:1200px; margin:0px auto; height:auto; overflow:hidden; padding:20px 0}
.ny_left{ width:230px; float:left; height:auto; overflow:hidden}
.fenlei{ width:230px; height:auto; overflow:hidden; background:url(../images/ny_05.jpg) top center no-repeat #efefed; border-radius:10px;}
.fenlei dt{ padding-top:30px; font-size:14px;  margin:0px 30px; padding-bottom:5px;}
.fenlei dt strong{ font-size:16px;}
.fenlei dd{ padding:20px 20px; padding-top:30px;}

.fenlei dd ul li{ text-align:center; padding:10px 0px;display:block;}
.fenlei dd ul li a{ display:block; height:25px; line-height:25px; font-size:14px;}
.fenlei dd ul li a:hover{ background:#f03530; color:#fff; border-radius:15px;}
.ggpic{ width:230px; height:auto; overflow:hidden; margin-top:20px;}


.nyright{ width:930px; float:right; height:auto; overflow:hidden;}
.weizhi{ height:40px; border-bottom:1px solid #ccc; line-height:40px;}
.weizhi strong{ float:left; font-size:18px; color:#f03530; display:inline-block; margin-left:10px;}
.weizhi i{float:left; display:inline-block; background:#f03530; width:5px; height:20px; margin-top:10px;}
.weizhi span{ float:right}

.newslist{ height:auto; overflow:hidden; display:block;}
.newslist ul li{ border-bottom:1px solid #ccc; padding:15px 0px; height:auto; overflow:hidden; display:block;}
.newslist ul li:last-child{ border-bottom:0}
.newslist ul li img{ width:150px; height:90px; float:left; display:inline-block}
.newslist ul li a{ display:inline-block; width:680px; float:left; height:90px; margin-left:20px;}
.newslist ul li h3{ font-size:18px; padding-bottom:5px; padding-top:5px; display:block; width:650px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.newslist ul li p{ line-height:30px; color:#999}
.newslist ul li span{ display:inline-block; width:70px; text-align:center; color:#999; float:right;height:80px;}
.newslist ul li span strong{ font-size:45px; display:block; padding-top:7px;}
.yema{ text-align:center; padding:20px 0; display:block;}


.nrtitle{ font-size:24px; display:block; text-align:center; padding:20px 0px 10px 0px;}
.nrtime{ display:block; text-align:center; color:#999; border-bottom:1px dashed #ccc; padding-bottom:20px; font-size:14px}
.nrtxt{ font-size:14px; padding:10px 200px;}
.fenxiang{ display:block; padding:15px 0}
.bdsharebuttonbox{ float:right}


.jianjiexs{ padding:10px 0; height:auto; overflow:hidden; font-size:14px; padding-bottom:20px;}
.chanpin3fl{ display:block; padding:15px 0; display:block;}
.chanpin3fl a{ height:35px; border:1px solid #ccc; display:inline-block; border-radius:18px; line-height:35px; padding:0px 30px; font-size:14px; font-weight:bold; margin-right:10px;}
.chanpin3fl a:hover{ background:#eee;}
.chanpin3fl a.hover{background:#eee;}
.chanpinlist{ height:auto; overflow:hidden; display:block; text-align:justify;margin-left:auto; margin-right:auto;}
.chanpinlist span{ width:280px; height:260px; display:inline-block;}
.chanpinlist span p{ display:block; padding-top:10px; text-align:center;}
.chanpinlist span.left-fix{height:0px; padding:0px; overflow:hidden;width:280px; display:inline-block}

.chanpinxq{padding:10px 0; height:auto; overflow:hidden; font-size:14px; padding-bottom:20px;}
.cptitle{ text-align:center; font-size:18px; padding:20px 0;}
.cppic{ font-size:14px;}
.cppic img{ max-width:930px;}



.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}


.liuyantop{ display:block; height:auto; overflow:hidden; border-bottom:1px dotted #ddd;}
.liuyantop strong{ display:block; font-size:24px; padding-bottom:10px;}
.liuyantop p{ line-height:30px;}
.liuyank{ display:block; padding:30px 0px 0px 100px;}
.liuyank input{ border:1px solid #ddd; height:28px; width:200px;}
.liuyank td{ padding:5px 0}
.liuyank textarea{ border:1px solid #ddd;}

/*page*/
.showpage {width:100%; padding-bottom:10px;}
.showpage .showpage1{width:auto; float:left; position:relative; left:50%; }
.paginator { font:12px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px; text-align:left; position:relative; right:50%; float:left;} 
.paginator a {border:solid 1px #ccc;color:#8c8c8c;cursor:pointer;text-decoration:none; height:16px; line-height:16px; background:#f8f8f8; } 
.paginator a:visited {padding: 1px 6px; border: solid 1px #8c8c8c; text-decoration: none;} 
.paginator .cpb {border:1px solid #8c8c8c;font-weight:700;color:#FFF;background:#8c8c8c;} 
.paginator a:hover {border:solid 1px #8c8c8c;color:#FFF;text-decoration:none;background-color:#8c8c8c;} 
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover {float:left;height:15px; min-width:10px;_width:10px;margin-right:5px;text-align:center;white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px; padding-top:2PX;} 
.paginator .cpb a:hover{ color:#000;}
.page_fy{border:#E3E3E3 solid 1px; padding:2px 5px;}
.page_shuzi{border:#E3E3E3 solid 1px; padding:2px 5px;}
.page_tianchong{border:#ccc solid 1px; background:none; font-size:12px; padding:1px 5px; background:#f8f8f8;}
.kuang_go{border:#ccc solid 1px; padding:0px 5px;  background:#f8f8f8;margin-right:2px; margin-left:5px; line-height:16px; height:16px;}

@media (min-width: 320px) and (max-width: 1200px) {
.topbox{width:1200px;}
#box_header_sub2_sub2{width:1200px;}
.banner{width:1200px;}
.part1{width:1200px;}
.part2{width:1200px;}
.part3{width:1200px;}
.part4box{width:1200px;}
.footer{width:1200px;}

}