﻿.pr{position:relative;}
.pd0{padding: 0 !important;}

.service_section1{ position: relative; z-index: 3;background:#FFFFFF;height:560px;padding-top:70px;padding-bottom:70px;}
.service_section1 h2{color:#6B6B6B;text-align: center; font-size:30px;margin-bottom:18px;}
.service_section1 h3{color:#6B6B6B;text-align: center; font-size:14px;margin-bottom:18px;}
.service_section1 .w1200 .s_s1list{ margin-top: 20px; opacity: 0;}
.service_section1 .w1200 > *{ -webkit-transition: all 1s; transition: all 1s; opacity: 0;}
.service_section1 .w1200 > .active{ opacity: 1;}

.service_section1 .w1200 > h1.active{ -webkit-transform: translateY(0); transform: translateY(0);}
.service_section1 .w1200 > h2.active{ -webkit-transform: translateY(0); transform: translateY(0);}
.service_section1 .w1200 > h3.active{ -webkit-transform: translateY(0); transform: translateY(0);}
.service_section1 p { margin-top: 20px; text-align: center;margin-bottom:65px; }

.service_section1 .w1200 .s2_s1list{ margin-top: 60px; opacity: 1;}
.s2_s1list li{ margin-right: 10px; padding-top: 145px; width: 230px; height: 165px; border: 1px solid #d4d8da; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 400ms; transition: all 400ms; opacity: 0;}
.s2_s1list li.active{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.s_s1list li{ margin-right: 15px; padding-top: 140px; width: 225px; height: 173px;-webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition: all 400ms; transition: all 400ms; opacity: 0;}
.s_s1list li.active{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.s_s1list li.s2_s1_icon1{ background:#EBEBEB url("/images/HituxCMSNote/ico_in_Business01.png") center 54px no-repeat;}
.s_s1list li.s2_s1_icon2{ background:#EBEBEB url("/images/HituxCMSNote/ico_in_Business02.png") center 45px no-repeat;}
.s_s1list li.s2_s1_icon3{ background:#EBEBEB url("/images/HituxCMSNote/ico_in_Business03.png") center 45px no-repeat;}
.s_s1list li.s2_s1_icon4{ background:#EBEBEB url("/images/HituxCMSNote/ico_in_Business04.png") center 54px no-repeat;}
.s_s1list li.s2_s1_icon5{ margin-right: 0; background:#EBEBEB url("/images/HituxCMSNote/ico_in_Business05.png") center 54px no-repeat;}
.s_s1list li.s2_s1_icon1:hover,.s_s1list li.s2_s1_icon2:hover,.s_s1list li.s2_s1_icon3:hover,.s_s1list li.s2_s1_icon4:hover,.s_s1list li.s2_s1_icon5:hover{background-color:#A5A5A5;border-color:#A5A5A5;}

.s_s1list li h1{ margin-bottom:5px; height:35px; color: #6B6B6B; font-size: 12px;text-align: center;text-transform: uppercase;color:#6B6B6B; background: url("/images/HituxCMSNote/ico_in_Businessline.png") center 25px no-repeat;}
.s_s1list li h3{font-size:22px;color:#6B6B6B;text-align: center;margin-bottom:10px;}
.s_s1list li p{ margin: 0 auto; width: 210px; color: #6B6B6B;text-align: center;font-size:12px;line-height:22px;}

.service_section3{background:#B98E46 url("/images/HituxCMSNote/about_ban.jpg") no-repeat center top;position: relative;z-index:4;}
.service_section3 .w1200 { padding-top: 70px; height: 520px;background-size: cover; text-align: center;  }
.service_section3 .w1200 > * { -webkit-transition: all 1s; transition: all 1s; opacity: 0; }
.service_section3 .w1200 > .active { opacity: 1; }
.service_section3 .w1200 h1 {font-size:110px;color:#FFF; font-family:AvantGarde LT ExtraLight, Arial, Helvetica, sans-serif; font-weight:bolder;}
.service_section3 .w1200 h2{color:#FFF;font-size:30px;text-align: center;margin-bottom:0px;opacity: 1;}
.service_section3 .w1200 h3{ color: #FFF; font-size: 20px; margin-bottom:22px;}
.service_section3 .w1200 h3.active { margin-top: 0; }
.service_section3 .w1200 p { margin-top: 10px; color: #FFF; text-align: center;margin-bottom:65px; font-size:18px;}
.service_section3 .w1200 a.greenmore2 { margin: 65px auto 0;width:242px;height:80px;line-height:80px;display:block;font-size:16px;border-radius:50px;color:#000;font-weight:100;text-align: center; background-color: #4bba13; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 800ms; transition: all 800ms;}
.service_section3 .w1200 a.greenmore2.active { -webkit-transform: translateY(0); transform: translateY(0);}

.service_section3 .ss2-list{display: inline-block;text-align: center;width:250px;padding:0 25px;opacity: 0;color:#FFF;font-size:14px; border-right:1px solid #FFF;}
.service_section3 .ss2-list .ss2-icon1{background:url(../img/service/s4_icon1.png) no-repeat center center;}
.service_section3 .ss2-list .ss2-icon2{background:url(../img/service/s4_icon1.png) no-repeat center center;}
.service_section3 .ss2-list .ss2-icon3{background:url(../img/service/s4_icon3.png) no-repeat center center;}


