html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: '微软雅黑'}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
body a.wfEditorMode{display:none;}
body.wfEditorMode a.wfEditorMode{display:block;height:1.3em;line-height:1.3em;float:right;margin:0;padding:0 0.5em;background:white;color:#99ccff;margin-top:-1.3em}



html{position:relative;float:left;width:100%;}
body{position:relative;float:left;width:100%;font:14px/24px 'msyh';color:#666666;}
a{text-decoration: none;}
li{list-style:none;}
.container{position:relative;float:left;width:100%;min-width:1200px;}
/*头部*/
#headerBox{width:100%;height:100px; background: #fff; z-index: 22; position: fixed;}
#headerBox .logo{float:left;display:block;margin:18px 0 0 2.1%;width:259px;}
#headerBox ul{float:left;margin:45px 0 0 6.7%;width:48%;}
#headerBox ul li{float:left;margin-right:9%;}
#headerBox ul li.last{margin:0px;}
#headerBox ul li a{display:block;font-size:16px;color:#000000;}
#headerBox ul li a:hover,#headerBox ul li.active a{color:#f68121;}
#headerBox .language{float:right;margin-right:1.5%;width:166px;height:41px;background:url(../images/bg_language.png);}
#headerBox .language p{text-align:center;font-size:14px;line-height:42px;color:#fff;}
#headerBox .language p a{color:#fff;}
#headerBox .language p a.active,#headerBox .language p a:hover {color: #000;}

/***2015-12-11修改  新增hover效果**/
/***icon_sign.png   icon_weixin.png   icon_link.png**/
#headerBox .language .icon1{cursor: pointer;float:left;display:block;margin:20px 0 0 14px;width:19px;height:17px;background:url(../images/link_items.png) 0px 0px no-repeat;}
#headerBox .language .icon2{cursor: pointer;float:left;display:block;margin:20px 19px 0 19px;width:19px;height:17px;background:url(../images/link_items.png) -37px -2px no-repeat;}
#headerBox .language .icon3{cursor: pointer;float:left;display:block;margin-top:20px;width:65px;height:17px;background:url(../images/link_items.png) -72px -3px no-repeat;}
#headerBox .language a.icon1:hover {background:url(../images/link_items.png) 0px -21px no-repeat;}
#headerBox .language a.icon2:hover{background:url(../images/link_items.png) -37px -23px no-repeat;}
#headerBox .language a.icon3:hover{background:url(../images/link_items.png) -72px -24px no-repeat;}
.icon2 img {display: none;margin-top: 20px;margin-left: -38px;position: absolute;}
/*尾部*/
#footerBox{float:left;width:100%;background:#222222;}
#footerBox .footerMap{margin:0 auto;width:1164px;overflow:hidden;}
#footerBox .footerMap ul{float:left;margin:74px 72px 48px 80px;}
#footerBox h1{margin-bottom:25px;}
#footerBox h1 a{font-size:14px;color:#fff;}
#footerBox li a{color:#73777b;}
#footerBox p{margin:22px auto;width:1004px;color:#3f3f3f;}
#footerBox p a{color:#3f3f3f;}
#footerBox a:hover{color:#fff;}

/*翻页器*/
.pageBox{margin:68px 0 60px 0;float:left;width:100%;height:20px;line-height:20px;text-align:center;}
.pageBox .yiiPager{display:inline-block;+display:inline;zoom:1;}
.pageBox .yiiPager li{padding:0 6px;float:left;}
.pageBox .yiiPager li.first,.pageBox .yiiPager li.last{display:none;}
.pageBox .yiiPager li a{display:block;padding:0 5px;color:#666;}
.pageBox .yiiPager li a:hover,.pageBox .yiiPager li.selected a{color:#000;}

/*首页*/

#main .videobanner{position:relative;width:100%;height:632px;overflow:hidden;}
#main .videobanner .video{position:absolute;top:0px;left:50%;margin-left:-960px;width:1920px;height:632px;}
#main .videobanner .video video{width:100%;}
#main .videobanner .cover{position:absolute;top:0px;left:0px;width:100%;height:632px;background:url(../images/bg_cover.png);display:none}
#main .videobanner .text{position:absolute;top:278px;left:50%;margin-left:-539px;}
.homeblock1{margin:48px auto 0 auto;width:1200px;}
.homeblock1 ul{margin:18px 0 92px 0;width:100%;}
.homeblock1 ul li{margin-top:58px;text-align:center;}
.homeblock1 ul li p{margin-bottom:22px;line-height:44px;font-size:14px;}
.homeblock2{width:100%;height:772px;background:url(../images/bg_homeabout.jpg) no-repeat center top;text-align:center;}
.homeblock2 .title{margin:110px 0 58px 0;}
.homeblock2 .text{margin:0 auto;width:1200px;font-size:14px;color:#fff;}
.homeblock2 .text img{display:block}
.homeblock2 .text img.leftsymbol{margin-bottom:16px;}
.homeblock2 .text img.rightsymbol{float:right;}
.homeblock2 .text .more{display:block;margin:110px auto 0 auto;width:252px;height:36px;color:#fff;font-size:14px;text-align:left;text-indent:40px;line-height:36px;border:#fff 1px solid;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;}
.homeblock2 .text .more span{margin-right:40px;float:right;}
.homeblock2 .text .more:hover{border-color:#f68121;background:#f68121;}
.homeblock3{width:100%;text-align:center;}
.homeblock3 .title{margin:132px 0 100px 0 ;}
.homeblock3 ul{margin:0 auto;width:1200px;text-align:left;overflow:hidden;}
.homeblock3 ul li{float:left;width:180px;height:100px;margin:0 24px 60px 0; position: relative;}
.homeblock3 ul li a{position: absolute; right: 0px; bottom: 0px;}
.homeblock3 .more{display:block;margin:80px auto 105px auto;width:252px;height:36px;font-size:14px;text-align:left;color:#666;text-indent:40px;line-height:36px;border:#aaaaaa 1px solid;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;}
.homeblock3 .more span{margin-right:40px;float:right;}
.homeblock3 .more:hover{border-color:#f68121;background:#f68121;color:#fff;}
.homeblock4{float:left;width:100%;}
.homeblock4 ul{width:100%;overflow:hidden}
.homeblock4 ul li{position:relative;float:left;width:33.33%;overflow:hidden;}
.homeblock4 ul li img{float:left;width:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.homeblock4 ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.homeblock4 ul li .cover{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/bg_cover.png);}
.homeblock4 ul li .text{position:absolute;left:30px;bottom:36px;color:#ffffff;}
.homeblock4 .more{display:block;margin:130px auto 110px auto;width:252px;height:36px;font-size:14px;text-align:left;text-indent:40px;line-height:36px;color:#666;border:#aaaaaa 1px solid;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;}
.homeblock4 .more span{margin-right:40px;float:right;}
.homeblock4 .more:hover{border-color:#f68121;background:#f68121;color:#fff;}
.homeblock5{float:left;padding-top:50px;width:100%;height:336px;background:#f68121;text-align:center;}

/*内页公共*/
#main{width:100%; margin-top: 100px;}
.bannerin{position:relative;width:100%;height:416px;overflow:hidden;}
.bannerin p{width: 1920px; position: absolute; left: 50%; margin-left: -960px;}
.bannerin .img{position:absolute;top:0px;left:50%;margin-left:-960px;width:1920px;}
.bannerin .cover{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/bg_cover.png)}
.bannerin .text{position:absolute;top:160px;left:50%;margin-left:-600px;width:1200px;text-align:center;}


.bannerin.casedetali{height: 778px;}
.bannerin.casedetali .img{position:absolute;top:0px;left:50%;margin-left:-960px;width:1920px;}
.bannerin.casedetali .cover{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/bg_cover.png); z-index:2;}
.bannerin.casedetali .text{position:absolute;top:0px;left:50%;margin-left:-960px;width:1920px;text-align:center; z-index: 1;}
.bannerin.casedetali .wenzi{width: 1200px; left: 50%; margin-left: -600px; top: 0px; position: absolute; z-index: 3;}
.bannerin.casedetali .wenzi h1{font-size: 33px; color: #fff; font-weight: bold; font-family: 'Myriad Pro'; margin-top: 237px;width: 100%; float: left; padding-bottom: 37px; background: url(../images/hxian1.png) no-repeat left bottom;}
.bannerin.casedetali .wenzi .content{width: 473px; float: left; color: #fff;font-size: 14px; margin-top: 62px;position: relative;left: 0;margin-left: 0px;}
.bannerin.casedetali .wenzi a.reture{width: 217px; height: 38px; line-height: 38px; display: block; text-decoration: none; border: 1px solid #fff; color: #fff; margin-top: 100px; text-indent: 18px;}
.bannerin.casedetali .wenzi a.reture:hover{color: #f46c00; border: 1px solid #f46c00;}
.bannerin.casedetali .wenzi a.reture span{ display: block; float: right; margin-right: 21px;}

.breadcrumbbox{width:100%;height:47px;line-height:47px;border-bottom:#ebebeb 1px solid;}
.breadcrumbbox .breadcrumb{margin:0 auto;width:1200px;text-align:right;}
.breadcrumbbox .breadcrumbs{float:right;}
.breadcrumbbox .breadcrumbs li{float:left;}
.breadcrumbbox .breadcrumbs li a{color:#666666;}
.breadcrumbbox .breadcrumbs li a:hover,.breadcrumbbox .breadcrumbs li.current span{color:#f68121}
.breadcrumbbox .breadcrumbs li .step{margin-right:4px;}
.breadcrumbbox .pagetab{position:relative;float:left;border-left:#ebebeb 1px solid;}
.breadcrumbbox .pagetab li{float:left;width:122px;}
.breadcrumbbox .pagetab li a{display:block;width:121px;height:100%;color:#666;border-right:#ebebeb 1px solid;text-align:center;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.breadcrumbbox .pagetab li a:hover{color:#fff;}
.breadcrumbbox .pagetab li.active a{color:#fff;background:#f46c00;}
.breadcrumbbox .pagetab span{position:absolute;top:0px;left:0px;width:122px;height:100%;background:#f46c00;z-index:-1;}

/*内页*/
.whobox{width:100%;}
.whobox .text1{margin:85px auto 105px auto;width:994px;line-height:36px;}
.whobox .team{width:100%;height:583px;background:url(../images/bg_whoteam.jpg) no-repeat center top;}
.whobox .culture{width:100%;height:583px;background:url(../images/bg_whoculture.jpg) no-repeat center top;}
.whobox .vision{width:100%;height:583px;background:url(../images/bg_whovision.jpg) no-repeat center top;}
.whobox .history{width:100%;height:582px;background:url(../images/bg_whohistory.jpg) no-repeat center top;}
.whobox .text{margin:110px auto 100px auto;width:994px;line-height:36px;}
.whobox .text h2{font-size:23px;font-weight:bold;color:#000000;}
.whobox .historybox{margin:0 auto;width:1200px;}
.whobox .historybox .historytab{margin-top:110px;width:100%;height:55px;background:url(../images/line_history.png) repeat-x left bottom;}
.whobox .historybox .historytab li{float:left;margin:0 35px;width:100px;height:49px;background:url(../images/bg_historytab.png);font-size:16px;font-weight:bold;color:#fff;text-align:center;cursor:pointer;}
.whobox .historybox .historytab li:hover,.whobox .historybox .historytab li.active{background:url(../images/bg_historytab1.png);}
.whobox .historybox .historylist{margin:60px 0 150px 0;}
.whobox .historybox .historylist li{margin-left:40px;line-height:36px;}
.whobox .historybox .historylist li span{padding:0 52px 0 19px;color:#f08200;background:url(../images/icon_dian.png) no-repeat left 8px;}

.casebox{padding-top:46px;width:100%;background:#f2f2f2;}
.casebox .case{margin:0 auto;width:1200px;}
.casebox .case li{width:100%;height:489px;}
.casebox .case li .btn{clear:both;margin:0 auto;width:1200px;height:67px;}
.casebox .case li .btn a{margin-left:320px;display:block;width:67px;height:67px;background:#fff;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.casebox .case li .btn a:hover,.casebox li .btn a.active{background:#dedede;}
.casebox .case li .btn span{display:block;width:67px;height:67px;background:url(../images/icon_jiantou.png) no-repeat right center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.casebox .case li .btn span:hover,.casebox li .btn a.active span{background:url(../images/icon_jiantou1.png) no-repeat left center;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.casebox .case li .text{float:left;padding:16px 32px 0 32px;width:325px;height:406px;background:#4c4c4c;line-height:26px;color:#b5b5b5;}
.casebox .case li .text h2{font-size:24px;font-weight:bold;color:#e8e8e8;line-height:85px;}
.casebox .case li .text span{display:block;width:30px;height:4px;background:#fff;}
.casebox .case li .text .content{margin:36px 0 46px 0;}
/*.casebox .case li .text:hover h2,.casebox li .text:hover p{color:#f68121;}*/
/*.casebox .case li .text:hover span{background:#f68121;}*/
.casebox .case li .img{float:left;display:block;width:811px;height:422px;overflow:hidden;}
.casebox .case li .img img{float:left;width:100%;height:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.casebox .case li .img:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.casebox .case li.odd .text{float:right;background:#333333;}
.casebox .case li.odd  .btn a{float:right;}

.casedetail{margin:0 auto 84px auto;width:1200px;}
.casedetail ul{float:left;width:100%;margin:46px 0 25px 0;}
.casedetail ul li{width:100%;margin-bottom:50px;}
.casedetail ul li h2{width:380px;height:72px;line-height:72px;background:#333333;color:#fff;font-weight:bold;font-size:20px;text-indent:30px;}

.contactbox{margin:68px auto 40px auto;width:1200px;text-align:center;}
.contactbox .text{margin:55px 0 18px 0;font-size:12px;line-height:34px;}

.positionbox{margin:0 auto;width:1200px;}
.positionbox .position{margin-top:40px;}
.positionbox .position li{float:left;margin-bottom:10px;width:100%;height:415px;line-height:30px;}
.positionbox .position li .name{padding:0 36px;float:left;width:650px;height:100%;background:#f6f6f6;font-weight:bold;}
.positionbox .position li.odd .name{float:right;}
.positionbox .position li .name .title{margin-top:70px;}
.positionbox .position li .name span{padding-bottom:20px;display:block;font-family:'Arial';font-size:40px;color:#6b6b6b;line-height:86px;}
.positionbox .position li .des{padding:0 36px;float:left;width:406px;height:100%;background:#f1f1f1;}
.positionbox .position li .des h2{padding:62px 0 35px 0;font-family:'Arial';font-size:20px;color:#000000;font-weight:bold;}
.positionbox .position li .des span{display:block;margin-bottom:46px;width:55px;height:64px;background:url(../images/icon_position.png);}
.positionbox .position li .des a{margin-top:40px;display:block;padding-left:66px;height:44px;line-height:44px;font-family:'Arial';color:#000000;background:url(../images/icon_email.png) no-repeat left center;}

.customerbox{width:100%;}
.customerbox li.brand{margin:0 auto;width:1200px;overflow:hidden;}
.customerbox li.brand h2{padding:85px 0 75px;font-size:23px;font-weight:bold;color:#000000;text-align:center;}
.customerbox .list h2{position:relative;margin-bottom:70px;width:100%;height:179px;font-size:23px;font-weight:bold;color:#ffffff;text-align:center;line-height:179px;}
.customerbox .list.car h2{background:url(../images/bg_customercar.jpg) no-repeat center top;}
.customerbox .list.electronic h2{background:url(../images/bg_electronic.jpg) no-repeat center top;}
.customerbox .list.estate h2{background:url(../images/bg_estate.jpg) no-repeat center top;}
.customerbox .list.fast h2{background:url(../images/bg_fast.jpg) no-repeat center top;}
.customerbox .list.finance h2{background:url(../images/bg_finance.jpg) no-repeat center top;}
.customerbox .list.fashion h2{background:url(../images/bg_fashion.jpg) no-repeat center top;}
.customerbox .list.company h2{background:url(../images/bg_company.jpg) no-repeat center top;}
.customerbox .list.office h2{background:url(../images/bg_office.jpg) no-repeat center top;}
.customerbox .list h2 span{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;background:url(../images/bg_cover.png);}
.customerbox li ul{margin:0 auto;width:1200px;margin-bottom:50px;overflow:hidden;}
.customerbox li ul li{position:relative;float:left;margin:0 24px 20px 0;}
.customerbox li ul li.last{margin-right:0px;}
.customerbox li ul li a.wfEditorMode{position:absolute;top:20px;right:0px;}

.newsbox{margin:57px auto 0 auto;width:1200px;}
.newsbox li{position:relative;float:left;margin-bottom:46px;width:576px;height:541px;}
.newsbox li a{display:block;}
.newsbox li a.img{width:576px;height:313px;overflow:hidden;}
.newsbox li a.img img{width:100%;height:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.newsbox li a.img:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.newsbox li a.title{padding-top:33px;color:#000;font-weight:bold;}
.newsbox li a.time{padding:10px 0 16px 0;color:#333;font-size:12px;}
.newsbox li a.content{color:#666;font-size:12px;line-height:30px;}
.newsbox li a.more{position:absolute;bottom:30px;right:0px;float:right;width:15px;height:15px;background:url(../images/icon_more.png);}
.newsbox li a:hover{color:#f68121;}

.newsdetail{margin:0 auto 60px auto;width:1200px;}
.newsdetail h1{margin:50px 0 10px 0;font-size:16px;color:#333;font-weight:bold;text-align:center;}
.newsdetail span{margin-bottom:30px;display:block;font-size:12px;text-align:center;color:#999;}
.newsdetail .content{line-height:30px;}

.whatbox{float:left;width:100%;}
.whatbox .whattab{margin:58px auto;height:192px;width:1200px;}
.whatbox .whattab li{float:left;margin-right:40px;width:166px;height:192px;text-align:center;background:none;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.whatbox .whattab li.last{margin-right:0px;}
.whatbox .whattab li h2{margin-top:36px;font-size:62px;font-weight:bold;color:#000;line-height:72px;font-family:'Arial';-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.whatbox .whattab li.m h2{background:url(../images/icon_secendm.png) no-repeat 98px 18px;text-indent:-20px;}
.whatbox .whattab li p{font-size:12px;color:#666666;line-height:16px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.whatbox .whattab li.active,.whatbox .whattab li:hover{background:url(../images/icon_whattab.png);}
.whatbox .whattab li.active h2,.whatbox .whattab li:hover h2{color:#fff;}
.whatbox .whattab li.active p,.whatbox .whattab li:hover p{color:#fff;}
.whatbox .whattab .active.m h2,.whatbox .whattab li.m:hover h2{background-image:url(../images/icon_secendm1.png)}
.whatbox .whatbanner{position:relative;width:100%;height:583px;overflow:hidden;}
.whatbox .whatbanner img{position:absolute;top:0px;left:50%;margin-left:-960px;}
.whatbox .whattext{margin:50px auto;width:985px;line-height:26px;}
.whatbox .whatetext,.whatbox .whatdtext{text-align:center;}
.whatbox .whatetext img,.whatbox .whatdtext img{margin-bottom:40px;}
.whatbox .whatplist{margin:0 auto;width:1200px;}
.whatbox .whatplist li{float:left;margin-bottom:40px;width:581px;}
.whatbox .whatplist li .img{display:block;width:100%;overflow:hidden}
.whatbox .whatplist li .img img{width:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.whatbox .whatplist li .img:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.whatbox .whatplist li .text{display:block;padding:0 20px;height:138px;background:#494949 url(../images/icon_jiantou.png) no-repeat right bottom;}
.whatbox .whatplist li .text span{display:block;color:#fff;line-height:26px;}
.whatbox .whatplist li .text span.title{padding:30px 0 6px 0;font-size:23px;font-weight:bold;}
.whatbox .whatplist li .text span.content{font-size:12px;}
.whatbox .whatplist li .text:hover span{color:#f68121;}
.whatbox .whatdlist{position:relative;margin:0 auto 96px auto;width:1200px;overflow:hidden;}
.whatbox .whatdlist .leftbtn{position:absolute;top:240px;left:30px;width:33px;height:64px;background:url(../images/btn_left.png) no-repeat top left;cursor:pointer;z-index:10;}
.whatbox .whatdlist .leftbtn:hover{background-position:bottom left;}
.whatbox .whatdlist .rightbtn{position:absolute;top:240px;right:30px;width:33px;height:64px;background:url(../images/btn_right.png) no-repeat top left;cursor:pointer;z-index:10;}
.whatbox .whatdlist .rightbtn:hover{background-position:bottom left;}
.whatbox .whatdlist li{float:left;width:1200px;}
.whatbox .whatdlist li .img{width:100%;height:537px;}
.whatbox .whatdlist li .text{padding:0 40px 20px 40px;background:#505050;color:#e1e1e1;}
.whatbox .whatdlist li .text h3{padding:12px 0;font-size:23px;font-weight:bold;}
.whatbox .whatdlist li .text p{font-size:12px;}
.whatbox .whatdlist .iconbox{position:absolute;left:0px;bottom:130px;width:100%;height:12px;text-align:center;z-index:10;}
.whatbox .whatdlist .iconbox .icon{display:inline-block;+display:inline;zoom:1;}
.whatbox .whatdlist .iconbox .icon a{float:left;display:block;width:30px;height:12px;background:url(../images/icon_whatm1.png) no-repeat center top;text-indent:-100px;overflow:hidden;}
.whatbox .whatdlist .iconbox .icon a.selected{background:url(../images/icon_whatm.png) no-repeat center top;}
.whatbox .whatelist{margin:0 auto 66px auto;width:1200px;}
.whatbox .whatelist li{margin-bottom:28px;width:100%;height:422px;}
.whatbox .whatelist li .text{float:left;padding:16px 32px 0 32px;width:325px;height:406px;background:#4c4c4c;line-height:26px;color:#b5b5b5;}
.whatbox .whatelist li .text h2{font-size:24px;font-weight:bold;color:#e8e8e8;line-height:85px;}
.whatbox .whatelist li .text span{display:block;width:30px;height:4px;background:#fff;}
.whatbox .whatelist li .text .content{margin:36px 0 46px 0;}
.whatbox .whatelist li .img{float:left;display:block;width:811px;overflow:hidden;}
.whatbox .whatelist li .img img{float:left;width:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.whatbox .whatelist li .img:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.whatbox .whatelist li.odd .text{float:right;background:#333333;}
.whatbox .whatelist li.odd  .btn a{float:right;}

.whatbox .whatmlist{float:left;margin:20px 0 100px 0;width:100%;}
.whatbox .whatmlist .list{margin-top:60px;}
.whatbox .whatmlist .list h2{padding-bottom:30px;margin-bottom:20px;width:100%;border-bottom:#ebebeb 1px solid;font-size:23px;font-weight:bold;color:#000000;text-align:center;}
.whatbox .whatmlist .list  ul{margin:0 auto;width:1200px;overflow:hidden;}
.whatbox .whatmlist .list  ul li{float:left;margin:0 24px 20px 0;}
.whatbox .whatmlist .list  ul li.last{margin-right:0px;}



.backtop {
    position: fixed;
    width: 52px;
    height: 52px;
    right: 50px;
    bottom: 30px;
    background: url(../images/gotop.png) no-repeat;
    cursor: pointer;
    z-index: 55555;webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.backtop:hover{
    background: url(../images/gotop1.png) no-repeat;}