/* CSS Document */
.dowebok .linkbox{width:8px; position:absolute; left:5.2%; height:94px; margin-top:118px; z-index:999; 
}
.dowebok .linkbox  a{display:block; width:18px; height:18px; margin-bottom:13px; font-size:12px; color:#FFF;  line-height:18px; font-family:'Arial'; text-align: center;
}
.dowebok .linkbox .xian,.linkbox .xian:hover{height:72px!important; background:url(../images/link.png)  no-repeat!important;background-position: 0 -58px!important;}
.dowebok .linkbox  a:hover{ background:url(../images/link.png)  no-repeat;background-position: 0 0; color:#FFF;;
}
.dowebok .linkbox .active{margin-bottom:17px; background:url(../images/link.png)  no-repeat; background-position: 0 -32px; color:#FFF;
}
@media screen and (max-width: 1281px) { .linkbox {left:3.2%!important; }}
.dowebok .section1{background:url(../images/service_img23.jpg) 0 no-repeat; background-position: center 0;
}
.dowebok .section2{background:url(../images/service_img24.jpg) 0 no-repeat; background-position: center 0;
}
.dowebok .section3{background:url(../images/service_img25.jpg) 0 no-repeat; background-position: center 0;
}
.dowebok .section4{background:url(../images/service_img23.jpg) 0 no-repeat; background-position: center 0;
}
.dowebok .section5{background:url(../images/service_img24.jpg) 0 no-repeat; background-position: center 0;
}
.dowebok .contentwrap, .dowebok .contentwrap1{width:1046px; height:100%; overflow:hidden; margin:0 auto; /*padding-top:73px;*/ position:relative;
}
.dowebok .contentwrap1{width:1046px;
}
.dowebok .contentwrap2{width:1046px;
}
.dowebok .contentwrap .imgbox{width:100%; overflow:hidden; position:relative; height:500px;
}
.contentwrap .imgbox .content{position:absolute; line-height:24px; font-size:14px; font-family:'宋体'; letter-spacing:0;
}
.contentwrap .imgbox .link{color:#aaaaaa; text-decoration:underline;
}
.contentwrap .imgbox .link:hover{color:#FFF; 
}
.contentwrap .imgbox .img1{float:left;
}
.contentwrap .imgbox .img2{float:right;margin-top: 15px;
}
.section1 .imgbox{top:50%; margin-top:-280px;
}
.section2 .imgbox{top:50%; margin-top:-280px;
}
.section3 .imgbox{top:50%; margin-top:-280px;
}
.section4 .imgbox{top:50%; margin-top:-280px;
}
.section5 .imgbox{top:50%; margin-top:-280px;
}
.section1 .imgbox .content{left:0; top:285px; color:#060089;
}
.section2 .imgbox .content{left:0; top:287px; color:#034237;
}
.section3 .imgbox .content{left:0; top:286px; color:#850b30;
}
.section4 .imgbox .content{left:0; top:286px; color:#0901a1;
}
.section5 .imgbox .content{left:0; top:286px; color:#034337;
}
/* .section1 .section1_btn, .section2 .section2_btn, .section3 .section3_btn, .section4 .section4_btn{width:252px; height:34px; display:block; line-height:34px; text-align:center; font-size:18px; color:#FFF; border:#FFF solid 1px; position:absolute; left:0; top:385px;
} */
.section1 .section1_btn, .section2 .section2_btn, .section3 .section3_btn, .section5 .section5_btn{width:270px;height:70px;background: url(../images/service_tonghua1.png) no-repeat;position:absolute; left:0; top:385px;
}
.section4 .section4_btn{width:270px;height:70px;background: url(../images/service_tonghua4.png) no-repeat;position:absolute; left:0; top:385px;
}
.section1 .section1_btn:hover,.section2 .section2_btn:hover,.section3 .section3_btn:hover,.section4 .section4_btn:hover,.section5 .section5_btn:hover{background-position:0 -70px;
}
.contentwrap .contips{width:100%; height:24px; overflow:hidden; font-family:'宋体'; font-size:14px; position:absolute; left:50%; bottom:80px; margin-left:-523px;
}
.section2 .contentwrap .contips{margin-left:-520px;
}
.section4 .contentwrap .contips,.section5 .contentwrap .contips{margin-left:-523px;
}
.contentwrap .contips .tips_l{float:left; overflow:hidden;
}
.contips .tips_l .white_con{float:left; color:#FFF; padding-right:22px; line-height:24px;
}
.contips .tips_l .gray_con{float:left; color:#555555; padding-left:12px; line-height:24px;
}
.section1 .tips_l .apibtn,.section2 .tips_l .apibtn,.section3 .tips_l .apibtn, .section4 .tips_l .apibtn, .section5 .tips_l .apibtn{float:left; padding:2px 10px; height:23px; color:#FFF; text-align:center; line-height:23px; margin-right:25px;
}
.section4 .tips_l .apibtn{width:74px; padding:0; height:23px; color:#FFF; text-align:center; line-height:23px; margin-right:25px;
}
.section1 .imgbox .apibtn,.section2 .imgbox .apibtn,.section3 .imgbox .apibtn, .section4 .imgbox .apibtn, .section5 .imgbox .apibtn{float:left; padding:2px 10px; height:23px; color:#FFF; text-align:center; line-height:23px; margin-right:25px;
;font-family:"宋体";left:295px;top: 407px;position: absolute;font-size:14px;
}
.section1 .tips_l .apibtn,.section1 .imgbox .apibtn{background:#7b82e2;}
.section2 .tips_l .apibtn,.section2 .imgbox .apibtn{background:#56b8b0;}
.section3 .tips_l .apibtn,.section3 .imgbox .apibtn{background:#f27797;}
.section4 .tips_l .apibtn{width:158px;background:#7c81e0;}
.section5 .tips_l .apibtn,.section5 .imgbox .apibtn{background:#56b8b1;}
.section1 .tips_l .apibtn:hover,.section1 .imgbox .apibtn:hover{color:#7b82e2; background:#FFF;}
.section2 .tips_l .apibtn:hover,.section2 .imgbox .apibtn:hover{color:#56b8b0; background:#FFF;}
.section3 .tips_l .apibtn:hover,.section3 .imgbox .apibtn:hover{color:#f27797; background:#FFF;}
.section4 .tips_l .apibtn:hover{color:#0901a1; background:#FFF;}
.section5 .tips_l .apibtn:hover,.section5 .tips_l .apibtn:hover{color:#034337; background:#FFF;}
.icon{float:left; margin-right:15px;margin-top: 3px;background:url(../images/service_app.png)  no-repeat;
}
.icon3{height:17px;width:91px;background-position:0 0;}
.icon4{height:17px;width:212px;background-position:0 -51px;}
.icon2{height:17px;width:130px;background-position:0 -34px;}
.icon1{height:18px;width:212px;background-position:0 -51px;}
.icon5{height:17px;width:91px;background-position:0 -34px;}
.jian{background:url(../images/jian.png)  no-repeat;position: absolute;bottom: 0;left: 50%;width: 56px;margin-left: -28px;}
.jian2{height:28px;width:56px;background-position:0 -140px;}
.jian1{height:28px;width:56px;background-position:0 -168px;}
.jian4{height:28px;width:56px;background-position:0 -196px;}
.jian3{height:28px;width:56px;background-position:0 -224px;}

.contentwrap .contips .tybtn{float:right; line-height:24px; padding-right:40px; line-height:24px; text-decoration:underline; color:#FFF;
}
.yewu{text-decoration:none!important;}
.section1 .contips .tybtn:hover{color:#060089;
}
.section2 .contips .tybtn:hover{color:#034237;
}
.section3 .contips .tybtn:hover{color:#850b30;
}
.section5 .contips .tybtn:hover{color:#034337;
}
.section6 .overcontent{width:100%; overflow:hidden;
}
.overcontent .div1{width:100%; height:768px;
}
.overcontent .div1 .div1_con{width:1144px; overflow:hidden; margin:0 auto;
}
.overcontent .div1 .title{height:30px; text-align:center; padding:70px 0 51px 0;
}
.overcontent .div1 .taglist{margin-left:108px; height:49px; font-size:14px; font-family:'宋体';
}
.div1 .taglist a{float:left; width:132px; height:49px; line-height:49px; color:#2b4454; font-weight:bold; 
}
.div1 .taglist a:hover, .div1 .taglist a.current{background:#2b4454; color:#FFF;
}
.div1 .taglist .con{float:left; line-height:49px;
}
.div1 .taglist em{float:left; width:17px; height:17px; background:url(../images/service_img33.png) 0 0 no-repeat; 
}
.div1 .taglist .tag1{margin:15px 8px 0 20px;
}
.div1 .taglist .tag2{background-position: 0 -50px; margin:16px 8px 0 22px;
}
.div1 .taglist .tag3{background-position: 0 -100px; margin:16px 7px 0 30px;
}
.div1 .taglist .tag4{background-position: 0 -150px; margin:15px 8px 0 21px;
}
.div1 .taglist .tag5{background-position: 0 -200px; margin:17px 8px 0 23px;
}
.div1 .taglist .tag6{background-position: 0 -250px; margin:18px 8px 0 21px;
}
.taglist a:hover .tag1, .taglist a.current .tag1{background-position: 0 -300px;
}
.taglist a:hover .tag2, .taglist a.current .tag2{background-position: 0 -350px;
}
.taglist a:hover .tag3, .taglist a.current .tag3{background-position: 0 -400px;
}
.taglist a:hover .tag4, .taglist a.current .tag4{background-position: 0 -450px;
}
.taglist a:hover .tag5, .taglist a.current .tag5{background-position: 0 -500px;
}
.taglist a:hover .tag6, .taglist a.current .tag6{background-position: 0 -550px;
}
.div1 .taglist .line{width:1px; float:left; color:#e4e8ec; margin:17px 13px 0;
}
.overcontent .div1 .conwrap{width:100%; height:567px; border-top:#2b4454 solid 1px; background:#e1e7ee; font-size:14px; font-family:'宋体';
}
.overcontent .div1 .content{padding-left:116px; width:1028px; height:100%; position:relative; *position:static; display:none;
}
.overcontent .div1 .content1{background:url(../images/service_img34.jpg) right 89px no-repeat;
}
.overcontent .div1 .content2{background:url(../images/service_img51.jpg) right 94px no-repeat;
}
.overcontent .div1 .content3{background:url(../images/service_img52.jpg) right 93px no-repeat;
}
.overcontent .div1 .content4{background:url(../images/service_img40.jpg) right 94px no-repeat;
}
.overcontent .div1 .content5{background:url(../images/service_img41.jpg) right 94px no-repeat;
}
.overcontent .div1 .content6{background:url(../images/service_img53.jpg) right 93px no-repeat;
}
.conwrap .content .stitle{line-height:24px; padding:59px 0 11px 0; color:#333333; font-size:14px;
}
.conwrap .content .con{color:#888888; line-height:24px; padding-bottom:32px;
}
.conwrap .content dl{height:61px; overflow:hidden; margin-bottom:14px; width:320px;
}
.conwrap dl dt{float:left; width:58px; height:58px;
}
.conwrap dl dd{float:left; padding:4px 0 0 9px;
}
.conwrap dl .icon{display:block; width:58px; height:58px; background:url(../images/service_img35.png) 0 0 no-repeat;
}
.conwrap dl .icon2{background-position: 0 -58px;
}
.conwrap dl .icon3{background-position: 0 -116px;
}
.conwrap dl .icon4{background-position: 0 -174px;
}
.conwrap dl .icon5{background-position: 0 -232px;
}
.conwrap dl .icon6{background-position: 0 -290px;
}
.conwrap dl .icon7{background-position: 0 -348px;
}
.conwrap dl .icon8{background-position: 0 -406px;
}
.conwrap dl .icon9{background-position: 0 -464px;
}
/*.conwrap dl .icon1:hover{background-position: 0 -522px;
}
.conwrap dl .icon2:hover{background-position: 0 -580px;
}
.conwrap dl .icon3:hover{background-position: 0 -638px;
}
.conwrap dl .icon4:hover{background-position: 0 -696px;
}
.conwrap dl .icon5:hover{background-position: 0 -754px;
}
.conwrap dl .icon6:hover{background-position: 0 -812px;
}
.conwrap dl .icon7:hover{background-position: 0 -870px;
}
.conwrap dl .icon8:hover{background-position: 0 -928px;
}
.conwrap dl .icon9:hover{background-position: 0 -986px;
}*/
.conwrap .content .link{display:block; line-height:24px; padding-left:10px; color:#333333; text-decoration:underline; font-weight:bold;
}
/*.conwrap .content .link:hover{color:#00af83;
}*/
.conwrap .content .tips{line-height:24px; color:#888888;
}
.conwrap .content .morelink{line-height:24px; margin-top:16px; color:#333333; text-decoration:underline; background:url(../images/service_img77.png) right 6px no-repeat; padding-right:22px;
}
.conwrap .content .morelink:hover{color:#00af83; background:url(../images/service_img77.png) right -34px no-repeat;
}
/* .conwrap .morelink .icon{display:inline-block; width:15px; height:12px; background:url(../images/service_img77.png) 0 0 no-repeat; margin:6px 0 0 10px; float:right;
} */
.conwrap .morelink:hover .icon{background-position: 0 -12px;
}
.overcontent .div1 .point{display:block; width:175px; height:29px; position:absolute; *display:none;
}
.overcontent .div1 .a1{top:85px; right:255px;
}
.overcontent .div1 .a2{top:176px; right:500px;
}
.overcontent .div1 .a3{width:145px; top:135px; right:71px;
}
.overcontent .div1 .a4{top:221px; right:119px;
}
.overcontent .div1 .a5{top:329px; right:295px;
}
.overcontent .div1 .a6{width:188px; top:196px; right:312px;
}
.overcontent .div1 .a7{top:284px; right:341px;
}
.overcontent .div1 .a8{top:339px; right:463px;
}
.overcontent .div1 .a9{top:275px; right:332px;
}
.overcontent .div1 .a10{top:327px; right:94px;
}
.overcontent .div1 .a11{width:145px; top:129px; right:123px;
}
.overcontent .div1 .a12{width:188px; top:199px; right:312px;
}
.overcontent .div1 .a13{top:220px; right:38px;
}
.overcontent .div1 .a14{top:259px; right:478px;
}
.overcontent .div1 .a15{top:276px; right:213px;
}
.overcontent .div1 .a16{width:188px; top:199px; right:312px;
}
.overcontent .div1 .a17{top:224px; right:119px;
}
.overcontent .div1 .a18{top:287px; right:341px;
}
.overcontent .div1 .a19{top:343px; right:463px;
}
.overcontent .div1 .a20{top:379px; right:192px;
}
.overcontent .div1 .a21{width:145px; top:128px; right:85px;
}
.overcontent .div1 .a22{width:188px; top:200px; right:312px;
}
.overcontent .div1 .a23{top:225px; right:120px;
}
.overcontent .div1 .a24{top:281px; right:332px;
}
.overcontent .div1 .a25{top:332px; right:442px;
}
.overcontent .div2{width:100%; height:120px; background:#2b4454;
}
.overcontent .div2 .div2_con{width:1034px; overflow:hidden; margin:0 auto;
}
.overcontent .div3{width:100%; height:457px; background:url(../images/service_img42.jpg) 50% 0 no-repeat;
}
.overcontent .div3 .div3_con, .overcontent .div4 .div4_con, .overcontent .div5 .div5_con{width:1144px; overflow:hidden; margin:0 auto;
}
.overcontent .div3_con .numcon{line-height:84px; text-align:center; padding:124px 0 15px 0; font-size:90px; color:#FFF; font-family:'Microsoft YaHei'; overflow:hidden;
}
.div3_con .numcon .num{display:inline-block; line-height:84px; font-family:'Arial';
}
.div3_con .numcon .minutes{display:inline-block; font-size:30px; line-height:32px; padding-left:14px;
}
.overcontent .div3_con .content{line-height:24px; font-size:14px; color:#aaaaaa; font-family:'宋体'; text-align:center; padding:0 0 40px 0;
}
.overcontent .div3_con .voicebtn{display:block; width:216px; height:48px; line-height:48px; text-align:center; background:url(../images/service_img43.png) 0 0 no-repeat; font-size:20px; color:#FFF; font-family:'Microsoft YaHei'; letter-spacing:3px; margin:0 auto;
}
.overcontent .div3_con .voicebtn:hover{background-position: 0 -48px;
}
.overcontent .div4{width:100%; height:335px; background:url(../images/service_img44.jpg) 50% 0 no-repeat;
}
.overcontent .div4_con .percentlist{padding:59px 0 0 40px; overflow:hidden;
}
.div4_con .percentlist dl{float:left; overflow:hidden;
}
.div4_con .percentlist .dl1{width:274px;
}
.div4_con .percentlist .dl2{width:265px;
}
.div4_con .percentlist .dl3{width:284px;
}
.div4_con .percentlist .dl4{width:281px;
}
.div4_con .percentlist dt{float:left;
}
.div4_con .percentlist dd{float:left; padding:78px 0 0 2px; overflow:hidden;
}
.div4_con .percentlist .iconbox{height:24px; overflow:hidden;
}
.percentlist .iconbox em{float:left; width:30px; height:24px; line-height:24px; font-size:24px; font-family:'Microsoft YaHei'; color:#ff9800;
}
.percentlist .iconbox .icon2{color:#f44336; 
}
.percentlist .iconbox .icon3{color:#2196f3; font-style:italic;
}
.percentlist .iconbox .icon4{color:#9c27b0;
}
.div4_con .percentlist .stitle{line-height:24px; font-family:'Microsoft YaHei'; font-size:18px; color:#FFF; padding:13px 0 15px 0; font-weight:normal; letter-spacing:1.5px;
}
.div4_con .percentlist .content{font-size:14px; font-family:'宋体'; line-height:24px; color:#888888;
}
.overcontent .div5{width:100%; height:560px;background: #e1e7ee;
}
.overcontent .div5_con .title{height:30px; text-align:center; padding:49px 0 41px 0;
}
.overcontent .div5_con .tips{line-height:24px; text-align:center; padding-top:18px; font-size:14px; color:#000000; font-family:'宋体';
}
.div5_con .tips .link{color:#003cff; text-decoration:underline;
}
/*体验部分*/
.div5_con .tastelist{width:560px; overflow:hidden; margin:0 auto;
}
.tastelist li{width:264px; height:353px; float:left; margin:0 30px 0 0; background:url(../images/tastebg.png) left top no-repeat;
}
.tastelist .mr{margin-right:0;
}
.tastelist .taste_t{width:100%; height:264px; overflow:hidden;
}
.tastelist .taste_b{width:100%; height:72px;
}
.tastelist .stitle{margin:0 auto;
}
.tastelist .title1{width:178px; height:52px;background:url(../images/taste_img10_5.png) left top no-repeat;margin-top:17px;
}
.tastelist .title2{width:175px; height:48px;background:url(../images/taste_img10_3.png) left top no-repeat;margin-top:19px;
}
.tastelist .title3{width:205px; height:53px;background:url(../images/taste_img10_7.png) left top no-repeat;margin-top:17px;
}
.tastelist .imgbox3{width:116px; height:104px;margin:20px auto 23px;background:url(../images/taste_img13.png) left top no-repeat; 
}
.tastelist .imgbox6{width:116px; height:107px;margin:15px auto 25px; background:url(../images/taste_img15.png) left top no-repeat;
}
.tastelist .imgbox7{width:119px; height:110px;margin:5px auto 29px;background:url(../images/taste_img17.png) left top no-repeat;
}
.tastelist li .tastebtn{display:block; width:196px; height:28px; line-height:28px; text-align:center; font-size:14px; color:#FFF; font-family:'Microsoft YaHei'; background:url(../images/taste_img24.png) 0 0 no-repeat; margin:0 auto;
}
.tastelist li .tastebtn:hover{background-position: 0 -274px; color:#FFF;
}
.tastelist .taste_b .titlecon{line-height:24px; padding:11px 16px 0; overflow:hidden; font-size:12px; font-family:'宋体'; 
}
.tastelist .titlecon .small_t{float:left; height:14px; line-height:14px; margin-top:5px; color:#888888; font-weight:bold; padding-right:12px; border-right:#888888 solid 2px;
}
.tastelist .titlecon .total_num{float:right; line-height:24px; color:#aaaaaa; padding-left:21px; /* background:url(../images/taste_img25.png) left 5px no-repeat; */
}
.tastelist .taste_b .con{line-height:24px; padding:0 10px 0 16px; color:#aaaaaa; font-size:12px; font-family:'宋体';
}
































@media screen and (min-width:1920px){
.dowebok .section1, .dowebok .section2, .dowebok .section3, .dowebok .section4, .dowebok .section5{background-size:100% 100%;
}
}
/*@media screen and (max-width: 1680px){
.section1 .imgbox{margin:14% 0;
}
.section2 .imgbox{margin:12% 0;
}
.section3 .imgbox{margin:14% 0;
}
.section4 .imgbox{margin:10% 0;
}
}
@media screen and (max-width: 1440px){
.section1 .imgbox{margin:10% 0;
}
.section2 .imgbox{margin:9% 0;
}
.section3 .imgbox{margin:12% 0;
}
.section4 .imgbox{margin:8% 0;
}
}
@media screen and (max-width: 1280px){
.dowebok .section1, .dowebok .section2, .dowebok .section3, .dowebok .section4{background-size:100% 100%;
}
.section1 .imgbox{margin:5% 0;
}
.section2 .imgbox{margin:4% 0;
}
.section3 .imgbox{margin:7% 0;
}
.section4 .imgbox{margin:3% 0;
}
}
@media all and (min-height:900px) and (max-height:1050px){

.section1 .imgbox{margin:24% 0 15% 0;
}
.section2 .imgbox{margin:20% 0 15% 0;
}
.section3 .imgbox{margin:23% 0 18% 0;
}
.section4 .imgbox{margin:21% 0 12% 0;
}
}
@media all and (min-height:800px) and (max-height:900px){

.section1 .imgbox{margin:17% 0 16% 0;
}
.section2 .imgbox{margin:17% 0 13% 0;
}
.section3 .imgbox{margin:20% 0 16% 0;
}
.section4 .imgbox{margin:18% 0 10% 0;
}
}
@media all and (min-height:700px) and (max-height:800px){

.section1 .imgbox{margin:10% 0;
}
.section2 .imgbox{margin:11% 0 6% 0;
}
.section3 .imgbox{margin:17% 0 6% 0;
}
.section4 .imgbox{margin:10% 0 5% 0;
}
}
@media all and (min-height:300px) and (max-height:700px){

.section1 .imgbox{margin:10% 0 4% 0;
}
.section2 .imgbox{margin:11% 0 4% 0;
}
.section3 .imgbox{margin:17% 0 4% 0;
}
.section4 .imgbox{margin:10% 0 3% 0;
}
}*/