@charset "utf-8";
body { margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei", "΢���ź�"; background: #fff; line-height: 26px; color: #818181; }
a { text-decoration: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; color: #616161; }
a:hover { color: #b92e33; text-decoration: none; }
dl { margin: 0px; padding: 0px; }
dd { display: block; margin: 0px; padding: 0px; -webkit-margin-start: 5px; }
form { margin: 0px; padding: 0px; }
img { border: 0; }
img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
div { margin: 0px; padding: 0px; }
ul { list-style: none; margin: 0px; padding: 0px; }
li { list-style: none; margin: 0px; padding: 0px; }
.g-wrap { position: relative; margin: 0 auto; width: 1100px; height: 100%; }
.g-wrap2 { position: relative; margin: 0 auto; width: 1200px; height: 100%; }
.nav { width: 263px; overflow: hidden; margin-top: 20px; clear: both; float: left; padding-bottom: 40px; }
.nav li { height: 55px; position: relative; }
.nav li a { color: #4a4a4a; display: list-item; font-size: 14px; height: 55px; left: 0px; line-height: 55px; position: absolute; top: 0; width: 100%; text-indent: 85px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; background: url(../images/a.gif) no-repeat; }
.nav li .nomal a { background: url(../images/hover.gif) no-repeat; line-height: 55px; height: 55px; width: 263px; display: block; font-weight: bold; color: #ffffff; }
.nav li a:hover { background: url(../images/hover.gif) no-repeat; line-height: 55px; height: 55px; width: 263px; display: block; font-weight: bold; color: #ffffff; }
.nav .hover { background: url(../images/hover.gif) no-repeat; font-weight: bold; }
.nav .hover a { color: #fff; }
#head { background: #ffffff; height: 76px; z-index: 999; margin-top: 20px; position: relative; left: 0px; top: 0px; background: url(../images/nav_bg.jpg) repeat-x }
#logo { position: absolute; left: 0px; width: 385px; height: 76px; background: url(../images/zb-.png) no-repeat 0 0; }
#nav { position: absolute; top: 0px; right: 120px; z-index: 4; height: 100%; overflow: hidden; height: 76px; line-height: 76px; }
#nav li { float: left; height: 100%; -webkit-transition: background-color 700ms; transition: background-color 700ms; }
#nav .n1 { width: 68px; }
#nav .n2, #nav .n3, #nav .n4, #nav .n5, #nav .n6, #nav .n7, #nav .n8 { width: 86px; }
#nav .n4 { width: 98px }
#nav li a { position: relative; z-index: 2; display: block; width: 100%; height: 100%; font-size: 15px; line-height: 76px; text-align: center; font-weight: bold; color: #676767; -webkit-transition: color 200ms; transition: color 200ms; font-weight: bold; }
#nav li a.on { color: #fff; }
#nav li a span { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
#nav li a .bkg { top: 100%; z-index: 1; background: #b92e33; -webkit-transition: top 200ms; transition: top 200ms; height: 90px; }
#nav li a.on .bkg, #nav li a:hover .bkg { top: 0; }
#shop { position: absolute; bottom: 0; right: 0; z-index: 5; width: 78px; height: 100%; background: #fff; border-left: 1px solid #e5e5e5; }
#shop { width: 85px; }
#shop .btn-search { position: absolute; top: 0; left: 10px; width: 40px; height: 100%; background: url(../img/icon_search.png) no-repeat 11px 30px; }
#shop .btn-search:hover, #shop .btn-search.on { background-image: url(../img/icon_search_on.png); }
/*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
#shop .btn-lang { position: absolute; top: 0; right: -10px; padding: 0 10px; width: auto; height: 100%; font-weight: bold; font-size: 13px; line-height: 76px; color: #666369; background-color: #fff; -webkit-transition: color 300ms; transition: color 300ms; }
#shop .btn-lang:hover { color: #ff2424; }
#content { position: relative; overflow: hidden; }
#subNav { position: absolute; top: 0; left: 0px; z-index: 99; width: 100%; height: 61px; overflow: hidden; }
#subNav .g-wrap { overflow: visible; width: 100%; }
#subNav .g-wrap .item { position: absolute; top: -100%; width: 100%; height: 100%; background: url(../images/tit_005.png) no-repeat top center; overflow: hidden; -webkit-transition: top 300ms; transition: top 300ms; }
#subNav .g-wrap .search { right: 0; width: auto; height: 44px; border: 8px solid #4c4a4f; }
#subNav .g-wrap .search input { padding: 0 20px; width: 200px; height: 44px; line-height: 44px; }
#subNav .g-wrap .langs { right: 0; padding: 0 15px; width: auto; }
#subNav .g-wrap .on { top: 0; }
#subNav .g-wrap .item .byj { width: 560px; margin: 0 auto; padding: 0 0px 0px 100px; font-weight: bold; font-size: 13px; line-height: 53px; color: #d2ced5; -webkit-transition: color 300ms; transition: color 300ms; }
#subNav .g-wrap .item .yna { width: 500px; margin: 0 auto; padding: 0 0px 0px 220px; }
#subNav .g-wrap .item .ynb { width: 200px; margin: 0 auto; padding: 0 0px 0px 400px; }
#subNav .g-wrap .item .ync { width: 300px; margin: 0 auto; padding: 0 0px 0px 800px; }
#subNav .g-wrap .item .ynd { width: 500px; margin: 0 auto; padding: 0 0px 0px 290px; }
#subNav .g-wrap .item .yne { width: 300px; margin: 0 auto; padding: 0 0px 0px 100px; }
#subNav .g-wrap .item .ynz { width: 400px; margin: 0 auto; padding: 0 0px 0px 580px; }
#subNav .g-wrap .item .ynt { width: 300px; margin: 0 auto; padding: 0 0px 0px 720px; }
#subNav .g-wrap .item .byj a { float: left; padding: 0 12px; font-weight: bold; font-size: 13px; line-height: 53px; color: #ffffff; -webkit-transition: color 300ms; transition: color 300ms; width: 66px; text-align: center; }
#subNav .g-wrap .item .byj a:hover { color: #d7444c; }
.ny_left { float: left; width: 263px; overflow: hidden; padding: 10px 0px 20px 0px; }
.left_top { font-size: 26px; color: #FFF; height: 97px; width: 241px; line-height: 97px; background: url(../images/left_top.jpg) no-repeat; text-align: left; text-indent: 45px; }
.about_ban { width: 100%; height: 302px; background: url(../images/about_ban.jpg) #ffffff no-repeat center 90px; }
.contact_ban { width: 100%; height: 302px; background: url(../images/contact_02.jpg) #ffffff no-repeat center 90px; }
.join_ban { width: 100%; height: 302px; background: url(../images/join_02.jpg) #ffffff no-repeat center 90px; }
.business_ban { width: 100%; height: 302px; background: url(../images/business_02.jpg) #ffffff no-repeat center 90px; }
.brand_ban { width: 100%; height: 302px; background: url(../images/brand_02.jpg) #ffffff no-repeat center 90px; }
.news_ban { width: 100%; height: 302px; background: url(../images/news_02.jpg) #ffffff no-repeat center 90px; }
.project_ban { width: 100%; height: 302px; background: url(../images/project_02.jpg) #ffffff no-repeat center 90px; }
.ny_right { float: right; width: 797px; overflow: hidden; text-align: left; padding-bottom: 50px; }
.blank302 { height: 302px; overflow: hidden; clear: both; }
.blank302 img { margin: 0 auto; }
.blank3 { height: 3px; overflow: hidden; clear: both; }
.footbg { border-top: 1px solid #e6e6e6; height: 67px; width: 100%; clear: both; }
.foot { width: 1100px; margin: 0 auto; padding-top: 12px; color: #858585; border-top: 1px solid #676b6f; clear: both; font-size: 12px; }
.home { width: 1200px; margin: 0 auto; background: #FFF; padding: 30px 0px; }
.bottombg { width: 100%; text-align: center; clear: both; background: #262834; height: 152px; }
.bottom { width: 1200px; margin: 0 auto; font-size: 12px; color: #8f9294; }
.bottom_l { width: 596px; margin-top: 30px; float: left; text-align: left; }
.bottom_l .bottom02 { color: #666666; font-size: 14px; margin-top: 5px; }
.bottom_l .bottom03 a { line-height: 24px; font-size: 14px; color: #666666; }
.bottom_l .bottom03 span { line-height: 24px; padding: 0 5px; }
.bottom_l .bottom03 a:hover { font-size: 14px; color: #b92e33; }
.bottom03 { margin-top: -15px; }
.bottom_r { width: 162px; float: right; text-align: left; color: #363636; font-size: 12px; line-height: 34px; padding-top: 56px; }
.line_a { width: 39px; height: 4px; background: #6e7276; overflow: hidden; margin-bottom: 15px; }
.dibg { background: #FFF; height: 46px; overflow: hidden; width: 1100px; margin: 0 auto; }
.foot2 { width: 160px; float: left; border-right: 1px solid #4f535c; text-align: left; margin-left: 80px; }
.foot_title { color: #FFF; font-size: 14px; height: 32px; line-height: 32px; color: #FFF; font-weight: bold; }
.foot_link a { color: #b5b5b5; height: 24px; line-height: 24px; float: left; width: 160px; text-align: left; }
.foot_link a:hover { color: #FFF; text-decoration: underline; }
.foot_l { width: 400px; float: left; color: #2d374b; font-weight: bold; font-size: 12px; }
.foot_l a { color: #a2a4a6; font-weight: bold; float: left; }
.foot_l a:hover { color: #fff; font-weight: bold; float: left; }
.foot_r { width: 600px; float: right; text-align: right; }
.zh_menu { width: 1000px; margin: 0 auto; padding-top: 20px; clear: both; }
.ywbk_title { font-size: 14px; color: #e02627; font-weight: bold; background: url(../images/index_03.gif) 0px 12px no-repeat; margin: 0 auto; width: 1100px; text-indent: 12px; height: 40px; line-height: 40px; clear: both; text-align: left; }
.ywbk { background: #f0f0f0; height: 198px; overflow: hidden; }
/* ��Ŀչʾ */
.rbk_project { width: 1100px; overflow: hidden; position: relative; height: 160px; margin: 0 auto; padding-top: 29px; }
.rbk_project .bd { margin: 0px 0px 0px 25px; }
.rbk_project .bd ul { overflow: hidden; zoom: 1; }
.rbk_project .bd ul li { margin: 0 0px; float: left; _display: inline; overflow: hidden; text-align: center; width: 202px; height: 134px; margin-right: 10px; }
.rbk_project .bd ul li a { background: #ffffff; width: 202px; height: 134px; display: block; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; ; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-weight: bold; }
.rbk_project .bd ul li a .title { color: #555555; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.rbk_project .bd ul li a .title .syfdc { height: 30px; line-height: 30px; width: 63px; overflow: hidden; border-bottom: 2px solid #7e8187; color: #3b3f4a; font-weight: bold; font-size: 14px; text-align: left; padding-top: 10px; margin-bottom: 5px; }
.rbk_project .bd ul li a:hover .title { background: #e02627; color: #fff; font-weight: 100; }
.rbk_project .bd ul li a:hover .title .syfdc { border-bottom: 2px solid #fff; color: #fff; }
.rbk_project .bd ul li .pic { text-align: center; float: left; width: 89px; }
.rbk_project .bd ul li .pic img { width: 89px; height: 134px; display: block; }
.rbk_project .bd ul li .pic a:hover img { border-color: #999; }
.rbk_project .bd ul li .title { height: 134px; color: #00479d; float: left; width: 103px; background: #FFF; padding-left: 10px; display: block; text-align: left; font-weight: 100; }
.rbk_project .bd ul li .title a { border-bottom: 1px solid #fff; padding-bottom: 15px; height: 120px; line-height: 120px; font-size: 16px; }
.rbk_project .hd .prev { display: block; cursor: pointer; position: absolute; width: 13px; height: 134px; top: 30px; left: 0px; background: url(../images/index_07.gif) no-repeat; }
.rbk_project .hd .next { background: url(../images/index_09.gif) no-repeat; position: absolute; right: 0px; top: 30px; cursor: pointer; width: 13px; height: 134px; }
.flash { height: 552px; margin: 0px auto; overflow: hidden; position: relative; width: 100%; background: #ffffff; }
.slides_container { height: 552px; overflow: hidden; width: 100%; }
.paginposition { bottom: 0; font-family: Arial, '宋体', Sans-Serif; padding: 28px 0; position: absolute; text-align: center; width: 100%; z-index: 9; }
.pagininer { width: 1000px; margin: 0 auto; position: relative; }
.slides_control a { padding: 417px 1920px; }
.picnumeric { position: absolute; width: 100px; margin-left: -50px; left: 50%; }
.picnumeric li { display: block; float: left; }
.picnumeric a { background: url(../images/) no-repeat; color: #FFFFFF; float: left; font-size: 12px; font-weight: bold; height: 12px; line-height: 13px; padding: 0 10px; text-indent: -9999px; }
.picnumeric .current a { background: url(../images/) no-repeat; color: #FFFFFF; text-decoration: none; }
.slides_control li { background-position: center top; background-repeat: no-repeat; height: 552px; overflow: hidden; width: 100%; }
.slides_control { width: 100% !important; }
.Stock { color: #7C849C; font-weight: bold; padding: 10px 0; }
.Stock span { color: #7C849C; font-size: 13px; padding: 0 7px; font-weight: bold; }
.Stock .Percent { color: #7C849C; }
.contentsybg { width: 100%; height: 270px; padding-top: 40px; overflow: hidden; }
.content { width: 1200px; margin: 0 auto; height: 375px; }
.content_ms { padding-top: 20px; clear: both; }
.content_l { width: 439px; margin-left: 20px; float: left; height: 222px; display: block; overflow: hidden; }
.content_m { float: left; margin-left: 0px; display: block; overflow: hidden; height: 220px; background: #FFF; }
.content_r { width: 182px; float: right; height: 222px; display: block; overflow: hidden; }
/* ͼƬ���� */
.apicScroll-left { width: 255px; overflow: hidden; position: relative; height: 212px; }
.apicScroll-left .hd { position: absolute; right: 0px; bottom: 45px; z-index: 99; width: 255px; height: 21px; line-height: 21px; padding-top: 5px; background: url(../images/blank.png) no-repeat; }
.apicScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; padding-right: 8px; zoom: 1; }
.apicScroll-left .hd ul li { float: left; margin-right: 3px; width: 16px; height: 17px; line-height: 14px; text-align: center; background: #ffffff; cursor: pointer; position: relative; }
.apicScroll-left .hd ul li.on { background: #fa9217; color: #fff; }
.apicScroll-left .bd { }
.apicScroll-left .bd ul { overflow: hidden; zoom: 1; }
.apicScroll-left .bd ul li { margin: 0 0px; float: left; _display: inline; overflow: hidden; text-align: center; width: 276px; height: 320px; }
.apicScroll-left .bd ul li .pic { text-align: center; }
.apicScroll-left .bd ul li .pic img { width: 255px; height: 168px; display: block; }
.apicScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.apicScroll-left .bd ul li .title { line-height: 18px; color: #FFF; font-size: 14px; font-weight: bold; position: relative; z-index: 999; width: 250px; padding-top: 5px; }
.apicScroll-left .bd ul li .title a { color: #2a2a2a; }
.apicScroll-left .bd ul li .jianjie { color: #3a3a3a; font-size: 12px; width: 260px; z-index: 999; line-height: 18px; text-align: left; padding: 10px 10px 0px 10px; }
.demo_l { width: 340px; float: left; height: 26px; background: url(../images/lia.gif) no-repeat 0px 11px; text-indent: 9px; }
.demo_r { width: 70px; float: right; color: #808080; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.demo { clear: both; height: 26px; width: 430px; overflow: hidden; font-size: 12px; margin: 0 auto; }
.demo_l a { color: #6d6d6d; }
.demo_l a:hover { text-decoration: underline; color: #b92e33; }
.zh_news { padding-top: 12px; }
.sy_kjz li { float: left; width: 80px; padding-top: 7px; }
.sy_kjz li a { float: left; width: 70px; background: url(../images/index_21.gif) no-repeat 0px 8px; padding-left: 10px; font-weight: bold; }
.sy_jj { padding-top: 5px; }
.business li { border-bottom: 1px solid #d6d6d6; height: 43px; line-height: 43px; width: 753px; clear: both; }
.business { padding-top: 10px; }
.busi_1 { width: 500px; float: left; text-indent: 12px; }
.busi_2 { width: 100px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.busi_3 { width: 100px; float: right; text-align: center; }
.busi_3 a { color: #d7444b; text-decoration: underline; }
.busi_3 a:hover { color: #d7444b; text-decoration: none; }
.zp li { border-bottom: 1px solid #d6d6d6; height: 36px; line-height: 36px; width: 753px; clear: both; }
.zp_1 { width: 190px; float: left; text-indent: 12px; display: block; height: 36px; }
.zp_2 { width: 200px; float: left; text-align: center; display: block; height: 36px; }
.zp_3 { width: 230px; float: left; text-align: center; display: block; height: 36px; }
.zp_4 { width: 130px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; display: block; height: 36px; }
.zp_5 { width: 120px; float: left; text-align: center; }
.zp_6 { width: 120px; float: left; text-align: right; }
.zp li a:hover { text-decoration: underline; }
.zptitle { font-size: 14px; color: #484848; font-weight: bold; border-bottom: 2px solid #24315e; height: 32px; line-height: 32px; width: 753px; margin-bottom: 12px; }
.shuoming { font-size: 14px; border: 1px solid #dbdbdb; clear: both; padding: 15px; }
.xmweb { text-align: left; }
.xmweb a { display: inline-block; margin-top: 8px; width: 207px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; background: #24315e; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; margin-right: 5px; font-weight: bold; }
.xmweb a:hover { background: #d7444b; color: #FFF; }
.xmwebwx { text-align: left; padding-top: 20px; }
.xmwebwx a { display: inline-block; margin-top: 8px; width: 200px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #f7901a; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; margin-right: 5px; font-weight: bold; }
.xmwebwx a:hover { background: #8f8f8f; color: #FFF; }
/*fy*/
.pageWrapper { FONT-SIZE: 14px; BACKGROUND: #F7F7F7; WIDTH: 100%; }
.pgbtn A { DISPLAY: block; COLOR: #666; LINE-HEIGHT: 32px; FONT-FAMILY: verdana; TEXT-DECORATION: none }
.pagnum a { MARGIN-left: 5px; WIDTH: 38px; height: 32px; BORDER: #dddddd 1px solid; }
.pagnum A:hover { WIDTH: 38px; border: 1px solid #ab1d22; text-align: center; color: #FFFFFF; background: #b92e33; }
.pagnumts a { MARGIN-left: 5px; WIDTH: 62px; height: 32px; background: #efefef; border: 1px solid #dddddd; padding: 8px; }
.pagnumts A:hover { WIDTH: 62px; border: 1px solid #ab1d22; text-align: center; color: #FFFFFF; background: #b92e33; }
a.currentpg { font-weight: bold; border: 1px solid #ab1d22; text-align: center; color: #FFFFFF; background: #b92e33; }
.pagek { height: 25px; padding: 50px 0px 0px 0px; }
.pages { MARGIN: 1px 0px 1px 0px; FLOAT: right; TEXT-ALIGN: center; height: 25px; }
.pagetb { MARGIN: 0px auto }
.pregro { WIDTH: 10px; PADDING-TOP: 2px; HEIGHT: 10px }
.nxtgro { WIDTH: 10px; PADDING-TOP: 2px; HEIGHT: 10px }
.pregro { DISPLAY: inline; FLOAT: left; MARGIN: 1px 0px 1px 5px; text-align: center; }
.nxtgro { DISPLAY: inline; FLOAT: right; MARGIN: 2px 5px 2px 0px; text-align: center; }
.pages li { float: left; }
.byj_rts { width: 762px; float: left; line-height: 18px; }
.xw { border-bottom: 1px solid #e4e4e4; height: 40px; line-height: 40px; width: 762px; overflow: hidden; }
.cpzsnew li { width: 230px; float: left; height: 173px; display: block; margin-bottom: 20px; margin-right: 20px; }
.cpzsnewts li { width: 230px; float: left; height: 220px; display: block; margin-bottom: 20px; margin-right: 20px; text-align: center; line-height: 21px; }
.sjzs { border: 1px solid #cccccc; }
.xw_no { float: left; width: 40px; }
.xw_l { width: 600px; float: left; }
.xwts_l { width: 660px; float: left; }
.xw_l a:hover { text-decoration: underline; }
.xw_m { width: 50px; float: left; }
.xw_a { width: 60px; float: left; text-align: center; }
.xw_r { width: 100px; float: right; text-align: right; }
.flash .prev { color: #145e34; font-family: Arial, Helvetica, sans-serif; }
.flash .prev { left: 130px; position: absolute; top: 260px; z-index: 99; }
.flash .next { right: 180px; position: absolute; top: 260px; z-index: 99; }
.flash .prev .bg { background: url("../images/left.png") no-repeat scroll 0 0 transparent; height: 49px; width: 50px; display: block; }
.flash .prev .bg:hover { background: url("../images/left.png") no-repeat scroll 0 0 transparent; }
.flash .next .bg { background: url("../images/right.png") no-repeat scroll 0 0 transparent; height: 49px; width: 50px; display: block; }
.next .bg:hover { background: url("../images/right.png") no-repeat scroll 0 0 transparent; }
.news_title { color: #24315e; font-family: "΢���ź�", "����"; text-align: left; font-weight: bold; font-size: 23px; line-height: 34px; padding-bottom: 6px; }
.xian { border-bottom: 1px dotted #ccc; height: 36px; margin-top: 12px; }
.prev { font-family: Arial, Helvetica, sans-serif; color: #000000; }
.box { padding: 20px 0px 0px 0px; color: #3c3c3c; clear: both; }
.xgxw { color: #24315e; font-weight: bold; font-size: 16px; padding-bottom: 12px; }
.back { text-align: right; margin-top: 20px; padding-right: 20px; }
.time { text-align: left; }
.hit { color: #959595; }
.hero { position: relative; height: 100%; min-height: 400px; background: #ddd; overflow: hidden; }
.hero-slides { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero-slide-item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.hero-slide-item.active { visibility: visible; opacity: 1; }
.hero-slide-item.active .copy-title, .hero-slide-item.active .copy-content, .hero-slide-item.active .title, .hero-slide-item.active .btns-wrap { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.hero-slide-item .title-wrap { width: 100%; text-align: center; margin-top: -90px; position: absolute; top: 30%; left: 0; }
.hero-slide-item .title-wrap + .content-wrap { display: none; }
.hero-slide-item .title { font-size: 40px; letter-spacing: 8px; font-weight: normal; margin-bottom: 60px; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: 0.8s 0.7s ease; -moz-transition: 0.8s 0.7s ease; -ms-transition: 0.8s 0.7s ease; -o-transition: 0.8s 0.7s ease; transition: 0.8s 0.7s ease; }
.hero-slide-item .base-line-btn .icon { vertical-align: 1px; margin-left: 5px; }
.hero-slide-item .home-scroll-down .icon { vertical-align: 2px; }
.hero-slide-item .btns-wrap { visibility: hidden; opacity: 0; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: 0.8s 1.2s ease; -moz-transition: 0.8s 1.2s ease; -ms-transition: 0.8s 1.2s ease; -o-transition: 0.8s 1.2s ease; transition: 0.8s 1.2s ease; }
.hero-slide-item .gradient { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-repeat: repeat-x; }
.hero-slide-item .gradient.slide-1-gradient { display: none; }
.hero-slide-item .gradient.slide-2-gradient { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(59, 59, 59, 0)), to(rgba(59, 59, 59, 0.45))); background-image: -webkit-linear-gradient(top, rgba(59, 59, 59, 0), rgba(59, 59, 59, 0.45)); background-image: linear-gradient(top, rgba(59, 59, 59, 0), rgba(59, 59, 59, 0.45)); background-repeat: repeat-x; }
.hero-slide-item .gradient.slide-3-gradient { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(59, 22, 8, 0)), to(rgba(59, 22, 8, 0.5))); background-image: -webkit-linear-gradient(top, rgba(59, 22, 8, 0), rgba(59, 22, 8, 0.5)); background-image: linear-gradient(top, rgba(59, 22, 8, 0), rgba(59, 22, 8, 0.5)); background-repeat: repeat-x; }
.hero-slide-item .gradient.slide-4-gradient { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(61, 34, 6, 0)), to(rgba(61, 34, 6, 0.5))); background-image: -webkit-linear-gradient(top, rgba(61, 34, 6, 0), rgba(61, 34, 6, 0.5)); background-image: linear-gradient(top, rgba(61, 34, 6, 0), rgba(61, 34, 6, 0.5)); background-repeat: repeat-x; }
.hero-slide-item .gradient.slide-5-gradient { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(54, 25, 7, 0)), to(rgba(54, 25, 7, 0.5))); background-image: -webkit-linear-gradient(top, rgba(54, 25, 7, 0), rgba(54, 25, 7, 0.5)); background-image: linear-gradient(top, rgba(54, 25, 7, 0), rgba(54, 25, 7, 0.5)); background-repeat: repeat-x; }
.hero-slide-item .gradient.slide-6-gradient { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-repeat: repeat-x; }
.hero-slide-item .content-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hero-slide-item .content-wrap .btns-wrap { position: absolute; right: 60px; bottom: 140px; }
.hero-slide-item .copy { color: white; max-width: 820px; position: absolute; left: 60px; bottom: 133px; line-height: 1.33; }
.hero-slide-item .copy.longer { max-width: 860px; }
.hero-slide-item .copy.even-longer { max-width: 870px; }
.hero-slide-item .copy-title { font-size: 50px; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: 0.8s 0.7s ease; -moz-transition: 0.8s 0.7s ease; -ms-transition: 0.8s 0.7s ease; -o-transition: 0.8s 0.7s ease; transition: 0.8s 0.7s ease; }
.hero-slide-item .copy-content { font-size: 20px; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: 0.8s 0.8s ease; -moz-transition: 0.8s 0.8s ease; -ms-transition: 0.8s 0.8s ease; -o-transition: 0.8s 0.8s ease; transition: 0.8s 0.8s ease; }
.slides-pagination { text-align: center; position: absolute; bottom: 40px; z-index: 5; left: 50%; margin-left: -90px; }
.slides-pagination .slides-pagination-item { float: left; width: 46px; height: 6px; background: white; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); cursor: pointer; position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.slides-pagination .slides-pagination-item + .slides-pagination-item { margin-left: 10px; }
.slides-pagination .slides-pagination-item.active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.slides-pagination .slides-pagination-item.active:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.slides-pagination .slides-pagination-item:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.slides-pagination .slides-pagination-link { position: absolute; width: 100%; height: 40px; top: -18px; left: 0; }
.section-title { text-align: center; letter-spacing: 3px; font-size: 26px; font-weight: normal; margin: 55px 0; color: #666666; }
.features-info-box { background: #ededed; overflow: hidden; color: #222222; }
.features-info-box .title { font-size: 20px; font-weight: normal; border-bottom: 2px solid #222222; display: inline-block; margin-bottom: 25px; margin-top: 10px; *zoom: 1;
 *display: inline;
}
.features-info-box .know-more { color: #878787; font-size: 14px; letter-spacing: 1px; display: inline-block; margin-top: 22px; border-bottom: 1px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.no-touch .features-info-box:hover { background: #e6e6e6; }
.no-touch .features-info-box:hover .know-more { color: #313131; border-color: #313131; }
.features-hero { height: 300px; position: relative; display: block; background: #222222; }
.no-touch .features-hero:hover .bg { opacity: .8; }
.features-hero .copy-wrap { position: absolute; top: 116px; left: 0; right: 0; font-size: 20px; color: white; text-align: center; }
.features-hero .copy-title { font-weight: normal; font-size: 38px; }
.features-points { text-align: justify; }
.features-points .features-point-item { width: 280px; height: 300px; margin-top: 20px; padding: 0 20px; display: inline-block; float: left; }
.features-points .features-point-item + .features-point-item { margin-left: 20px; }
.features-points .icon-feature-hammer { margin: 31px 0 1px; }
.features-points .icon-feature-gear { margin: 30px 0 0; }
.features-points .icon-feature-graph { margin: 30px 0 0; }
.features-misc .img-wrap { position: relative; height: 300px; }
.features-misc .content-wrap { padding: 15px 20px 0; height: 235px; }
.features-misc .document { width: 32%; margin-top: 20px; }
.features-misc .moot-court { width: 66%; margin-top: 20px; }
.features-misc .image-slides { width: 66%; position: relative; margin-top: 20px; height: 300px; background: #222222; -webkit-backface-visibility: hidden; }
.features-misc .image-slides:hover .bg { opacity: .8; }
.features-misc .image-slides .unslider-arrow { height: 100%; position: absolute; width: 61px; top: 0; opacity: .5; }
.features-misc .image-slides .unslider-arrow .icon { position: absolute; top: 50%; left: 20px; margin-top: -25px; }
.features-misc .image-slides .unslider-arrow.prev { left: 0; }
.features-misc .image-slides .unslider-arrow.prev:hover { background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%); }
.features-misc .image-slides .unslider-arrow.next { right: 0; }
.features-misc .image-slides .unslider-arrow.next:hover { background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%); }
.features-misc .image-slides .unslider-arrow:hover { opacity: 1; }
.features-misc .image-slides .image-slides-inner { position: relative; overflow: auto; }
.features-misc .image-slides .image-slide-item { position: relative; float: left; height: 300px; }
.features-misc .location { width: 32%; height: 300px; font-size: 16px; position: relative; margin-top: 20px; color: #222222; }
.features-misc .location .content-wrap { letter-spacing: 1px; background: #f0f0f0; background: rgba(240, 240, 240, 0.9); height: auto; padding: 100px 45px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.features-misc .location:hover .content-wrap { opacity: 0; }
.bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.gradient { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
 @-webkit-keyframes fadeOutLeft { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(-60px);
 -moz-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 -o-transform: translateX(-60px);
 transform: translateX(-60px);
}
}
 @-moz-keyframes fadeOutLeft { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(-60px);
 -moz-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 -o-transform: translateX(-60px);
 transform: translateX(-60px);
}
}
 @-ms-keyframes fadeOutLeft { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(-60px);
 -moz-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 -o-transform: translateX(-60px);
 transform: translateX(-60px);
}
}
 @keyframes fadeOutLeft { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(-60px);
 -moz-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 -o-transform: translateX(-60px);
 transform: translateX(-60px);
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
 @-webkit-keyframes fadeOutRight { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
}
 @-moz-keyframes fadeOutRight { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
}
 @-ms-keyframes fadeOutRight { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
}
 @keyframes fadeOutRight { 0% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
 @-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
 100% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
 @-moz-keyframes fadeInLeft { 0% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
 100% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
 @-ms-keyframes fadeInLeft { 0% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
 100% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(60px);
 -moz-transform: translateX(60px);
 -ms-transform: translateX(60px);
 -o-transform: translateX(60px);
 transform: translateX(60px);
}
 100% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(-60px);
 -moz-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 -o-transform: translateX(-60px);
 transform: translateX(-60px);
}
 100% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
 @-moz-keyframes fadeInRight { 0% {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translateX(-60px);
 -moz-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 -o-transform: translateX(-60px);
 transform: translateX(-60px);
}
 100% {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
.footmenu { width: 82px; float: left; padding-bottom: 50px; margin-right: 60px; }
.foottitle { width: 82px; float: left; font-size: 14px; color: #2d374b; font-weight: bold; text-indent: 5px; padding-bottom: 20px; }
.footmenu ul li { float: left; height: 26px; line-height: 26px; background: url(../images/lia.jpg) no-repeat 0px 12px; text-indent: 15px; }
.footmenu ul li a { float: left; font-size: 12px; }
.copyjxy { padding-top: 16px; text-transform: uppercase; }
.moress { margin-top: 10px; clear: both; text-align: right; width: 30px; float: right; }
.about_more { width: 100px; float: right; }
.about_more a { width: 90px; background: url(../images/more.png) no-repeat 60px 3px; height: 30px; display: block; font-weight: bold; }
.about_more a:hover { background-position: 60px -26px }
.moress a.news_more { width: 40px; background: url(../images/more.png) no-repeat 0px 12px; height: 40px; padding-left: 32px; display: block; }
.moress a.news_more:hover { background-position: 0 -21px }
.footmenu a.lxwm { background-position: 0 0; width: 70px; background: url(../images/f01.png) no-repeat 0px 12px; height: 40px; padding-left: 32px; }
.footmenu a.lxwm:hover { background-position: 0 -20px }
.footmenu a.rczp { background-position: 0 0; width: 70px; background: url(../images/f02.png) no-repeat 0px 12px; height: 40px; padding-left: 32px; }
.footmenu a.rczp:hover { background-position: 0 -20px }
.footmenu a.flsm { background-position: 0 0; width: 70px; background: url(../images/f03.png) no-repeat 0px 12px; height: 40px; padding-left: 32px; }
.footmenu a.flsm:hover { background-position: 0 -20px }
.footmenu a.qyyx { background-position: 0 0; width: 70px; background: url(../images/f04.png) no-repeat 0px 12px; height: 40px; padding-left: 32px; }
.footmenu a.qyyx:hover { background-position: 0 -20px }
.sy_news { float: left; width: 320px; overflow: hidden; height: 500px; margin-right: 70px; }
.content_sy { width: 1100px; margin: 0 auto; clear: both; padding-top: 26px; height: 440px; overflow: hidden; }
.news_listsy li { border-bottom: 1px dotted #d3d3d3; margin-top: 10px; padding-bottom: 8px; line-height: 21px; height: 41px; }
.jxydt { font-size: 20px; font-weight: bold; color: #000; height: 56px; line-height: 56px; }
.s_layer { font-size: 20px; font-weight: bold; color: #000; height: 21px; line-height: 21px; text-indent: 26px; }
.f14 { color: #8b8b8b; font-size: 14px; text-transform : uppercase }
.about_sybg { width: 100%; background: #fbfbfb; border: 0px solid #eceded; border-width: 1px 0px 1px 0px; height: 277px; padding: 55px 0px; clear: both; }
.about_sy { width: 1100px; margin: 0 auto; }
.about_syl { float: left; width: 264px; overflow: hidden; }
.about_sym { float: left; width: 477px; margin-left: 27px; }
.about_syr { float: right; width: 276px; background: url(../images/lsbg.jpg) no-repeat; height: 278px; }
/* main_img */
.main_img { width: 245px; height: 221px; overflow: hidden; position: relative; }
.main_img img { width: 245px; height: 221px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari �� Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.main_img:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); 	/* IE 9 */ -moz-transform: scale(1.1, 1.1); 	/* Firefox */ -webkit-transform: scale(1.1, 1.1); /* Safari �� Chrome */ -o-transform: scale(1.1, 1.1); 	/* Opera */ }
/* main_img */
/* main_img */
.wx_img { width: 451px; height: 150px; overflow: hidden; position: relative; }
.wx_img img { width: 451px; height: 150px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari �� Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.wx_img:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); 	/* IE 9 */ -moz-transform: scale(1.1, 1.1); 	/* Firefox */ -webkit-transform: scale(1.1, 1.1); /* Safari �� Chrome */ -o-transform: scale(1.1, 1.1); 	/* Opera */ }
.kbss { height: 82px; width: 229px; overflow: hidden; position: relative; margin-bottom: 3px; }
.kbss img { height: 82px; width: 229px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari �� Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.kbss:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); 	/* IE 9 */ -moz-transform: scale(1.1, 1.1); 	/* Firefox */ -webkit-transform: scale(1.1, 1.1); /* Safari �� Chrome */ -o-transform: scale(1.1, 1.1); 	/* Opera */ }
.sy_jinajie { color: #666666; line-height: 24px; }
.sy_jinajie p { padding: 0px 0px 16px 0px; }
p { margin: 0px; padding: 0px 0px 15px 0px; line-height: 26px; }
.duanlue { text-indent: 2em; text-align: justify; text-justify: inter-ideograph; }
/* ���ظ��� */
.blank27 { height: 27px; clear: both; overflow: hidden; }
.blank12 { height: 12px; clear: both; overflow: hidden; }
.blank38 { height: 38px; clear: both; overflow: hidden; }
input.more { display: block; width: 100%; height: 54px; background: #dfdfdf url(../images/btn_more_on.png) no-repeat center 15px; cursor: pointer; -webkit-transition: background 400ms; transition: background 400ms; }
input.more:hover { background-color: #008758; background-image: url(../images/btn_more.png); }
input.morets { display: block; width: 100%; height: 43px; background: #dfdfdf url(../images/btn_more_on.png) no-repeat center 10px; cursor: pointer; -webkit-transition: background 400ms; transition: background 400ms; }
input.morets:hover { background-color: #008758; background-image: url(../images/btn_more.png); }
.bzs { color: #008758; font-weight: bold; font-size: 14px; }
.newslist { width: 697px; overflow: hidden; padding-top: 20px; }
.newslist li .left .N_title { color: #5f6269; font-size: 16px; font-weight: bold; float: left; width: 557px; }
.newslist li .left { width: 657px; overflow: hidden; }
.newslist li .right { color: #818181; float: right; text-align: center; width: 100px; overflow: hidden; }
.newslist li .N_content { color: #676767; font-size: 12px; overflow: hidden; line-height: 23px; }
.newslist ul li a:hover .N_content { color: #fff; }
.newslist ul li a:hover .right { color: #fff; }
.newslist ul li a:hover .N_title { color: #fff; }
.newslist ul { }
.newslist ul li a { margin-bottom: 9px; overflow: hidden; display: block; height: 73px; padding: 20px; width: 657px; background: #f2f2f2; }
.newslist ul li a:hover { background: #008758; color: #FFF; }
.juzhongbg { background: #f2f3f6; overflow: hidden; }
.juzhong { width: 1100px; font-size: 14px; line-height: 28px; margin: 0 auto; color: #616161; clear: both; padding: 37px 0px 0px 0px; }
.juzhong_l { width: 263px; float: left; color: #818181; background: #FFF; margin-bottom: 80px; }
.juzhong_r { width: 753px; float: right; padding: 26px 35px 80px 35px; background: #FFF; min-height: 550px; }
.qyjs { float: left; font-family: "Microsoft YaHei", "΢���ź�"; font-size: 18px; padding: 0px 5px; border-bottom: 3px solid #b92e33; height: 41px; line-height: 41px; }
.right_top { width: 753px; background: url(../images/tta.gif) repeat-x left bottom; height: 44px; line-height: 44px; font-size: 14px; }
.position { float: right; text-align: right; height: 44px; line-height: 44px; width: 400px; color: #6a6a6a; }
.dh { color: #b92e33; font-weight: bold; }
.biaoti { font-size: 40px; font-weight: bold; color: #FFF; width: 480px; text-align: center; margin: 0 auto; padding-left: 500px; padding-top: 140px }
.news { width: 753px; height: 97px; margin-bottom: 15px; background: #ffffff; border-bottom: 1px solid #e2e7f0; }
.news a { width: 753px; height: 97px; display: block; -webkit-transition: background-color 400ms; transition: background-color 400ms; }
.news a:hover { color: #4a4a4a; }
.news a:hover .news_jj { color: #b92e33; }
.news a:hover .kjz16 { color: #b92e33; }
.news_l { float: left; width: 630px; line-height: 21px; padding-top: 14px; }
.news_r { float: right; width: 96px; text-align: center; color: #fff; padding-left: 8px; height: 87px; background: url(../images/news_07.png) no-repeat }
.fy_news { width: 900px; margin: 0 auto; padding-bottom: 100px; }
.news li a { display: block; width: 100%; height: 160px; border-bottom: 1px solid #e6e6e6; padding: 30px 0; }
.news li a:hover { background: #f0f0f0; }
.news_pub li a { display: block; width: 100%; height: 110px; border-bottom: 1px solid #e6e6e6; padding: 30px 0; }
.news_pub li a:hover { background: #f0f0f0; }
.team_jj a { font-size: 14px; color: #818181; line-height: 23px; padding-top: 5px; }
.team_jj a:hover { text-decoration: underline; color: #b92e33; }
.zt_jj a { font-size: 12px; color: #6d6d6d; line-height: 23px; }
.zt_jj a:hover { font-size: 12px; color: #008758; line-height: 23px; }
.team_jj { padding-top: 2px; }
.team_jjts { font-size: 14px; color: #707070; line-height: 28px; padding-top: 4px; }
.navleft { width: 241px; overflow: hidden; margin-top: 5px; clear: both; float: left; padding-bottom: 50px; }
.navleft li { height: 50px; position: relative; font-size: 16px; }
.navleft li a { color: #4a4a4a; display: list-item; font-size: 14px; height: 50px; left: 0px; line-height: 50px; position: absolute; top: 0; width: 100%; text-indent: 60px; text-align: left; background: url(../images/fwly.jpg) top right no-repeat; }
.navleft li a.nomal { background: url(../images/fwlyhover.jpg) top right no-repeat; line-height: 50px; height: 50px; display: block; font-weight: bold; color: #ffffff; }
.navleft li a:hover { background: url(../images/fwlyhover.jpg) top right no-repeat; line-height: 50px; height: 50px; display: block; font-weight: bold; color: #ffffff; }
.navleft .hover { background: url(../images/hover.gif) no-repeat; font-weight: bold; }
.navleft .hover a { color: #fff; }
.shenghuo_slider { overflow: hidden; zoom: 1; }
.shenghuo_slider li { margin: 0px 6px 20px 0; float: left; _display: inline; overflow: hidden; text-align: center; position: relative; width: 360px; height: 354px; overflow: hidden; }
.shenghuo_slider li .pic { text-align: center; width: 360px; overflow: hidden; }
.shenghuo_slider li .pic img { display: block; }
.shenghuo_slider li .pic a:hover img { border-color: #999; }
.shenghuo_slider li .title { line-height: 31px; color: #565656; font-family: "Microsoft YaHei"; text-align: center; position: absolute; bottom: 0; left: 0; background-color: #e6e8ed; width: 320px; padding: 8px 20px 10px 20px; cursor: default; }
.slide_hov_bg { position: absolute; top: 65px; width: 175px; height: 52px; display: none; left: 0px }
.shenghuo_slider li a { width: 100%; height: 100%; overflow: hidden; }
.shenghuo_slider li .title h1 { font-size: 20px; color: #565656; height: 23px; line-height: 23px; overflow: hidden; }
.shenghuo_slider li .title p { color: #868686; text-transform: uppercase; font-size: 14px; padding: 0px; height: 43px; line-height: 21px; margin: 0px; }
.shenghuo_slider li .title .s_txt { padding: 10px; text-align: center; overflow: hidden; display: none; }
.shenghuo_slider li .title .s_txt a { width: 108px; height: 32px; line-height: 32px; text-align: center; overflow: hidden; background: #103d87; display: block; color: #FFF; font-size: 14px; margin-left: 100px; }
.shenghuo_slider li .title .s_txt a:hover { width: 108px; height: 32px; line-height: 32px; text-align: center; overflow: hidden; background: #747474; display: block; color: #FFF; font-size: 14px; margin-left: 100px; }
.shenghuo_slider li .bg { background-color: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0.5; display: none; }
.lscx { width: 207px; margin: 0 auto; color: #5e5e5e; font-weight: bold; padding-top: 14px; }
.huixi1 { width: 207px; height: 25px; line-height: 25px; }
.huixi2 { width: 207px; height: 25px; line-height: 25px; }
.taotao { padding-top: 5px; }
.heise { color: #000; }
.team_showl { width: 430px; float: left; }
.team_showr { width: 630px; float: right; position: relative; }
.fanhui { position: absolute; top: 0px; right: 0px; }
.fanhui a { display: inline-block; margin-top: 17px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #000; border: 2px solid #000; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; margin-right: 5px; font-weight: bold; }
.fanhui a:hover { background: #000; color: #FFF; }
.tdmz { font-size: 24px; font-weight: bold; color: #000; height: 36px; line-height: 36px; }
.tdjj { font-size: 16px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #000; }
.tdshow { padding: 40px 0px 0px 0px; }
.fwly { width: 1100px; margin: 0 auto; padding: 28px 0px 100px 0px; height: 380px; clear: both; overflow: hidden; }
.sy_fwly { margin-top: 5px; }
.sy_fwly ul li { float: left; text-align: center; margin-right: 4px; width: 229px; }
.sy_fwly ul li a { float: left; text-align: center; margin-right: 4px; width: 229px; margin-top: 6px; }
.fwly_l { float: left; width: 720px; }
.fwly_r { float: right; width: 357px; }
.anli { margin-top: 10px; border: 1px solid #e9e9e9; border-width: 1px 0px 0px 1px; overflow: hidden; }
.anli ul li { float: left; border: 1px solid #e9e9e9; border-width: 0px 1px 1px 0px; padding: 11px 12px; width: 153px; height: 60px; overflow: hidden; }
.anliny { margin-top: 10px; border: 1px solid #e9e9e9; border-width: 1px 0px 0px 1px; overflow: hidden; width: 1068px; }
.anliny ul li { float: left; border: 1px solid #e9e9e9; border-width: 0px 1px 1px 0px; padding: 11px 12px; width: 153px; height: 60px; overflow: hidden; }
/*��Ŀչʾ��������*/
#xm_tabs2 { text-align: left; width: 753px; clear: both; }
.xm_menu21box { position: relative; overflow: hidden; height: 52px; width: 753px; text-align: left; }
#xm_menu21 { position: absolute; top: 10; left: 0; z-index: 1; width: 753px; background: url(../images/brand_07.gif) repeat-x; }
#xm_menu21 li { float: left; display: block; cursor: pointer; width: 150px; text-align: center; line-height: 52px; height: 52px; color: #737373; margin-left: 2px; background: url(../images/brand_03.gif) no-repeat; }
#xm_menu21 li.hover { background: url(../images/brand_05.gif) no-repeat; color: #ffffff; font-weight: bold; }
.xm_main21box { clear: both; margin-top: -1px; width: 797px; }
#xm_main21 ul { display: none; margin-top: 20px; line-height: 1.7; text-align: justify; text-justify: inter-ideograph; padding: 22px 0px; }
#xm_main21 ul.block { display: block; }
/*�˲���Ƹ��������*/
#hr_tabs2 { text-align: left; width: 697px; clear: both; }
.hr_menu21box { position: relative; overflow: hidden; height: 53px; width: 697px; text-align: left; background: url(../images/hr_09.jpg) repeat-x; }
#hr_menu21 { position: absolute; top: 280; left: 0; z-index: 1; margin-right: 5px; }
#hr_menu21 li { float: left; display: block; cursor: pointer; width: 141px; text-align: center; line-height: 53px; height: 53px; color: #2b2b2b; background: url(../images/hr_07.jpg) no-repeat; margin-left: 2px; }
#hr_menu21 li.hover { background: url(../images/hr_05.jpg) no-repeat; color: #ffffff; font-weight: bold; }
.hr_main21box { clear: both; margin-top: -1px; width: 797px; }
#hr_main21 ul { display: none; margin-top: 5px; line-height: 1.7; text-align: justify; text-justify: inter-ideograph; padding: 22px 0px; }
#hr_main21 ul.block { display: block; }
.bybg { width: 100%; background: url(../images/bybg.jpg) no-repeat top center; clear: both; height: 117px; }
.by { width: 1000px; margin: 0 auto; }
.by_l { width: 260px; float: left; color: #FFF; font-weight: bold; font-size: 20px; line-height: 117px; letter-spacing: 4px; }
.by_r { width: 740px; float: left; color: #747474; text-align: center; font-size: 14px; padding-top: 32px; }
#linkpic1 { float: left; position: relative; overflow: hidden; width: 285px; height: 111px; margin-top: 9px; }
#linkpic2 { float: left; position: relative; overflow: hidden; width: 285px; height: 111px; margin-top: 9px; }
#linkpic3 { float: left; position: relative; overflow: hidden; width: 363px; height: 272px; margin-bottom: 10px; margin-left: 13px; }
/*.opacity {
  background: none repeat scroll 0 0 #fff;
  height: 147px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}*/
#linkpic1 .mask { width: 285px; height: 111px; }
#linkpic2 .mask { width: 285px; height: 111px; background: scroll 0 0 #103d87 }
#linkpic3 .mask { width: 363px; height: 272px; background: scroll 0 0 #103d87 }
#linkpic3 .maskts { width: 358px; height: 255px; background: scroll 0 0 #d7444b }
.maskts { background: scroll 0 0 #007924; padding: 100px 60px; position: absolute; left: 0; top: 0; z-index: 1; display: none; z-index: 4 }
.mask_boxts { position: relative; width: 100%; height: 85px; }
.mask_boxts p { border-bottom: 1px solid #cdcdcd; width: 120px; position: absolute; left: 0px; top: -6px; margin: 0px; padding: 0px; }
.mask_boxts h1 { position: absolute; left: 0; top: -30px; vertical-align: baseline; color: #FFF; font-size: 20px; }
.mask_boxts h2 { position: absolute; left: 0; bottom: 32px; color: #cdcdcd; font-size: 14px; margin: 0px; padding-top: 0px; font-family: "΢���ź�", "����"; }
.xmwz { height: 40px; line-height: 40px; text-align: right; padding-right: 20px; color: #006e8a; font-weight: bold; }
.xmlogo { position: absolute; left: 70px; bottom: 20px; z-index: 3; width: 230px; height: 57px; }
.xmlogo1 { width: 108px; height: 44px; float: left; background: #FFF; text-align: center; padding-top: 13px; }
.xmlogo2 { width: 122px; height: 57px; float: right; background: #d7444b; text-align: center; line-height: 57px; color: #FFF; font-weight: bold; }
.mask { background: scroll 0 0 #103d87; padding: 38px 40px; position: absolute; left: 0; top: 0; z-index: 1; display: none; z-index: 4 }
.mask_box { position: relative; width: 100%; height: 93px; }
.mask_box p { border-bottom: 1px solid #cdcdcd; width: 80px; position: absolute; left: 0px; top: -8px; margin: 0px; padding: 0px; }
.mask_box h1 { position: absolute; left: 0; top: -20px; vertical-align: baseline; color: #FFF; font-size: 16px; margin: 0px; padding: 0px; }
.mask_box h2 { position: absolute; left: 0; bottom: 32px; color: #cdcdcd; font-size: 12px; margin: 0px; padding-top: 0px; font-family: "΢���ź�", "����"; }
.newslistbyj { }
.newslistbyj li { width: 346px; height: 220px; float: left; margin-bottom: 20px; }
.newslistbyj li a { width: 276px; height: 167px; float: left; display: block; padding: 30px; background: #ededed; margin-right: 10px; }
.newslistbyj li a:hover { width: 276px; height: 167px; float: left; display: block; background: #008758; }
.newslistbyj li a:hover .news_titlets { color: #FFF; }
.newslistbyj li a .news_titlets { color: #3d3d3d; font-size: 16px; font-weight: bold; }
.newslistbyj li a:hover .news_ceo { color: #FFF; }
.newslistbyj li a:hover .news_jianjie { color: #FFF; }
.news_line { padding: 5px; }
.zt { width: 753px; border-bottom: 1px dashed #c2c2c2; margin-bottom: 30px; height: 126px; }
.zt_l { float: left; width: 170px; }
.zt_r { float: right; width: 580px; }
.textr { padding-top: 15px; text-align: right; padding-right: 10px; }
.kjz { font-weight: bold; font-size: 14px; color: #000; font-family: "Microsoft YaHei", "΢���ź�"; }
.kjz16 { font-size: 16px; color: #494949; font-family: "Microsoft YaHei", "΢���ź�"; }
.kjz8 { font-weight: bold; font-size: 16px; color: #646464; font-family: "Microsoft YaHei", "΢���ź�"; }
.go-back { height: 42px; padding-top: 10px; text-align: center; width: 70px; font-family: "Microsoft YaHei", "΢���ź�"; }
.go-back a { display: inline-block; width: 87px; height: 24px; line-height: 24px; border: 1px solid #717171; color: #fff; font-size: 12px; color: #686868; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.go-back a:hover { background: #686868; color: #fff; }
.probg { padding: 6px 0px 0px 5px; }
.kb_r { float: right; width: 80px; font-weight: bold; font-size: 12px; padding-top: 5px; }
.kb_l { float: left; width: 360px; font-weight: bold; font-size: 14px; padding-top: 5px; }
.proj { width: 697px; background: url(../images/xma_03.jpg) repeat-x; height: 289px; }
.proj_l { width: 385px; float: left; }
.proj_r { width: 292px; float: right; }
.xmcc { width: 350px; float: right; }
.pro_logo { width: 254px; float: left; padding-top: 30px; text-align: center; height: 166px; margin-left: 32px; }
.pro_logol { width: 167px; float: left; height: 126px; padding-top: 26px; text-align: center; }
.pro_logor { width: 120px; float: left; height: 120px; padding-top: 20px; text-align: center; }
.pro_hot { width: 64px; float: left; text-align: right; }
.pro_dz { color: #FFF; line-height: 23px; }
.hyk_sq { background: url(../images/b2.jpg) no-repeat top center; height: 1008px; }
.hyk_tt { padding: 287px 0 0 0px; color: #0f572f; font-size: 38px; font-weight: bold; text-align: center }
.hyk .text1 { width: 385px; height: 42px; background: #e5e5e5; border: none; padding-left: 15px; font-size: 18px; color: #202020; }
.hyk_t { color: #323232; font-size: 26px; line-height: 30px; padding: 36px 0 20px; }
.hyk { padding-top: 80px; padding-left: 122px; }
.inputts3 { margin-left: 126px; margin-top: 45px; }
#focus { width: 689px; height: 356px; overflow: hidden; position: relative; float: left; }
#focus ul { height: 689px; position: absolute; }
#focus ul li { float: left; width: 689px; height: 356px; overflow: hidden; position: relative; background: #000; }
#focus ul li div { position: absolute; overflow: hidden; }
#focus .btnBg { position: absolute; width: 689px; height: 20px; left: 0; bottom: 0; background: #000; }
#focus .btn { position: absolute; width: 689px; height: 10px; padding: 5px 10px; right: 0; bottom: 0; text-align: right; }
#focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
#focus .btn span.on { background: #fff; }
#focus .preNext { width: 20px; height: 58px; position: absolute; top: 140px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; }
#focus .pre { left: 0; }
#focus .next { right: 0; background-position: right top; }
.proxt { width: 351px; padding: 0px 30px; float: right; height: 356px; background: #e6e8ed; overflow: hidden; }
.xtc { width: 351px; padding-top: 30px; text-align: center; height: 150px; }
.kxx { padding: 20px 0px 0px 0px; text-align: left; overflow: hidden; }
.kxx a { width: 141px; height: 35px; line-height: 35px; text-align: center; overflow: hidden; border: 1px solid #103d87; color: #c40d23; border-radius: 50px; display: block; color: #103d87; font-size: 14px; }
.kxx a:hover { width: 141px; height: 35px; line-height: 35px; text-align: center; overflow: hidden; background: #103d87; display: block; color: #FFF; font-size: 14px; }
.xt_xmgk { width: 1100px; margin: 0 auto; padding: 50px 0px 80px 0px; overflow: hidden; }
.xmgktitle { font-size: 32px; color: #103d87; height: 70px; line-height: 70px; }
.xt_xmgkl { width: 570px; float: left; }
.xt_xmgkr { width: 490px; float: right; text-align: right; }
/* ��ĿͼƬ���� */
.project-left { width: 1100px; overflow: hidden; position: relative; height: 220px; padding-top: 10px; }
.project-left .hd .prev { display: block; cursor: pointer; position: absolute; width: 52px; height: 60px; top: 96px; left: 0px; background: url(../images/project_show_18.png) no-repeat; }
.project-left .hd .next { background: url(../images/project_show_21.png) no-repeat; position: absolute; right: 0px; top: 96px; cursor: pointer; width: 52px; height: 60px; }
.project-left .hd .prevStop { background-position: -60px 0; }
.project-left .hd .nextStop { background-position: -60px -50px; }
.project-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.project-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("images/icoCircle.gif") 0 -9px no-repeat; }
.project-left .hd ul li.on { background-position: 0 0; }
.project-left .bd { padding: 10px; margin: 10px 20px 0px 51px; }
.project-left .bd ul { overflow: hidden; zoom: 1; }
.project-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; width: 309px; height: 216px; }
.project-left .bd ul li .pic { text-align: center; }
.project-left .bd ul li .pic img { width: 309px; height: 216px; display: block; }
.project-left .bd ul li .pic a:hover img { border-color: #999; }
.project-left .bd ul li .title { line-height: 23px; height: 23px; font-size: 14px; padding-top: 5px; }
.kjzts-left { width: 436px; overflow: hidden; position: relative; height: 221px; }
.kjzts-left .hd1 ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; position: absolute; right: 20px; top: 180px; cursor: pointer; z-index: 1000; }
.kjzts-left .hd1 ul li { float: left; width: 14px; height: 14px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url(../images/yuan_05.png) 0px 0px no-repeat; }
.kjzts-left .hd1 ul li.on { background: url(../images/yuan_03.png) 0px 0px no-repeat; }
.kjzts-left .bd1 { margin: 0px 0px 0px 0px; height: 222px; overflow: hidden; }
.kjzts-left .bd1 ul { overflow: hidden; zoom: 1; }
/* ��ĿͼƬ���� */
.kjz-left { width: 263px; overflow: hidden; position: relative; height: 197px; border-top: 15px solid #f2f3f6; }
.kjz-left .hd1 .prev { display: block; cursor: pointer; position: absolute; width: 22px; height: 54px; top: 110px; left: 0px; z-index: 6; background: url(../images/t_03.png) no-repeat; }
.kjz-left .hd1 .next { background: url(../images/t_05.png) no-repeat; position: absolute; right: 0px; top: 110px; cursor: pointer; z-index: 6; width: 22px; height: 54px; }
.kjz-left .hd1 .prev:hover { display: block; cursor: pointer; position: absolute; width: 22px; height: 54px; top: 110px; left: 0px; z-index: 6; background: url(../images/tt_03.png) no-repeat; }
.kjz-left .hd1 .next:hover { background: url(../images/tt_05.png) no-repeat; position: absolute; right: 0px; top: 110px; cursor: pointer; z-index: 6; width: 22px; height: 54px; }
.kjz-left .bd1 ul li .title { line-height: 33px; height: 33px; background: url(../images/ttb.png) repeat-x; color: #fff; font-size: 14px; font-weight: bold; position: relative; margin-top: -33px; z-index: 99; text-align: left; text-indent: 30px; }
.kjz-left .bd1 ul li .title a { color: #FFF; padding-left: 15px; }
.kjz-left .bd1 ul li a { display: block; }
.kjz-left .hd1 ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; position: absolute; left: 160px; top: 163px; cursor: pointer; z-index: 100; }
.kjz-left .hd1 ul li { float: left; width: 14px; height: 14px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url(../images/c01.png) 0px 0px no-repeat; }
.kjz-left .hd1 ul li.on { background: url(../images/c02.png) 0px 0px no-repeat; }
.kjz-left .bd1 { padding: 0px; margin: 0px 0px 0px 0px; height: 284px; overflow: hidden; }
.kjz-left .bd1 ul { overflow: hidden; zoom: 1; }
.byj { width: 430px; clear: both; margin: 0 auto; padding-top: 30px; }
.byj_l { width: 56px; float: left; height: 60px; background: url(../images/timek.gif) no-repeat; text-align: center; color: #ffffff; font-family: Arial, Helvetica, sans-serif; }
.time1 { font-size: 32px; height: 28px; line-height: 30px; padding-top: 10px; }
.time3 { font-size: 13px; }
.byj_r { width: 358px; float: left; line-height: 18px; font-size: 12px; margin-left: 12px; }
.byj_r a:hover { text-decoration: underline; }
.wx_img { padding-top: 4px; clear: both; }
.xw_xt { width: 417px; margin: 0 auto; padding-top: 20px; }
.xw_xtl { width: 100px; font-size: 16px; color: #4c659b; font-weight: bold; float: left; }
.xw_xtr { width: 100px; color: #4c659b; float: right; text-align: right; font-size: 12px; }
.magazine { margin: 0px; padding: 0px; }
.magazine li { float: left; width: 242px; height: 320px; display: block; margin-right: 12px; margin-bottom: 30px; }
.magazine li a { float: left; background: #FFF; padding: 6px; width: 230px; height: 320px; display: block; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.magazine li a:hover { float: left; background: #103d87; width: 230px; height: 320px; display: block; padding: 6px; color: #FFF; }
.talign { text-align: center; }
/* ��ĿͼƬ���� */
.kjzxt-left { width: 753px; overflow: hidden; position: relative; background: #FFF; border-bottom: 5px solid #e7ebf3; height: 170px; }
.kjzxt-left .hd1 ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; position: absolute; left: 250px; top: 126px; cursor: pointer; z-index: 1000; }
.kjzxt-left .hd1 ul li { float: left; width: 7px; height: 7px; overflow: hidden; margin-right: 8px; text-indent: -999px; cursor: pointer; background: url("../images/news_08.gif") no-repeat; }
.kjzxt-left .hd1 ul li.on { background: url("../images/news_06.gif") no-repeat; }
.kjzxt-left .bd1 { margin: 0px 0px 0px 0px; height: 170px; overflow: hidden; }
.kjzxt-left .bd1 ul { overflow: hidden; zoom: 1; }
.newscj { width: 753px; height: 170px; overflow: hidden; clear: both; }
.newscj_l { float: left; width: 230px; padding: 10px 0px 10px 0px; text-align: left; }
.newscj_r { float: right; width: 510px; padding-top: 12px; }
.kjzts { color: #b92e33; font-weight: bold; font-size: 16px; }
.jifen { width: 762px; background: url(../images/jifen.jpg) no-repeat; height: 351px; padding: 50px 0px 0px 460px; color: #ffffff; }
.jifentitle { font-size: 26px; height: 50px; line-height: 50px; overflow: hidden; color: #ffff; font-weight: bold; padding-bottom: 20px; }
.xm { height: 26px; line-height: 26px; width: 200px; background: #FFF; }
/*.showen .headlink{width:122px;}*/
.headlink { width: 41px; height: 42px; float: right; margin-top: 12px; margin-right: 58px; }
.headlink a { display: block; width: 41px; height: 42px; -webkit-transition: all .3s; transition: all .3s; }
/*.headlink a:hover{border-color:#4957a2;}*/
#head .navbtn { cursor: pointer; position: absolute; right: 0px; top: 12px; }
.icon-search { background: url(../images/ser.gif) no-repeat 0 0; float: left; position: relative; border: 1px solid #d0d0d0; }
.icon-search:hover { background-position: 0 0px; }
.headlink .show.icon-search { border-color: #fff; }
.header-search { position: absolute; top: -1px; right: -1px; width: 0px; height: 42px; background: #fff; z-index: 10; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; border: 0; }
.show .header-search { width: 242px; border: 1px solid #cccccc; }
.hs-input { width: 180px; height: 22px; line-height: 22px; padding: 10px 10px; float: left; border: none; }
.hs-submit { width: 41px; height: 42px; background: url(../images/ser.gif) no-repeat; float: right; cursor: pointer; border: none; }
.voidtile { font-weight: bold; height: 60px; overflow: hidden; line-height: 60px; }
.video_ul { margin-top: 20px; background: #f3f3f6; float: left; width: 762px; padding-bottom: 20px; }
.video_ul li { float: left; width: 210px; height: 160px; margin: 20px 22px 20px; position: relative }
.ico_video { position: absolute; left: 86px; top: 65px; z-index: 99; }
.tp { width: 200px; height: 150px; background: #d6d6d6; padding: 5px; }
/* ������css */
.slideTxtBox { width: 436px; text-align: left; position: relative; margin: 0 auto; }
.slideTxtBox .hd { position: absolute; width: 260px; top: 32px; left: 0px; }
.slideTxtBox .bd { position: absolute; width: 436px; top: 78px; left: 0px; }
.slideTxtBox .hd ul { float: left; width: 200px; }
.slideTxtBox .hd ul li { cursor: pointer; transition: background 0.2s ease-in; line-height: 14px; margin-top: 0px; width: 80px; height: 43px; font-size: 14px; text-align: center; float: left; }
.slideTxtBox .hd ul li a { cursor: pointer; display: inline-block; width: 80px; line-height: 43px; height: 43px; margin: 0 auto; color: #494949; background: #b5b5b5; font-weight: bold; font-size: 12px; }
.slideTxtBox .hd ul li.on { background: #b5b5b5; color: #4a4a4a; }
.slideTxtBox .hd ul li.on a { background: #ea6e07; color: #fff; }
.slideTxtBox .bd ul { padding: 5px 0px; zoom: 1; }
.slideTxtBox .bd li { }
.slideTxtBox .bd li a { color: #4a4a4a }
.slideTxtBox .bd li a:hover { text-decoration: underline; color: #006d8a; }
.slideTxtBox .bd li .date { float: right; color: #999; }
.content_r { width: 296px; height: 221px; float: right; }
.content_r a { display: block; background: url(../images/video.jpg) no-repeat; cursor: pointer; width: 296px; height: 221px; }
.content_r a:hover { background: url(../images/video.jpg) 0 -221px no-repeat; }
.ms_title { font-size: 26px; color: #24305e; font-weight: bold; text-indent: 35px; padding-top: 28px; width: 263px; }
.ms_eng { font-size: 16px; color: #626262; text-indent: 35px; width: 263px; height: 30px; line-height: 30px; text-transform: uppercase; padding-bottom: 12px; }
.ms_line { width: 19px; height: 4px; background: #b92e33; margin-left: 35px; }
.pro_show { width: 753px; overflow: hidden; clear: both; height: 239px; }
.pro_show1 { width: 319px; float: left; }
.pro_show2 { width: 211px; float: left; background: #FFF; text-align: center; padding-top: 80px; height: 259px; }
.pro_show3 { width: 222px; float: left; background: #d7444b; height: 219px; padding-top: 30px; color: #ffffff; }
.add_ms { background: url(../images/add.png) no-repeat; width: 100px; margin: 0 auto; height: 31px; text-indent: 30px; }
.tel_ms { background: url(../images/tel.png) no-repeat; width: 100px; margin: 0 auto; height: 31px; text-indent: 30px; }
.add_title { text-align: center; padding: 10px 20px 30px 20px; }
/*��Ŀչʾ��������*/
#prxm_tabs2 { text-align: left; width: 753px; margin-top: 6px; clear: both; }
.prxm_menu21box { position: relative; overflow: hidden; height: 49px; width: 753px; text-align: left; background: url(../images/pro_04.gif) repeat-x; }
#prxm_menu21 { position: absolute; top: 280; left: 0; z-index: 1; margin-right: 5px; }
#prxm_menu21 li { float: left; display: block; cursor: pointer; width: 130px; text-align: center; line-height: 49px; height: 49px; color: #555555; font-weight: bold; margin-left: 13px; }
#prxm_menu21 li.hover { background: url(../images/pro_03.gif) no-repeat; color: #ffffff; font-weight: bold; }
.prxm_main21box { clear: both; margin-top: -1px; width: 527px; }
#prxm_main21 ul { display: none; margin-top: 15px; line-height: 1.7; text-align: justify; text-justify: inter-ideograph; padding: 11px 0px; }
#prxm_main21 ul.block { display: block; }
.news_jj { color: #969696; font-size: 12px; padding-top: 7px; }
.timea { font-size: 34px; padding: 20px 0px 5px 0px; font-weight: bold; }
.timeb { font-size: 14px; }
.wx_l { width: 296px; float: left; }
.wx_r { width: 143px; float: left; background: #fff; height: 222px; padding-top: 70px; text-align: center; }
.mapsite { width: 600px; border-bottom: 1px solid #cccccc; height: 80px; clear: both; padding-top: 30px; }
.mapsite_title { font-size: 20px; font-weight: bold; height: 30px; line-height: 30px; color: #24315e; }
.mapsite a { width: 150px; height: 40px; line-height: 40px; float: left; text-align: left; font-weight: bold; }
.his { border: 1px solid #b92e33; height: 40px; line-height: 40px; border-width: 1px 0px 1px 0px; color: #b92e33; font-size: 22px; width: 460px; clear: both; margin-bottom: 15px; margin-top: 22px; }
.ztpro { width: 753px; border-bottom: 1px dashed #c2c2c2; margin-bottom: 30px; height: 270px; }
.ztpro_l { float: left; width: 350px; }
.ztpro_r { float: right; width: 380px; }
.kjz20 { font-size: 26px; font-weight: bold; padding-top: 30px; height: 40px; }
.layout-Tranform { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.nav_bg { height: 1500px; background: #212121; position: fixed; right: 0; top: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(259px, 0); -moz-transform: translate(259px, 0); -ms-transform: translate(259px, 0); -o-transform: translate(259px, 0); transform: translate(259px, 0); }
.nav_bg.hover { display: block; -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -o-transform: translate(0px, 0); transform: translate(0px, 0); }
.nav_bg ul { margin-left: 23px; margin-top: 10px; width: 150px; background: #212121; }
.nav_bg ul li { margin-bottom: 10px; }
.nav_bg ul li a { color: #767676; font-size: 13px; font-weight: bold; -webkit-transition: color .11s linear; -moz-transition: color .11s linear; -o-transition: color .11s linear; -ms-transition: color .11s linear; transition: color .11s linear; }
.nav_bg ul li a:hover { color: #ffffff; -webkit-transition: color .33s linear; -moz-transition: color .33s linear; -o-transition: color .33s linear; -ms-transition: color .33s linear; transition: color .33s linear; }
.nav_bg_t { cursor: pointer; }
.nav_bg_wechat { cursor: pointer; }
.nav_bg_qcode { display: none; }
.nav_bg.hover { display: block; -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -o-transform: translate(0px, 0); transform: translate(0px, 0); }
.is-pushed-left .layout { -webkit-transform: translate3d(-259px, 0, 0); -moz-transform: translate3d(-259px, 0, 0); -ms-transform: translate3d(-259px, 0, 0); -o-transform: translate3d(-259px, 0, 0); transform: translate3d(-259px, 0, 0); }
.is-pushed-left { -webkit-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1); -moz-transition: -moz-transform .33s cubic-bezier(.694, .0482, .335, 1); -o-transition: -o-transform .33s cubic-bezier(.694, .0482, .335, 1); -ms-transition: -ms-transform .33s cubic-bezier(.694, .0482, .335, 1); transition: transform .33s cubic-bezier(.694, .0482, .335, 1); }
.cy { position: absolute; z-index: 99; background: rgba(0,0,0,0.4); height: 136px; width: 100%; bottom: 0; }
.cy a { float: right; margin-top: 24px; margin-left: 10px; display: block; width: 202px; height: 112 }
/*��Ƶ����*/
.show_video { width: 640px; height: 464px; position: fixed; z-index: 9999999; left: 50%; margin-left: -320px; top: 50%; margin-top: -232px; }
.video_back { width: 100%; height: 100%; background: rgba(0,0,0,0.80); position: fixed; left: 0; top: 0; z-index: 9998; }
.yw { float: left; margin-bottom: 5px; color: #999; font-weight: normal; font-size: 18px; line-height: 30px; }
/* ���� */
.js { width: 436px; 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; }
.sideMenu { width: 436px; }
.sideMenu h3 { height: 28px; overflow: hidden; width: 436px; line-height: 28px; cursor: pointer; font: normal 14px/32px "Microsoft YaHei"; padding: 0; margin: 0; }
.sideMenu h3 a { color: #676767; font-weight: bold; }
.sideMenu h3 span { float: right; color: #999999; }
.sideMenu h3 em { float: right; display: block; width: 40px; height: 32px; cursor: pointer; }
.sideMenu h3.on em { background-position: 16px -57px; }
.sideMenu ul { color: #999; line-height: 20px; height: 39px; overflow: hidden; display: none; /* Ĭ�϶����� */ }
.sideMenu ul li { line-height: 20px; overflow: hidden; }
#contact-form textarea { height: 120px; }
.msg-title { font-size: 22px; text-align: center; margin-bottom: 25px; color: inherit; }
.add-msg-form .cf-column { padding-bottom: 20px; position: relative; }
.add-msg-form .cf-tarea { clear: both; }
.add-msg-form input { box-sizing: border-box; padding: 0 15px; border: 1px solid #ddd; height: 40px; line-height: 40px; color: #444; width: 100%; margin-bottom: 0; }
.add-msg-form textarea { box-sizing: border-box; border: 1px solid #ddd; color: #333; min-height: 100px; padding: 15px; color: #444; width: 100%; margin-bottom: 0; }
.add-msg-form .submit-button { box-sizing: border-box; width: 100%; line-height: 40px; height: 40px; float: right; padding: 0px 15px; border: 0px; color: #fff; position: relative; background-color: #333; cursor: pointer; }
.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active { background-color: #D81919; }
.add-msg-form em { position: absolute; bottom: 0; z-index: 1111; float: left; left: 20px; }
.product-show .ps-title { font-size: 23px; color: inherit; margin-top: 0; padding-bottom: 0; margin-bottom: 0; line-height: 1; }
.product-show .ps-desc { display: block; text-align: center; margin: 17px 0 20px; font-size: 14px; }
.product-show .product-gallery .owl-controls { margin-top: 20px; text-align: center; }
.product-gallery { margin: 0 -15px; }
.product-gallery .item { padding: 0 15px; }
.product-gallery img { margin-bottom: 1px; border: 1px #ededed solid; }
.proshow-tab { margin-top: 15px; padding-bottom: 25px; padding-bottom: 0; }
.proshow-tab .nav-tabs li:after { display: none; }
.proshow-tab .nav-tabs .active a { color: #D4171E !important; text-decoration: none; }
.proshow-tab .nav-tabs a { color: #333 !important; }
.proshow-tab .tab-content { padding-top: 25px; width: 100%; float: left; margin: 0; }
.proshow-tab .tab-pane { margin-top: 0; }
#product-msg-form input[type="text"], #product-msg-form input[type="password"], #product-msg-form input[type="email"], #product-msg-form input[type="tel"], #product-msg-form input[type="number"], #product-msg-form input[type="file"], #product-msg-form input[type="url"], #product-msg-form select, #product-msg-form textarea { position: relative; display: block; width: 100%; height: auto; line-height: 24px; padding: 12px 20px; font-size: 13px; color: #202020; border: 1px solid #dddddd; background: #ffffff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#product-msg-form input[type="text"]:focus, #product-msg-form input[type="password"]:focus, #product-msg-form input[type="email"]:focus, #product-msg-form input[type="tel"]:focus, #product-msg-form input[type="number"]:focus, #product-msg-form input[type="file"]:focus, #product-msg-form input[type="url"]:focus, #product-msg-form select:focus, #product-msg-form textarea:focus { border-color: #202020; }
#product-msg-form .cf-column { margin-bottom: 18px; }
#product-msg-form #submit-btn { display: inline-block; background: #D4171E; color: #202e31 !important; color: #fff !important; border-radius: 6px; padding: 12px; border: none; cursor: pointer; width: 100%; }
#product-msg-form #submit-btn:hover, #product-msg-form #submit-btn:focus, #product-msg-form #submit-btn:active { background: #202E31; }
.proshow-tab .nav-tabs > li { width: 100%; }
.proshow-tab .nav-tabs > li > a { border-radius: 0; }
.proshow-tab .nav-tabs > li > a, .proshow-tab .nav-tabs > li.active > a, .proshow-tab .nav-tabs > li.active > a:hover, .proshow-tab .nav-tabs > li.active > a:focus { border: 1px #ddd solid; margin-right: 0; }