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

* { margin: 0; padding: 0;}
body { font: 14px/1.6 "Microsoft Yahei";}
.qc{ clear:both;}



/*ph top*/
.head{ display:none;}
@media only all and (max-width: 767px){.head{ display: block;}}


/*pc top*/
.inner { position: relative;  width: 98%; margin:0px auto;}
.dowebok-hd { position: fixed; z-index: 1000; width: 100%; height: 78px;}
.dowebok-hd h1 { float: left; width: 230px; height: 68px; margin-top: 10px;}
.dowebok-hd h1 a { display: block; width: 230px; height: 78px; text-indent: -9999px; background: url(../images/logo.png) no-repeat left center;}
.dowebok-hd .nav { float: right; list-style-type: none;}
.dowebok-hd .nav li { float: left; margin-left: 15px; padding-top:30px;}
.dowebok-hd .nav a { float: left; padding: 0 10px; line-height: 35px; color: #666; text-decoration: none; font-size:14px;}
.dowebok-hd .nav a:hover { height: 35px; border-bottom: 2px solid #C00;}
@media only all and (max-width: 767px){.dowebok-hd{ display: none;}}


#dowebok { padding-top:0px;}
#dowebok .section { background: url(../images/section_bg.jpg) 0 0 repeat-x;}
#dowebok .inner { width: 960px; height: 100%;}

#dowebok .section1 { background:url(../images/banner_bg1.jpg) no-repeat center bottom; background-size: cover;}


#dowebok .section2 { background:url(../images/case_bg.jpg) ; width:100%;}
.in_case{ width:1000px; margin:0px auto;}
.in_caseimg{ width:35%; float:left; margin:0px 10%;}





#dowebok .section3 h2 { width: 577px; height: 90px; margin: 0 auto; text-indent: -9999px; background-image: url(../images/slider3_title.png);}
#dowebok .section3 img { display: block; margin: 2% auto;}
#dowebok .section3 .txt { line-height: 30px; text-align: center;}
#dowebok .section3 .fp-controlArrow { width: 100px; height: 100px; margin-top: -50px; border: 0 none;}
#dowebok .section3 .fp-prev { left: 150px; background: url(../images/left_control.png) 50% no-repeat;}
#dowebok .section3 .fp-next { right: 150px; background: url(../images/right_control.png) 50% no-repeat;}

#dowebok .section4 .img1 { position: absolute; left: -160px; top: 5%;}
#dowebok .section4 .txt { position: absolute; right: 0; top: 12%; width: 650px;}
#dowebok .section4 h2 { height: 90px; margin-bottom: 10px; background: url(../images/slider4_title.png) 0 0 no-repeat;}
#dowebok .section4 p { padding: 20px 0; line-height: 30px; font-size: 16px;}
#dowebok .section4 .icon { height: 111px; background: url(../images/slider4_icon.png) 0 0 no-repeat;}

#dowebok .section5 .img1 { position: absolute; right: -460px; top: 180px;}
#dowebok .section5 .txt { position: absolute; left: 0; top: 8%; width: 680px;}
#dowebok .section5 h2 { height: 90px; margin-bottom: 10px; background: url(../images/slider5_title.png) 0 0 no-repeat;}
#dowebok .section5 p { width: 550px; padding: 20px 0; line-height: 30px; font-size: 16px;}
#dowebok .section5 .icon { margin-right: 15px;}

#dowebok .ft { position: absolute; left: 0; bottom: 64px; width: 960px; background-color: rgba(255, 255, 255, 0.7);}
#dowebok .ft-link { padding: 10px 0; overflow: hidden; zoom: 1;}
#dowebok .more-links { float: left; padding: 0 60px; border-right: 1px solid #e7e8e8;}
#dowebok .ft-link .first { padding-left: 100px;}
#dowebok .more-links h3 { font-size: 14px; color: #7d7d7d;}
#dowebok .more-links ul { list-style-type: none;}
#dowebok .more-links a { color: #676767; text-decoration: none;}
#dowebok .service { float: right; padding-right: 100px; background: url(../images/phone.png) 10px 10px no-repeat;}
#dowebok .service ul { padding: 0 15px 0 56px; background-color: rgba(255, 255, 255, 0.5); list-style-type: none;}
#dowebok .service .phone { padding: 7px 0 0 10px; border-left: 1px solid #fff; font-size: 22px;}
#dowebok .service .time { border-left: 1px solid #fff; font-size: 16px; color: #adb0b4;}
#dowebok .copy { height: 50px;}
#dowebok .copy p { width: 100%; padding: 0; line-height: 18px; font-size: 12px; text-align: center; color: #a1a1a1;}

#fp-nav span, .fp-slidesNav span { border: 0px solid #999;}
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #C00;}

.jpwzal{ width:1000px; margin:0px auto; height:65px;}

.pic_name{ display:block; margin-top:0px; z-index:999999999; position:relative; height:64px; line-height:21px; font-size:13px; text-align:left; }
.pic_name span{ display:block; float:left; height:54px; padding-top:10px;}


.gengduo a{ width:80px; margin:0px auto; height:32px; border:2px solid #f03620; line-height:30px; text-align:center; display:block; color:#f03620; margin-top:55px;}
.gengduo a:hover{ color:#fff; background:#f03620;}