
.main .section .page_content a{color:#fff}
.main .section .ctitle{font-size:32px; color:#ff9900}

.main .section.page1 .page_content{text-align:left}
.page1{color:#999;background: url('../images/index_bg1.png') 50% no-repeat;}
.page2{ text-align:center;color:#fff;background: url('../images/index_bg2.png') 50%;}
.main .section.page1 .ctitle{font-size:60px; color:#000; margin-bottom: 100px;}
.page1 .etitle{font-size:58px; color:#000}
.page1 .stitle{font-size:26px; text-indent:2em; color:#666}
.page1 .des{ text-indent:2em; width:400px;}
.page1 .button{border:1px solid #ff9900;  border-radius:3px; text-align:center;  padding:5px 20px; font-weight:bold;  margin:10px 0 0 50px; width:100px;}
.main .section.page1 .button a{color:#ff9900;}
.main h3{ width:1200px; text-align:center; margin:0 auto;}


.page2 .etitle{ font-size:54px}
.page2 .des{height:600px; position:relative}

.page2 .des>div{ position:absolute; z-index:2;  }


.page2 .des>em{ position:absolute;display:inline-block; background-color:#fff; height:3px; position:1; transform-origin:0 0 0;}
.page2 .des>div.title1{ left:250px; top:0px;}
.page2 .des>div.title2{ left:550px; top:230px;}
.page2 .des>div.title3{ left:700px; top:10px;}
.page2 .des>div.title4{ left:1000px; top:250px; color:#000;}
.page2 .des>div:before{display:block; margin-bottom:20px;background-color:#FFF;width:100px; height:100px; border-radius:100px; content:' '; z-index:3}
.page2 .des>div:after{ position:absolute; top:10px; left:10px; background-image: url('../images/index_bg2_1.png'); display:block;width:80px; height:80px; border-radius:80px; content:' '; z-index:4}
.page2 .des>div.title1:after{ background-position:-240px 0}
.page2 .des>div.title2:after{ background-position:-160px 0}
.page2 .des>div.title3:after{ background-position:-80px 0}
.page2 .des>div.title4:after{ background-position:0 0}

.page3{ text-align:center;}
.page3 .etitle{font-size:58px; color:#000; padding-top: 50px;}
.page3 .fp-tableCell{vertical-align: top; padding-top: 200px;}
.page3 .brand_list{display:block; float:left; margin:10px 50px; position:relative}
.page3 .brand_list .brand_name{background-color:#ff9900; width:200px;height:120px; float:left; padding-top:80px;}
.page3 .brand_list .brand_name:after{ position:absolute; width:0; height:0;border-top: 15px solid transparent;border-left: 30px solid #ff9900;border-bottom: 15px solid transparent; content:''; top:50%; left:200px; margin-top:-15px;}
.page3 .brand_list .brand_ico{ width:300px; height:200px; background-image:url('../images/index_bg3_1.png');float:left}
.page3 .brand_list:nth-child(1) .brand_ico{ background-position:0 0;}
.page3 .brand_list:nth-child(2) .brand_ico{ background-position:-300px -200px;}
.page3 .brand_list:nth-child(3) .brand_ico{ background-position:0 -200px;}
.page3 .brand_list:nth-child(4) .brand_ico{ background-position:-300px 0;}
.page3 .fp-controlArrow.fp-prev {border-color: transparent #ff9900 transparent transparent;}
.page3 .fp-controlArrow.fp-next {border-color: transparent transparent transparent #ff9900;}
.page3 .service_count{width:500px; margin:0 auto}
.page3 .service_count .list{ float:left; width:33.3%;color:#b2b2b2;}
.page3 .service_count .list .num{ width:80px; height:80px; border:1px solid #ff9900; border-radius:40px; line-height:80px;  font-weight:bold; margin:0 auto;}
.page3 .service_count .list .short_name{ font-size:12px}
.page3 .service_count .list em{ font-style:normal; color:#ff9900;}
.page3.active .slide .fp-tableCell{ height:440px;}

.page4{color:#000;background: #FFF url('../images/index_bg4.png') 50%;text-align:center;}
.page4 .etitle{ font-size:54px}
.page4 .des .list{ background-image:url('../images/index_bg4_1.png'); display:inline-block; width:150px; height:148px;}
.page4 .des .list:nth-child(1){ background-position:0 0}
.page4 .des .list:nth-child(2){ background-position:-150px 0}
.page4 .des .list:nth-child(3){ background-position:-300px 0}
.page4 .des .list:nth-child(4){ background-position:-450px 0}