@charset "utf-8";
/* CSS Document */
/* @Author lifuting */
* { margin: 0; padding: 0; }
ul, li, dl, dd, dt { list-style-type: none; }
img { display: block; border: 0; }
a img { border: 0; }
a { font-size: 12px; text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #666; }
.clear_fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear_fix { display: inline-block; }
.clear_fix { display: block; }
.clear { clear: both; overflow: hidden; height: 0; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.m10 { margin-top: 10px; }
.m15 { margin-top: 15px; }
.m20 { margin-top: 20px; }
body { font-family: "微软雅黑","宋体"; font-size: 12px; color: #333; background: #fff; }
/* 头部样式 */
.header { margin: 0 auto; width: 980px; height: 133px; }
.header_t { height: 48px; line-height: 48px; overflow: hidden; text-align: right; }
.header_t span { display: inline-block; height: 48px; vertical-align: middle; }
.header_t b { color: #c94040; font-size: 20px; display: inline-block; vertical-align: middle; font-weight: normal; }
.header_l a { display: block; width: 236px; height: 50px; overflow: hidden; text-indent: -9999px; background: url("../images/logo.png") no-repeat scroll 0 0; }
.header_r { width: 702px; }
.nav_01 { width: 702px; height: 41px; position: relative; }
.nav_01_bg_l { width: 35px; height: 40px; position: absolute; top: 21px; left: -34px; background: url("../images/bg.png") no-repeat scroll 0 -86px; }
.nav_01_bg_r { width: 35px; height: 40px; position: absolute; top: 21px; right: -33px; background: url("../images/bg.png") no-repeat scroll -66px -86px; }
.nav_01 ul li { float: left; }
.nav_01 ul li a { background: url("../images/nav.png") no-repeat scroll 0 0; }
.nav_01 ul .nav_li_01 { width: 105px; height: 41px; }
.nav_01 ul .nav_li_01 a { display: block; width: 105px; height: 41px; background-position: 0 0; font-size: 14px; color: #fff; cursor: pointer; }
.nav_01 ul .nav_li_01 a i { display: inline-block; width: 12px; height: 13px; overflow: hidden; margin: 14px 5px 0 19px; vertical-align: top; background: url("../images/bg.png") no-repeat scroll 0 -60px; }
.nav_01 ul .nav_li_01 a span { display: inline-block; height: 41px; line-height: 41px; }
.nav_01 ul .nav_li_01 a:hover { background-position: 0 -41px; text-decoration: none; }
#n_sel1 { background-position: 0 -41px; }
.nav_01 ul .nav_li_02 { width: 110px; height: 41px; }
.nav_01 ul .nav_li_02 a { display: block; width: 110px; height: 41px; background-position: -108px 0; font-size: 14px; color: #fff; cursor: pointer; text-align: center; line-height: 41px; }
.nav_01 ul .nav_li_02 a:hover { background-position: -108px -41px; text-decoration: none; }
#n_sel2 { background-position: -108px -41px; }
.nav_01 ul .nav_li_04 { width: 142px; height: 41px; }
.nav_01 ul .nav_li_03 a { display: block; width: 142px; height: 41px; background-position: -224px 0; font-size: 14px; color: #fff; cursor: pointer; text-align: center; line-height: 41px; }
.nav_01 ul .nav_li_03 a:hover { background-position: -224px -41px; text-decoration: none; }
#n_sel3 { background-position: -224px -41px; }
.nav_01 ul .nav_li_04 { width: 108px; height: 41px; }
.nav_01 ul .nav_li_04 a { display: block; width: 108px; height: 41px; background-position: -594px 0; font-size: 14px; color: #fff; cursor: pointer; text-align: center; line-height: 41px; }
.nav_01 ul .nav_li_04 a:hover { background-position: -594px -41px; text-decoration: none; }
#n_sel4 { background-position: -594px -41px; }
.nav_01 ul .nav_split { width: 3px; height: 41px; background: url("../images/nav.png") no-repeat scroll -105px 0; overflow: hidden; }
.nav_02 { width: 670px; height: 36px; line-height: 36px; text-align: right; padding-right: 30px; background: url("../images/nav_02_bg.jpg") repeat-x left top; color: #6d6d6d; font-size: 12px; }
.nav_02 a { padding: 0 12px; color: #6d6d6d; }
/* banner 样式 */
.banner { width: 100%; height: 300px; overflow: hidden; }
/* 底部样式  */
.footer { width: 100%; height: auto; background: url("../images/footer_bg.jpg") repeat-x; }
.footer_con { margin: 0 auto; width: 980px; height: 210px; overflow: hidden; }
.footer_con dl { float: left; }
.attention { width: 310px; }
.bt { height: 44px; line-height: 44px; padding-left: 10px; font-size: 14px; color: #fff; padding-bottom: 18px; }
.tel { height: 18px; }
.tel i { display: inline-block; vertical-align: top; width: 16px; height: 13px; background: url("../images/bg.png") no-repeat scroll -176px -71px; overflow: hidden; margin: 5px 12px 0 0; }
.tel span { display: inline-block; height: 18px; line-height: 18px; color: #a2a2a2; }
.tel b { display: inline-block; height: 18px; line-height: 18px; font-size: 20px; color: #a2a2a2; }
.email { padding-top: 20px; height: 18px; }
.email i { display: inline-block; vertical-align: top; width: 16px; height: 11px; background: url("../images/bg.png") no-repeat scroll -176px -114px; overflow: hidden; margin: 6px 12px 0 0; }
.email span { display: inline-block; height: 18px; line-height: 18px; color: #a2a2a2; }
.email b { display: inline-block; height: 18px; line-height: 18px; font-size: 18px; font-weight: normal; color: #a2a2a2; }
.qq { padding-top: 14px; height: 22px; }
.qq a { padding-right: 20px; display: inline-block; }
.qq i { display: inline-block; vertical-align: top; width: 20px; height: 22px; background: url("../images/bg.png") no-repeat scroll -175px -140px; margin: 1px 6px 0 0; }
.qq span { display: inline-block; height: 22px; line-height: 22px; color: #a2a2a2; }
.seo { width: 230px; }
.serve { width: 120px; }
.about { width: 120px; }
.knowledge { width: 200px; }
.seo dd, .serve dd, .about dd, .knowledge dd { height: 25px; vertical-align: bottom; }
.seo dd i, .serve dd i, .about dd i, .knowledge dd i { display: inline-block; vertical-align: top; width: 4px; height: 9px; margin: 8px 8px 0 0; background: url("../images/bg.png") no-repeat scroll -115px -59px; }
.seo dd a, .serve dd a, .about dd a, .knowledge dd a { display: inline-block; height: 25px; line-height: 25px; *line-height: 26px; overflow: hidden; color: #a2a2a2; }
.footer_1 { width: 100%; }
.links { margin: 0 auto; width: 980px; padding-top: 10px; color: #888; font-size: 12px; text-align: center; }
.links a { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; color: #888; }
.xk { margin: 0 auto; padding: 2px 0 10px 0; text-align: center; line-height: 24px; width: 980px; color: #979595; }
.xk span { margin-right: 8px; }
.xk a { color: #979595; }
.TOPS { display: block; width: 47px; height: 47px; line-height: 47px; text-indent: -9999px; background: url("../images/top01.gif") no-repeat -0px -0px; }
/*-------------------------------------------
    Carousel
-------------------------------------------*/
.wrap { width: 978px; margin: 0 auto; }
.carousel { height: 348px; overflow: hidden; background: #262626; }
.carousel .wrap { position: relative; }
.slide-caption { position: relative; z-index: 10; float: left; width: 376px; min-height: 280px; padding: 68px 40px 0; background-image: url("../images/vignette.png"); background-position: left top; background-repeat: no-repeat; }
.comp-a { background-color: #52854c; }
.comp-b { background-color: #8c8179; }
.comp-c { background-color: #293352; }
.comp-d { background-color: #a51c30; }
.slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 30px; line-height: 38px; font-family: "微软雅黑"; font-weight: normal; }
.slide-caption h2 a { color: #fff; text-decoration: none; font-size: 30px; }
.slide-caption h2 a:hover, .slide-caption h2 a:focus { color: #e6eae2; text-decoration: none; }
.slide-callout { width: 900px; }
.slide-callout p { float: left; max-width: 750px; font-size: 16px; line-height: 20px; padding: 8px 30px 7px 12px; background: #fff; background: rgba(255,255,255,.9); color: #363636; font-size: 16px; font-family: "微软雅黑"; font-weight: normal; }
.slide-callout p:hover { background: #e6eae2; }
.slide-callout p a { color: #363636; text-decoration: none; font-size: 16px; }
.slide-callout p a:hover, .slide-callout p a:focus { color: #363636; text-decoration: none; }
.slide-callout .more { padding: 0; }
.comp-a .slide-callout .more { background-color: #52854c; }
.comp-b .slide-callout .more { background-color: #8c8179; }
.comp-c .slide-callout .more { background-color: #293352; }
.comp-d .slide-callout .more { background-color: #a51c30; }
.slide-callout .more a { display: inline-block; line-height: 20px; padding: 8px 10px 7px; background: none; color: #fff; text-transform: none; font-weight: normal; font-style: italic; font-family: Georgia, "Times New Roman", serif; }
.slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color: #fff; }
.carousel-image { position: absolute; right: 0; }
.carousel-item { position: relative; }
.carousel-item-secondary { display: none; }
/*-------------------------------------------
    Homepage Caraousel
-------------------------------------------*/
* html .carousel { height: 348px !important; }
* html .slide-caption { background-image: none !important; height: 220px; }
* html .carousel-item { height: 348px; }
.comp-b, .comp-b .slide-callout .more { background-color: #8c8179; }
.comp-c, .comp-c .slide-callout .more { background-color: #293352; }
.comp-d, .comp-d .slide-callout .more { background-color: #a51c30; }
.carousel-controls { position: absolute; z-index: 100; left: 50%; bottom: 43px; width: 98px; height: 32px; margin-left: -449px; overflow: hidden; }
* html .carousel-controls { bottom: 20px; }
.carousel-controls a { float: left; display: block; width: 32px; height: 32px; text-indent: -9999px; background-image: url("../images/controls-carousel.gif"); background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
.carousel-controls .next { background-position: -99px -32px; border-left: 1px solid #333; }
.carousel-controls .next:hover, .carousel-controls .next:focus { background-position: -99px 0; border-color: #ccc; }
.carousel-controls .previous { background-position: 0 -32px; }
.carousel-controls .previous:hover, .carousel-controls .previous:focus { background-position: 0 0; }
.carousel-controls .pause { background-position: -33px -32px; border-left: 1px solid #333; }
.carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -33px 0; border-color: #ccc; }
.carousel-controls .play { position: relative; bottom: auto; left: auto; background-position: -66px -32px; border-left: 1px solid #333; }
.carousel-controls .play:hover, .carousel-controls .play:focus { background-position: -66px 0; border-color: #ccc; }
.carousel .prev-image { position: absolute; left: -978px; top: 0; opacity: 0.2; }
.carousel .next-image { position: absolute; top: 0; right: -522px; opacity: 0.2; }
/*-------------------------------------------
    Twitter
-------------------------------------------*/
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 100; }
#twitter-wrap { display: none; z-index: 101; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.5); position: absolute; top: 0; left: -9999px; }
#twitter-wrap .close { width: 20px; height: 20px; background: transparent url("../images/closebox.png") no-repeat center center; width: 30px; height: 30px; display: block; position: absolute; top: -10px; left: -10px; text-indent: -9999px; }
/* 获取商机 手风琴 */
.accordion .hd h2 { background-position: 0 0; }
.accordion .hd { margin-bottom: 10px; }
.accordion .bd { width: 615px; height: 176px; overflow: hidden; }
.item { float: left; width: 455px; height: 140px; overflow: hidden; }
.item h2 { display: block; width: 40px; height: 140px; text-indent: -999em; cursor: pointer; }
.item .con { display: none; width: 455px; height: 140px; overflow: hidden; }
.item_1 h2 { background: url("../images/accordion_1.gif") no-repeat; }
.item_1 .photo { background: url("../images/accordion_01.gif") no-repeat; }
.item_2 h2 { background: url("../images/accordion_2.gif") no-repeat; }
.item_2 .photo { background: url("../images/accordion_02.gif") no-repeat; }
.item_3 h2 { background: url("../images/accordion_3.gif") no-repeat; }
.item_3 .photo { background: url("../images/accordion_03.gif") no-repeat; }
.item_4 h2 { background: url("../images/accordion_4.gif") no-repeat; }
.item_4 .photo { background: url("../images/accordion_04.gif") no-repeat; }
.item_5 h2 { background: url("../images/accordion_5.gif") no-repeat; }
.item_5 .photo { background: url("../images/accordion_05.gif") no-repeat; }
.accordion .current { width: 455px; background: url("../images/item.gif") no-repeat; }
.accordion .current h2 { display: none; }
.accordion .current .con { display: block; }
.item .photo { float: left; width: 115px; height: 140px; border-right: 1px solid #fff; text-indent: -999em; }
.item dl { float: right; width: 329px; height: 140px; padding-left: 10px; overflow: hidden; }
.item dl dt { float: left; width: 120px; height: 80px; margin-top: 31px; }
.item dl dd { float: right; width: 184px; height: 111px; padding: 29px 5px 0 10px; background-position: -147px -48px; line-height: 21px; }
.item dl dd a { padding-left: 5px; }