@charset "utf-8";
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei";}
.inner { position: relative; width: 1100px; margin: 0 auto;}
.dowebok-hd { position: fixed; z-index: 1000; width: 100%; height: 64px; background: url(../images/hd_bg.jpg) repeat-x left top;}
.dowebok-hd h1 { float: left; width: 126px; height: 99px;}
.dowebok-hd h1 a { display: block; width: 126px; height: 99px; }
a:link,
a:visited {
color:#ffffff;
text-decoration:none;
}
a:hover,
a:active {
color:#ff0000;
text-decoration:none;
}
.dowebok-hd .nav { float: right; list-style-type: none;}
.dowebok-hd .nav li { float: left;width:120px;}
.dowebok-hd .nav a { float: left; line-height: 64px; color: #fff; text-decoration: none;width:120px; text-align:center;}
.dowebok-hd .nav a:hover { height: 79px; background:url(../images/topcur.png) no-repeat center center; color:#ff0000;animation: bounceIn 0.5s ease 0s normal forwards 1;}
#dowebok {margin-top: 64px;}
#dowebok .section { background: url(../images/section_bg.jpg) 0 0 repeat-x;}
#dowebok .inner { width: 1100px; height: 628px;vertical-align: middle; margin: 0 auto;}
#dowebok .section1 { background-color: #212121; background-image: none;}
#dowebok .section1 .fp-tableCell { vertical-align: top;}
#dowebok .section1 .gojd { display: block; height: 100%; text-indent: -9999px; overflow: hidden; background: url(../images/slider2.jpg) 50% 0 no-repeat;}

#dowebok .section2 {background: url(../images/section2_bg.jpg) center center;background-size:100% auto;}
#dowebok .section2 .procat{ width:308px; height:536px; }
#dowebok .section2 .procat:nth-child(3n+1){background: url(../images/P1.png) center center;position: absolute;bottom: 64px;}
#dowebok .section2 .procat:nth-child(3n+2){background: url(../images/P2.png) center center;position: absolute;bottom: 64px; left:396px;}
#dowebok .section2 .procat:nth-child(3n){background: url(../images/P3.png) center center;position: absolute;bottom: 64px; left:792px;}
#dowebok .section2 .procat div{ width:160px; height:108px; position: absolute;bottom: 108px;text-align:center;left:74px;}
#dowebok .section2 .procat div h3{  font-size:28px; color:#fff;  font-weight:normal; color:#F00;}
#dowebok .section2 .procat div p{font-size:12px; color:#fff;}
#dowebok .section2 .procat div a{font-size:12px; border:1px solid #fff; padding:2px 8px; color:#fff; border-radius:5px; display:block; margin-top:5px; width:65px; margin-left:40px;}
#dowebok .section2 .procat div a:hover{color:#f00;}
#dowebok .section2 .procat #procat1{background:url(../images/p1_bg.png) center center; }
#dowebok .section2 .procat #procat2{background:url(../images/p2_bg.png) center center; }
#dowebok .section2 .procat #procat3{background:url(../images/p3_bg.png) center center; }

#dowebok .section3 {background: url(../images/section3_bg.jpg) center center;background-size:100% auto;}
#dowebok .section3 #i_about{ width:350px; height:200px; position: absolute; left:35px; bottom:100px;}
#dowebok .section3 #i_about h3{color:#fff; font-size:36px; font-weight:bold; letter-spacing:15px;}
#dowebok .section3 #i_about p{color:#fff; font-size:14px; margin-top:10px;}
#dowebok .section3 #i_about div{color:#fff; font-size:12px;}
#dowebok .section3 #i_about a{font-size:12px; border:1px solid #fff; padding:2px 8px; color:fff; border-radius:5px; display:block; margin-top:15px; width:75px; text-align:center;}
#dowebok .section3 #i_honer{width:370px; height:505px; position: absolute; left:680px; bottom:80px;}
#dowebok .section3 #i_honer div{background:url(../images/i_honer_bg.png)  no-repeat center center; height:152px; margin-bottom:24px;}
#dowebok .section3 #i_honer div p{width:164px; height:152px; display:block; float:left;}
#dowebok .section3 #i_honer div img{ padding:16px 21px; width:121px; height:121px;}
#dowebok .section3 #i_honer div .i_itms{ background:none;width:200px; height:100px; float:left; display: block; padding-top:30px;}
#dowebok .section3 #i_honer div .i_itms h6{font-size:32px;letter-spacing:5px;}
#dowebok .section3 #i_honer div .i_itms span{font-size:14px; color:#fff;}

#dowebok .section4 {background: url(../images/section4_bg.jpg) center center;background-size:100% auto;}
#dowebok .section4 .news_title{ color:#55b3e6; font-size:24px; margin-top:370px; font-weight:bold; background: url(../images/section4_bg_lf.png) center center;padding-left:10px; width:660px;}
#dowebok .section4 #news{width:660px; float:left; height:220px;}
#dowebok .section4 #news ul{height:170px; width:660px; padding-left:10px; padding-top:40px;background: url(../images/section4_bg_lf.png) center center;}
#dowebok .section4 #news ul li{ width:220px; height:35px; display:block; float:left; margin-bottom:10px;}
#dowebok .section4 #news ul li a p{font-size:12px;color:#0064b0; line-height:17px;width:220px;}
#dowebok .section4 #news ul li a:hover p{color:#ff0000;}
#dowebok .section4 #news .more{ position:absolute; bottom:50px; left:520px;}
#dowebok .section4 #news .more a{font-size:12px; border:1px solid #55b3e6; padding:2px 8px; color:#55b3e6; border-radius:5px; display:block; margin-top:15px; width:75px; text-align:center;}
#dowebok .section4 #news .more a:hover{color:#f00;}
#dowebok .section4 #itm_news{width:430px; float:left;}
#dowebok .section4 #itm_news a{ width:430px; height:170px; display:block; padding-top:30px; padding-left:40px; font-family:"Microsoft Yahei"; font-size:24px; font-weight:bold;}
#dowebok .section4 #itm_news a:nth-child(3n){ padding-top:55px;}
#dowebok .section4 #itm_news a:nth-child(3n){background:url(../images/section4_bg_x3.jpg) center center;}
#dowebok .section4 #itm_news a:nth-child(3n+2){background:url(../images/section4_bg_x2.jpg) center center;}
#dowebok .section4 #itm_news a:nth-child(3n+1){background:url(../images/section4_bg_x1.jpg) center center;}

#dowebok .section5 {background: url(../images/section5_bg.jpg) center center;background-size:100% auto;}
#dowebok .section5 .zhao_title{ font-size:42px; padding-top:90px; color:#fff; text-align:center; letter-spacing:15px;}
#dowebok .section5 .zhao_title span{ font-size:20px; font-family:"Microsoft Yahei Light";letter-spacing:3px; font-weight:normal;}
#dowebok .section5 .zhao_add{width:850px; height:262px; margin:30px auto; background:url(../images/zhao_add_bg.png) no-repeat center center;}
#dowebok .section5 .zhao_add #zhao_add_title{ color:#55b3e6; font-size:20px; font-weight:bold; padding-left:45px; padding-top:30px; letter-spacing:5px;}
#dowebok .section5  #zhao_add_cont img{ width:169px; height:120px; padding:24px; display:block; float:left;}
#dowebok .section5  #zhao_add_cont div{ width:600px; height:222px; display:block;float:left;}
#dowebok .section5  #zhao_add_cont div ul {padding-top:24px;}
#dowebok .section5  #zhao_add_cont div ul li{ width:180px; height:35px; display:block; float:left; margin-bottom:35px; margin-right:20px;}
#dowebok .section5  #zhao_add_cont div ul li a p{font-size:12px;color:#0064b0; line-height:17px;width:180px;}
#dowebok .section5  #zhao_add_cont div ul li a:hover p{color:#ff0000;}
#dowebok .section5  #zhao_add_cont div .more a{font-size:12px; border:1px solid #55b3e6; padding:2px 8px; color:#55b3e6; border-radius:5px; display:block; margin-left:400px; width:75px; text-align:center;}
#dowebok .section5  #zhao_add_cont div .more a:hover{ color:#f00;}

#dowebok .section6 {background: url(../images/section6_bg.jpg) no-repeat center center;background-size:100% auto; }
#i_contact{ width:300px; height:243px; background:url(../images/contact_bg.png) no-repeat center center; position:absolute; top:65px; }
#i_contact h3{ font-size:42px; padding-top:20px; color:#fff; text-align:center; letter-spacing:15px; line-height:60px;}
#i_contact span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;letter-spacing:3px; font-weight:normal; color:#fff; padding-left:35px;}
#i_contact div{color:#fff; padding-left:35px; font-size:14px; width:220px;}
#i_contact div p{line-height:20px; margin-bottom:5px;}
#i_contact div p span{font-size:14px; padding-left:42px;letter-spacing:0px;}
#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 {width: 12px;height: 12px;background: #fff;border-radius: 50%;}
#fp-nav li .active span, .fp-slidesNav.active span { width: 12px;height: 12px;background: #ff0016;border-radius: 50%;}

#slides {
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
#slides a{
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -999;
	background-size:100% 100%;
}
.inner2{
	width:1100px;
	margin: 0 auto;
	height:100%;
	position: relative;
}
.inner2c {
	position: absolute;
	top: 50%;
	margin-top: -150px;
	height: 300px;
	width:1100PX;
	text-align:center;
}
#slides .inner2 p#b1_it1{
	text-align:center;
	font-size:60px;
	color:#ff0016;
	letter-spacing:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: -1px -1px white,1px 1px #333;
	
}
#slides .inner2 p#b1_it2{
	text-align:center;
	font-size:48px;
	color:#55b3e6;
	letter-spacing:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: -1px -1px white,1px 1px #333;


}
#slides .inner2 p#b1_it3{
	text-align:center;
	font-size:40px;
	color:#fff;
	font-family: "Microsoft Yahei";
	font-weight:bold;
    text-shadow:#ccc 1px 0 0,#ccc 0 1px 0,#ccc -1px 0 0,#ccc 0 -1px 0;
    -webkit-text-shadow:#ccc 1px 0 0,#ccc 0 1px 0,#ccc -1px 0 0,#ccc 0 -1px 0;
    -moz-text-shadow:#ccc 1px 0 0,#ccc 0 1px 0,#ccc -1px 0 0,#ccc 0 -1px 0;
    *filter: Glow(color=#ccc, strength=1);

}

#slides .inner2 p#b2_it1{
	text-align:center;
	font-size:60px;
	color:#ff0016;
	letter-spacing:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: -1px -1px white,1px 1px #333;
}
#slides .inner2 p#b2_it2{
	text-align:center;
	font-size:48px;
	color:#55b3e6;
	letter-spacing:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: -1px -1px white,1px 1px #333;

}

#slides .inner2 p#b3_it1{
	text-align:center;
	font-size:60px;
	color:#ff0016;
	letter-spacing:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: -1px -1px white,1px 1px #333;
	background: url(../images/section4_bg_lf.png) repeat-x;
}
#slides .inner2 p#b3_it2{
	text-align:center;
	font-size:48px;
	color:#55b3e6;
	letter-spacing:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: -1px -1px white,1px 1px #333;
	background: url(../images/section4_bg_lf.png) repeat-x;

}

.footer { text-align: left; display: inline-block; width:1100px;position:absolute; bottom:70px;/* background:#55b3e6;*/ height:170px; }
.pos { background: #ededed; width: 100%; height: 30.1%; bottom: -200px; position: absolute; opacity: 0.5; transition: 0.5s ease 0s; }
.section.active .pos { opacity: 1; bottom: 0; transition: 0.7s ease 0.3s; }
.footer-menu, .bq-box, .erweima, .footer-menu>li { float: left; }
.footer-menu>li p { margin-bottom: 16%; margin-bottom: 1.3vw; color: #ffffff; font-size: 14px; }
.footer-menu { width: 51.5%; padding-top:10px; padding-left:10px; }
.footer-menu>li { width: 16.6666667%;line-height: 20px; }
.footer-menu>li ul li a { line-height: 20px; font-size: 12px; color: #fff; width: 100%; }
.friend-link a { width: 160px; background: #ffffff; line-height: 28px; font-size: 14px; text-align: center; display: inline-block; color: #55b3e6; }
.sanjiao { margin-left: 10px; border-style: solid; border-color: #fff transparent transparent; border-width: 4px 4px 0; vertical-align: middle; display: inline-block; }
.friend-link {  display: inline-block; position: relative; margin-top:40px;}
.bq { line-height: 28px; font-size: 14px; color: #fff; padding-top:60px;}
.bq-box { width: 31%; margin-left: 3.4%; padding-top:10px;}
.friend-link:hover .friend-box { z-index: 1; transition: 0.3s linear 0s; display: block; margin-top:40px; }
.friend-link .friend-box { height: 210px; transition: 0.3s linear 0s; display: none; position: absolute; z-index: -1; overflow: auto; width: 100%; top: -210px; }
.erweima img { max-width: none !important; margin-right: 0 !important; width: 100%; display: block; }
.erweima { width: 9%; color: #ffffff; text-align: center; font-size: 14px; line-height: 28px; padding-top:20px; margin-left:2%;}
.friend-box a { color: #fff; background: #55b3e6; transition: 0.3s linear 0s; }
.friend-link ul a { padding: 8px 5px; line-height: normal; display: block; width: auto; }
.friend-box a:hover { background: #ffffff; color: #55b3e6; transition: 0.3s linear 0s; }
ul li{list-style-type:none;}