@charset "utf-8";
/* CSS Document */

.opacity{ position:relative; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;}

.page_ser{ width:100%; height:540px; background:url(images/ser_bg.jpg) center no-repeat; overflow:hidden;}
.page_ser .ser_text1{ width:463px; height:121px; background:url(images/ser_text.png) no-repeat bottom; padding-top:77px; clear:both; bottom:50px;}
.page_ser .ser_text2{ width:100%; height:auto; margin-top:23px; color:#bbc1c9; text-align:center; bottom:50px;}
.page_ser .ser_pic{ width:100%; height:261px; background:url(images/ser_pic.png) no-repeat center; margin-top:355px; position:absolute; top:50px; z-index:1;}

.page_ser_main2{ width:100%; height:587px; background:#f3f3f3; z-index:2; position:relative;}
.page_ser_main2 .bt{ width: 100%; height: auto; padding-top: 73px; text-align:center;}
.page_ser_main2 .bt h1{ font-size:36px; color:#2b2b2b; line-height:36px; height:36px;}
.page_ser_main2 .bt span{ font-size:12px; color:#cdcdcd; line-height:29px; height:29px;}

#four_flash{position:relative;width:1248px;height:400px;}
#four_flash .flashBg{width:1080px;height:400px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:auto; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:270px;height:340px;padding-top:40px;color:#6C6E85;}
#four_flash .flashBg ul.mobile li:hover{ color:#fff;}
#four_flash .flashBg ul.mobile li img{width:145px;height:145px;display:block; margin-left:62px;}
#four_flash .flashBg ul.mobile li dd{font-size:24px;width:241px;line-height:59px; color:#1a1d26; margin-top:12px; padding-left:12px;}
#four_flash .flashBg ul.mobile li p{font-size:14px;width:241px; line-height:20px; color:#7c7d80; padding-left:12px;}
#four_flash .but_left{width:59px;height:59px; position:absolute; top:136px; left:0px;background:url(images/qianxleft.png) no-repeat;cursor: pointer;}
#four_flash .but_right{width:59px;height:59px; position:absolute; top:136px; right:0px;background:url(images/qianxr.png) no-repeat;cursor: pointer;}
#four_flash .but_left:hover{background:url(images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(images/qianxr1.png) no-repeat;}

.page_ser_3{ width:100%; height:689px; clear:both; overflow:hidden;}
.page_ser_3 .bt{ width: 100%; height: auto; padding-top: 73px; text-align:center;}
.page_ser_3 .bt h1{ font-size:36px; color:#2b2b2b; line-height:36px; height:36px;}
.page_ser_3 .bt span{ font-size:12px; color:#cdcdcd; line-height:29px; height:29px;}
.page_ser_3 .main{ width:1084px; height:auto; margin-top:40px;}
.page_ser_3 .main li{ width:237px; height:auto; float:left; margin:0 17px;}
.page_ser_3 .main li h3{ color:#1a1d26; line-height:55px; margin-top:13px; font-size:24px;}
.page_ser_3 .main li p{ color:#9d9ea0; line-height:20px; font-size:14px;}

/*service2*/
.page_ser2{ width:100%; height:540px; background:#cfecff;}
.page_ser2 .ser2_text{ width:460px; height:auto; padding-top:142px; float:left; right:100px;}
.page_ser2 .ser2_text h1{ color:#1a1d26; line-height:109px; font-size:67px;}
.page_ser2 .ser2_text span{ height:45px; background:#ffc600; color:#1a1d26; line-height:45px; font-size:28px; padding:0 30px;}
.page_ser2 .ser2_text p{ color:#93a7b6; line-height:27px; font-size:16px; padding-top:20px;}
.page_ser2 .ser2_pic{ width:575px; height:515px; background:url(images/ser2_pic.png) no-repeat; float:right; margin-top:25px; left:100px;}

.page_ser2_2{ width:100%; height:595px; background:url(images/ser2_bg.jpg) no-repeat center;}
.page_ser2_2 .ser2_pic2{ width:485px; height:465px; padding:69px 0 0 34px; float:left; right:100px;}
.page_ser2_2 .ser2_text2{ width:420px; height:auto; padding-top:100px; float:right; left:100px;}
.page_ser2_2 .ser2_text2 h3{ font-size:36px; font-weight:bold; color:#fff; line-height:43px;}
.page_ser2_2 .ser2_text2 p{ font-size:2px; color:#8c8e93; line-height:19px;}
.page_ser2_2 .ser2_text2 ul{ margin-top:47px;}
.page_ser2_2 .ser2_text2 li{ width:100%; height:auto; float:left; margin-bottom:9px;}
.page_ser2_2 .ser2_text2 li p{ width:396px; color:#b6b7ba; float:right; font-size:14px;}
.page_ser2_2 .ser2_text2 .li1 i{ width:13px; height:13px; background:#f4540f; float:left; margin-top:4px;}
.page_ser2_2 .ser2_text2 .li2 i{ width:13px; height:13px; background:#ffc600; float:left; margin-top:4px;}
.page_ser2_2 .ser2_text2 .li3 i{ width:13px; height:13px; background:#3bd39c; float:left; margin-top:4px;}
.page_ser2_2 .ser2_text2 .li4 i{ width:13px; height:13px; background:#3bb9d3; float:left; margin-top:4px;}
.page_ser2_2 .ser2_text2 .li5 i{ width:13px; height:13px; background:#3399ff; float:left; margin-top:4px;}

.page_ser2_3{ width:100%; height:596px; background:#f3f3f3; text-align:center;}
.page_ser2_3 h3{ width:100%; height:auto; font-size:36px; color:#1a1d26; font-weight:bold; line-height:45px; padding-top:72px;}
.page_ser2_3 p{ width:100%; height:auto; font-size:12px; color:#c7c7c8; line-height:19px;}
.page_ser2_3 .main{ width:1092px; height:auto; margin-top:25px;}
.page_ser2_3 .main li{ width:320px; height:350px; background:#fcfcfc; border-radius:7px; margin:0 20px; float:left;}
.page_ser2_3 .main li img{ width:116px; height:116px; margin:0 auto; margin-top:41px;}
.page_ser2_3 .main li h3{ font-size:24px; padding-top:24px; height:57px; line-height:57px;}
.page_ser2_3 .main li p{ font-size:14px; line-height:21px;}
.page_ser2_3 .main li i{ width:64px; height:3px; background:#ffc600; float:left; margin:20px 0 0 125px;}

/*service3*/
.page_ser3{ width:100%; height:540px; background:#19a0ed; overflow:hidden;}
.page_ser3 .ser3_pic{ width:774px; height:267px; padding-top:59px; background:url(images/ser3_pic.png) no-repeat bottom; bottom:50px;}
.page_ser3 .ser3_text{ width:100%; height:auto; color:#fff; line-height:27px; text-align:center; margin-top:-88px; font-size:16px; bottom:50px;}
.page_ser3 .ser3_pic2{ width:100%; height:212px; background:url(images/ser3_pic2.png) no-repeat center; margin-top:9px; top:50px;}

.page_ser3_2{ width:100%; height:650px; background:#f3f3f3;}
.page_ser3_2 .bt{ width: 100%; height: auto; padding-top: 70px; text-align:center;}
.page_ser3_2 .bt h3{ font-size:36px; color:#1a1d26; line-height:36px; height:36px;}
.page_ser3_2 .bt p{ font-size:12px; color:#c7c7c8; line-height:29px; height:29px;}
.page_ser3_2 .ser3_pic3{ width:472px; height:438px; float:left; background:url(images/ser3_pic3.png); right:100px;}
.page_ser3_2 .ser3_text2{ width:503px; height:auto; float:right; margin-top:20px; left:100px;}
.page_ser3_2 .ser3_text2 li{ width:100%; height:70px; margin-bottom:10px;}
.page_ser3_2 .ser3_text2 li .libt1{ width:138px; height:70px; float:left; background:#f4540f; border-radius:10px 0 0 10px;}
.page_ser3_2 .ser3_text2 li .libt2{ width:138px; height:70px; float:left; background:#ffc600; border-radius:10px 0 0 10px;}
.page_ser3_2 .ser3_text2 li .libt3{ width:138px; height:70px; float:left; background:#3bd39c; border-radius:10px 0 0 10px;}
.page_ser3_2 .ser3_text2 li .libt4{ width:138px; height:70px; float:left; background:#3bb9d3; border-radius:10px 0 0 10px;}
.page_ser3_2 .ser3_text2 li .libt5{ width:138px; height:70px; float:left; background:#3399ff; border-radius:10px 0 0 10px;}
.page_ser3_2 .ser3_text2 li h2{ width:65px; height:70px; padding-left:20px; color:#fff; line-height:70px; font-size:20px; font-weight:bold;}
.page_ser3_2 .ser3_text2 li span{ width:45px; height:70px; float:left; color:#fff; font-size:16px; position:absolute; margin:-44px 0 0 90px;}
.page_ser3_2 .ser3_text2 li .lip{ width:365px; height:70px; background:#e1e1e1; border-radius:0 10px 10px 0; float:left;}
.page_ser3_2 .ser3_text2 li .lip p{ padding:11px 0 0 20px; color:#8b8c8e; font-size:14px;}

.page_ser3_3{ width:100%; height:704px; background:url(images/ser3_bg.jpg) center no-repeat;}
.page_ser3_3 .bt{ width: 100%; height: auto; padding-top: 73px; text-align:center;}
.page_ser3_3 .bt h3{ font-size:36px; color:#fff; line-height:36px; height:36px;}
.page_ser3_3 .bt p{ font-size:12px; color:#797a7d; line-height:29px; height:29px;}
.ser3_3_main{ width:100%; height:auto; margin-top:27px;}
.ser3_3_left{ width:525px; height:auto; float:left; right:100px;}
.ser3_3_left li{ width:100%; height:120px; margin-bottom:20px; float:left;}
.ser3_3_left li img{ width:120px; height:120px; float:left;}
.ser3_3_left li h3{ float:left; font-size:20px; font-weight:bold; color:#fff; padding:25px 0 0 20px;}
.ser3_3_left li p{ float:left; font-size:14px; color:#c6c5c6; line-height:20px; padding:10px 0 0 20px;}
.ser3_3_right{ width:525px; height:auto; float:left; left:100px;}
.ser3_3_right li{ width:100%; height:120px; margin-bottom:20px; float:left;}
.ser3_3_right li img{ width:120px; height:120px; float:left;}
.ser3_3_right li h3{ float:left; font-size:20px; font-weight:bold; color:#fff; padding:25px 0 0 20px;}
.ser3_3_right li p{ float:left; font-size:14px; color:#c6c5c6; line-height:20px; padding:10px 0 0 20px;}

.page_ser3_4{ width:100%; height:666px; background:#f5f5f5;}
.page_ser3_4 .bt{ width: 100%; height: auto; padding-top: 73px; text-align:center;}
.page_ser3_4 .bt h3{ font-size:36px; color:#000000; line-height:36px; height:36px;}
.page_ser3_4 .bt p{ font-size:12px; color:#c6c6c6; line-height:29px; height:29px;}
.page_ser3_4 li{ width:338px; height:189px; float:left; margin:0 9px 18px 9px;}
.page_ser3_4 li img{ width:338px; height:189px; float:left;}
.page_ser3_4 li p{ width:338px; height:45px; float:left; color:#fff; font-size:20px; text-align:center; line-height:45px; margin-top:-45px; background:url(images/ser3_zz.png) no-repeat;}

/*service4*/
.page_ser4{ width:100%; height:540px; background:url(images/ser4_bg.jpg) center no-repeat;}
.page_ser4 .ser4_text{ width:500px; height:222px; background:url(images/ser4_text.png) no-repeat left; float:left; margin-top:136px; color:#a7a596; right:100px;}
.page_ser4 .ser4_text .text{ color:#a7a596; padding:147px 0 0 21px; line-height:27px; font-size:16px;}
.page_ser4 .ser4_pic{ width:475px; height:475px; background:url(images/ser4_pic.png) no-repeat; float:right; margin-top:32px; left:100px;}

.page_ser4_2{ width:100%; height:720px; background:#ececec;}
.page_ser4_2 .main{ width:1050px; height:720px; background:url(images/ser4_pic2.png) no-repeat 0px 90px;}
.page_ser4_2 .main .lefttext{ width:240px; height:auto; float:left; right:100px;}
.page_ser4_2 .main .lefttext .text1{ width:100%; height:200px; float:left; margin-top:94px;}
.page_ser4_2 .main .lefttext .text2{ width:100%; height:221px; float:left;}
.page_ser4_2 .main .lefttext .text3{ width:100%; height:auto; float:left;}
.page_ser4_2 .main .righttext{ width:225px; height:auto; float:right; left:100px;}
.page_ser4_2 .main .righttext .text1{ width:100%; height:200px; float:left; margin-top:94px;}
.page_ser4_2 .main .righttext .text2{ width:100%; height:221px; float:left;} 
.page_ser4_2 .main .righttext .text3{ width:100%; height:auto; float:left;}
.page_ser4_2 .main h4{ color:#ececec; font-size:18px; line-height:30px; text-indent:16px;}
.page_ser4_2 .main p{ color:#88898b; font-size:14px; line-height:20px; margin-top:7px;}

/*ser_button*/
.ser_button{ width:940px; height:87px; float:left; background:#2b2b2b;}
.ser_button li{ width:234px; height:87px; float:left; border-left:1px solid #505050;}
.ser_button li a{ width:234px; height:87px; display:block;}
.ser_button li h3{ padding:24px 0 0 90px; color:#fff; font-size:16px; font-weight:bold;}
.ser_button li a:hover h3{ color:#ffc500;}
.ser_button li p{ padding:0 0 0 90px; color:#ababab; font-size:12px; line-height:18px;}
.ser_home{ width:110px; height:102px; float:left; margin-top:-15px; z-index:999;}