@charset "gbk";

/* CSS Document */



html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; list-style: outside none none;}

fieldset, img { border: none; }

html, body { color: #333; width: 100% !important; min-width: 1200px !important; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1200?"1200px":"");

font: 13px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; }

a, a:link, a:visited, a:active { color: #333; text-decoration: none; font: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; }

a:hover { color: #ff4f00 }

.w1000 { width: 1010px; }

.center { margin: 0 auto; width: 1200px; }

a.yel { color: #F96105 }

a.yel:hover { color: #0099cc }

.red { color: #F00 !important; }

.red:hover { text-decoration: underline; }

.clear { clear: both !important; }

.clearfix { zoom: 1; }

.mt15 { margin-top: 0px; }

.title { height: 40px; line-height: 40px; width: 100%; position: relative; border-bottom: 1px solid #ddd; }

.title span { display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #ff6f3d; position: absolute; bottom: -1px; left: 0; }

.title div { font-style: normal; float: right; margin-right: 0px; }

.title div a.more { color: #999; }

.title div a.more:hover { color: #ff6f3d }

.hengfu { padding: 3px; margin-top: 15px; background: #fff; text-align: center; overflow: hidden }

.hengfu img { max-width: 1194px; }

.hengfu2 { padding: 3px; margin-top: 10px; background: #fff; height: 71px; text-align: center; overflow: hidden }

.hengfu2 { max-width: 835px; width: 835px; }

.hengfu3 { background: #fff; width:1200px; height: auto; margin: 20px auto; }

.hengfu3 .left { margin: 3px 2px 3px 3px; float: left; width: 595px; min-height: 60px; background: #f0f0f0; }

.hengfu3 .right { margin: 3px 3px 3px 1px; float: right; width: 596px; min-height: 60px; background: #f0f0f0; }

.top { width: 100%; font-size: 12px; height: 34px; background: #f1f1f1; }

.top .left { float: left; line-height: 34px; }

.top .right { float: right; text-align: right; }

.top .right a { margin-left: 10px; font-size: 12px; line-height: 34px; display: inline-block; }

.top .right a:hover { color: #c51c21 }

.header { width: 100%; background: #fff; }

.banner { height: 95px; background: #fff; }

.logo { padding-top: 16px; padding-left: 0px; }

p#tell img { float: left; padding-right: 16px; padding-top: 3px; }

p#tell { float: right; width: 210px; padding-top: 25px; color: #ff4203; font-weight: bold; font-size: 16px; letter-spacing: 1px; line-height: 25px; }

/*---导航---*/

.menu { width: 100%; background: #ff6f3d; }







.js { width: 90%; margin: 10px auto 0 auto; }

.js p { padding: 5px 0; font-weight: bold; overflow: hidden; }

.js p span { float: right; }

.js p span a { color: #f00; text-decoration: underline; }

.js textarea { height: 50px; width: 98%; padding: 5px; border: 1px solid #ccc; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.navBar { position: relative; z-index: 1; background: #d20202; color: #fff; height: 45px; line-height: 45px; }

.nav { width: 1200px; margin: 0 auto; font-family: "Microsoft YaHei", SimSun, SimHei;list-style: outside none none; }

.nav .m { float: left; border: 1px solid #EA4800; border-top: 0; border-bottom: 0; margin-left: -1px; }

.nav h3 { float: left; font-size: 100%; font-weight: normal; font-size: 14px; height: 45px; overflow: hidden; }

.nav h3 a { display: block; color: #fff; padding: 0 20px; border-left: 1px solid #e50505; vertical-align: top; }

.nav .on h3 a { background: #fff; color: #F96105; border-left: 1px solid #e50505; border-top: 1px solid #e50505; }

.nav .sub { display: none; width:100%; padding: 0; position: absolute; left: 0; top: 45px; height:45px; background:#fff;z-index:100;  }

.nav .sub ul{width: 1200px; margin: 0 auto; }

.nav .sub li {font-size:15px; line-height:45px; text-align:center; font-weight:400; float: left; width: 120px; }

.nav .sub li a { display: block; padding-left: 6px; background: url(../images/icon.png) 0 9px no-repeat; color: #787878; }

.nav .sub li a:hover { color: #e50505; }

.nav #m9 .sub, .nav #m10 .sub, .nav #m11 .sub, .nav #m12 .sub { width: 450px; left: auto; right: -1px; }







.so { float: right; width: 319px; height: 55px; margin-top: 25px; margin-right: 120px; }

.so p { margin-top: 8px; color: #999; height: 20px; overflow: hidden; }

.so p a { color: #999 }

.so p a:hover { color: #d20202 }

.so .sou { height: 26px; padding: 0; margin: 0; background: url(../images/search_bg_1.png) center center no-repeat; }

.so .soneirong { border: none; background-color: transparent; height: 26px; width: 240px; margin: 0; padding: 0 0 0 14px; font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; }

.so .sousuo { width: 64px; border: none; background-color: transparent; line-height: 24px !important; color: #fff; margin: 0; padding: 0; font: 14px/26px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; cursor: pointer }

.main1 { margin-top: 15px; }

.topNew { margin: 13px 0 16px 0px; background: url(../images/guanzhu_bg.png) left top no-repeat; height: 43px; line-height: 43px; padding: 0 0 20px 68px; width: 922px; border-bottom: 2px solid #eaeaea; overflow: hidden; }

.c11 { display: block; font-size: 14px; padding: 0 10px 3px; }

.c11 .sp { padding-bottom: 10px; text-align: left; }

.c11 .s7 { margin: 0px; }

.c11 span { color: #ABA9A2; float: right; font-family: "microsoft yahei", "华文细黑", "黑体"; margin: 0 5px 0 0; }

.c11 dd { background: url("../images/ico5_1.gif") no-repeat scroll 7px 8px transparent; overflow: hidden; height: 32px; line-height: 32px; margin: 4px 0; padding-left: 18px; }

.topNew h1 { font-size: 24px; height: 30px; line-height: 30px; margin: 6px 10px 0 0; font-family: \5FAE\8F6F\96C5\9ED1; font-weight: normal; float: left; white-space: nowrap; }

.topNew h1 a:hover { text-decoration: underline; }

.topNew h1, .topNew h1 a, .topNew h1 a:hover { color: #db0000; }

.fakanci { width: 150px; height: 44px; line-height: 44px; background: url(../images/fakanci_bg.png) center center no-repeat; float: right; padding-left: 98px; font-size: 18px; }

.fakanci a { color: #db0000 }

.fakanci a:hover { text-decoration: underline; }

.fr { float: right; }

.fl { float: left; }

.main2 { margin: 20px 0; }

.main2 .left { width: 841px; float: left; }

.main2 .right { float: right; width: 344px; }

.main2 .huiyuan { background: #eeebe3; text-align: center; padding-bottom: 8px; }

.main2 .huiyuan h4 { text-align: center; font-size: 16px; background: #e6e1d2; height: 46px; line-height: 46px; color: #b1854c; margin-bottom: 10px; font-family: "Microsoft YaHei"; }

.main2 .huiyuan dl { display: block; line-height: 25px; padding: 0 10px 10px; }

.main2 .huiyuan dd { width: 33.33333%; display: block; float: left; text-align: center; margin-top: 5px; }

.main2 .huiyuan dd a.yuan { display: block; border: 1px solid #f0f0f0; margin: 10px auto 5px; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; }

.main2 .huiyuan dd a.yuan:hover { border: 1px solid #aabf40; }

.main2 .huiyuan dd a.yuan img { width: 90px; height: auto; min-height: 90px; }

.main2 .huiyuan dd a { }

.main2 .box ul { margin-left: 10px !important; }

.main3 { margin-top: 20px; background: #fff; margin-bottom: 20px; width:1200px; margin:0 auto;}

.main3 .box { padding-right: 8px !important; }

.sye .box li a { color: #777; }

.sye .box li a:hover { color: #F04B38 !important; }

.cpc_ld { background: url(../images/style_dian_line.gif) repeat-x top; margin: 15px auto 10px auto; width: 100%; padding: 10px 0 0 0; }

.cpc_ld a { margin: 0 10px; color: #7a531c; display: inline-block; width: 100px; float: left; font-size: 12px; }

.cpc_ld a:hover { text-decoration: underline; }

.mr10 { margin-right: 10px; }

.mr0 { margin-right: 0px; }

.w383 { width: 383px; }

.w373 { width: 373px; }

.w365 { width: 365px; }

.w381 { width: 381px; }

.w811 { width: 811px; }

.w1170 { width: 1200px; }

.box { background: #fff; }

.box .title span { font-size: 16px; font-weight: 600; }

.box .title, .box .title span { height: 45px; line-height: 45px; }

.box .head { height: 34px; padding-left: 25px; color: #db0000; font-weight: bold; line-height: 34px; font-size: 16px; border-bottom: 1px solid #e5dfbb; background: #fdfdfd url(../images/title_bg.jpg) left top no-repeat; }

.box .head span { float: right; margin-right: 10px; }

.box .head span a { font-size: 13px; font-weight: normal; }

.box ul { display: block; height: auto; margin: 10px 0 10px 0px; }

.box li { height: 30px; border-bottom: 1px dashed #fff; line-height: 30px; list-style: none; overflow: hidden; }

.box li a:hover { text-decoration: none; }

.box li.shipin { padding-left: 18px; background: url(../images/shipin_bg.png) left center no-repeat; }

.box li span { float: right; color: #999; }

.box li:hover { border-bottom: 1px dashed #ddd; }

.box li span a { color: #ddd; }

.box li span a:hover { color: #c51c21; }

.box td { padding: 0; margin: 0; width: 182px !important; border: none !important; }

.box td img:hover { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.box ul.zilm, .box ul.zilm li { list-style: none !important; margin: 0; }

.box ul.zilm { display: block; margin: 0 !important; padding: 0 !important; width: auto !important; height: 32px; position: absolute; bottom: -1px; right: 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }

.box ul.zilm li { display: block; float: left; border: 1px solid #ddd; margin: 0 0 0 10px !important; }

.box ul.zilm li.hover { border-bottom: 1px solid #fff; }

.box ul.zilm li a { text-decoration: none; display: block; padding: 0 15px; height: 30px; overflow: hidden; max-width: 52px; text-align: left; }

.box h2 { height: 25px; padding: 20px 0 10px; text-align: center; }

.box h2 a { font-size: 14px; font-weight: 600; color: #ff4203; text-decoration: none; }

.box h2 a:hover { text-decoration: underline }

.box p { padding: 0 0px 10px; margin: 0 10px 10px; font-size: 12px; text-indent: 1.5em; line-height: 25px; border-bottom: 1px dashed #999; color: #999; }

.box .links ul { width: 396px !important; }

.box .links li { display: block; float: left; background: #f0f0f0; width: 118px !important; height: 40px !important; margin-right: 11px; margin-top: 15px; overflow: hidden }

.box .links li img:hover { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.box2 { border: 0px solid #e5dfbb; margin-left: 23px; margin-top: 10px; width: 45%; }

.box2 .head { height: 34px; padding-left: 0px; background: none; color: #333; font-weight: bold; line-height: 34px; font-size: 14px; border-bottom: 1px solid #e5dfbb; }

.box2 .head span { float: right; margin-right: 10px; font-weight: normal !important; color: #aaa; }

.box2 .head span a { font-size: 13px; font-weight: normal; }

.box2 ul { display: block; height: auto; margin: 10px 0 0px 0px; }

.box2 li { height: 30px; line-height: 30px; list-style: none !important; }

.box2 li a:hover { text-decoration: underline; }

.box2 li.shipin { padding-left: 18px; background: url(../images/shipin_bg.png) left center no-repeat; }

.box3 { border: 1px solid #e5dfbb; width: 238px; margin-top: 15px; }

.box3 .head { height: 38px; padding-left: 25px; color: #db0000; font-weight: bold; line-height: 38px; font-size: 16px; border-bottom: 0px solid #e5dfbb; background: url(../images/zhuanti_bg.png) left top no-repeat; }

.box3 .head span { float: right; margin-right: 10px; }

.box3 .head span a { font-size: 13px; font-weight: normal; }

.box3 ul { display: block; height: auto; margin: 10px 0 10px 16px; }

.box3 li { height: 30px; line-height: 30px; list-style: disc inside; }

.box3 li a:hover { text-decoration: underline; }

.link_frm { padding: 16px 19px 12px 22px; }

.link_frm .link_pic { border-bottom: 1px dashed #b4b4b4; overflow: hidden; zoom: 1; padding-bottom: 17px; }

.link_frm .link_pic img { width: 170px; height: 60px; margin: 0 9px 0 9px; float: left; width: 170px; display: inline; }

.link_frm .link_pic img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.link_frm .link_word { border-bottom: 1px dashed #b4b4b4; padding: 15px 0 5px; }

.link_frm .link_word a { display: inline-block; word-break: break-all; color: #666666; margin: 0 22px 10px 9px; }

.link_frm .link_word a:hover { color: #c00; }

.link_frm .last_link { border-bottom: none; padding-bottom: 0; }

.footer { min-height: 273px; width: 100% !important; margin: 20px auto 0px auto !important; border-top: 2px solid #F04B38; background: #fff; padding-top: 20px; }

.footer p { height: 60px;}



.footer p a { margin: 5px 10px; font-size: 14px; }

#Scroll { CLEAR: both; PADDING-LEFT: 0px; FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 590px; COLOR: #c2130e; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: left }

#ScrollMe { width: 590px; }

ul.liebiao, ul.liebiao li { list-style: none;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; }

ul.liebiao { margin-top: 12px; }

ul.liebiao li { height: 22px; line-height: 22px; margin-top: 5px; }

ul.liebiao li a { font-size: 13px; }

#service { width: 1210px; overflow: hidden; padding-bottom: 20px; }

.service_box { float: left; }

.service_box dl { float: left; width: 370px; height: 285px; margin-top: 15px; padding-right: 20px; padding-left: 20px; display: block; }

.service_box dl dt { height: 40px; color: #9c9c9c; font-family: Arial; font-size: 14px; display: block; }

.service_box dl dt u { color: #ff4f00; text-decoration: none; font-family: "微软雅黑"; font-size: 18px; padding-right: 10px; }

.service_box dl dd { }

.service_box dl dd img { width: 380px; margin-bottom: 18px; }

.service_box dl dd p { color: #7b7a78; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; height: 100px; overflow: hidden; width: 355px; display: inline-block; padding-bottom: 0px; border-bottom: none; }

.service_box dl a.more, .service_box dl a.more:hover { font-size: 14px; font-family: "微软雅黑"; color: #ff4f00; display: block; line-height: 18px; }

.rollBox { WIDTH: 1200px; OVERFLOW: hidden; margin: 15px 0; }

.rollBox .LeftBotton { MARGIN: 85px 0px 0px; WIDTH: 15px; DISPLAY: inline; BACKGROUND: url(../images/left_1.png) no-repeat; FLOAT: left; HEIGHT: 23px; OVERFLOW: hidden; CURSOR: pointer }

.rollBox .RightBotton { MARGIN: 85px 0px 0px; WIDTH: 15px; DISPLAY: inline; BACKGROUND: url(../images/right_1.png) no-repeat; FLOAT: left; HEIGHT: 23px; OVERFLOW: hidden; CURSOR: pointer }

.rollBox .Cont { PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; WIDTH: 1132px; PADDING-RIGHT: 2px; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 0px }

.rollBox .ScrCont { WIDTH: 1342177.27px }

.rollBox .Cont .pic { TEXT-ALIGN: center; PADDING-BOTTOM: 7px; PADDING-LEFT: 13px; WIDTH: 257px; PADDING-RIGHT: 13px; BACKGROUND: url(../images/heiying_1.png) no-repeat center bottom; FLOAT: left; PADDING-TOP: 0px }

.rollBox .Cont .pic img { width: 227px }

.rollBox .Cont .pic p { line-height: 28px !important; margin: 0; padding: 0; height: 28px !important; border-bottom: none; BACKGROUND: #F04B38; color: #ffffff; font-weight: bold }

.rollBox .Cont .pic A { PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; BACKGROUND: #e4e4e4; PADDING-TOP: 15px }

.rollBox .Cont .pic A:hover { BACKGROUND: #F04B38; text-decoration: none; }

.rollBox .Cont .pic A SPAN { LINE-HEIGHT: 26px; COLOR: #505050; width: 227px; height: 162px; display: block; overflow: hidden; }

.rollBox #List1 { FLOAT: left }

.rollBox #List2 { FLOAT: left }

.siji_sk { padding-left: 30px; line-height: 65px; }

.siji_sk span em.cp1 { font-family: "微软雅黑"; font-size: 12px; color: #F04B38; padding-right: 10px; }

.siji_sk span { font-family: "微软雅黑"; color: #545454; line-height: 65px; font-size: 12px; }

.siji_sk span em { font-family: "微软雅黑"; color: #F04B38; font-size: 12px; font-style: normal !important; }

.siji_xk { padding-left: 30px; margin-bottom: 20px; }

.siji_xk a { display: inline-block; line-height: 22px; float: left; width: 187px; _width: 179px; height: 22px; font-family: "微软雅黑"; font-size: 12px; color: #545454; }

.siji_xk a:hover { color: #F04B38; }

.siji_xk a.cp1 { font-size: 12px; font-family: "微软雅黑"; color: #F04B38; font-style: normal !important; }

.siji_xk a.cp1:hover { text-decoration: underline; }

.daibg { background: url(../images/daibg_1.jpg) repeat; }

.aa { position: relative; margin-top: 15px; }

.td { height: 959px; background: url(../images/mo3_1.jpg) no-repeat; margin: 0 auto; width: 960px; }

.bt1 { top: 244px; left: 136px; font-size: 26px; color: #1b1c1e; font-family: "微软雅黑"; width: 208px; position: absolute; text-align: right; line-height: 34px; }

.bt1 h3 { font-size: 23px; color: #655a5a; font-weight: normal; }

.bt2 { top: 306px; left: 678px; position: absolute; width: 220px; text-align: left; }

.bt3 { top: 565px; left: 290px; position: absolute; width: 256px; text-align: center; }

.bt3 h3 { font-size: 28px; }

.t1 { top: 120px; position: absolute; left: 348px; width: 50px; color: #fff; font-size: 16px; line-height: 22px; text-align: center; }

.t2 { top: 242px; position: absolute; left: 372px; width: 84px; }

.t3 { top: 350px; position: absolute; left: 358px; }

.t4 { top: 398px; position: absolute; left: 104px; width: 88px; }

.t5 { top: 269px; position: absolute; left: 558px; width: 86px; }

.t6 { top: 395px; position: absolute; left: 595px; width: 84px; }

.t7 { top: 430px; position: absolute; left: 717px; width: 96px; }

.t8 { top: 389px; position: absolute; left: 862px; position: absolute; width: 72px; }

.tt0 { color: #000; font-size: 16px; top: 655px; position: absolute; left: 292px; width: 254px; text-align: center; }

.tt0 p { line-height: 32px; text-indent: 0 !important; text-align: center !important; padding: 0 0 10px 0 !important; margin: 0 !important; border-bottom: none; color: #000 !important; font-size: 16px !important; }

.tt0 span img { margin: 15px 0 0 0; }

.divauto { margin: 0 auto; }

.aoutotext { display: block; position: relative; width: 1200px; }

.aoutotext span { position: absolute; top: 0; right: 0; }

copy_right { margin-top: 30px; line-height: 26px; padding: 10px 0; border-top: 1px solid #e1e1e1; color: #333333; clear: both; text-align: center; font-family: "微软雅黑"; }

.copy_right a { color: #333333 }

.copy_right a:hover { color: #ff4203; }

#step { width: 1200px; overflow: hidden; margin:0 auto; }

.step_box { width: 1260px; }

#step dl { float: left; border-right: 1px solid #ccd0d9; padding-right: 38px; margin-right: 38px; height: 40px; overflow: hidden; }

#step dl dt { width: 30px; float: left; font-family: Arial; font-size: 42px; padding-top: 4px; height: 36px; overflow: hidden; line-height: 40px; }

#step dl.qi dt { width: 120px; font-size: 18px; text-align: right; line-height: 40px; font-family: "微软雅黑"; }

#step dl.qi:hover { color: #333; }

#step dl.qi { }

#step dl dd { font-size: 14px; float: left; }

#step dl:hover { color: #F04B38; cursor: pointer }

.footerBotton { width: 100%; margin-top: 32px; padding-top: 18px; padding-bottom: 30px; position: relative; border-top: 1px solid #eee }

.footerBotton .share { position: absolute; right: 0; top: 45px; }

.footerBotton .dibum { float: right; _width: 723px }

.footerBotton .copyright { float: left; padding-top: 45px; color: #999; background-image: url(../images/foot_tel_1.jpg); font-size: 12px; background-repeat: no-repeat; background-position: left top; width: 100%; text-align: left; }

.footerBotton .dibum a { float: left; font-size: 12px; color: #454545; padding-top: 5px }

.footerBotton .dibum .line { width: 1px; height: 12px; background: #d7d7d7; overflow: hidden; float: left; margin: 7px 18px 0 }

.footerBotton .dibum a.footersina { width: 28px; height: 28px; background: url(../images/common_bg.gif) 0 -26px; float: left; margin-left: 29px; overflow: hidden; margin-right: 14px; padding-top: 0px }

.footerBotton .dibum a.footerteng { float: left; width: 28px; height: 28px; background: url(../images/common_bg.gif) -28px -26px; float: left; display: inline; overflow: hidden; padding-top: 0px }

.footerBotton .dibum a.footersina:hover, .footerBotton .dibum a.footerteng:hover, .headerTop a:hover .icon_jia { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75 }

.footerBotton .dibum a:hover { color: #ff4203 }

.friendLink { width: 100%; border-top: 1px solid #eee; padding: 10px 0 20px; margin-top: 0px; background: #fff; line-height: 27px; min-width: 100%; display: block }

.friendLink a { font-size: 12px; display: inline-block; margin-right: 10px; }







/*首页公司展示*/

.WhyBos { width: 100%; height: 610px;}

.Why { width: 1200px; height: 610px;margin: 0 auto; background:#FFF;}

.WhyLeft { width: 755px; height: 580px; float: left; }

.WhyLeft .top { width: 650px; height: 110px; float: left; background: url(../images/s_r24_c4_1.gif) no-repeat 0px 54px; padding-top: 54px; padding-left: 95px; }

.WhyLeft .topTitle { width: 648px; height: 30px; padding-left: 2px; font-size: 30px; font-weight: bold; color: #2a2b2c; padding-top: 10px; }

.WhyLeft .topComs { width: 648px; height: 40px; padding-left: 2px; font-size: 12px; line-height: 20px; }

.WhyLeft .pro { width: 242px; height: 184px; float: left; }

.WhyLeft .ser { width: 242px; height: 184px; float: left; }

.WhyLeft .pro img, .WhyLeft .ser img { padding-bottom: 17px; }

.WhyLeft .poeComs { width: 242px; height: 63px; line-height: 24px; }

.WhyLeftCom { width: 755px; height: 62px; float: left; padding-top: 14px; padding-left:22px; }

.WhyLeftCom .fontStar { font-size: 16px; }

.WhyLeftCom .fontH1 { font-size: 28px; line-height: 28px; font-weight: bold; color: #2A2B2c; }

.WhyLeftCom .fontcom { font-size: 18px; color: #2A2B2c; }

.WhyLeftComBody { width: 755px; height: 105px; float: left; padding-left:22px; }

.WhyRight { width: 440px; height: 580px; float: left; }

.WhyRight .HeadTop { width: 440px; height: 42px; background: url(../images/r19_c21_1.jpg) no-repeat left top; padding-top: 138px; }

.WhyRight .bodys { width: 440px; height: 400px; background: url(../images/r20_c21_1.jpg) no-repeat 110px top; position: relative; }

.WhyRight .W_title1 { width: 120px; height: 20px; position: absolute; font-size: 18px; top: 38px; left: 5px; color: #B898C1; filter: alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity: 0; /*Firefox私有，透明度50%*/ opacity: 0;/*其他，透明度50%*/ }

.WhyRight .W_title2 { width: 110px; height: 56px; line-height: 24px; position: absolute; font-size: 20px; top: 225px; left: 40px; color: #F79357; filter: alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity: 0; /*Firefox私有，透明度50%*/ opacity: 0;/*其他，透明度50%*/ }

.WhyRight .W_title3 { width: 80px; height: 22px; position: absolute; font-size: 18px; top: 94px; right: 34px; color: #89A8C4; filter: alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity: 0; /*Firefox私有，透明度50%*/ opacity: 0;/*其他，透明度50%*/ }

.WhyRight .W_title4 { width: 120px; height: 48px; position: absolute; line-height: 24px; font-size: 20px; top: 192px; right: 13px; color: #9F3968; filter: alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity: 0; /*Firefox私有，透明度50%*/ opacity: 0;/*其他，透明度50%*/ }

/*结束*/

/* nav 关于我们 */

.A_nav { width: 53px; position: fixed; top: 300px; margin: 0; padding: 0px; display: none; left: 50%; margin-left: -653px; padding-top: 15px; z-index: 1999; background: url(../images/abouttop_r2_c2.png) no-repeat left top; }

.A_nav li { height: 40px; width: 53px; cursor: pointer; background: url(../images/abouttop_r2_c2.png) no-repeat; }

.A_nav li:hover { text-decoration: none; }

.A_nav li.AHaed { background-position: left -15px; }

.A_nav li.AHaed:hover { background-position: right -15px; }

.A_nav li.AHaed.cur { background-position: right -15px; }

.A_nav li.news { background-position: left -55px }

.A_nav li.news:hover { background-position: right -55px }

.A_nav li.news.cur { background-position: right -55px }

.A_nav li.ser { background-position: left -95px }

.A_nav li.ser:hover { background-position: right -95px }

.A_nav li.ser.cur { background-position: right -95px }

.A_nav li.con { background-position: left -135px }

.A_nav li.con:hover { background-position: right -135px }

.A_nav li.con.cur { background-position: right -135px }

.A_nav li.job { background-position: left -175px }

.A_nav li.job:hover { background-position: right -175px }

.A_nav li.job.cur { background-position: right -175px }

/* box */



/* footer 底部 */

#footer{min-width:1200px;height:275px;background:#fff;margin-top:17px;overflow:hidden;}

#footer .foot{ width:1200px;margin:0 auto;}

.foot .fsafe{ width:181px;height:140px;background:url(../images/topandfooter2015.v1_1.png) no-repeat 0 -140px;margin-top:75px;}

.foot .wtnum{ width:480px;padding:65px 0 0 40px;}

.foot .wtnum h2{ font-size:30px;font-weight:normal;line-height:30px;height:44px;}

.foot .wtnum p{ font-size:16px;line-height:24px;letter-spacing:1px;}

.foot .wtnum p span{color:#ff7200;}

.foot .wtnum .qqtalk{width:112px;height:36px;background:url(../images/topandfooter2015.v1_1.png) no-repeat -42px 0;display:inline-block;margin:0 23px 0 5px;margin-top:15px;vertical-align:-6px;}

.foot dl{margin-top:64px;padding-left:57px;}

.foot dl dt{ font-size:18px;padding-bottom:25px;line-height:18px;}

.foot .customer-guide{ width:228px;border-left:1px #aaaaaa solid;border-right:1px #aaaaaa solid;}

.foot .customer-guide dd{ width:110px;float:left;line-height:28px;}

.foot .safe dd{ width:142px;height:47px;margin-bottom:10px;}

.foot .safe .aqlm{ background:url(../images/topandfooter2015.v1_1.png) no-repeat -42px -40px;}

.foot .safe .sjs{ background:url(../images/topandfooter2015.v1_1.png) no-repeat -42px -89px;}

#copyright{height:82px;background:#565656;min-width:1200px;}

#copyright .pz p{ float:left;display:inline;font-family:"宋体";font-size:16px;color:#aaaaaa;height:82px;line-height:82px;padding-right:54px;}

#copyright .pz p i{ float:left;display:inline;width:26px;height:34px;margin:25px 18px 0 0;background:url(../images/topandfooter2015.v1_1.png) no-repeat;}

#copyright .pz p .zb{ background-position:-158px 0}

#copyright .pz p .bz{ background-position:-189px 0}

#copyright .pz p .tx{ background-position:-219px 0}

#copyright .copy{color:#a9a9a9;line-height:24px;font-family:"宋体";padding-top:16px;}

#copyright .copy a{ display:none;}

#copyright .m{ width:1200px;margin:0 auto}





<!---案例头--->

.parallax .info-banner {

    background-attachment: fixed;

}

.info-banner {

    width: 100%;

    padding: 30px 0px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px;

}

.info-banner .box1 {

    width: 100%;

    max-width: 770px;

    background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;

    padding: 30px 20px;

    margin: auto;

    text-align: center;

	filter:alpha(opacity=80);  

          -moz-opacity:0.8;  

          -khtml-opacity: 0.8;  

          opacity: 0.8;  

}

h3.heading.center1, .h3.heading.center1 {

    text-align: center;

}

h3.heading, .h3.heading {

    font-weight: bold;

    text-transform: uppercase;

    font-size: 20px;

    margin-bottom: 14px;

}

h3.heading.center1 span, .h3.heading.center1 span {

    margin: 8px auto 0px;

}

h3.heading > span, .h3.heading > span {

    display: block;

    margin-top: 8px;

    width: 50px;

    height: 2px;

    background: #000 none repeat scroll 0% 0%;

}

.btn-primary {

    background: #448956 none repeat scroll 0% 0%;

}

.btn {

    font-size: 1.5em !important;

    color: #FFF !important;

    padding: 4px 26px !important;

    text-transform: uppercase;

    font-weight: normal;

    text-align: center;

    text-decoration: none !important;

    background: #F04B38 none repeat scroll 0% 0%;

    vertical-align: middle;

    cursor: pointer;

    border: medium none;

    border-radius: 4px;

    white-space: nowrap;

    transition: all 0.3s ease 0s;

    outline: medium none !important;

    margin: 0px 5px 0px 0px !important;

}



.btn:hover {

    background: #FF7200 none repeat scroll 0% 0%;

    

}

.container1 {

    width: 1170px;

}

.box1 p{font-size:16px; line-height:26px;margin-bottom: 15px;}

.btn-primary {

    background: #F04B38 none repeat scroll 0% 0%;

}



<!---新列表页--->

.list{width:100%;}

.list_c{width:100%;max-width:1120px;padding:0 0 80px 0;text-align:left;overflow:hidden;}

.item{width:100%;padding:20px 0 0px 0;overflow:hidden;position:relative;}

.item img{width:250px;height:173px;float:left;}

.item .black{width:200px;height:137px;position:absolute;background:#000;left:0;opacity:0;transition:all 0.5s;text-align:center;}

.item .black i{position:relative;top:-30px;transition:all 0.5s;font-size:30px}

.item .black:hover{opacity:0.8}

.item .black:hover i{top:70px}

.item .right{width:590px;height:150px;float:right;position:relative;}

 .item .title1{white-space:nowrap;text-overflow:ellipsis;font-size:20px;color:#2d3e50;padding-bottom:10px;transition:all 0.5s;}

.item .title1:hover{color: #dd1201;}

.item i{color:#aab2bd;font-size:16px;padding-left:20px;}

.list .item span{color:#888888;font-size:14px;padding:0 20px 0 10px;border-right:1px solid #ffce55}

.item #cat{color:#dd1201;cursor:pointer}

.item .edit{font-size:14px;color:#dd1201;margin:0 20px 0 30px}

.item .delete{font-size:14px;color:#ed5564;margin:0 20px 0 0px}

.item .summary{color:#888888;font-size:14px;padding-top:5px; line-height:22px;}

.item .button{width:100px;height:30px;border:1px solid #ffce55;font-size:14px;color:#2d3e50;line-height:28px;text-align:center;position:absolute;top: 105px;cursor:pointer;transition:all 0.5s;overflow:hidden;}

.list .item .button div{color:#2d3e50;transition:left 0.5s;position:relative;}

.item .button i{position:absolute;left:-70px;color:#fff;font-size:16px;line-height:40px;top:0;transition:left 0.5s;}

.item .button:hover{background:#ffce55;}

.item .button:hover div{left:120px;}

.item .button:hover i{left:33px}