﻿@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal; }



body{min-width: 1200px; width: 100%;overflow-x: hidden;}





.fullSlide{min-width:1200px;position:relative;height:792px;overflow:hidden;}

.fullSlide .bd{position:relative;z-index:0;}

.fullSlide .bd ul{width:100%!important;}

.fullSlide .bd li{width:100%!important;height:792px;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;height:792px;}

.fullSlide .hd{width:1200px;left:0;height:40px; right:0;margin:0 auto;position:absolute;z-index:1;bottom:5%;overflow:hidden;}

.fullSlide .hd ul{height:40px;width:100%;text-align: center;}

.fullSlide .hd ul li{margin:0 5px;display:inline-block;cursor:pointer;}

.fullSlide .hd ul li{width:12px;height:12px;background:#fff;border-radius: 100%;border:2px solid #5b6071;}

.fullSlide .hd ul .on{border:2px solid #d20d37;}







.story{ width:1200px; margin: 0 auto; height:480px; overflow: hidden;}

.story dt{ float: right;background: url(../images/story_bj.jpg) no-repeat 0 0; width:575px;height: 419px; overflow: hidden;}

.story dt img{display: block; margin-top: 118px; width:541px;height:298px;}

.story dd{ float: left;margin-top: 115px; width:565px; overflow: hidden;}

.story dd h3{height:70px; font-size: 36px; color:#000000;font-weight: normal; position: relative; line-height: 60px;}

.story dd h3::before { position: absolute; bottom: 1px; left:0;height:1px; width:228px; background:#dbdbdb;    content: '';}

.story dd h3::after { position: absolute; bottom: 0px; left:0;height:3px; width:117px; background:#fec500;    content: ''; z-index: 3;}

.story dd h3 span{display: inline-block; font-weight: bold;padding-left: 12px;font-size: 16px; color:#434343; padding-top:15px;vertical-align: top;}

.story dd p{font-size: 14px; margin: 36px 20px 10px 0; line-height: 30px; color:#737373;}

.story dd em{display: block; float: right;}



.bt01{text-align: center; font-size:30px;font-weight: normal; color:#000000;line-height: 40px;}

.bt01 a{ color:#000000;}

.bt01 span{ display: block;background: url(../images/case_line.png) no-repeat center 0; font-size: 16px;font-weight: bold; color:#434343;padding-top: 14px; margin-top: 20px; line-height: 30px;}

.bt01 i{display: block; color:#fec500; font-family: Arial; font-family: Myriad Pro; text-transform: uppercase;}



.case_bj{padding-top: 43px;height:750px; position: relative; overflow: hidden;}

.casepic{position: absolute; bottom:0;left: 50%; margin-left: -960px; width:360px; height:170px;}

.casepic img{ width:360px; height:170px;}

.case { width:1200px; margin: 0 auto; overflow: hidden;}

.case h2{height: 164px;}

.case_nav{height:72px; border:1px solid #d8d8d8; box-shadow: 2px 2px 2px #e4e4e4;background:#fff; overflow: hidden;}

.case_nav span{display: block;height:72px; width:212px;}

.case_nav span a{display: block;height:72px;color:#000000; font-size: 18px; padding: 16px 0 0 48px;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;        box-sizing: border-box; line-height: 22px;background: url(../images/case_ico05.gif) no-repeat 0 center;}



.case_nav li{ float: left;width:238px;border-right:1px solid #d8d8d8; height:72px;}

.case_nav li a{display: block;color:#000000; font-size: 18px;height:72px; padding: 16px 0 0 72px;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;        box-sizing: border-box; line-height: 22px;}

.case_nav i{display: block; font-size: 14px; color:#969696; font-family: Arial; text-transform: capitalize; }

.case_nav li:nth-child(1) a{background: url(../images/case_ico01.gif) no-repeat 27px center; }

.case_nav li:nth-child(2) a{background: url(../images/case_ico02.gif) no-repeat 27px center; }

.case_nav li:nth-child(3) a{background: url(../images/case_ico03.gif) no-repeat 27px center; }

.case_nav li:nth-child(4) a{background: url(../images/case_ico04.gif) no-repeat 27px center; }

.case_nav li a:hover, .case_nav li.cur a{color:#704130;font-weight: bold;}

.case_nav li a:hover i, .case_nav li.cur i{color:#704130;font-weight: normal;}

.case_nav li:nth-child(1) a:hover , .case_nav li:nth-child(1).cur a{background:#f6cd24 url(../images/case_ico06.gif) no-repeat 27px center; }

.case_nav li:nth-child(2) a:hover , .case_nav li:nth-child(2).cur a{background:#f6cd24 url(../images/case_ico07.gif) no-repeat 27px center; }

.case_nav li:nth-child(3) a:hover , .case_nav li:nth-child(3).cur a{background:#f6cd24 url(../images/case_ico08.gif) no-repeat 27px center; }

.case_nav li:nth-child(4) a:hover , .case_nav li:nth-child(4).cur a{background:#f6cd24 url(../images/case_ico09.gif) no-repeat 27px center; }



.case_c{margin-top: 64px; height:439px; overflow: hidden; position: relative;}

.case_c dt{ width:584px;float: left; overflow: hidden;}

.case_c dt img{width:584px;height:439px; overflow: hidden;}

.case_c dd{ float: right; width:588px; overflow: hidden;}

.case_c dd h3{height:28px;overflow: hidden; font-size: 18px; color:#000000; line-height: 28px; }

.case_c dd h3 a{ color:#000000;}

.case_c dd p{ margin-top: 16px; height:84px; overflow: hidden; font-size: 14px; line-height: 24px; color:#737373;}

.case_c dd p img{vertical-align: middle; display: inline-block;margin-left: 5px;}



.case_c1{position: absolute; top: 128px; right:0; width:588px; overflow: hidden;}

.case_c1 h4{height:55px;font-weight: normal; font-size: 24px; line-height: 55px;color:#000; position: relative; overflow: hidden;}

.case_c1 h4::before {position: absolute; top: 1px;left:0;background:#d9d9d9; width:100%; height:1px; content: '';}

.case_c1 h4::after {position: absolute; top: 0;left:0;background:#fec500; width:95px; height:3px; content: ''; z-index: 3;}

.case_c1 li{ float: left;width:279px; margin-right: 30px; overflow: hidden;}

.case_c1 li:last-child{margin-right: 0;}

.case_c1 li img{ width:279px; height:210px;}

.case_c1 li span{display: block; font-size: 14px; color:#555555; line-height: 44px;text-align: center;}



.caseimg{ width:1200px; height:347px; margin: 28px auto 0; overflow: hidden;}

.caseimg li{ float: left;width:288px;height:257px; margin-right: 16px; overflow: hidden; position: relative;}

.caseimg li:last-child{margin-right: 0;}

.caseimg li img{ width:288px; height:216px;}

.caseimg li span{display: block;position: absolute; bottom:0; left:0; width:100%;height:41px;background:rgba(0,0,0,0.5); font-size: 18px; color:#fff; line-height: 41px;text-align: center;}



.pinz_bj{background: url(../images/pz_bj.jpg) no-repeat center 0; height:552px;overflow: hidden;}

.pinz{ width:1200px; height:552px; position: relative; overflow: hidden;margin: 0 auto;}

.pinz h2{padding-top: 36px; color:#000000;}

.pinz h2 span{ color:#000000;}

.pinz p{ width:134px; height:134px;  border-radius: 100%;padding-top: 76px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color:#4a4a4a; line-height: 24px; font-weight: bold;text-align: center; position: absolute;border:3px solid rgba(255,255,255,0);}

.pinz p.p01{background:#fff url(../images/pz_ico01.png) no-repeat center 20px; top: 383px;left:112px;}

.pinz p.p02{background:#fff url(../images/pz_ico02.png) no-repeat center 20px; top: 237px;left:334px;}

.pinz p.p03{background:#fff url(../images/pz_ico03.png) no-repeat center 20px; top: 237px;right:280px;}

.pinz p.p04{background:#fff url(../images/pz_ico04.png) no-repeat center 20px; top: 373px;right:56px;}

.pinz p:hover{ color:#704130;border:3px solid rgba(255,255,255,0.5);}

.pinz p.p01:hover{background:#fec500 url(../images/pz_ico05.png) no-repeat center 20px;}

.pinz p.p02:hover{background:#fec500 url(../images/pz_ico06.png) no-repeat center 20px;}

.pinz p.p03:hover{background:#fec500 url(../images/pz_ico07.png) no-repeat center 20px;}

.pinz p.p04:hover{background:#fec500 url(../images/pz_ico08.png) no-repeat center 20px;}



.brand_t{ width:362px; height:362px; background:#fff url(../images/pin_ico.png) no-repeat center 22px; border-radius: 100%;margin: -181px auto 0;position: relative; z-index: 2;padding-top:70px;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box; overflow: hidden;line-height: 60px;}

.brand_bj{background: url(../images/pin_bj.jpg) no-repeat center 0; height:652px;overflow: hidden; margin-top: -181px; z-index: 4;position: relative;}

.brand{ width:1200px; height:652px; position: relative; overflow: hidden;margin: 0 auto;}

.brand dl{position: absolute;width:255px; overflow: hidden;}

.brand dt{height:49px; overflow: hidden; font-size: 20px; color:#000000;font-weight: bold; line-height: 49px;}

.brand dt span{display: block; float: left; width:49px; height:49px;background:#fec500; font-size: 36px; color:#282828; text-align: center; line-height: 49px; color:#282828; margin-right: 20px;font-weight: normal;}

.brand dd {padding-top: 24px; font-size: 14px; line-height: 30px; color:#737373; }

.brand .dl01{ top: 113px; left:0;}

.brand .dl02{ top: 113px; left:336px;}

.brand .dl03{ top: 362px; left:336px;}

.brand .dl04{ top: 362px; left:625px;}

.brand .dl02 dd{padding-left: 20px;}



.brand .p01{top: 362px; left:0;position: absolute; width:301px;}

.brand .p01 img{width:301px; height:260px;}

.brand .p02{top: 107px; right:0;position: absolute; width:576px;}

.brand .p02 img{width:576px; height:255px;}

.brand .p03{top: 362px; right:0;position: absolute; width:290px;}

.brand .p03 img{width:290px; height:256px;}



.pic{ background: url(../images/pic.jpg) no-repeat center 0;height:208px; overflow: hidden; position: relative;}

.pic a{ display: block;position: absolute;top: 135px; right:50%; margin-right: -497px; width:138px;height: 38px; border:1px solid #000000; text-align: center; line-height: 38px; border-radius: 20px; color:#000000; font-size: 14px;}



.news_bj{background: url(../images/news_bj.gif) repeat-y center 0; height:866px; padding-top: 44px; overflow: hidden;}

.news_bj h2{height:150px;}

.news_bj h2 span{display: block; color:#fec500; font-family: Arial; font-family: Myriad Pro; text-transform: uppercase; font-size: 36px;font-weight: normal;}

.tt01{height:60px;font-weight: normal; font-size: 24px; line-height: 60px;color:#000; position: relative; overflow: hidden;}

.tt01 a{ color:#000;}

.tt01 span a{ font-size: 14px; color:#8a8a8a;display: inline-block;padding-right: 22px;}

.tt01::before {position: absolute; top: 1px;left:0;background:#d9d9d9; width:100%; height:1px; content: '';}

.tt01::after {position: absolute; top: 0;left:0;background:#fec500; width:95px; height:3px; content: ''; z-index: 3;}



.news{ width:574px;overflow: hidden;}

.news dl{ margin-top: 10px;background:#fff;border-bottom: 1px solid #f2f2f2;height:460px;}

.news dt img{width:574px;height:326px;}

.news dd{padding: 19px 12px 0; height:115px;overflow: hidden;}

.news dd h3{ font-size: 16px;line-height: 27px; color:#000000;overflow: hidden;height: 27px;}

.news dd h3 a{ color:#000000;}

.news dd span{ display: block; float: left; width:79px;height:27px; background:#fec500; border-radius: 20px;text-align: center; line-height: 27px;font-weight: normal; font-size: 18px; margin-right: 20px; color:#4a2a1e;}

.news dd p{padding-top: 16px; font-size: 14px; line-height: 24px; color:#737373;}

.news ul{height:107px; padding:20px 16px 0;overflow: hidden;background:#fff;}

.news li{line-height: 30px; font-size: 14px; color:#a1a0a0; }

.news li a{ font-size: 14px; color:#737373;}

.news li i{ width:15px;height:15px; margin-right: 20px; background:#979797;vertical-align: middle;text-align: center; line-height: 15px; font-size: 12px; font-family: Arial;display: inline-block;color:#fff;}

.news li:nth-child(1) i{background:#fec500; color:#4a2a1e;}



.news-box{width:576px;overflow: hidden;}

.xm {height:390px;overflow: hidden;}

.xm h4{margin-bottom: 10px;}

.xm ul li{margin-bottom: 24px;}

.xm dl{ height: 137px;background:#fff; overflow: hidden;}

.xm dt{width:242px;height:137px; float: left;overflow: hidden;}

.xm dt img{width:242px;height:137px;}

.xm dd{ width:307px; float: right;position: relative;height:137px;overflow: hidden;}

.xm dd i{display: block;position: absolute;bottom:0;right:0; width:46px;height:42px;}

.xm dd h3{ font-size: 16px;line-height: 27px; color:#000000;overflow: hidden;height: 27px;padding-top: 20px;}

.xm dd h3 a{ color:#000000;}

.xm dd p{padding-top: 13px; font-size: 14px; line-height: 24px; color:#737373;}



.wt{height:268px; overflow: hidden;background:#fff;}

.wt h4{border-left: 3px solid #fec500; height:61px;background:#e9e9e9;overflow: hidden; line-height: 61px;font-weight: normal; font-size: 24px; color:#000;padding-left: 20px;}

.wt h4 a{color:#000;}

.wt h4 span a{font-size: 14px; color:#8a8a8a;display: inline-block;padding-right: 22px;}

.wt .picScroll-top{padding:20px 20px 0 30px;}

.wt li{line-height: 30px; font-size: 14px; color:#a1a0a0;padding-left: 15px;background: url(../images/wt_ico.gif) no-repeat 0 13px ; }

.wt li a{ font-size: 14px; color:#737373;}



.about_bj{margin-top: 40px;}

.about_bj h2{ height:171px;}

.about{ background: url(../images/about_bj.jpg) no-repeat center 0;}

.about dt img{ width:1194px;height:431px; margin: 0 auto;display: block;border:3px solid #fff;}

.about dd{height:263px; width:1200px; margin: 0 auto; overflow: hidden;}

.about dd p{padding:40px 20px 0;height:118px; font-size: 14px; line-height: 30px; color:#737373; text-align: center;}

.about  dd i{display: block; width:198px; height:45px; background:#fec500; border-radius: 20px; font-size: 16px; text-align: center; line-height: 45px;margin: 0 auto;}

.about dd i a{ color:#232323;}



.express_bj{background: url(../images/channel_bj.jpg) no-repeat center 0;height:472px;position: relative;margin-bottom: -103px;}

.express{ width:1200px; margin: 0 auto 0; padding-top: 48px;}

.express h2{height:132px;}

.express h2 span{display: block; color:#fec500; font-family: Arial; font-family: Myriad Pro; text-transform: uppercase; font-size: 36px;font-weight: normal;}

.express_c{overflow: hidden; height:149px;background:#fff; padding:14px 36px 0;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;}

.express_c dl{height:56px;border-bottom: 1px dashed  #cacaca; line-height: 56px;}

.express_c dl:last-child{border-bottom: 0;}

.express_c dt{ float: left; width:100px; overflow: hidden; font-size: 14px; font-weight: bold;}

.express_c dt a{ color:#363636;}

.express_c dd{width:980px;  float: left; overflow: hidden;}

.express_c dd a{display: inline-block;padding-right: 27px; font-size: 14px; color:#737373;}

.express_c dd img{vertical-align: middle;}



.link_bj{background:url(../images/link_bj.gif) repeat-y center 0 ;height:120px; overflow: hidden; }

.link{width:1200px; margin: 0 auto; height: 62px; overflow: hidden;font-family:"Microsoft Yahei";}

.link h2{ width:180px; overflow: hidden; float: left; font-size:20px; line-height: 62px; overflow: hidden;color:#fff; padding-left: 35px;}

.link h2 a{ color:#fec500;}

.link h2 i{ font-size: 24px; color:#94807a; text-transform: uppercase;font-weight: normal;padding-left: 10px; font-family: Arial;}

.link p{  width: 820px; float: left; font-size: 14px;overflow: hidden; line-height: 35px; color:#8d6354; }

.link p a{ color:#8d6354; padding:0 20px;}





.aaa01{height: 800px;}

.box_skitter { position: relative; background: transparent none repeat scroll 0% 0%; z-index:1; }

.box_skitter ul { display: none; }

.box_skitter .container_skitter { overflow: hidden; position: relative; }

.box_skitter .image { overflow: hidden; }

.box_skitter .image img { display: none; }

.box_skitter .box_clone { position: absolute; top: 0px; left: 0px; width: 100px; overflow: hidden; display: none; z-index: 20; }

.box_skitter .box_clone img { position: absolute; top: 0px; left: 0px; z-index: 20; }

.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }

#slideshow { width: 1920px; height:800px; }

#slideshow ul { display: none; }

#yc-mod-slider { overflow: hidden; position: relative; height:800px;}

div.wrapper { position: absolute; left: 50%; margin-left: -960px; width: 1920px; }

#slideshow { overflow: hidden; position: relative; }

.info_slide{ display:block!important;width:100%;position:absolute;z-index:1999;bottom:20px;left:0; text-align:center;}

.info_slide .image_number{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:4px;overflow:hidden;background:none!important;line-height:999px;border:2px solid #6e6e6e;border-radius:12px;}

.info_slide .image_number_select{background:#6e6e6e!important;border:2px solid #6e6e6e;}

#slideshow a:hover img{transition:none!important;transform:none;}

.clear{clear: both;}









