@charset "utf-8";
* { margin: 0; padding: 0; }
body { background: #fff; margin: 0; padding: 0; font-size: 12px; font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB", "\5B8B\4F53"; line-height: 20px; color: #666; overflow-x: hidden; }
html, body { -webkit-text-size-adjust: none; }
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }
a { text-decoration: none; color: #656565; }
a:focus{outline: none;}
fieldset, img { border: none; }
img { vertical-align: middle; max-width: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ul, ol, li { list-style: none; }
iframe { border: 0; margin: 0; padding: 0; }
table { border-collapse: collapse; }
.clearfix:after, ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix, ul { zoom: 1; }
.noborder { border: 0 !important; }

/*header css*/
#header { background: #fff; width: 100%; }
.header { padding: 15px 0 0 0; height: 85px; width: 1200px; margin: 0 auto; zoom: 1; }
.header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.header .logo { float: left; width: 200px; padding: 23px 0 0 0; }
.header .rightArea { width: 650px; float: right; }
.header .rightArea .topright { text-align: right; padding: 0 110px 0 0; position: relative; font-family: "simsun"; font-size: 13px; color: #a7a7a7; line-height: 30px; height: 30px; }
.topright .stone { padding: 5px 0 0 0; line-height: 20px; }
.topright .stone b { color: #333; }
.topright .stone span { display: inline-block; background: url(../images/stock.jpg) no-repeat 0 0; padding: 0 0 0 15px; }
.topright .stone .red { background-position: 0 5px; color: #c00c00; }
.topright .stone .green { background-position: 0 -17px; color: #008000; }
.header .rightArea .topright .language { position: absolute; top: 0; right: 0; display: block; padding: 0 0 0 55px; background: url(../images/bg.jpg) no-repeat -53px 0; }
.header .rightArea .language a { color: #a7a7a7; }
.header .rightArea .language a:hover { color: #ff0000; }

/*nav*/
.rightArea .nav { height: 55px; line-height: 55px; font-size: 16px; }
.nav ul li { float: left; position: relative; z-index: 1000; }
.nav ul li a { height: 52px; padding: 0 7px; margin: 0 0 0 33px; display: inline-block; color: #666; }
.nav ul li a:hover, .nav ul li .navi.hover { color: #e50017; border-bottom: 3px solid #e50017; }

/*nav_01*/
.nav .nav_01 { position: absolute; right: -45px; top: 55px; width: 151px; background: url(../images/subnav.png) repeat 0 0; z-index: 100; display: none; }
.nav .nav_01 li { width: 151px; display: block; height: 43px; line-height: 43px; }
.nav .nav_01 li .line { width: 171px; height: 0; border-bottom: 1px dotted #a9a6a7; display: block; line-height: 1px; margin-left: 9px; }
.nav .nav_01 li a { height: 37px; line-height: 37px; font-size: 13px; background: url(../images/icon/nav.png) 16px center no-repeat; padding-left: 33px; display: block; margin-top: 3px; margin-bottom: 3px; margin-left: 2px; }
.nav .nav_01 li a:hover { border-left: 2px solid #e50017; background: url(../images/icon/nav_list.png) 16px center no-repeat; color: #e50017; margin-left: 0px; border-bottom: none; }

/*nav_02*/
.nav .nav_01 .nav_02 { width: 360px; background: #FFF; filter: alpha(opacity=80); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: absolute; left: -360px; top: 0px; display: none; }
.nav .nav_01 .nav_02 .leftPic { padding: 35px 20px; width: 220px; height: 150px; float: left; }
.nav .nav_01 .nav_02 .leftPic a { background: none; }
.nav .nav_01 .nav_02 .leftPic img { width: 220px; height: 150px; display: block; }
.nav .nav_01 .nav_02 .rightNav { padding: 10px 0; }
.nav .nav_01 .nav_02 .rightNav ul li { width: 150px; float: left; margin: 0 10px 0 15px; height: 36px; line-height: 35px; text-align: left; }
.nav .nav_01 .nav_02 .rightNav ul li a { border-left: none; border-bottom: 1px dotted #a9a6a7; margin: 0; background: none; height: 35px; line-height: 35px; font-size: 13px; padding-left: 0; padding-right: 0; }
.nav .nav_01 .nav_02 dl { padding: 10px 0 20px 0; zoom: 1; }
.nav .nav_01 .nav_02 dl:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.nav .nav_01 .nav_02  dd { float: left; width: 150px; margin: 0 10px 0 15px; height: 36px; line-height: 35px; }
.nav .nav_01 .nav_02  dd a { border-left: none; border-bottom: 1px dotted #a9a6a7; margin: 0; background: none; height: 35px; line-height: 35px; font-size: 13px; text-align: center; padding-left: 0; padding-right: 0; text-align: left; }
.homebody .nav .homeli .navi, .aboutbody .nav .aboutli .navi, .joinbody .nav .joinusli .navi, .newsbody .nav .newsli .navi, .irbody .nav .irli .navi, .companybody .nav .companyli .navi, .servicebody .nav .serviceli .navi, .productbody .nav .productli .navi { color: #e50017; }
.nav .companyli .nav_01 { right: 0; }
.nav .aboutli .nav_01, .nav .irli .nav_01, .nav .newsli .nav_01 { right: -15px; width: 110px; }
#trigger, .mobile_nav { display: none; }
.mobile_nav li { height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; }
.mobile_nav li a { color: #fff; display: block; }

/*banner css*/
#banner { width: 100%; height: 535px; background: #f1f1f1; position: relative; overflow: hidden; }
.banner { height: 535px; width: 100%; position: relative; }
.banner .bd { height: 450px; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; }
.banner .bd ul { height: 450px; }
.banner .bd li { height: 100%; width: 100%; background-position: center 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.banner .bd li a { display: block; width: 100%; height: 100%; }
.banner .hd { position: absolute; left: 50%; margin-left: -600px; bottom: 0; width: 1200px; height: 85px; z-index: 9999; }
.banner .hd li { float: left; width: 400px; height: 85px; }
.banner .hd li a { display: block; background-position: 25px center; background-repeat: no-repeat; padding: 20px 0 0 90px; height: 65px; cursor: pointer; }
.banner .hd .li1 a { background-image: url(../images/slider_btn_01.png); }
.banner .hd .li1 a:hover { background-image: url(../images/slider_btn_1.png); }
.banner .hd .li2 a { background-image: url(../images/slider_btn_02.png); }
.banner .hd .li2 a:hover { background-image: url(../images/slider_btn_2.png); }
.banner .hd .li3 a { background-image: url(../images/slider_btn_03.png); }
.banner .hd .li3 a:hover { background-image: url(../images/slider_btn_3.png); }
.banner .hd li h1 { font-size: 15px; color: #242424; font-weight: normal; line-height: 28px; }
.banner .hd li p { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #7e7e7e; font-size: 12px; }
.banner .hd li a:hover { background-color: #A9A9A9; color: #fff; }
.banner .hd li a:hover h1, .banner .hd li a:hover p { color: #fff; }

/*index css*/
.index_main { width: 1200px; margin: 0 auto; padding: 30px 0 55px 0; zoom: 1; }
.index_main:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.index_main .title { margin: 0 0 35px 0; background: url(../images/line.jpg) no-repeat 0 bottom; zom: 1; }
.index_main .title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.index_main .title h1 { display: inline-block; float: left; font-size: 20px; height: 45px; line-height: 45px; color: #1a1a1a; font-weight: normal; }
.index_main .title i { float: left; font-size: 14px; color: #cbcbcb; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin: 17px 0 0 10px; }
.index_main .title .more { float: right; margin: 15px 0 0 0; font-size: 13px; }
.index_main .title .more a { display: block; padding: 0 15px 0 0; background: url(../images/icon/more.jpg) right center no-repeat; color: #979797; }
.index_main .title .more a:hover { color: #FF0000; }
.index_news { float: left; width: 790px; }
.index_news .content { zoom: 1; }
.index_news .content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.slideBox { float: left; width: 340px; height: 230px; overflow: hidden; position: relative; }
.slideBox .hd { height: 15px; width: 100%; overflow: hidden; position: absolute; right: 0; bottom: 35px; text-align: center; z-index: 10; }
.slideBox .hd ul li { display: inline-block; margin: 0 2px; width: 8px; height: 8px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; }
.slideBox .hd ul li.on { background: #ff0000; }
.slideBox .bd { position: relative; height: 100%; z-index: 1; }
.slideBox .bd li { position: relative; }
.slideBox .bd li p { position: absolute; z-index: 2; left: 0; bottom: 0; background: url(../images/trbg.png) repeat 0 0; width: 100%; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 12px; font-family: "simsun"; }
.slideBox .bd img { width: 340px; height: 230px; }
.newText { float: right; width: 430px; }
.newText ul li { font-size: 13px; margin: 0 0 4px 0; height: 25px; line-height: 25px; background: url(../images/bg.jpg) no-repeat -90px -28px; color: #878787; padding: 0 90px 0 17px; position: relative; overflow: hidden; }
.newText ul li a { color: #878787; }
.newText ul li a:hover { color: #e50017; }
.newText ul li span { position: absolute; top: 0; right: 0; }
.index_video { float: right; width: 380px; }
.index_about { float: left; width: 100%; padding: 40px 0 0 0; }
.leftLoop { position: relative; }
.leftLoop .hd { overflow: hidden; height: 30px; position: absolute; top: -65px; right: 0; }
.leftLoop .hd .prev, .leftLoop .hd .next { display: block; width: 18px; height: 18px; line-height: 18px; float: right; border: 1px solid #c6c6c6; color: #c6c6c6; text-align: center; font-family: "simsun"; margin: 0 4px; cursor: pointer; }
.leftLoop .hd .prev:hover, .leftLoop .hd .next:hover { background: #d31300; border: 1px solid #d31300; color: #fff; }
.leftLoop .bd { padding: 0; }
.leftLoop .bd ul { overflow: hidden; zoom: 1; }
.leftLoop .bd ul li { float: left; height: 170px; width: 230px; margin: 0 5px; position: relative; text-align: center; }
.leftLoop .bd ul li img { width: 100%; height: 170px; }
.leftLoop .bd ul li a { display: block; }
.leftLoop .bd ul li p { width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 12px; position: absolute; bottom: 0; left: 0; background: url(../images/trbg.png) repeat 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index_about .brand { display: none; margin-left: -2%; }
.index_about .brand li { float: left; width: 31.3%; margin: 0 0 20px 2%; position: relative; text-align: center; }
.index_about .brand li img { width: 100%; }
.index_about .brand li a { display: block; }
.index_about .brand li p { width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 13px; position: absolute; bottom: 0; left: 0; background: url(../images/trbg.png) repeat 0 0; }

/*about css*/
.aboutbody { background: #fcfbfb; }
.aboutbanner { height: 440px; width: 100%; background: url(../images/aboutbanner.jpg) no-repeat center 0; background-size: cover; }
.about { padding: 50px; }
.bg1 { background: url(../images/aboutbanner1.jpg) no-repeat; background-size: cover; }
.abouttitle { border-bottom: 1px solid #ebebeb; margin: 0 0 30px 0; }
.abouttitle .title { display: inline-block; border-bottom: 2px solid #ebebeb; zoom: 1; padding-left: 56px; background: url(../images/cjg.png) no-repeat left center; }
.abouttitle .title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.abouttitle .title h1 { float: left; font-size: 28px; line-height: 50px; color: #000; display: inline; }
.abouttitle .title h1 span { color: #e11c25; }
.abouttitle .title h2 { display: inline-block; padding: 22px 0 0 8px; font-size: 17px; color: #909090; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.about .title2 { background: url(../images/line2.png) no-repeat center 20px; text-align: center; margin: 0 auto 35px auto; }
.about .title2 h1 { line-height: 35px; font-size: 28px; color: #000; margin: 0 5px 0 0; }
.about .title2 h1 span { color: #e11c25; }
.about .title2 h2 { font-size: 17px; line-height: 30px; color: #909090; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.aboutcontent { font-size: 14px; color: #404040; line-height: 30px; }
.aboutcontent h1 { font-size: 18px; color: #e11c25; padding: 5px 0; }
.aboutcontent .fl { float: left; width: 55%; }
.aboutcontent .fr { float: right; width: 40%; }
.aboutcontent .fr .video { margin: 15px 0 0 0; height: 320px; }
.culture { background: url(../images/culturebg.jpg) no-repeat right bottom; background-size: contain; min-height: 620px; }
.culture .list { width: 460px; margin: 0 0 10px 20px; padding: 0 0 15px 0; border-bottom: 1px solid #f4f2f2; font-size: 14px; color: #545454; line-height: 30px; }
.culture .list h1 { font-size: 20px; color: #e11c25; line-height: 45px; }
.organization { width: 850px; margin: 0 auto; padding: 40px 0; }
.organization img { max-width: 100%; }
.team { width: 896px; margin: 0 auto; }
.team .img { position: relative; }
.team .img .ico { position: absolute; display: block; width: 80px; height: 100px; cursor: pointer; }
.team .img .ico1 { top: 193px; left: 74px; }
.team .img .ico2 { top: 180px; left: 229px; }
.team .img .ico3 { top: 120px; left: 320px; }
.team .img .ico4 { top: 100px; left: 440px; }
.team .img .ico5 { top: 200px; left: 514px; }
.team .img .ico6 { top: 97px; left: 581px; }
.team .img .ico7 { top: 96px; left: 700px; }
.team .img .ico8 { top: 197px; left: 693px; }
.team .teamlist { margin: 20px 0 0 0; }
.team .teamlist li { float: left; width:12.5%; height: 140px; background: #f8f8f8; text-align: center; }
.team .teamlist li h1 { font-size: 14px; color: #262626; height: 40px; padding: 30px 0 0 0; line-height: 20px; margin: 0 0 10px 0; }
.team .teamlist li h1, .team .teamlist li h2, .team .teamlist li h3 { font-weight: normal; }
.team .teamlist li h2, .team .teamlist li h3 { color: #4c4c4c; line-height: 32px; }
.team .teamlist li h2 { font-size: 13px; }
.team .teamlist li h3 { font-size: 11px; }
.team .teamlist .evenli { background: #e9e8e8; }
.team .teamlist .current { background: #2268aa !important; color: #fff; }
.team .teamlist .current h1, .team .teamlist .current h2, .team .teamlist .current h3 { color: #fff; }
.history { background: url(../images/historybg.jpg) no-repeat 0 bottom; background-size: contain; padding: 40px 0 200px 0; min-height: 300px; }
.history ul { background: url(../images/historyline.png) repeat-y 180px -500px; padding: 0 0 20px 60px; }
.history li { margin: 0 0 18px 0; zoom: 1; }
.history li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.history li .date { width: 90px; height: 61px; float: left; display: block; font-size: 18px; color: #000; line-height: 60px; text-align: center; margin: -10px 25px 0 0; }
.history li .txt { float: left; width: 600px; background: url(../images/historyico2.png) no-repeat 0 18px; padding: 10px 0 0 60px; color: #393939; font-size: 14px; line-height: 25px; }
.history .evenli .date { background: url(../images/historyico1.png) no-repeat 0 0; background-size: contain; }
.history .li2016 { margin-left: 103px; }
.history .li2015 { margin-left: 84px; }
.history .li1 { margin-left: 57px; }
.history .li2 { margin-left: 32px; }
.history .li3 { margin-left: 10px; }
.history .li4 { margin-left: 0; }
.history .li5 { margin-left: 2px; }
.history .li6 { margin-left: 15px; }
.history .li7 { margin-left: 38px; }
.history .li8 { margin-left: 65px; }
.history .li9 { margin-left: 90px; }
.history .li10 { margin-left: 108px; }
.history .li11 { margin-left: 112px; }
.history .li12 { margin-left: 103px; }
.history .li13 { margin-left: 82px; }
.history .li14 { margin-left: 56px; }
.history .li15 { margin-left: 29px; }
.history .li16 { margin-left: 8px; }
.history_wrap { background: url(../images/history-bgline.jpg) no-repeat center; position: relative; width: 1079px; height: 647px; color: #989898; }
.history_wrap .tips{position: absolute;left: 0;top: 0;color: red;font-size: 14px;margin-top: 20px;}
.history_wrap .year { position: absolute; width: 150px; }
.history_wrap .year dt { font-size: 13px; margin-bottom: 6px; }
.history_wrap .year label { color: #e1131c; margin-top: 5px; display: block; }
.history_wrap .year span { margin-right: 5px; font-size: 20px; }
.history_wrap .year dd { font-size: 12px; }
.history_wrap .year1986 { left: 10px; top: 318px; }
.history_wrap .year1991 { left: 72px; bottom: -8px; }
.history_wrap .year1996 { left: 222px; top: 238px; width: 140px; }
.history_wrap .year1999 { left: 291px; bottom: 56px; width: 135px; }
.history_wrap .year2000 { left: 373px; top: 200px; }
.history_wrap .year2002 { left: 448px; bottom: 103px; width: 140px; }
.history_wrap .year2003 { left: 532px; top: 114px; }
.history_wrap .year2006 { left: 614px; bottom: 158px; }
.history_wrap .year2007 { left: 690px; top: 82px; width: 130px; }
.history_wrap .year2008 { bottom: 205px; width: 140px; left: 761px; }
.history_wrap .year2010 { top: 30px; right: 110px; width: 130px; }
.history_wrap .year2014 { right: 8px; bottom: 250px; }
.history_wrap .year2015 { right: 0; top: 4px; width: 80px; }
.aboutnav { width: 100%; position: relative; z-index: 9999; background: #f8f8f8; left: 0; top: 0 !important; }
#nav { width: 1200px; margin: 0 auto; padding: 10px 0 0 0; }
#nav li { float: left; width: 85px; height: 50px; line-height: 50px; font-size: 15px; color: #404040; border-bottom: 2px solid #f8f8f8; text-align: center; margin: 0 20px 0 0; }
#nav li a { display: block; color: #404040; }
#nav .current { border-bottom: 2px solid #e50017; color: #e50017; }
#nav .current a, #nav li a:hover { color: #e50017; }
.section-wrapper { padding: 50px 0; }
#history, #organization { background: #f8f8f8; }
.section-wrapper .section { width: 1200px; margin: 0 auto; }
.section .title { line-height: 30px; margin: 0 0 30px 0; }
.section .title h1 { font-size: 28px; color: #000; display: inline; margin: 0 5px 0 0; }
.section .title h1 span { color: #e11c25; }
.section .title h2 { display: inline; font-size: 17px; color: #909090; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.section .title2 { background: url(../images/line2.png) no-repeat center 20px; text-align: center; margin: 0 0 40px 0; }
.section .title2 h1 { line-height: 35px; font-size: 28px; color: #000; margin: 0 5px 0 0; }
.section .title2 h1 span { color: #e11c25; }
.section .title2 h2 { font-size: 17px; line-height: 30px; color: #909090; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
#about .content { font-size: 14px; color: #868686; line-height: 30px; zoom: 1; }
#about .content:after, #team .content:after, #culture .content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
#about .content h1 { font-size: 15px; color: #404040; font-weight: normal; }
#about .content .video { float: right; width: 525px; height: 345px; margin: 10px 0 25px 45px; }
.scrolllist { background: url(../images/line3.jpg) repeat-x 0 center; margin: 0 0 50px 0; zoom: 1; }
.scrolllist:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
a.abtn { display: block; margin: 135px 0 0 0; height: 30px; width: 52px; overflow: hidden; }
a.aleft { float: left; background: url(../images/icon.png) no-repeat 0 -145px; }
a.agrayleft { cursor: default; background: none; }
a.aright { float: right; background: url(../images/icon.png) no-repeat 0 -177px; }
a.agrayright { cursor: default; background: none; }
.scrolllist .imglist_w { width: 1080px; height: 300px; overflow: hidden; float: left; position: relative; }
.scrolllist .imglist_w ul { width: 20000px; position: absolute; left: 0px; top: 0px; }
.scrolllist .imglist_w li { width: 180px; float: left; padding: 80px 0 0 0; height: 80px; position: relative; text-align: center; cursor: pointer; }
.scrolllist .imglist_w .oddli { padding: 140px 0 0 0; height: 140px; }
.scrolllist .imglist_w .date { display: block; width: 75px; height: 85px; margin: 0 auto; background: url(../images/historyico.png) no-repeat -377px 0; font-size: 16px; color: #fff; line-height: 30px; }
.scrolllist .imglist_w .oddli .date { background: url(../images/historyico.png) no-repeat -577px -59px; padding: 45px 0 0 0; height: 30px; }
.scrolllist .imglist_w li .txt { position: absolute; left: 0; bottom: 90px; font-size: 14px; line-height: 25px; color: #464646; width: 100%; }
.scrolllist .imglist_w .oddli .txt { bottom: auto; top: 230px; }
.scrolllist .imglist_w li:hover .date { background: url(../images/historyico.png) no-repeat 0 0; }
.scrolllist .imglist_w .oddli:hover .date { background: url(../images/historyico.png) no-repeat -182px -59px; }
#culture .content, #team .content { zoom: 1; }
#culture .content .text { float: left; width: 620px; font-size: 14px; color: #545454; line-height: 30px; }
#culture .content .text h1 { font-size: 20px; color: #e11c25; line-height: 35px; margin: 0 0 10px 0; }
#culture .content .text li { float: left; height: 200px; }
#culture .content .text .li1 { width: 55%; padding: 0 9% 0 0; }
#culture .content .text .li2 { width: 35%; }
#culture .content .text .li3 { width: 100%; }
#culture .content .img { float: right; width: 450px; text-align: center; padding: 15px 0 0 0; }
#organization .content { text-align: center; }
#team .img { float: left; width: 570px; height: 385px; position: relative; }
#team .img .ico { position: absolute; display: block; width: 40px; height: 50px; cursor: pointer; }
#team .img .ico1 { top: 68px; left: 35px; }
#team .img .ico2 { top: 140px; left: 125px; }
#team .img .ico3 { top: 50px; left: 190px; }
#team .img .ico4 { top: 70px; left: 272px; }
#team .img .ico5 { top: 70px; left: 345px; }
#team .img .ico6 { top: 142px; left: 375px; }
#team .img .ico7 { top: 55px; left: 450px; }
#team .img .ico8 { top: 140px; left: 485px; }
#team .teamlist { float: right; width: 600px; }
#team .teamlist li { float: left; width: 150px; height: 180px; margin: 0 0 25px 0; background: #f8f8f8; text-align: center; }
#team .teamlist li h1 { font-size: 16px; color: #262626; line-height: 50px; height: 50px; padding: 30px 0 0 0; margin: 0 0 5px 0; }
#team .teamlist li h2, #team .teamlist li h3 { font-weight: normal; color: #4c4c4c; line-height: 32px; }
#team .teamlist li h2 { font-size: 16px; }
#team .teamlist li h3 { font-size: 14px; }
#team .teamlist .li8 h1 { font-size: 14px; line-height: 22px; }
#team .teamlist .evenli { background: #e9e8e8; }
#team .teamlist .current { background: #2268aa !important; color: #fff; }
#team .teamlist .current h1, #team .teamlist .current h2, #team .teamlist .current h3 { color: #fff; }

/*contact css*/
.contactbanner { width: 100%; height: 210px; background: url(../images/contactbanner.jpg) no-repeat center 0; }
.jobbanner { width: 100%; height: 210px; background: url(../images/contactbanner.jpg) no-repeat center 0; }
.irbanner { width: 100%; height: 210px; background: url(../images/contactbanner.jpg) no-repeat center 0; }
.servicebanner { width: 100%; height: 210px; background: url(../images/contactbanner.jpg) no-repeat center 0; }
.companybanner { width: 100%; height: 210px; background: url(../images/companybanner.jpg) no-repeat center 0; }
.productbanner { width: 100%; height: 210px; background-repeat: no-repeat; background-position: center 0; }
.contactbanner .text, .jobbanner .text, .irbanner .text, .companybanner .text, .servicebanner .text { padding: 60px 0 0 0; width: 1200px; color: #fff; margin: 0 auto; }
.contactbanner .text h1, .jobbanner .text h1, .irbanner .text h1, .companybanner .text h1, .servicebanner .text h1 { font-size: 30px; line-height: 50px; }
.contactbanner .text h2, .jobbanner .text h2, .irbanner .text h2, .companybanner .text h2, .servicebanner .text h2 { font-size: 18px; line-height: 40px; font-weight: normal; color: #fff; text-transform: uppercase; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.newsbanner { width: 100%; height: 190px; background: url(../images/newsbanner.jpg) no-repeat center 0; }
.newsbanner .text { padding: 70px 0 0 0; width: 1200px; color: #fff; margin: 0 auto; }
.newsbanner .text h1 { font-size: 38px; line-height: 50px; }
.newsbanner .text h1 span { margin: 0 0 0 10px; font-size: 32px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.productbanner .text { padding: 60px 0 0 0; width: 1200px; color: #fff; margin: 0 auto; }
.productbanner .text h1 { font-size: 30px; line-height: 50px; }
.productbanner .text h2 { font-size: 20px; line-height: 40px; font-weight: normal; }
.insidetop { width: 1200px; height: 35px; margin: 25px auto; border-bottom: 1px solid #ececec; position: relative; }
.insidetop2 { width: 1200px; height: 40px; margin: 20px auto 0 auto; position: relative; }
.website { position: absolute; top: 0; right: 0; background: url(../images/icon.png) no-repeat -42px -215px; color: #666; padding: 0 0 0 20px; }
.website a { color: #666; }
.website a:hover { color: #ef3235; }
.website span { color: #ef3235; }
.contactus { padding: 20px 0 100px 0; width: 1200px; zoom: 1; margin: 0 auto; }
.contactus:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.contactus .text { float: left; width: 460px; color: #3a3a3a; }
.contactus .text h1, .contactus .text h2 { font-weight: normal; }
.contactus .text h1 { font-size: 20px; line-height: 30px; }
.contactus .text h2 { font-size: 14px; line-height: 26px; margin: 15px 0 45px 0; }
.contactus .text ul { padding: 15px 0 50px 0; }
.contactus .text li { margin: 0 0 25px 0; height: 22px; line-height: 22px; padding: 0 0 0 30px; font-size: 13px; color: #6d6d6d; }
.contactus .text .li1 { background: url(../images/bg.jpg) no-repeat -78px -70px; }
.contactus .text .li2 { background: url(../images/bg.jpg) no-repeat -78px -118px; }
.contactus .text .li3 { background: url(../images/bg.jpg) no-repeat -78px -165px; }
.contactus .text .li4 { background: url(../images/bg.jpg) no-repeat -78px -215px; }
.contactus .text .li5 { background: url(../images/bg.jpg) no-repeat -78px -263px; }
.contactus .text li b { font-size: 15px; color: #282828; margin: 0 10px 0 0; }
.contactus .text .link { font-size: 14px; color: #000; line-height: 30px; }
.contactus .text .link img { margin: 0 0 0 10px; }
.contactus .contactmap { float: right; width: 680px; padding: 50px 0 0 0; }

/*product css*/
.producttop { height: 45px; }
.producttop h1, .producttop h2 { display: inline; }
.producttop h1 { font-size: 20px; color: #242424; margin: 0 10px 0 0; }
.producttop h2 { font-size: 16px; font-weight: normal; color: #454545; text-transform: uppercase; }
.productpage { padding: 40px 30px 0 30px; }
.producttext { font-size: 14px; line-height: 26px; color: #666; padding: 0 0 50px 0; }
.producttext h1 { font-size: 16px; line-height: 28px; color: #f00000; font-weight: normal; }
.productlist { margin-left: -30px; }
.productlist li { float: left; margin: 0 0 50px 30px; width: 260px; height: 260px; background: #e0dede; }
.productlist li a { display: block; width: 100%; height: 100%; font-size: 15px; color: #000; }
.productlist li .img { position: relative; width: 260px; height: 190px; overflow: hidden; }
.productlist li .img img { width: 100%; height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }
.productlist li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }
.productlist li a:hover { background: #f00000; color: #fff; }
.productpages { padding: 30px 0; }
.product1 li a:hover { background: #67a900; }
.product2 li a:hover { background: #ffe93f; }
.product3 li a:hover { background: #3099f1; }
.productlist li .ptitle { padding: 10px 20px 0 20px; height: 50px; line-height: 25px; overflow: hidden; }
.producttitle { padding: 0 0 25px 0; text-align: center; }
.producttitle h1 { font-size: 25px; color: #e60118; line-height: 40px; }
.producttitle h2 { display: none; font-size: 15px; color: #c1c1c1; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 25px; }
.productcontent { text-align: center; }
.productcontent  img { text-align: center; height: auto; }
.subsite { padding: 60px 0 0 0; text-align: center; line-height: 45px; }
.subsite a { display: inline-block; background: #e60118 url(../images/subsiteico.png) no-repeat right center; padding: 0 60px 0 15px; height: 45px; margin: 0 10px; font-size: 16px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.back_list { padding: 20px 0 0 0; text-align: center; font-size: 14px; color: #e60118; }
.back_list a { color: #e60118; }
.back_list a:hover { color: #e60118; text-decoration: underline; }

/*news css*/
.newsbody { background: #fcfbfb; }
.newspage { padding: 0 0 90px 0; width: 1200px; margin: 0 auto; }
.news { background: #fff; border: 1px solid #eeeded; -webkit-box-shadow: 0 1px 1px #aaa; -moz-box-shadow: 0 1px 1px #aaa; box-shadow: 0 1px 1px #aaa; padding: 0 0 70px 0; }
.newtab { background: #ebebeb; }
.newtab li { float: left; padding:0 10px; text-align: center; font-size: 16px; }
.newtab li a { display: block; border-top: 4px solid #ebebeb; line-height: 45px; color: #000; }
.newtab li a:hover, .newtab li.current a { color: #cf090c; background: #fff; border-top: 4px solid #e00004; }
.producttab li { width: 150px; }
.newscenter { padding: 40px 55px 0 55px; }
.newsDetail { background: #DDD }
.commendnews { padding: 0 0 40px 0; border-bottom: 1px solid #e1e1e1; zoom: 1; }
.commendnews:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.commendnews .img { float: left; width: 430px; height: 300px; }
.commendnews .img img { width: 100%; height: 100%; }
.commendnews .text { float: right; width: 600px; }
.commendnews .text h1 { font-size: 22px; color: #292929; line-height: 30px; }
.commendnews .text .t { margin: 15px 0 20px 0; zoom: 1; }
.commendnews .text .t:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.commendnews .text .t .time { float: left; font-size: 14px; color: #666; height: 18px; line-height: 18px; padding: 0 20px 0 0; border-right: 1px solid #eee; }
.commendnews .text .t .share { float: left; }
.commendnews .text .t .share .jtico { margin: 0 0 0 25px; }
.commendnews .text .description { font-size: 16px; line-height: 29px; margin: 0 0 10px 0; color: #686868; height: 145px; overflow: hidden; }
.commendnews .text .more a { display: block; width: 100px; height: 36px; text-align: center; background: #a9a9a9; color: #fff; font-size: 14px; line-height: 36px; }
.commendnews .text .more a:hover { background: #cc2a2d; color: #fff; }
.newslist .list { background: url(../images/newsline.jpg) no-repeat center bottom; padding: 0 0 40px 130px; margin: 15px 0 0 0; min-height: 100px; position: relative; }
.newslist .list .date { position: absolute; top: 0; left: 0; display: block; width: 90px; border: 1px solid #c2c2c2; text-align: center; }
.newslist .list .date h2 { line-height: 70px; height: 70px; font-size: 48px; color: #aaa; }
.newslist .list .date p { background: #c3c3c3; color: #fff; font-size: 15px; line-height: 32px; height: 32px; }
.newslist .list h3 { font-size: 18px; color: #000; line-height: 30px; margin: 0 0 10px 0; font-weight: normal; }
.newslist .list h3 a { color: #000; }
.newslist .list .description { font-size: 15px; color: #535353; line-height: 29px; }
.newslist .list:hover .date { border: 1px solid #cc2a2d; }
.newslist .list:hover .date h2 { color: #cc2a2d; }
.newslist .list:hover .date p { background: #cc2a2d; }
.newslist .list:hover h3 a, .newslist .list h3 a:hover { color: #cc2a2d; }
.newslist ul { padding: 0 0 30px 0; }
.newslist li { font-size: 16px; color: #292929; height: 45px; line-height: 45px; padding: 0 150px 0 40px; position: relative; background-image: url(../images/redico.png); background-repeat: no-repeat; background-position: 20px center; overflow: hidden; }
.newslist .evenli { background-color: #f7f7f7; }
.newslist li .time { position: absolute; top: 0; right: 40px; }
.newslist li .time a { font-size: 14px; }
.newstitle { font-size: 22px; color: #000; font-weight: 700; line-height: 32px; text-align: center; }
.newtxt { padding: 15px 0; border-bottom: 1px solid #d4d4d4; zoom: 1; text-align: center; zoom: 1; }
.newtxt:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.newtxt .t { /* float: left; */ display: inline-block; width: 210px; color: #9f9fa1; }
.newtxt .ico { /* float: left; */ display: inline-block; width: 18px; height: 20px; margin: 0 10px 0 0; cursor: pointer; }
.newtxt .fontb { background: url(../images/bg.jpg) no-repeat 0 -30px; }
.newtxt .fonts { background: url(../images/bg.jpg) no-repeat -22px -30px; }
.newtxt .print { background: url(../images/bg.jpg) no-repeat -44px -30px; }
.newtxt .favorites { background: url(../images/bg.jpg) no-repeat -66px -30px; }
.newtxt .share { /* float: left; */ display: inline-block; }
.newtxt .backlist { float: right; color: #9d9ea0; }
.newtxt .backlist a { color: #9d9ea0; }
.newtxt .backlist a:hover { color: #00a9f6; }
.newtxt .backlist i { float: right; display: block; width: 20px; height: 20px; margin: 0 0 0 5px; background: url(../images/bg.jpg) no-repeat 0 -3px; }
.newscontent { padding: 50px 50px 80px 50px; font-size: 16px; line-height: 29px; color: #686868; width: 60%; background: #FFF; margin: 20px auto; }
.newscontent h1 { font-size: 18px; margin: 0 0 10px 0; font-weight: normal; }
.newscontent p { text-indent: 2em; }
.newscontent .ti2 { text-indent: 2em; }
.newpages { border: 1px dotted #ccc; background: #eaeaea; font-size: 14px; line-height: 60px; color: #666; position: relative; zoom: 1; }
.newpages:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.newpages .line { position: absolute; top: 0; left: 50%; height: 60px; border-left: 1px solid #ccc; font-style: normal; }
.newpages .l, .newpages .r { position: relative; width: 400px; height: 60px; overflow: hidden; }
.newpages .l { float: left; padding: 0 0 0 100px; }
.newpages .r { float: right; padding: 0 100px 0 0; text-align: right; }
.newpages .pagebtn { position: absolute; top: 0; left: 0; display: block; width: 80px; height: 60px; background: #dbdbdb; text-align: center; line-height: 60px; }
.newpages .r .pagebtn { right: 0; left: auto; }
.newpages a { color: #666; }
.newpages a:hover { color: #e00004; }
.font18 { font-size: 18px !important; }
.font13 { font-size: 13px !important; }
.magazine { padding: 50px 45px 20px 45px; }
.magazine_title { border-bottom: 1px solid #ebebeb; line-height: 60px; position: relative; }
.magazine_title h1 { font-size: 33px; color: #ef3235; }
.magazine_title h1 span { font-size: 17px; color: #424242; font-weight: normal; margin: 0 0 0 15px; }
.magazine_title .back { position: absolute; top: 25px; right: 0; font-size: 18px; line-height: 30px; color: #003ff2; }
.magazine_title .back a { color: #003ff2; }
.magazine_title .back a:hover { color: #ef3235; }

/* player */
.player { width: 1000px; height: 450px; overflow: hidden; margin: 100px auto 0 auto; position: relative; }
.player ul { width: 800px; margin: 0 auto; position: relative }
.player li { float: left; position: absolute; padding-bottom: 43px; }
#icon_left, #icon_right { background: url(../images/bg.jpg) no-repeat 0 -55px; width: 36px; height: 88px; position: absolute; top: 150px; left: 0; cursor: pointer }
#icon_right { left: auto; right: 0; background: url(../images/bg.jpg) no-repeat -38px -55px; }
#icon_left:hover { background: url(../images/bg.jpg) no-repeat 0 -146px; }
#icon_right:hover { background: url(../images/bg.jpg) no-repeat -38px -146px; }
#box { position: relative; width: 1000px; height: 300px; margin: 100px auto 0 auto; overflow: hidden; }
#box ul { position: relative; width: 800px; height: 300px; margin: 0 auto; }
#box li { position: absolute; border: 2px solid #000; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; overflow: hidden; border-radius: 3px; }
#box li img { width: 100%; height: 100%; vertical-align: top; }
#box .prev, #box .next { position: absolute; top: 50%; width: 25px; height: 60px; margin-top: -30px; overflow: hidden; text-indent: -999px; cursor: pointer; }
#box .prev { left: 0; background: url(../images/bg.jpg) no-repeat 0 -241px; }
#box .next { right: 0; background: url(../images/bg.jpg) no-repeat -38px -241px; }
#box .prev:hover { background: url(../images/bg.jpg) no-repeat 0 -305px; }
#box .next:hover { background: url(../images/bg.jpg) no-repeat -38px -305px; }
.magazine_content { position: relative; width: 100%; height: 500px; overflow: hidden; }
.show_images_list_li { position: absolute; cursor: pointer; vertical-align: bottom; display: block; }
.show_images_1 { z-index: 15; top: 0; left: 150px; }
.show_images_1 img { width: 350px; height: 376px; }
.show_images_2 { z-index: 10; top: 45px; left: 0px; }
.show_images_2 img { width: 280px; height: 301px; }
.show_images_3 { z-index: 5; top: 45px; left: 400px; }
.show_images_3 img { width: 280px; height: 301px; }
.show_images_4 { z-index: 0; top: 0; left: 170px; }
.show_images_4 img { width: 280px; height: 301px; }
.btn { width: 80px; height: 15px; margin: 0 auto; position: relative; padding-top: 420px; z-index: 999; }
.btn a { width: 10px; height: 10px; overflow: none; display: block; margin: 0 5px; cursor: pointer; float: left; background: #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.btn a.active { background: #e00004; }
.show_images_list a { display: block; }
.magazinelist { padding: 0 0 50px 0; margin-left: -100px; zoom: 1; }
.magazinelist:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.magazinelist .list { float: left; width: 450px; margin: 0 0 30px 140px; zoom: 1; }
.magazinelist .list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.magazinelist .list .img { float: left; width: 190px; height: 260px; }
.magazinelist .list .img img { width: 100%; height: 100%; }
.magazinelist .list .text { float: right; width: 220px; color: #888; font-size: 14px; padding-top: 50px; }
.magazinelist .list .text h1 { color: #ef3235; font-size: 22px; line-height: 30px; margin: 0 0 15px 0; }
.magazinelist .list .text h2 { font-size: 14px; color: #4a4a4a; font-weight: normal; margin: 6px 0; }
.magazinelist .list .text .description { line-height: 25px; height: 60px; overflow: hidden; }
.magazinelist .list .text .down { zoom: 1; }
.magazinelist .list .text .down:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.magazinelist .list .text .down a { float: left; display: block; width: 70px; height: 28px; line-height: 28px; text-align: center; color: #fff; margin: 0 10px 0 0; background: #767676; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.magazinelist .list .text .down a:hover { background: #e10004; }
.matop { width: 1000px; }
#content { width: 960px; background: #fff; padding: 20px 20px; margin: 0 auto 50px auto; border: 1px solid #eeeded; -webkit-box-shadow: 0 1px 1px #aaa; -moz-box-shadow: 0 1px 1px #aaa; box-shadow: 0 1px 1px #aaa; }
.lefts { float: left }
.rights { float: right; }
.lefts a { margin: 0 10px 0 0; }
.rights a { margin: 0 0 0 10px; }
#mcontent { border: 1px solid #ccc; background: #fff; font-size: 14px; line-height: 28px; margin: 20px 0; }
.public_benefit { padding: 40px; font-size: 15px; color: #444; line-height: 32px; }
.benefit { padding: 270px; width: 480px; height: 480px; margin: 20px auto 0 auto; position: relative; zoom: 1; }
.benefit > .img { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
.benefit > .img:hover { -webkit-transform: scale(1.10); -moz-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10); }
.benefit:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.benefit .pic { position: absolute; width: 175px; height: 175px; padding: 0 3px 3px 0; }
.benefit .pic img { width: 100%; height: 100%; }
.benefit .pic .k { position: absolute; z-index: 100; top: 0; left: 0; width: 178px; height: 178px; background: url(../images/cycleico.png) no-repeat 0 0; background-size: cover; }
.benefit .pic a { display: block; width: 100%; height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 2s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
.benefit .pic:hover a { -webkit-transform: scale(1.16); -moz-transform: scale(1.16); -o-transform: scale(1.16); transform: scale(1.16); -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
.benefit .pic2 { top: 13px; left: 322px; }
.benefit .pic3 { top: 13px; left: 545px; }
.benefit .pic4 { top: 133px; left: 738px; }
.benefit .pic5 { top: 323px; left: 840px; }
.benefit .pic6 { top: 528px; left: 840px; }
.benefit .pic7 { top: 718px; left: 738px; }
.benefit .pic8 { top: 833px; left: 545px; }
.benefit .pic9 { top: 840px; left: 322px; }
.benefit .pic10 { top: 733px; left: 130px; }
.benefit .pic11 { top: 530px; left: 12px; }
.benefit .pic12 { top: 315px; left: 16px; }
.benefit .pic13 { top: 123px; left: 128px; }

/*service css*/
.service { padding: 40px 40px 20px 40px; font-size: 14px; line-height: 30px; }
.service h1 { font-size: 15px; color: #cf090c; }
.cert ul { padding: 0 0 20px 0; }
.cert li { float: left; padding: 10px 38px; width: 202px; }
.cert li .img { width: 200px; height: 200px; border: 1px solid #999; }
.cert li .img:hover { border: 1px solid #e00004; }
.cert li .img img { width: 100%; height: 100%; }
.cert li .certname { padding: 10px 0 0 0; font-size: 13px; line-height: 22px; text-align: center; height: 45px; overflow: hidden; }
.legal { width: 1200px; margin: 0 auto; padding: 20px 0 100px 0; font-size: 14px; line-height: 28px; }
.legal h1 { font-size: 15px; padding: 20px 0 5px 0; }

/*company css*/
.company { width: 1200px; margin: 0 auto; padding: 30px 0 60px 0; zoom: 1; }
.company:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.company_left { float: left; width: 200px; padding: 20px 30px; background: #f5f4f4; }
.company_left dl { margin: 0 0 20px 0; }
.company_left dt { font-size: 16px; color: #000; font-weight: 700; line-height: 25px; }
.company_left dt a { color: #000; }
.company_left dt a:hover { color: #009def; }
.company_left dd { padding: 10px 0 0 0; color: #838383; font-size: 13px; }
.company_left dd a { color: #838383; }
.company_left dd a:hover { color: #e50009; }
.company_right { float: right; width: 850px; }
.company_right h1 { font-size: 16px; color: #545454; line-height: 28px; margin: 0 0 20px 0; }
.company_map { text-align: center; }
.company .left { width: 200px; float: left; padding: 5px 30px 230px 30px; background: #f5f4f4; }
.company .left li { border-bottom: 1px solid #e3e3e3; padding: 15px 0; }
.company .left li p { font-size: 16px; color: #000; font-weight: 700; line-height: 25px; }
.company .left li dl { padding: 10px 0 5px 5px; color: #838383; font-size: 13px; }
.company .left li dd { background: url(../images/contact_dot.png) no-repeat 0 12px; color: #838383; cursor: pointer; font-size: 14px; line-height: 26px; padding-left: 15px; }
.company .left li dd.on { background-position: 0 -20px; color: #e50017; }
.company .left .on p { color: #e50017; }
.company .right { width: 800px; padding: 0 0 50px 0; float: right; }
.company .right h1 { font-size: 16px; color: #545454; line-height: 28px; margin: 0 0 40px 0; }
.company .map { position: relative; width: 662px; height: 493px; background: url(../images/contact_map.png) no-repeat center 0; }
.company .dot { position: absolute; }
.company .dot span { background: red; width: 6px; height: 6px; float: left; margin: 4px; border-radius: 50%; position: relative }
.company .dot.on { color: red; font-weight: 700 }
.company .dot.on span { background: url(../images/dot2.gif); width: 15px; height: 15px; margin: 0 }
.company .dot.on span li { color: #565645; font-weight: normal; }
.company .dot .box { position: absolute; background: #f5f5f5; left: -220px; top: -105px; -moz-box-shadow: 1px 1px 5px 1px #aaa; -webkit-box-shadow: 1px 1px 5px 1px #aaa; box-shadow: 1px 1px 5px 1px #aaa; padding: 5px; width: 200px; display: none; z-index: 4; text-align: center }
.company .dot .box .img { font-size: 13px; }
.company .dot .box img { width: 200px; height: 100px }
.company .dot .box .img p { padding: 6px 0 3px 0; }
.company .dot .box li { list-style: none; display: none }
.company .dot .box .txt { text-align: left; word-break: break-all; }
.company .dot .box a { color: #565645; display: block; outline: none; }
.company .dot .box a:hover { color: #565645; outline: none; }
.company .dot .box a:active { outline: none; }
.company .dot .arrow { position: absolute; right: -20px; top: 42%; width: 0; height: 0; border: 10px solid transparent; border-left: 10px solid #f5f5f5; z-index: 1 }
.company .dz { position: absolute; left: -80px; top: -80px; z-index: 4; -moz-box-shadow: 1px 1px 5px 1px #555; -webkit-box-shadow: 1px 1px 5px 1px #555; box-shadow: 1px 1px 5px 1px #555; padding: 5px; width: 336px; background: #fff; text-align: center; display: none }
.company .dz ul { margin-right: -10px }
.company .dz li { list-style: none; float: left; margin-right: 10px; margin-bottom: 10px; font-size: 12px }
.company .dz img { width: 163px; height: 100px }
.company .dz .txt { font-size: 13px }
.company .d1 { left: 457px; top: 218px }
.company .d2 { left: 465px; top: 315px; }
.company .d2 span { float: right }
.company .d2 .box { left: -210px }
.company .d3 { left: 472px; top: 305px; }
.company .d4 { left: 502px; top: 320px }
.company .d4 .box { left: 45px }
.company .d4 .box .arrow { right: 0; left: -20px; border-left: 10px solid transparent; border-right: 10px solid #f5f5f5 }
.company .d5 { left: 375px; bottom: 55px }
.company .d5 span { float: right }
.company .d5 .box { left: -210px }
.company .d6 { left: 422px; bottom: 80px }
.company .d7 { left: 390px; top: 350px }
.company .d7 .arrow{top:102px;}
.company .d1 .box { top: -130px; }
.company .d1 .arrow { top: 125px; right: -20px; }
.company .d2 .box { left: -245px; }
.company .d2 .arrow { bottom: 38px; right: -20px; }
.company .d3 .box { left: -220px; }
.company .d3 .arrow { bottom: 30px; right: -20px; }
.company .d4 .box { right: -240px; left: auto; top: -48px; }
.company .d4 .box .arrow { border-left: 10px solid transparent; border-right: 10px solid #f5f5f5; left: -20px; right: 0; top: 43px; }
.company .d5 .box { left: -245px; }
.company .d5 .arrow { bottom: 38px; right: -20px; }
.company .d6 .box { left: -220px; top: -50px; }
.company .d6 .arrow { right: -20px; top: 45px; }
.company .hq .box { right: -222px; left: auto; text-align: center; top: -53px; }
.company .hq .box .arrow { border-left: 10px solid transparent; border-right: 10px solid #f5f5f5; left: -20px; right: 0; top: 60px; }
.company .hq { left: 412px; bottom: 27px; text-align: center }
.company .hq span { width: 61px; height: 32px; border-radius: 0; display: block; float: none }
.company .hq.on span, .company .hq span { background: url(../images/contact_HQ.png) no-repeat }
.company .hq.on span { background-size: 100% 100%; width: 61px; height: 32px }
.cbox { padding: 20px 30px; display: none; text-align: left }
.cbox .hd { position: relative; border-bottom: 1px solid #d1d1d3; height: 40px; line-height: 40px; margin-bottom: 10px }
.cbox .title { display: block; position: absolute; bottom: -1px; font-size: 18px; left: 0; border-bottom: 2px solid #f40000 }
.cbox .bd { overflow: hidden; padding-top: 20px }
.cbox ul { margin-left: -3% }
.cbox li { float: left; width: 30.33%; margin: 0 0 10px 3%; }
.cbox .txt { padding: 10px 0 0 0; height: 80px; overflow: hidden; }
.cbox .txt p { color: #737373; }
.cbox .img { position: relative }
.cbox .img img { width: 100%; height: 155px }
.cbox .img p { position: absolute; left: 0; bottom: 0; height: 35px; line-height: 35px; font-size: 13px; width: 100%; text-indent: 10px; background: url(../images/trbg.png) repeat 0 0; color: #fff; font-weight: 700 }

/*job css*/
.jobbody { background: #f6f6f6; }
#jobbar { height: 65px; background: #fff; margin: 0 0 50px 0; }
.jobbar { width: 1200px; margin: 0 auto; position: relative; }
.jobbar ul { padding: 5px 0 0 0; }
.jobbar li { float: left; margin: 0 30px 0 0; width: 80px; font-size: 15px; line-height: 58px; text-align: center; }
.jobbar li a { height: 58px; color: #151515; display: block; border-bottom: 2px solid #fff; }
.jobbar li a:hover, .jobbar li.current a { border-bottom: 2px solid #e50009; color: #e50009; }
.jobbar .website { top: 25px; }
.joinpage { width: 1200px; margin: 0 auto; padding: 0 0 60px 0; }
.job_search { position: relative; padding: 0 0 30px 40px; }
.job_search .ico { position: absolute; top: 0; left: 0; display: block; width: 28px; height: 28px; background: url(../images/icon.png) no-repeat -28px -260px; }
.job_search .title { padding: 0 0 5px 0; line-height: 28px; zoom: 1; }
.job_search .title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.job_search .title h1 { float: left; color: #000; font-size: 20px; margin: 0 20px 0 0; font-weight: normal; }
.job_search .title .search { float: left; width: 320px; }
.job_search .title .search .inputtext { float: left; padding: 0 10px; width: 220px; height: 28px; background: #fff; border: 1px solid #a8a8a8; color: #999; margin: 0 10px 0 0; }
.job_search .title .search .button { height: 28px; width: 65px; background: #e50017; border: 1px solid #e50017; font-size: 14px; text-align: center; color: #fff; cursor: pointer; }
.job_search dl { position: relative; margin: 15px 0 0 20px; line-height: 25px; font-size: 13px; padding: 0 120px 0 80px; height: 28px; overflow: hidden; }
.job_search dt { position: absolute; left: 10px; top: 0; color: #000; font-size: 14px; }
.job_search dd { color: #555; }
.job_search dd a { margin: 0 25px 0 0; color: #666; }
.job_search dd a:hover { color: #e50009; }
.job_search dd select { width: 242px; height: 28px; background: #fff; border: 1px solid #a8a8a8; color: #666; }
.job_search dl .more { cursor: pointer; position: absolute; top: 0; right: 0; padding: 0 20px 0 0; background: url(../images/drop.jpg) no-repeat right center; }
.job_search dl.showall { height: auto; }
.job_list { padding: 0 0 40px 0; }
.job_list .th { padding: 20px 0; line-height: 20px; background: #e6e6e6; border-bottom: 1px solid #acacac; text-align: center; font-size: 18px; color: #000; zoom: 1; }
.job_list .th:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.job_list .td { padding: 15px 0; height: 20px; line-height: 20px; border-bottom: 1px solid #ccc; text-align: center; font-size: 14px; color: #666; zoom: 1; }
.job_list .td:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.job_list .th span, .job_list .td span { float: left; width: 14%; height: 20px; padding: 0 1%; overflow: hidden; }
.job_list .th .span1, .job_list .td .span1 { width: 30%; text-align: left; padding: 0 1% 0 4%; }
.job_list .th .span2, .job_list .td .span2 { width: 15%; }
.job_list .td .span1 { zoom: 1; }
.job_list .td .span1:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.job_list .td i { display: none; width: 22px; height: 9px; background: url(../images/icon.png) no-repeat 0 -217px; }
.job_list .td1 i { display: block; float: left; margin: 0 0 0 10px; }
.job_list .td a { float: left; }
.job_details { border-top: 2px solid #ccc; font-size: 13px; line-height: 26px; color: #666; }
.jobul, .job_details .content { padding: 20px 5px; border-bottom: 1px solid #ccc; }
.jobul li { padding: 0 0 0 70px; line-height: 22px; margin: 0 0 5px 0; position: relative; }
.jobul .jobzw { padding: 0; font-size: 18px; font-weight: 700; color: #373737; line-height: 30px; margin: 0 0 10px 0; }
.jobul li span { position: absolute; top: 0; left: 0; font-weight: 700; color: #373737; }
.job_details .content h3 { color: #373737; font-size: 13px; margin: 0 0 10px 0; }
.job_details .content .yq { padding: 0 0 0 20px; }
.job_details .contactway { color: #373737; }
.job_details .contactway a { color: #373737; }
.job_details .contactway a:hover { color: #e50009; }
.job_details .backlist { padding: 10px 0 0 0; }
.job_details .backlist a { display: block; width: 115px; height: 30px; background: #fd2321; font-weight: 700; font-size: 14px; color: #fff; text-align: center; line-height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.job_details .backlist a:hover { background: #e50017; }

/*ir css*/
.irbody { background: #fcfbfb; }
.stock { width: 700px; margin: 0 auto; padding: 50px 0; }
.Dividend { border: 1px solid #b3b9be; border-radius: 5px; height: 90px; margin: 0 0 20px; zoom: 1; }
.Dividend:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.Dividend .ht1 { border-right: 1px solid #b3b9be; float: left; height: 90px; text-align: center; width: 100px; }
.Dividend .ht1 p { color: #68737e; font-size: 16px; height: 21px; margin: 15px 0; overflow: hidden; }
.Dividend .ht2 { float: left; padding: 5px 0 0 0; height: 85px; text-align: center; width: 150px; }
.Dividend .ht2 p { color: #68737e; font-size: 12px; padding: 5px 0 0 0; }
.Dividend .ht2 .a_pc1 { color: #333; font-size: 16px; }
.Dividend .ht2 .a_pc2 { color: #333; }
.Dividend .ht2 .a_pc2 span { display: inline-block; background: url(../images/stock.jpg) no-repeat 0 0; padding: 0 0 0 15px; }
.Dividend .ht2 .a_pc2 .red { background-position: 0 5px; color: #c00c00; }
.Dividend .ht2 .a_pc2 .green { background-position: 0 -17px; color: #008000; }
.Dividend .ht3 { float: right; height: 90px; width: 490px; border-left: 1px solid #b3b9be; }
.Dividend .ht3 p { color: #68737e; font-size: 13px; height: 19px; margin: 14px 0 0; overflow: hidden; padding: 0 0 12px; text-indent: 20px; }
.Dividend .ht3 .a_pc1 { border-bottom: 1px solid #b3b9be; }
.grand { zoom: 1; }
.grand:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.grand .Sharing { float: left; width: 80px; }
.grand .Sharing li { border: 1px solid #b3b9be; border-right: 0; color: #68737e; font-size: 14px; height: 30px; line-height: 30px; margin: 15px 0; text-align: center; width: 79px; cursor: pointer; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.grand .Sharing li:hover, .grand .Sharing .ans_ent { background: #b3b9be; color: #fff; }
.grand .p_div { border: 1px solid #b3b9be; float: left; height: 300px; padding: 10px; text-align: center; width: 545px; }
.grand .p_div .plans img { width: 100%; height: 100%; }
.ir { padding: 100px 0 100px 40px; zoom: 1; }
.ir:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.ir .list { float: left; width: 230px; height: 140px; margin: 0 0 0 40px; font-size: 18px; color: #1c1c1c; text-align: center; }
.ir .list a { display: block; width: 100%; height: 110px; padding: 25px 0 5px 0; background: #ebebeb; position: relative; color: #1c1c1c; }
.ir .list a:hover { background: #fe0000; color: #fff; }
.ir .list a .r { background: #cacaca; width: 5px; height: 100%; position: absolute; top: 5px; right: -5px; }
.ir .list a .b { background: #cacaca; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 5px; }
.ir .list a:hover .r, .ir .list a:hover .b { background: #9d1110; }
.ir .list p { padding: 10px 0 0 0; line-height: 30px; }
.ir .list .icon { display: block; width: 55px; height: 49px; margin: 0 auto 0 auto; background: url(../images/icon.png) no-repeat 0 -290px; }
.ir .list2 .icon { background-position: 0 -390px; }
.ir .list3 .icon { background-position: 0 -490px; }
.ir .list4 .icon { background-position: 0 -390px; }
.ir .list a:hover .icon { background-position: 0 -340px; }
.ir .list2 a:hover .icon { background-position: 0 -440px; }
.ir .list3 a:hover .icon { background-position: 0 -540px; }
.ir .list4 a:hover .icon { background-position: 0 -440px; }
.rule { padding: 20px 50px; }
.rule_title { text-align: center; font-size: 16px; line-height: 30px; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; text-align: center; color: #333; }
.rule .content { font-size: 13px; line-height: 28px; color: #666; }
.rule .content h1 { font-size: 15px; padding: 20px 0 5px 0; }
.announcement { padding: 0 0 50px 0; }
.announcement .list { border-bottom: 2px solid #e8e6e6; padding: 25px 110px; min-height: 90px; position: relative; }
.announcement .list .date { position: absolute; top: 25px; left: 0; display: block; width: 85px; text-align: center; }
.announcement .list .date h2 { line-height: 50px; height: 50px; background: #cdd3d8; font-size: 33px; color: #fff; }
.announcement .list .date p { background: #f9f9f9; color: #cbcbcb; font-size: 23px; text-transform: uppercase; line-height: 40px; height: 40px; }
.announcement .list .pdf { position: absolute; top: 35px; right: 35px; font-size: 14px; color: #eee; font-weight: 700; }
.announcement .list .pdf a { display: block; padding: 45px 0 0 0; width: 40px; text-align: center; color: #eee; background: url(../images/icon.png) no-repeat 0 -589px; }
.announcement .list .pdf a:hover { color: #de1a2e; background: url(../images/icon.png) no-repeat 0 -658px; }
.announcement .list h3 { font-size: 17px; color: #666; line-height: 28px; margin: 0 0 10px 0; font-weight: normal; }
.announcement .list h3 a { color: #666; }
.announcement .list .description { font-size: 13px; color: #999; line-height: 25px; }
.announcement .list:hover { background: #f9f9f9; }
.announcement .list:hover .date h2 { background: #de1a2e; }
.announcement .list:hover .date p { background: #e1e1e1; color: #df6d75; }
.announcement .list:hover h3 a, .announcement .list h3 a:hover { color: #e60018; }
.financial { padding: 0 50px 30px 50px; }
.financial li { border-bottom: 1px dashed #ddd; padding: 0 80px 0 0; height: 50px; margin: 0 0 10px 0; position: relative; }
.financial li .pdf { position: absolute; top: 0; right: 20px; }
.financial li .pdf a { display: block; width: 40px; height: 40px; background: url(../images/icon.png) no-repeat 0 -589px; }
.financial li .pdf a:hover { background: url(../images/icon.png) no-repeat 0 -658px; }
.financial li span { display: block; line-height: 40px; height: 40px; background: url(../images/historyico2.png) no-repeat 0 center; padding: 0 0 0 25px; }
.financial li span a { color: #666; font-size: 16px; color: #666; overflow: hidden; }
.financial li span a:hover { color: #e60018; }
.mailbox { padding: 40px 0 0 40px; }
.mailbox h1 { font-size: 20px; color: #3a3a3a; line-height: 45px; margin: 0 0 0 15px; }
.mailbox h2 { font-size: 15px; color: #454545; font-weight: normal; line-height: 25px; margin: 0 0 15px 15px; }
.mailbox li { padding-bottom: 12px; font-size: 14px; color: #222; line-height: 30px; zoom: 1; }
.mailbox li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.mailbox li .span { float: left; width: 90px; padding: 0 10px 0 0; height: 30px; text-align: right; }
.mailbox li .span i { color: #e00004; margin: 0 5px 0 0; font-style: normal; }
.mailbox li .txt { float: left; width: 600px; }
.mailbox li .inputtext { width: 160px; height: 26px; padding: 0 5px; color: #666; border: 1px solid #e1e1e1; }
.mailbox li .txt textarea { border: 1px solid #e1e1e1; padding: 5px 10px; width: 570px; height: 150px; color: #c2c1c1; font-size: 12px; line-height: 30px; }
.mailbox li .txt2 input { float: left; margin: 0 10px 0 0; }
.mailbox li .txt2 .codeinput { width: 115px; }
.mailbox li .txt2 a { font-size: 12px; color: #429dff; float: left; }
.mailbox li .txt2 a:hover { color: #429dff; text-decoration: underline; }
.mailbox li .txt2 .tips { clear: both; padding: 15px 0 0 0; color: #9b9b9b; font-size: 12px; font-family: "simsun"; }
.mailbox li .txt2 .tips font { margin: 0 5px; color: #e00004; }
.mailbox .btnli { padding: 20px 0 0 100px; }
.mailbox .btnli input { border: 0; padding: 8px 30px; background: #cf090c; font-size: 15px; color: #fff; cursor: pointer; }
.mailbox .btnli input:hover { background: #ed9125; color: #fff; }
.faq { padding: 20px 50px; }
.faq .list .t { height: 40px; line-height: 40px; color: #7f7f7f; font-size: 14px; border-bottom: 1px dashed #d8d8d8; cursor: pointer; overflow: hidden; }
.faq_content { background: #f6f6f6; padding: 15px 20px; margin: 5px 0 0 0; font-size: 13px; color: #555; line-height: 28px; }
.video_list { padding: 50px 30px 0 30px; zoom: 1; }
.video_list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.video_list .list { float: left; width: 320px; background: #ddd; margin: 0 28px 40px 28px; }
.video_list .list .v { width: 320px; height: 240px; }
.video_list .list .v object, .video_list .list .v embed { width: 320px; height: 240px; }
.video_list .list .name { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #4a4a4a; overflow: hidden; }
.stockimg { height: 570px; overflow: hidden; }
.stock_text { border: 1px solid #e1e8f5; margin: 0 0 20px 0; }
.tantrum { display: none; }

/*footer css*/
#footer img {margin:-14px 0 0 9.5%;}
#bottom { border-top: 2px solid #fff; background: #ecede8; width: 100%; overflow: hidden; }
.bottom { width: 1200px; margin: 0 auto; padding: 40px 0; zoom: 1; }
.bottom:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.bottom .title { height: 48px; line-height: 45px; margin: 0 0 20px 0; position: relative; }
.bottom .title h2 { font-size: 20px; color: #000; font-weight: normal; }
.bottom .title span { position: absolute; left: 0; bottom: 0; width: 25px; border-bottom: 2px solid #ff0000; }
.bjournal { float: left; width: 400px; }
.journalContent { zoom: 1; }
.journalContent:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.journalContent .journalPic { margin: 0 0 10px 0; width: 300px; }
.journalContent .journalPic { display: block; }
.journalContent .journalPic img { width: 100%; height: 100%; }
.journalContent .journalText { text-align: center; width: 300px; }
.journalContent .journalText h3 { font-size: 18px; color: #ff0000; line-height: 28px; }
.journalContent .journalText h3 a { color: #ff0000; }
.journalContent .journalText h3 a:hover { color: #ff0000; text-decoration: underline; }
.journalContent .journalText h5 { margin: 10px 0 15px 0; font-weight: normal; font-size: 14px; color: #333; }
.load_read { zoom: 1; }
.load_read:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.load_read a { float: left; display: block; width: 55px; height: 19px; margin: 0 10px 0 0; line-height: 18px; text-align: center; color: #999; }
.load_read a:hover { color: #000; }
.load_read a.download { background: url(../images/icon.png) no-repeat 0 0; color: #fff !important; }
.bcontact { float: left; margin: 0 0 0 50px; width: 400px; }
.contactContent { color: #666; }
.contactContent h3 { font-size: 13px; padding: 25px 0 7px 0; font-weight: normal; }
.contactContent li { float: left; margin: 7px 0 0 0; width: 200px; }
.contactContent li p { line-height: 30px; padding: 0 0 0 40px; }
.contactContent .li1 p { background: url(../images/icon.png) no-repeat -25px -27px; }
.contactContent .li2 p { background: url(../images/icon.png) no-repeat -25px -68px; }
.contactContent .li3 p { width: 400px; background: url(../images/icon.png) no-repeat -25px -108px; }
.attention { float: right; width: 230px; }
.attentionPics .pic { float: left; width: 90px; margin: 0 20px 0 0; }
.attentionPics .pic .img { width: 90px; height: 90px; }
.attentionPics .pic .img img { width: 100%; height: 100%; }
.attentionPics p { text-align: center; color: #1a1a1a; font-size: 13px; padding: 10px 0 0 0; }
#footer { background: #444; width: 100%; overflow: hidden; }
.footer { width: 1200px; margin: 0 auto; padding: 25px 0 15px; font-size: 13px;  zoom: 1; }
.footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.footer .fl { float: left; width: 35%; }
.footer a { color: #8d8d8d; }
.footer a:hover { color: #fff; }
.footer .fl span { margin: 0 5px; }
.copyright { float: right; width: 50%; text-align: right; }

/*page css*/
.page_warp { width: 100%; padding: 10px 0; text-align: center; font-family: "simsun"; line-height: 30px; font-size: 14px; }
div.flickr a, div.flickr span { display: inline-block; width: 30px; height: 30px; border: 1px solid #cfcfcf; text-align: center; line-height: 30px; margin: 0 2px; color: #6a6a6a; overflow: hidden; }
div.flickr a:hover, div.flickr a.hover { text-decoration: none; color: #fff; background: #db0004; }
div.flickr #prepage, div.flickr #nextpage { font-size: 18px; font-weight: 700; }
div.flickr .disable { cursor: default; color: #ccc !important; background: #fff !important; }
#gg { position: fixed; bottom: 0; left: 0; color: #f7f7f7; font-size: 16px; background: #000; width: 100%; height: 25px; line-height: 25px; padding: 14px 0; z-index: 9999; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; _bottom: auto; _width: 100%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); }
#gg a { color: #f7f7f7; }
.bulletin { width: 1000px; margin: 0 auto; background: url(../images/bulletin.png) no-repeat 0 center; height: 25px; overflow: hidden; zoom: 1; }
.bulletin:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.bulletin span { float: left; width: 90px; padding: 0 0 0 40px; font-size: 17px; font-weight: 700; }
.bulletin ul { float: left; width: 850px; }
.bulletin li { height: 25px; overflow: hidden; }
#gg .close { position: absolute; top: 15px; right: 50%; margin-right: -500px; }
#gg .close a { display: block; width: 22px; height: 22px; text-align: center; line-height: 22px; background: #555; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#gg .logo2 { position: absolute; top: 29px; left: 0; display: none; cursor: pointer; }
#gg.hide .close, #gg.hide .bulletin { display: none; }
#gg.hide { background: none; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#gg.hide .logo2 { display: block; }
#gg.show { width: 100%; background: #000; }
#gg.show .close, #gg.show .bulletin { display: block; }
#gg.show .logo2 { display: none; }
.milestone{display: none;}
/*@media screen and (min-width:1300px) and (max-width:1500px){*/
@media screen and (max-width:1500px){
  .milestone{
    display: block;
  }
  .history{
    display: none;
  }
}
@media only screen and (max-width:1300px) {
  .header { width: 1100px; }
  .banner, #banner { height: 485px; }
  .banner .bd { height: 400px; }
  .banner .bd ul { height: 400px; }
  .banner .hd { margin-left: -550px; width: 1101px; }
  .banner .hd li { width: 367px; }
  .banner .hd li a { background-position: 15px center; height: 75px; padding: 10px 0 0 80px; }
  .banner .hd li p { line-height: 18px; }
  .index_main { width: 1100px; }
  .index_main .title { margin: 0 0 30px 0; }
  .index_news { width: 720px; }
  .newText { width: 360px; }
  .index_video { width: 350px; }
  .index_video .content object, .index_video .content embed { width: 350px; height: 230px; }
  .leftLoop .bd ul li { height: 155px; width: 210px; }
  .leftLoop .bd ul li img { height: 155px; }
  .bottom { width: 1100px; }
  .footer { width: 1100px; }
  .bjournal { width: 360px; }
  .leftLoop .bd ul li p { font-size: 11px; }
  #fancybox-left-ico, #fancybox-right-ico { width: 52px; height: 96px; margin-top: -48px; }
  #fancybox-left-ico { left: -60px; }
  #fancybox-right-ico { right: -60px; }
  .aboutbanner { height: 400px; background-size: cover; }
  .newspage { padding: 0 0 70px 0; width: 1100px; }
  .productbanner .text, .insidetop, .newsbanner .text, .insidetop2, .companybanner .text, .contactbanner .text, .jobbanner .text, .irbanner .text, .companybanner .text, .servicebanner .text, .productpages { width: 1100px; margin: 0 auto; }
  .productlist { margin-left: -25px; }
  .productlist li { width: 240px; height: 235px; margin: 0 0 40px 25px; }
  .productlist li .img { height: 175px; width: 240px; }
  .ir { padding: 80px 0 80px 10px; }
  .ir .list { margin: 0 0 0 30px; }
  .newpages .l, .newpages .r { width: 390px; }
  .magazinelist { padding: 0 0 30px 0; margin-left: -60px; }
  .magazinelist .list { width: 440px; margin: 0 0 30px 80px; }
  .company, .jobbar, .joinpage, .legal { width: 1100px; }
  .contactus { width: 1100px; padding: 0 0 50px 0; }
  .contactus .text { width: 440px; }
  .contactus .contactmap { width: 605px; }
  .benefit_nav { padding-left: 150px; }
  .history_wrap { width: auto; height: auto; }
  .history_wrap { position: static; background: none; }
  .history_wrap .tips{position: static;}
  .history_wrap .year { position: static; width: auto; margin-bottom: 15px; }
  .history_wrap .year:after { display: table; clear: both; content: ''; }
  .history_wrap .year dt { float: left; width: 130px; text-align: right; margin-right: 15px; }
  .history_wrap .year dd { float: left; }
  .history_wrap .year dd br { display: none; }
  .history_wrap .year dd label { display: inline-block; margin-left: 20px; }
}
@media only screen and (max-width:1100px) {
  .header { width: 1000px; padding: 10px 0 0; }
  .banner, #banner { height: 435px; }
  .banner .bd { height: 350px; }
  .banner .bd ul { height: 350px; }
  .banner .hd { margin-left: -500px; width: 999px; }
  .banner .hd li { width: 333px; }
  .banner .hd li h1 { font-size: 14px; }
  .index_main { width: 1000px; padding: 20px 0 45px; }
  .index_main .title { margin: 0 0 25px 0; }
  .index_main .title h1 { font-size: 18px; }
  .index_main .title i { font-size: 13px; }
  .index_news { width: 650px; }
  .slideBox { width: 280px; height: 190px; }
  .slideBox .bd img { width: 280px; height: 190px; }
  .newText { width: 360px; }
  .newText ul { height: 190px; overflow: hidden; }
  .newText ul li { margin: 0 0 2px 0; font-size: 12px; }
  .index_video { width: 310px; }
  .index_video .content object, .index_video .content embed { width: 310px; height: 190px; }
  .index_about { padding: 30px 0 0 0; }
  .leftLoop .bd ul li { height: 140px; width: 190px; }
  .leftLoop .bd ul li img { height: 140px; }
  .leftLoop .bd ul li p { height: 30px; line-height: 30px; }
  .bottom { width: 1000px; padding: 20px 0 40px 0; }
  .bottom .title h2 { font-size: 18px; }
  .footer { width: 1000px; }
  .bjournal { width: 330px; }
  .bcontact { margin: 0 0 0 20px; }
  .attention { width: 220px; }
  .aboutbanner { height: 360px; background-size: cover; }
  .newspage { padding: 0 0 50px 0; width: 1000px; }
  .about { padding: 40px; }
  .abouttitle { margin: 0 0 20px 0; }
  .history li .txt { padding: 10px 0 0 50px; width: 580px; }
  .culture .list { margin: 0 0 10px; width: 400px; }
  .productbanner .text, .insidetop, .newsbanner .text, .insidetop2, .contactbanner .text, .jobbanner .text, .irbanner .text, .companybanner .text, .servicebanner .text, .productpages { width: 1000px; }
  .productlist li { width: 215px; height: 225px; }
  .productlist li .img { height: 160px; width: 215px; }
  .ir .list { width: 205px; height: 120px; }
  .ir .list a { height: 95px; padding: 20px 0 5px 0; }
  .newscontent { font-size: 15px; width: 100%; }
  .newpages .l, .newpages .r { width: 340px; }
  .newpages .l { padding: 0 0 0 90px; }
  .newpages .r { padding: 0 90px 0 0; }
  .public_benefit { padding: 30px; font-size: 14px; line-height: 28px; }
  .benefit { padding: 230px; width: 470px; height: 470px; }
  .benefit .pic { position: absolute; width: 160px; height: 160px; padding: 0 3px 3px 0; }
  .benefit .pic .k { width: 163px; height: 163px; background: url(../images/cycleico.png) no-repeat 0 0; background-size: cover; }
  .benefit .pic:hover a { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .benefit .pic1 { top: 13px; left: 380px; }
  .benefit .pic2 { top: 300px; left: 30px; }
  .benefit .pic3 { top: 300px; left: 730px; }
  .benefit .pic4 { top: 650px; left: 170px; }
  .benefit .pic5 { top: 650px; left: 600px; }

  /* .benefit .pic6 { top: 655px; left: 665px; }
  .benefit .pic7 { top: 760px; left: 490px; }
  .benefit .pic8 { top: 758px; left: 285px; }
  .benefit .pic9 { top: 655px; left: 105px; }
  .benefit .pic10 { top: 485px; left: 5px; }
  .benefit .pic11 { top: 290px; left: 12px; }
  .benefit .pic12 { top: 115px; left: 100px; } */
  .magazinelist { margin-left: -40px; }
  .magazinelist .list { width: 400px; margin: 0 0 30px 60px; }
  .magazinelist .list .img { width: 180px; height: 250px; }
  .magazinelist .list .text { font-size: 13px; width: 200px; }
  .magazinelist .list .text h1 { font-size: 20px; line-height: 25px; margin: 0 0 10px 0; }
  .company, .jobbar, .joinpage, .legal { width: 1000px; }
  .company .left { width: 130px; padding: 0 15px 20px 15px; }
  .company .left li p { font-size: 14px; }
  .company .left li dl { font-size: 12px; padding: 5px 0 0 0; }
  .company .left li dd { font-size: 13px; }
  .contactus { width: 1000px; }
  .contactus .text { width: 370px; }
  .contactus .text h1 { font-size: 18px; }
  .contactus .text h2 { font-size: 13px; margin: 15px 0; }
  .contactus .text li { font-size: 12px; padding: 0 0 0 25px; }
  .contactus .text li b { font-size: 14px; margin: 0; }
  .job_search dl { padding: 0 80px; }
  .benefit_nav { padding-left: 120px; }
  .public_benefit01 .imgLeft .first .tittop { padding-top: 0; }
  .public_benefit01 .imgLeft .first p { padding-top: 0 !important; }
}
.pdtbtn { text-align: center; margin-top: 20px; }
.pdtbtn a { background: #eee; -moz-border-radius: 5px; border-radius: 5px; font-size: 20px; line-height: 47px; color: red; padding: 10px 20px; margin: 0 5px; white-space: nowrap; margin-bottom: 10px; }

/*杂事轮播*/
.imageflow { overflow: hidden; position: relative; text-align: left; visibility: hidden; width: 100% }
.imageflow img { border: none; position: absolute; top: 0px; visibility: hidden; -ms-interpolation-mode: bicubic }
.imageflow p { margin: 0 auto; text-align: center }
.imageflow .loading { border: 1px solid #ccc; height: 15px; left: 50%; margin-left: -106px; padding: 5px; position: relative; visibility: visible; width: 200px }
.imageflow .loading_bar { background: #ccc; height: 15px; visibility: visible; width: 1% }
.imageflow .caption { font-weight: bold; position: relative; text-align: center; z-index: 10000 }
.imageflow .scrollbar { border-bottom: 1px solid #b3b3b3; position: relative; visibility: hidden; z-index: 10001; height: 1px }
.imageflow .slider { background-image: url(../../Images/Index/slider.png); background-repeat: no-repeat; height: 14px; margin: -6px 0 0 -7px; position: absolute; width: 14px; z-index: 10002 }
.imageflow .images { overflow: hidden; white-space: nowrap }
.imageflow .button { cursor: pointer; height: 17px; position: relative; width: 17px }
.imageflow .previous { background: url(../../Images/Index/button_left.png) top left no-repeat; float: left; margin: -7px 0 0 -30px }
.imageflow .next { background: url(../../Images/Index/button_right.png) top left no-repeat; float: right; margin: -7px -30px 0 30px }
@media only screen and (min-width:1280px) {
  .team_tab { width: 100%; margin: 0 auto; }
}
@media only screen and (min-width:980px) and (max-width:1279px) {
  .team_tab { /*width: 686px;*/ margin: 0 auto; }
}
@media screen and (min-width:768px) and (max-width:800px) {
  .team_tab { /*width: 600px; */margin: 0 auto; }
}
@media screen and (max-width:768px) {
  .history_wrap .year dt, .history_wrap .year dd { float: none; }
  .history_wrap .year dt { text-align: left; width: auto; border-bottom: 1px dashed #EEE; }
  .history_wrap .year dd { padding-left: 20px; }
}
@media screen and (max-width:480px) {
  .history_wrap .year dd { padding-left: 0; }
  .history_wrap .year dd label { margin-left: 5px; }
}

@media screen and (min-width: 1280px) and (max-width: 1600px) {
  .productcontent { text-align: center; }
  .productcontent img { width: 70%; }
}