/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; }
input, select { font-size: 12px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 12px; color: #2b2b2b }/*google浏览器字体兼容*/
body { background: #f6f6f6; font-family: "宋体", "宋体", Arial, Helvetica, sans-serif; width: 100%; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #2b2b2b; outline: none; }
a:hover { color: #e50011; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #FF0 }
.green { color: #007b3f }
.red { color: #cb2e2a; }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.Orange { color: #ff4229; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #2aa337 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold }
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1198px; margin: 0 auto; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margintop20 { margin-top: 20px; }
/*index start*/

.logo { height: 74px; width: 234px; padding: 33px 0 22px 0; }
.nav { height: 129px; width: 740px; padding-right: 80px; }
.list-none { list-style: outside none none; margin: 0; padding: 0; }
.nav ul li { float: left; height: 129px; text-align: center; }
.nav ul li a { color: #000; display: block; height: 129px; position: relative; text-align: center; text-decoration: none; width: 130px; padding: 0; }
.nav ul li a em { /*color: #474747;*/ display: block; font-size: 14px; font-style: normal; line-height: 30px; position: absolute; top: 70px; width: 130px; }
.nav ul li a:hover, .nav ul li.navdown a, .nav ul li.navdown a:hover { background: #e50011 none repeat scroll 0 0; color: #FFF; }
.nav ul li a span { display: block; font-size: 16px; line-height: 30px; position: absolute; top: 45px; width: 130px; }
.nav ul li a:hover en { color: #FFF; }
.nav ul li.navdown a span { font-size: 14px; top: 70px; color: #FFF; }
.nav ul li.navdown a em { font-size: 16px; top: 45px; color: #FFF; }
/* banner */
.fullSlide { min-width: 1000px; position: relative; height: 422px; overflow: hidden; }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 422px; }
.fullSlide .bd li .siteWidth { width: 1000px; position: relative; margin: 0 auto; height: 422px; }
.fullSlide .bd li a { position: absolute; width: 100%; height: 422px; display: block; z-index: 1; ; }
.fullSlide .bd .txt { position: absolute; width: 415px; top: 100px; left: 22px; font: normal 18px/30px "Microsoft YaHei"; }
.fullSlide .bd .btn { display: block; zoom: 1; margin-top: 8px; width: 72px; padding-right: 10px; height: 31px; line-height: 31px; text-align: center; color: #fff; font-size: 12px; background: url(../images/banner-btn.png) 0 0 no-repeat; _background: url(../images/banner-btn-ie6.png) 0 0 no-repeat; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 20px; left: 0; height: 13px; line-height: 13px; text-align: center; }
.fullSlide .hd ul { width: 1196px; height: 30px; margin: 0 auto; text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 13px; height: 13px; margin: 4px; overflow: hidden; line-height: 13px; text-align: center; background: url(../images/icon.png) no-repeat; color: #ffffff; }
.fullSlide .hd ul li.on { background: url(../images/icon_over.png) no-repeat; color: #e50011; }
/*banner end*/
.i_newpro_t { padding-top: 60px; padding-bottom: 15px; border-bottom: 2px #bababa dashed; }
.i_newpro_c { padding-bottom: 40px; }
.i_newplist { margin-top: 25px; }
.i_newplist_t { padding-left: 20px; background: url(../images/i_tt_bg.jpg) no-repeat left 50%; line-height: 30px; }
.i_newplist_t_cn { color: #222222; font-size: 26px; font-weight: bolder; }
.i_newplist_t_en { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #909090; }
.i_newplist_c { padding-top: 25px; }
.i_newplist_c ul li { width: 287px; height: 227px; float: left; margin: 0 16px 16px 0; position: relative; z-index: 99; cursor: pointer;}
.i_newplist_c ul li p { width: 287px; height: 50px; line-height: 50px; text-align: center; }

/*video start*/
.i_newplist_c ul li p.plays { display: block; height: 177px; margin: 0; position: absolute; top: -177px; width: 287px; z-index: 1; }
.i_newplist_c ul li span { background: #000 none repeat scroll 0 0; display: block; height: 177px; left: 0; opacity: 0.5; position: absolute; top: 0; width: 287px; z-index: 1; }
.i_newplist_c ul li b { background: url("../images/play.png") no-repeat scroll center top; display: block; height: 52px; margin: 60px auto 0; position: relative; width: 287px; z-index: 2; }
.i_newplist_c ul li font { color: #fff; display: block; font-size: 12px; padding-top: 10px; position: relative; text-align: center; width: 287px; z-index: 3; }
#Black { background: #000 none repeat scroll 0 0; display: none; height: 100px; left: 0; opacity: 0.75; position: absolute; top: 0; width: 100px; z-index: 1000; }
a.CloseBtn { display: block; height: 30px; position: absolute; right: 0; width: 50px; padding-top:25px; }
a.CloseBtn:link, a.CloseBtn:visited { /*background: rgba(0, 0, 0, 0) url("../images/BtnClose.gif") repeat scroll 0 0;*/ font-size:16px; color:#FFF; }
a.CloseBtn:hover { /*background: rgba(0, 0, 0, 0) url("../images/BtnClose.gif") repeat scroll -30px top;*/ }
#VideoArea { /*background: #fff none repeat scroll 0 0;*/ display: none; height: 430px; position: absolute; top: 0; width: 600px; z-index: 1001; }
#VideoArea .Tit { color: #555555; font-size: 18px; font-weight: normal; height: 60px; line-height: 60px; text-align: center; width: 600px; }
#VideoArea .Con { background: #ededed none repeat scroll 0 0; height: 360px; margin: 0 auto; width: 580px; }
#CaseClassArea {display: none; height: 247px; position: absolute; top: 0; width: 704px; z-index: 1002; }
#CaseClassArea dl { background: #fff none repeat scroll 0 0; float: right; height: 232px; overflow: hidden; padding-left: 25px; width: 515px; }
#CaseClassArea dl dt { color: #555555; float: left; font-size: 20px; font-weight: bold; height: 54px; line-height: 54px; }
#CaseClassArea dl dd { color: #555555; float: left; line-height: 22px; overflow: hidden; width: 500px; }


/*video end*/
.i_newplist_more { width: 100%; height: 25px; background: url(../images/i_more_bg.jpg) repeat-x 50%; }
.i_newplist_more a { width: 75px; height: 25px; line-height: 25px; text-align: center; background: #222222; color: #FFF; font-size: 12px; margin: 0 auto; display: block; -webkit-border-radius: 4px; -moz-border-radius: 48px; border-radius: 4px; }
.i_newplist_more a:hover { background: #e50011; }

.i_newplist_more_2 { width: 100%; height: 25px;}
/* 本例子css */
.slideBox{ width:680px; height:370px; position:relative;}
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; left:0; bottom:-35px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{border-right: 1px dotted #eaeaea; float:left; margin-right:10px;  width:25px; height:25px; line-height:25px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; border-right:0; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:680px; height:370px; display:block;}

.i_news { width: 100%; height: auto; padding: 35px 0 50px; background:#ffffff; }
.i_news_c { }
.i_news_l { width: 680px; height: auto; }
.i_news_l_t { padding-left: 70px; line-height: 30px; background: url(../images/i_news_t_bg.jpg) no-repeat left 50%; }
.i_news_l_t_cn { color: #222222; font-size: 21.4px; padding-top: 6px; }
.i_news_l_t_en { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #909090; }
.i_news_l_c { padding-top: 25px; }
.i_news_l_c dl dd { line-height: 25px; border-bottom: 1px #959595 dashed; padding: 8px 0; color: #222222; font-size: 14px; }
.i_news_l_c dl dd .i_news_l_c_t a { font-weight: bolder; }
.i_news_l_c dl dd .i_news_l_c_t a:hover { color: #e50011; }
a.more { color: #e50011; }
a.more:hover { text-decoration: underline; }
.i_news_r { width: 416px; height: auto; padding-top: 50px; }
.i_about { padding: 50px 0 30px 0; }
.i_about_l { width: 625px; height: auto; }
.i_about_l_t { margin-bottom: 45px; }
.i_about_l_c { color: #222222; font-size: 14px; line-height: 28px; width: 625px; height: auto; word-break: break-all; }
.i_about_l_c a.more { color: #e50011; font-weight: bolder; }
.i_about_l_c a.more:hover { text-decoration: underline; }
.i_about_r { width: 435px; height: auto; padding-top: 40px; }
.i_about_r_t { width: 510px; height: 34px; }
.i_about_r_t ul li { width: 102px; height: 34px; float: left; text-align: center; line-height: 34px; background: url(../images/i_about_li_bg.jpg) no-repeat right 30%; }
.i_about_r_t ul li.last { background: none; }
.i_about_r_t ul li a { display: block; width: 102px; height: 34px; font-size: 14px; line-height: 25px; }
.i_about_r_t ul li a:hover { color: #e50011; }
.i_about_r_t ul li a.current { background: url(../images/i_about_tt_bg.jpg) no-repeat 50% 50%; color: #FFF; }
.i_contact { width: 100%; height: auto; background: #e50011; padding: 50px 0; color: #FFF; position: relative; z-index: 99; }
.i_con_1 { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 32px; font-family: Arial, Helvetica, sans-serif; }
.i_con_2 { width: 100%; height: 130px; line-height: 130px; text-align: center; font-size: 110px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
.i_con_l { width: 560px; height: auto; line-height: 28px; font-size: 16px; }
.i_con_r { width: 570px; height: auto; line-height: 28px; font-size: 16px; }
.f_mess_text { width: 315px; height: 31px; line-height: 31px; border: 1px #FFFFFF solid; background: none; font-family: "宋体", "宋体", Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; margin-bottom: 6px; text-indent: 5px; }
.f_con_l { width: 100px; height: auto; padding-top: 8px; }
.f_con_r { width: 200px; height: auto; line-height: 25px; font-family: "宋体", "宋体", Arial, Helvetica, sans-serif; padding-left: 15px; font-size:14px; }
.f_mess_submit { width: 100px; height: 37px; line-height: 37px; border: none; background: #FFF; font-family: "宋体", "宋体", Arial, Helvetica, sans-serif; font-size: 19px; color: #222222; cursor: pointer; }
.f_mess_select { width: 315px; height: 31px; line-height: 31px; border: 1px #FFFFFF solid; background: none; font-family: "宋体", "宋体", Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 6px; text-indent: 5px }
.f_mess_textarea{ width:305px; height:100px; line-height:22px; padding:5px;border: 1px #FFFFFF solid; background:none;color: #FFF; font-size:14px;}


.i_con_4 { width: 81px; height: 53px; background: url(../images/top_bg.jpg) no-repeat; position: absolute; z-index: 100; bottom: 0; left: 50%; margin-left: -30px; }
.i_con_4 a { display: block; width: 100%; height: 100%; }
.copyright { width: 100%; height: auto; padding: 10px 0; line-height: 35px; text-align: center; color: #FFF; background: #222222; }
.i_con_r .xbox { background: #e50011; border: 1px solid #FFFFFF; cursor: pointer; display: block; font-size: 12px; height: 32px; line-height: 32px; position: relative; text-indent: 5px; width: 315px; color: #FFF; }
.i_con_r select { border: 0 none; box-sizing: border-box; cursor: pointer; height: 32px; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: calc(100% + 1px); }
.i_con_r .name { color: #a9a9a9; font-size: 14px; padding-top: 8px; }

.sns{background: #f2f2f2 url("../images/sns-back.png") repeat-x scroll 0 46px;height: 93px;padding: 46px 0 36px;text-align: center;}
.sns img{margin: 0 18px;}


.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block; margin:0 auto;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height: 33px;line-height: 33px;text-align: center;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:19px; background:url(../images/keifu.png); background-position:0 -250px; }
/*index end*/

/*news start*/
.navsub { border-bottom: 1px solid #e7e7e7; height: 40px; padding: 30px 0 10px; text-align: center; }
.navsub ul { display: inline-block; }
.navsub li { border-left: 1px solid #e7e7e7; color: #000; float: left; font-size: 18px; height: 40px; line-height: 40px; padding: 0 20px; }
.navsub li.on a { color: #e50011; }
.inner { margin: 0 auto; position: relative; width: 1000px; }
#newss { padding: 50px 0 20px 0; width: 1198px; }
#newss li { float: left; height: 130px; margin: 20px 40px 20px 0; overflow: hidden; position: relative; width: 350px; }
#newss li.big { height: 130px; margin: 0 20px 30px; width: 540px; }
#newss .left { float: left; height: 118px; width: 205px; padding: 5px 0; }
#newss .right { float: right; height: 130px; position: relative; width: 320px; }
#newss p { line-height: 20px; }
#newss p.b { color: #000; font-size: 18px; line-height: 25px; margin-bottom: 5px; }
#newss p.s { font-family: Arial; font-size: 12px; line-height: 22px; }
#newss li a:hover p { color: #fd8200; }
#textv h2 { color: #fd8200; font-size: 18px; font-weight: normal; padding: 10px 0 10px 30px; }
#textv h2 span { color: #dfdfdf; font-size: 14px; margin-left: 10px; }
#imglist li a.img img { background: #000 none repeat scroll 0 0; }
#imglist { padding: 20px 0; }
/*news end*/

/*product start*/
#products { padding: 20px 0; width: 1198px; }
#products li { float: left; /*height: 200px;*/  position: relative; /*width: 320px;*/ }
#products li.big { height: 294px; width: 1198px; margin-bottom: 50px; }
#products .left { float: left; height: 294px; width: 650px; }
#products .left h2 { font-size: 24px; height: 40px; line-height: 40px; overflow: hidden; width: 100%; margin-bottom: 10px; }
#products .left p { line-height: 22px; }
#products .left p.s { font-family: Arial; font-size: 12px; margin-top: -5px; }
#products .left p.b { color: #000; font-size: 14px; margin-top: 30px; }
#products .right { float: right; height: 294px; position: relative; width: 500px; }
#products .txt { background: url("../images/txt1.png") repeat-x scroll 0 0; bottom: 0; color: #000; height: 39px; left: 0; padding: 5px 0; position: absolute; width: 100%; }
#products .txt p { font-size: 18px; height: 23px; line-height: 23px; overflow: hidden; text-indent: 20px; width: 100%; }
#products .txt p.s { font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; width: 100%; }
#products .hot { background: url("../images/hot.png") no-repeat scroll 0 0; display: block; height: 62px; left: 0; position: absolute; top: 0; width: 64px; }
#products .btn { background: url("../images/p2.png") no-repeat scroll 0 0; bottom: 77px; display: block; height: 47px; left: 137px; position: absolute; width: 47px; }
#products .big .btn { background-image: url("../images/p1.png"); bottom: 106px; height: 84px; left: 209px; width: 84px; }
#products a:hover .txt { background-image: url("../images/txt2.png"); color: #fff; }
#products a:hover .txt p.s { color: #fd8200; }
#products a:hover .btn { background-position: 0 -47px; }
#products .big a:hover .btn { background-position: 0 -84px; }
.pd_con { padding: 20px 0; line-height: 25px; }
.pd_pages { margin: 20px auto; line-height: 25px; border-top: 1px #CCCCCC dashed; padding-top: 20px; }
/*product end*/


#textv { padding: 30px 0; line-height: 25px; }
.pageController { width: 400px; height: auto; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin: 30px auto 50px auto; line-height: 25px; }
.pageController a { float: left; display: block; background-color: #FFF; border: #999999 1px solid; color: #656565; padding: 1px 10px; margin-right: 5px; }
.pageController a:hover { background-color: #e40011; color: #FFF; text-decoration: none; border: #e40011 1px solid; }
.pageController .currPage { background-color: #e40011; color: #FFF; font-weight: bold; border: #e40011 1px solid; }
.pageController p { float: left; display: block; background-color: #FFF; border: #efefef 1px solid; color: #656565; padding: 1px 5px 1px 5px; margin-right: 5px; }


.maskBg{background-color: rgba(0,0,0,0.8);position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;height: 100%;opacity: 0}
.videoShow{width: 580px;height: 360px;position: fixed;left: 50%;top: 30%;margin: -180px 0 0 -290px;z-index: 10000;opacity: 0}
.maskBg.active{opacity: 1;}
.videoShow.active{opacity: 1;transform: scale(1); -webkit-transform: scale(1);}

@media screen and (max-width: 992px) {
    .videoShow{width: 100%;left: 0;margin-left: 0;}
}
@media screen and (min-width: 1200px) {
    .videoShow{width: 700px;height: 434px;margin: -217px 0 0 -350px;}
}
@media screen and (min-width: 1500px) {
    .videoShow{width: 800px;height: 500px;margin: -250px 0 0 -400px;}
}