/* CSS Document */
*{ margin:0; padding:0}
img{ border:none}
html{background:#fff}
body{ font-size:12px; font-family:'Microsoft Yahei','SimSun',sans-serif; color:#333333; line-height:20px;}
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}

.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: 40px;padding: 5px 0 0 0;}
.box_head2 li {float: left;line-height: 40px;margin-right: 20px;padding: 10px 30px 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_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) 8px 0 no-repeat; padding-left:38px;}
.contact .d1 li a{ display:inline}
.contact .d1 li.linkman{ background-position:8px -41px;}
.contact .d1 li.mobile{ background-position:8px -82px;}
.contact .d1 li.tel{ background-position:8px -123px;}
.contact .d1 li.fax{ background-position:8px -164px;}
.contact .d1 li.emall{ background-position:8px -205px;}
.contact .d1 li.address{ background-position:8px -246px;}

.d2{clear: both;margin: 0 auto;border-bottom: 1px dashed #d9d9d9;padding-bottom: 10px;margin-top: 6px;}
.d2 dt {clear: both;background: url(icon04.jpg) no-repeat left 10px;text-align: left;padding-left: 10px;font-family: "ËÎÌå";font-size: 14px;font-weight: bold;line-height: 30px;}
.d2 dd {clear: both;text-align: left;line-height: 18px;font-size: 12px;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:19%;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}

.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;}

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;}

.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 .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 */}
.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 { width: 93.7%; color: #666; height: 45px; padding: 7px 10px 5px 10px; margin-bottom: 8px; font-size: 12px; border: #eee 1px solid; }
        .column .con p { line-height: 23px; }
.middle{ background-color:#f5f5f5;}

.about,.why{ width:418px; float:left}
.why{ margin-left:14px}
.why .more{background: url(icon02.jpg) no-repeat right center;padding-right: 22px;}
.about .img{ float:left; width:150px; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.about .text{ float:right; width:250px; line-height:1.9em;}
.news1,.news2,.news3{ width:32%; float:left;}
.news2{ margin-left:2%}
.news3{ float:right}

.index .contact{ width:316px; float:right}
.index .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-******/
iframe, embed {width: 100%;height: 500px;}
.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;}
.pleft_menu li a:hover,.pleft_menu li a:active,#in_menu{background:url(arrow02.png) no-repeat 6px 15px #f2282f; color:#fff; text-decoration:none; border:1px solid #a31f23; line-height:39px; height:39px; padding-left:30px;}

.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:18px; }

.pright .title{ padding:5px 0;border-bottom: 1px dotted #848484; text-align:center;}
.pright .title h1{ font-size:18px; color:#000; padding:5px 0; line-height:30px; 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;}

.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:Î¢ÈíÑÅºÚ;}

.pages {display: inline-block; clear:both; width:100%; text-align:center; margin:20px auto}
.pages ul li{float:left;font-family:Tahoma;line-height:34px;/*margin-right:6px;*/border:1px solid #dddddd;border-left-width: 0;font-size:14px;}
.pages ul li a{float:left;padding:0 12px; line-height:34px;color:#333;display:block;}
.pages ul li a:hover{color:#ffffff;text-decoration:none;padding:0 12px; line-height:34px;background-color:#c00;}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pages ul li.thisclass a:hover{background-color:#c00;padding:0 12px; line-height:34px;color:#ffffff;font-weight:bold;}
.pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.pages .pageinfo strong{color:#555;-weight:normal;margin:0px 2px;}
.pages li:first-child {border-left-width: 1px;}