/* CSS Document */
*{ margin:0; padding:0}
img{ border:none}
html{background:#fff}
body{ font-size:14px; font-family:'Microsoft Yahei','SimSun',sans-serif; color:#333333; line-height: 1.8em;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
a{ text-decoration:none; color:#333;}
a:hover{color:#ec0000; text-decoration:underline}

.wxc{width:1180px; margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.clr{ clear:both}
.b40{ height:40px; line-height:40px; overflow:hidden}
.b20{ height:20px; line-height:20px; overflow:hidden}
.b10{ height:10px; line-height:10px; overflow:hidden}
.b5{ height:5px; line-height:5px; overflow:hidden}
.mt1{  margin-top:10px;}
.mt2{ margin-top:15px;}
.f14{ font-size:14px; line-height:26px;}
.center{ text-align:center}
.fr{ float:right}
.fl{ float:left}

.table1,.article table{border:1px #cccccc solid;border-collapse:collapse; font-size:12px; line-height:18px;background:#ffffff}
.table1 td,.article table td{ padding:3px 5px; border:1px #cccccc solid;}
.table1 th,.article table th{ background-color:#ba1718; color:#fff;padding:3px 5px; border:1px #cccccc solid; font-weight:normal}
table1 tr:nth-child(odd),.article table tr:nth-child(even){ background-color:#ffffff}
table1 tr:nth-child(even),.article table tr:nth-child(even){ background-color:#f0f0f0}

.box{}
.box_head{padding: 0 0 20px 0;}
.box_head strong{color: #000;font-size: 22px;font-family: "΢ÈíÑźÚ";}
.box_head  a{color:#fff; }
.box_body{}

.box2{}
.box_head2{overflow: hidden;border-top: #d8d8d8 1px solid;padding: 0 0 20px 0;}
.box_head2 strong{font-family: "΢ÈíÑźÚ"; font-size:24px;;color:000;line-height: 50px; display:block; float:left;border-top:3px #ec1d23 solid}
.box_head2 span{ font-size:12px; color:#dddddd; margin-left:1em;}
.box_head2 a{ color:333;}

.box_head2 ul {float: left;width: 90%;height: 49px;overflow: hidden;}
.box_head2 li.cur {border-top: #EC1D23 4px solid;color: #000;font-size: 22px;font-weight: 600;background: none;margin-right: 30px;padding: 5px 0 0 0;}
.box_head2 li {float: left;line-height: 40px;padding: 10px 20px 0 0;text-align: center;background: url(../images/xx.jpg) no-repeat right 22px;}
.box_head2 span {/* width: 4.6%; */float: right;margin-top: 15px;background: #222;padding: 3px 15px;}
.box_head2 span a{ color:#fff}

.box3{width: 222px;margin: 0 auto;}
.box_head3{ clear: both;height: 35px;line-height: 35px;text-align: left;border-bottom: 1px dashed #c7c7c7;font-family: "΢ÈíÑźÚ";font-size: 18px;color: #333333;border-top: 5px solid #f2282f;}
.box_head3 span{font-size: 12px;color: #f2282f;}
.box_head3 a{ color:#f2282f;}
.box_body3{margin: 14px auto 10px;}

.box4{ border:1px #d6d6d6 solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.box_head4{ height:36px; line-height:36px; border-bottom:1px #d6d6d6 solid; background-color:#f5f5f5}
.box_head4 strong{ float:left; display:block; background-color:#ED1C24; color:#fff; font-size:14px; padding:0 1.3em;}
.box_body4{padding:1em;}

.more{ float:right; margin-right:10px;}
.tbox dd{ padding-top:10px; padding-bottom:5px;}

.d1 li{ height:35px; line-height:35px; font-size:14px; background: url(../images/icon1.jpg) left center no-repeat; padding-left:2em; overflow:hidden;}
.d1 li span{ float:right; color:#aaaaaa}
.d1 li a{ color:#333; font-size:14px;}
.contact .d1 li{background: url(../images/icon-bg.png) 0 0 no-repeat; padding-left:30px;}
.contact .d1 li a{ display:inline}
.contact .d1 li.linkman{ background-position:0 -41px;}
.contact .d1 li.mobile{ background-position:0 -82px;}
.contact .d1 li.tel{ background-position:0 -123px;}
.contact .d1 li.fax{ background-position:0 -164px;}
.contact .d1 li.emall{ background-position:0 -205px;}
.contact .d1 li.address{ background-position:0 -246px;}

.d2{clear: both;margin: 0 auto;}
table.listarticle td{border-bottom: 1px dashed #d9d9d9; padding-bottom:5px;}
table.listarticle .text{ width:70%;}
table.listarticle .img{ width:30%;}
.d2 dt {clear: both;background: url(icon04.jpg) no-repeat left 10px;text-align: left;padding-left: 10px;font-family: "ËÎÌå";font-size: 18px;font-weight: bold;
    line-height: 1.8em;}
.d2 dd {clear: both;text-align: left;font-size: 14px; line-height: 1.6em; color: #666;}
.d2 a{ color:#ff3333}

.d3 li{line-height:26px; font-size:14px; height:26px; padding-left:10px;overflow:hidden;background: url(../images/icon_d3.gif) left center no-repeat;}
.d3 li span{ float:right; color:#999; font-size:12px;}

.d4 li{ height:26px; line-height:26px; border-bottom:1px #dddddd dashed; background: url(../images/icon_1.gif) 5px 8px no-repeat; padding-left:20px; overflow:hidden}
.d4 li span{ float:right; color:#aaaaaa}

.d6{ padding:8px;}
.d6 a{box-sizing: border-box; text-align:center; text-decoration:none; background:#ff9900; background-size:1.2em;line-height: 1.6em;display: block; float:left;width:15.66%; margin-left:0.5%; margin-right:0.5%; margin-bottom:0.2em;margin-top:0.2em;color: #fff; font-size:16px; padding: 0.3em 0.5em}

.e1 li{ position:relative; margin:0.5%;width:24%;float: left;display: block;text-align: center;}
.e1 li a{color: #666666;}
.e1 li .pic{ width:100%;padding-bottom:75%; height:0; display:block;overflow: hidden;}
.e1 li .pic img{ width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.e1 li .text {display: block;overflow: hidden; white-space:nowrap; line-height:2.3em}
.index .e1 li{ width:15.66%;}

.e2 li{text-align:center; line-height:30px;}
.e2 li a{ display:block; text-decoration:none;color: #666666;}
.e2 li img{ padding:5px;width:100%;border:1px #ddd solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.e2 li a:hover img{ background-color:#f2282f}

ul.e3 li{ float:left; width:355px; text-align:center; height:350px; overflow:hidden; line-height:22px;}

.e4 li{ position:relative; margin:0.5%;width:11.5%;float: left;display: block;text-align: center;}
.e4 li a{color: #666666;}
.e4 li .pic{ width:100%;padding-bottom:75%; height:0; display:block;overflow: hidden;}
.e4 li .pic img{ width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.e4 li .text {display: block;overflow: hidden; white-space:nowrap; line-height:2.3em}

ul.e6 li{ float:left; width:142px; text-align:center; height:128px; overflow:hidden; line-height:26px;}
ul.e6 .img{ text-align:center}
ul.e6 img{border:1px #ffffff solid; width:130px; height:98px; display:block; margin:0 auto}
ul.e6 a:hover img{ border-color:#999999}


ul.e8 li{ float:left; width:175px; text-align:center; height:155px; overflow:hidden; line-height:26px;}
ul.e8 .img{ text-align:center}
ul.e8 img{border:1px #ffffff solid; width:160px; height:120px; display:block; margin:0 auto}
ul.e8 a:hover img{ border-color:#e1e1e1}
ul.e8 li .text{white-space:nowrap;}

.e1 img,.e4 img,.e2 li{ -webkit-transition: 1s,border 1s;transition-property:transform;transition-duration:1s;}
.e1 img:hover,.e2 li:hover,.e4 img:hover{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);	/* IE 9 */-webkit-transform:scale(1.1,1.1);	/* Safari ºÍ Chrome */-o-transform: scale(1.1,1.1);	/* Opera */-moz-transform: scale(1.1,1.1);	/* Firefox */}

.table1{border:1px #ddd solid;border-collapse:collapse;}
.table1 td{ padding:2px 5px; border:1px #ddd solid;}

.top{ height:99px; clear:both; }
.top .logo{ padding-top:15px;}
.top .logo img {width: 410px;}
.top .tel{ padding-top:30px;}

.nav{height:48px; line-height:48px; background:#ec2626;overflow: hidden;text-align:center;}
.nav a{ width:12.5%;display:block; font-size:16px; float:left;color:#fff; text-decoration:none;border-right: #FE5555 1px solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */
-webkit-transition:background 0.8s;-o-transition-property:background;-o-transition-duration:0.8s;-moz-transition-property:background;-moz-transition-duration:0.8s;transition-property:background;transition-duration:0.8s;
}
.nav a:hover,.index .nav .home,.nav .hover{text-decoration:none; color:#ffffff; background:#000}

/*banner*/
.banner {width:100%; clear:both; background-position:center top; background-repeat:no-repeat;}
.ibanner,.ibanner .bgs,.ibanner .bgs li a{ width:100%; height:400px!important; clear:both; overflow:hidden; position:relative;}
.ibanner .bgs li a{position:absolute; left:0px; top:0px;}
.ibanner .bb {display:block; width:55px; height:55px; position:absolute; background:url(banner_btns.gif) no-repeat; top:50%; margin-top:-27px; z-index:10; display:none;}
.ibanner .prevBtn { background-position:0px 0px; left:20px;}
.ibanner .prevBtn:hover { background-position:0px -55px;}
.ibanner .nextBtn { background-position:-55px 0px; right:20px;}
.ibanner .nextBtn:hover { background-position:-55px -55px;}
.bannerNum {width:266px; height:46px; background:url(banner_btns01.gif) no-repeat; position:absolute; left:50%; margin-left:324px; bottom:0px; z-index:0;}
.ibanner .prevBtn1 { width:75px; height:46px; left:0px; top:0px; margin:0; background:url(blank.gif); display:block;}
.ibanner .nextBtn1 { width:75px; height:46px; right:0px; top:0px; margin:0; background:url(blank.gif); display:block;}
.bannerNum span { position:absolute; left:75px; top:0px; width:116px; height:46px; text-align:center; font-size:16px; line-height:46px; color:#ff8f93; font-family:Arial;}
.bannerNum span #showNumId { display:inline-block; font-size:36px; font-weight:bold; color:#fff;}

.banner{ height:180px;text-align:center; background:url(banner_news.jpg) center repeat-x;}
.banner img{ max-width:100%}
.banner_about{ background-image:url(banner_about.jpg)}

.flink{ background-color:#222; line-height:2.2em}
.flink,.flink a{ color:#aaa}

.footer{  background: #a3a3a3;line-height:2em;color:#fff; padding-bottom:8px; padding-top:8px;}
.footer .logo2{ float:right;}
.footer a{ color:#fff}

.notice{ height:40px; line-height:40px; color:#FFFFFF; background-color:#535454}
.notice .tel{ font-size:24px; float:right;}
.notice a{ color:#fff}
.index .notice .tel{background:url(banner_numbg.jpg) top right no-repeat; padding-right:30px;}
/*****- home -*****/

.title18 { padding: 5px 0 4px 0; font-size: 15px; color: #000; border: #ddd 1px solid; margin-bottom: 8px; background: url(../images/ico1.png) no-repeat right center #f7f7f7; }
    .title18 a { text-align: left; display: block; background: url(../images/ico2.png) no-repeat right center; }
        .title18 a:hover { color: #000; }
    .title18.onshow { cursor: default; color: #fff; background: url(../images/ico2.png) no-repeat right center #ED1C24; }
    .title18.on { cursor: pointer; color: #fff; background: url(../images/ico2.png) no-repeat right center #ED1C24; }
    .title18.off { cursor: default; background: url(../images/ico1.png) no-repeat right center #fff; }
.column { display: block; overflow: hidden; width: 100%; clear: both; }
    .column .con { color: #666; padding: 7px 10px 5px 10px; margin-bottom: 8px; font-size: 12px; background-color:#fff; border: #eee 1px solid; }
        .column .con p { line-height: 23px; }
.middle{ background-color:#f5f5f5;}

.kehu_title{ text-align:center;}
.kehu_title p.title{ font-size:30px; line-height:38px; color:#ED1C24;}
.kehu_title p.desc{ font-size:14px; line-height:24px;}
.kehu_img{ text-align:center;}
.kehu_img div{width:13.25%; height:auto; margin: 0.5% 0.5%;border:1px #dddddd solid; float:left; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.kehu_img img{ width:100%; height:auto;-webkit-transition:-webkit-transform 1s,border 1s;transition-property:transform;transition-duration:1s;}
.kehu_img img:hover{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);	/* IE 9 */-webkit-transform:scale(1.1,1.1);	/* Safari ºÍ Chrome */-o-transform: scale(1.1,1.1);	/* Opera */-moz-transform: scale(1.1,1.1);	/* Firefox */}

.about,.why{ width:35%; float:left}
.why{ margin-left:1%}
.why .more{background: url(icon02.jpg) no-repeat right center;padding-right: 22px;}
.about .img{ float:left; width:36%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.about .text{ float:right; width:60%; line-height:1.9em;}
.about .img img{ width:100%; height:auto}
.news1,.news2,.news3{ width:32.66%; float:left;}
.news2{ margin-left:1%}
.news3{ float:right}

.index .contact{ width:28%; float:right}
.video,.tech{ width:360px;}
.about{ font-size:14px}
.fuwu{ background-color:#df494b; text-align:center;margin:20px auto; }
#demo {overflow:hidden;width: 1000px;padding:10px 0; margin:0 auto}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

/******-page-******/
.pleft{ display:inline; float:left;width:272px; background:url(pleft_bg.jpg) right top no-repeat}
.pright{ display:inline; float:right; overflow:hidden;width:907px; padding:0 26px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.place{ height:42px; line-height:42px; background:url(icon-bg.png) left top no-repeat; font-size:14px; padding-left:30px;}
.place a{ color:#666666}
.main{ border-top:4px #f32730 solid; border-bottom:1px #d1d1d1 solid; background:url(main_bg.gif) top left repeat-y}

.pleft_title{width: 228px;padding-top: 10px;padding-left: 45px; background:url(h3_bg.gif) no-repeat 14px 15px;height: 55px;border-bottom: 1px solid #d1d1d1;text-align: left;font-family: "΢ÈíÑźÚ";font-size: 18px;color: #333;line-height: 30px;
}
.pleft_title span{ color:#f32730; font-size:16px; font-style:italic; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; font-weight:bold}
.pleft_menu{clear:both; width:222px; margin:18px auto 0px;}
.pleft_menu li{clear:both; width:222px; height:41px; font-family:"΢ÈíÑźÚ"; font-size:14px; color:#333; text-align:left; margin-bottom:11px;}
.pleft_menu li a:link,.pleft_menu li a:visited{background:url(arrow01.png) no-repeat 6px 15px #fff; color:#333; text-decoration:none; border:1px solid #d0d0d0; line-height:39px; height:39px; display:block; padding-left:30px;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */
-webkit-transition:background 0.5s,color 0.5s,boder 0.5s;-o-transition-property:background,color,boder;-o-transition-duration:0.5s,0.5s,0.5s;-moz-transition-property:background,color,boder;-moz-transition-duration:0.5s,0.5s,0.5s;transition-property:background,color,boder;transition-duration:0.5s,0.5s,0.5s;}
.pleft_menu li a:hover,.pleft_menu li a:active,.pleft_menu li a.hover,#in_menu{background-color:#f2282f; background-image:url(arrow02.png); color:#fff; text-decoration:none; border:1px solid #a31f23;}

.pright_title{clear:both; text-align:left;border-bottom:3px solid #cccccc; height:64px; line-height:64px;}
.pright_title b{font-family:"΢ÈíÑźÚ"; font-size:20px; color:#f2282f; border-left:3px solid #f2282f; padding:2px 0px 2px 10px;}

.article h2,.article h3{height: 28px;line-height: 28px;margin-top: 10px;margin-bottom: 10px;color: #000; font-size:20px; }

.pright .title{ padding:5px 0;border-bottom: 1px dotted #848484; text-align:center;}
.pright .title h1{ font-size:20px; color:#000; padding:5px 0; line-height:34px; text-align:center}
.pright .title .info{ color:#666666; line-height:23px;}
.pright .article{ padding:1em; font-size:18px; line-height:1.8em;}
.pright .article p{ margin-bottom:0.8em;}
.pright .article .keywords{ font-size:14px; line-height:16px;}

.other{clear:both; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; text-align:left; padding:6px 15px;font-family:"΢ÈíÑźÚ"; font-size:14px;line-height:1.8em;}
.other b{color:#ff3333;}

.pro_info{ padding:15px;  border-bottom:1px dashed #e4e4e4;}
.pro_left{float:left;width:38%;}
.pro_left img{border:#B3B3B3 1px solid;padding:3px; width:100%; height:auto;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.pro_right{height:auto; float:right; width:60%;}
.pro_right h1{line-height:25px; text-align:left; padding:0; font-size:20px; margin-top:5px;}
.pro_right p{margin:8px 0;}
.telinfo{ background:url(dianhua.gif) left center no-repeat; padding:5px 0 5px 55px;}
.telinfo b{ color:#FF0000; font-size:20px; font-family:΢ÈíÑźÚ;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 0;font-size: 18px;
    line-height: 1.8em;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 3px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > a.page-num-current,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #f2282f;
  border-color: #f2282f;
}

/**ÏìӦʽ²¼¾Ö**/
@media screen and (max-width: 1024px) {
   .wxc{ width:100%; max-width:100%;}
   .pright{ margin-left:-300px; padding-left:300px;width:100%; display:block}
   
}
@media screen and (max-width: 768px) {
   *{ margin:0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
   .wxc{ width:97%; margin-left:1.5%; margin-right:1.5%}
   .nav .wxc,.pleft,.pright,.pleft_title,.pleft_menu,.box3{ width:100%; float:none; margin-left:0; margin-right:0}
   .pright{ padding-left:0; padding-right:0}
   .b20{ height:8px; line-height:8px;}
   .b40{ height:16px; line-height:16px;}
   .nav{height: 36px;line-height: 36px;}
   .nav a{ width:25%; font-size: 14px;}
   .about:after,.pleft_menu:after,.e1:after,.e2:after{content:'.';height:0;visibility:hidden;display:block;clear:both}
   .top .tel,.ibanner,.notice,.flink,.footer .logo2,.d3 li span,.box_head2 li,.qq,.nav a:nth-of-type(4),.nav a:nth-of-type(5),.nav a:nth-of-type(6),.nav a:nth-of-type(7),.kehu_img div:nth-last-of-type(1),.banner,.pleft_title span,.pright_title{ display:none}
   .top .logo,.about, .why,.index .contact,.news1, .news2, .news3{ width:100%; float:none}
   .top{ height:auto}
   .top .logo{ padding-top:5px; padding-bottom:5px;}
   .top .logo img{ max-width:100%; height:auto}
   .about, .why{ margin-bottom:8px;}
   .why{ margin-left:0; margin-top:8px;}
   .news2{ margin-left:0; margin-top:8px; margin-bottom:8px;}
   .box_head3{ border-top-width:2px;}
   .box_head strong{ font-size:18px;}
   .box_head,.box_head2{ padding-bottom:8px;}
   .box_head2 ul{ width:auto}
   .box_head2 li.cur{ display:block}
   .e1 li,.index .e1 li{ width:32.33%}
   .e4 li,.kehu_img div{ width:24%}
   .kehu_title p.title{ font-size:22px; line-height:32px;}
   
   .place{ height:36px; line-height:36px;}
   .main{ background:none; border-top-width:2px}
   .pright .article{overflow:auto}
   .article img{ max-width:100%; height:auto}
   .pleft_title{ padding-top:0; height:36px; line-height:36px; background-position: 14px 10px}
   .pleft_menu li{ width:49%; float:left; clear:none; margin-bottom: 0;}
   .pleft_menu li:nth-of-type(odd){ margin-right:2%}
   .pleft_menu li a:link, .pleft_menu li a:visited{ height:30px; color:#fff; line-height:30px;padding-left: 15px;border:1px solid #a31f23; background:url(arrow02.png) no-repeat 6px 9px #f2282f;}
   .e2 li{ width:50%; float:left}
   
   table.listarticle .text{ width:80%;}
   table.listarticle .img{ width:20%;}
   .d2 dt { font-size:16px;}
   .pro_info{ padding:10px 0;}
}

@media screen and (max-width:576px) {
   .ibanner,.pro_right p,.d2 dd span{ display:none}
   .pro_left,.pro_right{ width:100%;}
   .pro_right h1{ margin-bottom:10px; margin-top:8px;}
   .table1 td,.article table td{ padding:2px 0;}
   .table1 th,.article table th{padding:2px 0;}
}
@media screen and (max-width:4806px) {
}