@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}
img{border:0;}
body { font: 14px/1.6 "Microsoft Yahei";}
.inner { position: relative; width: 1100px; margin: 0 auto;}
.dowebok-hd { position: fixed; z-index: 1000; width: 100%; height: 80px; background:#333;}
.dowebok-bottom { position: fixed; bottom:0; z-index: 1000; width: 100%; height: 55px; background:#161415;}
.dowebok-bottom h1{width:1000px;height:55px;margin:0 auto;background:url(../images/foot_tel.jpg) center no-repeat; position:relative}
.dowebok-bottom h1 .zixun_btn{ position:absolute;top:12px;left:420px;}

.dowebok-hd h1 { float: left; width: 469px; height: 52px; margin-top: 15px;}
.dowebok-hd h1 a { display: block; width: 469px; height: 52px; text-indent: -9999px; background-image: url(../images/xz_logo.png);}
.dowebok-hd .nav { float: right; list-style-type: none;}
.dowebok-hd .nav li { float: left; margin-left: 5px;}
.dowebok-hd .nav a { float: left; padding: 0 20px; line-height: 100px; color: #fff; text-decoration: none;font-size:16px;}
.dowebok-hd .nav a:hover { height: 80px;background:#151515 }

#dowebok { margin-top: 64px;}
#dowebok .section { background: url(../images/section_bg.jpg) 0 0 repeat-x;}
#dowebok .inner { width: 1000px; height: 100%;}
#dowebok .inner2 { width: 1400px; height: 100%;}
#dowebok .section1 { background-color: #212121; background-image: none;}
#dowebok .section1 { background-color: #fff; background-image: none;}
#dowebok .section1 .fp-tableCell { vertical-align: top;}
#dowebok .section1 .xz_banner01{height:100%;display:block; overflow: hidden;background:url(../images/banner01.jpg) 50% 0 no-repeat;}
#dowebok .section1 .xz_banner01 h2{width:992px; height: 280px; display:block; position:absolute;top:20%;}
#dowebok .section1 .xz_banner01 h3{width:468px; height: 57px; display:block; text-align:center;position:absolute;top:60%; left:260px; }


#dowebok .section1 .gojd { display: block; height: 100%; text-indent: -9999px; overflow: hidden; background: url(../images/slider.jpg) 50% 0 no-repeat;}
#dowebok .section2 .xz_banner02{ display: block; height: 100%; text-indent: -9999px; overflow: hidden;background: url(../images/xz_banner02.png) 50% 0 no-repeat;}
#dowebok .section2 .img1 { position: absolute; right:-60px; top: 15%;}
#dowebok .section2 .txt { position: absolute; left: 0; top: 25%; width: 450px;}
#dowebok .section2 h2 { height: 51px; margin-bottom: 10px; background: url(../images/xz_banner02_h2.png) 0 0 no-repeat;}
#dowebok .section2 h3 { height: 47px; margin-bottom: 10px; background: url(../images/wimg01.png) 0 0 no-repeat;}
#dowebok .section2 p { padding: 5px 0; line-height: 18px; font-size: 16px;font-family:"黑体"}
#dowebok .section2 .icon { height: 49px; display:block;margin-top:50px;margin-left:46px;}

#dowebok .section3 .xz_banner03{display: block; height: 100%;  overflow: hidden;background: url(../images/xz_banner03.png) 50% 0 no-repeat;}
#dowebok .section3 .img1 { position: absolute; left:0; top: 15%;}
#dowebok .section3 .txt { position: absolute; right: 0px; top: 25%; width: 513px;}
#dowebok .section3 h2 { height: 51px; margin-bottom: 10px; background: url(../images/xz_banner03_h2.png) 0 0 no-repeat;}
#dowebok .section3 h3 { height: 67px; margin-bottom: 10px; background: url(../images/wimg02.png) 0 0 no-repeat;}
#dowebok .section3 p { padding: 5px 0; line-height: 22px; font-size: 16px;color:#fff}
#dowebok .section3 .icon { height: 49px;display:block;margin-top:20px;margin-top:50px;margin-left:46px;}



#dowebok .section4 .img1 { position: absolute; left: -160px; top: 5%;}
#dowebok .section4 .anli { position: absolute; right: 0; top: 10%; width: 1000px;}
#dowebok .section4 .anli h2 {width:1000px; height: 179px;margin-top:50px; text-align:center;float:left;}
#dowebok .section4 p { padding: 20px 0; line-height: 30px; font-size: 16px;display:inline-block}
#dowebok .section4 .icon { height: 111px; background: url(../images/slider4_icon.png) 0 0 no-repeat;}
#dowebok .section4 .anlilist{width:1000px;height:auto;padding-bottom:20px; position:relative;display:none;}
#dowebok .section4 .anlilist li{width:233px;height:239px;margin-right:10px;float:left; list-style:none;border:1px solid #ccc;font-size:12px;padding:2px;background:#eee; position:relative}
#dowebok .section4 .anlilist li b{line-height:26px;font-size:16px;display:block;padding:5px 0 5px 10px;}
#dowebok .section4 .anlilist li h5{padding: 0 10px 10px 10px;font-style:normal;font-weight:normal;font-size:12px;}
#dowebok .section4 .anlilist li img.sltImg{display:block;width:233px;height:130px;padding:0;margin:0}
#dowebok .section4 .anlilist li p{width:232px;height:0px;overflow:hidden;background:#000000;opacity:0.6;filter:alpha(opacity:60);position:absolute;top:2px;left:3px;text-align:Center;padding:0;}
#dowebok .section4 .anlilist .caseimg{width:50px;height:50px;position:absolute;top:40px;left:90px;}
.indexCaseLiHover{background:url(../images/bgli.jpg)  center top no-repeat}


#dowebok .section5{background:#161415}
#dowebok .section5 .erwm{width:100%;height:60%;background:#fff; }
#dowebok .section5 .erwmimg{ width: 1000px;margin:0 auto;}
#dowebok .section5 .erwmimg h2 {width:1000px; height: 340px;padding-top:6%;text-align:center;}
#dowebok .section5 .adress{width:1000px;height:40%; margin:0 auto; }
#dowebok .section5 .adress h2 {width:1000px; height: 185px;text-align:center;}
#dowebok .section5 p { width: 550px; padding: 20px 0; line-height: 30px; font-size: 16px;}
#dowebok .section5 .icon { margin-right: 15px;}
#video1,#video2,#video3,#video4{width:600px;height:337px;padding: 15px 10px 10px 10px;overflow:hidden}


#fp-nav span, .fp-slidesNav span { border: 1px solid #999;}
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #686868;}
/*客服*/
.toolbar-item,.toolbar-layer{background: url(http://www.hqyj.com/emb/templets/default/images/infor.png) no-repeat;}
.toolbar{position:fixed;right:40px;top:210px;z-index:9999;}
.toolbar-item{display:block;width:56px;height:56px; border-radius:50%; margin-top:8px;position:relative;-moz-transition:background-position 0.5s;-ms-transition:background-position 0.5s;-o-moz-transition:background-position 0.5s;-webkit-moz-transition:background-position 0.5s;transition:background-position 0.5s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:-79px -17px; height:88px;border-radius: 30px 30px 30px 30px;}
.toolbar-item-weixin .toolbar-item-kefu{height:90px;background-position:0px -844px;}
.toolbar-item-feedback{background-position:-79px -116px;}
.toolbar-item-feedback:hover{background-position:-79px -183px;}
.toolbar-item-feedback .toolbar-item-kefu{height:90px;background-position:0px -844px;bottom: -28px;}
.toolbar-item-app{background-position:-79px -253px;}
.toolbar-item-app:hover{background-position:-79px -324px;}
.toolbar-item-app .toolbar-item-jishu{height:71px;background-position:0 -933px;}
.toolbar-item-dianhua{background-position:-79px -392px;}
.toolbar-item-dianhua:hover{background-position:-79px -464px;}
.toolbar-item-dianhua .toolbar-item-telphone{height:71px;background-position:0 -933px;}
.toolbar-item-erweima{background-position:-79px -530px;}
.toolbar-item-erweima:hover{background-position:-79px -597px;}
.toolbar-item-erweima .toolbar-item-soulou{height:160px;background-position:0 -664px;right: 22px; bottom: -104px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:236px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.zixun_left_img{ float:left; width:42px; height:auto; margin-top: 25px;margin-left: 27px;}
.zixun_left_p{ font-size:14px; color:#666; font-weight:bold; float:left; text-align:left;}
.zixun_left_p span{ font-size:14px; color:#666; display:block;font-weight: normal; margin-top:10px; margin-bottom:6px;}
.kefu_a{ font-size:14px; color:#fff; width:114px; height:32px; line-height:32px; text-align:center; display:inline-block; background:#ff4669; border-radius:5px;}
.ziliao_a{font-size:14px; color:#fff; width:114px; height:32px; line-height:32px; text-align:center; display:inline-block; background:#ffb027; border-radius:5px;}
.ziliao_img{margin: 27px 0px; margin-left: 23px;margin-right: 6px;}
.jishu_img{ margin-top:20px;}
.jishu_p span{ margin-bottom:2px;margin-top: 12px;}
.telphone_img{ margin-top:22px; margin-right:6px;}
.telphone_p span{ margin-bottom:2px;margin-top: 14px;}
.biaodan{ width:812px; height:524px; overflow:hidden; margin:0 auto; background:#fff;}
.infor{ width:440px; height:auto; margin:0 auto; text-align:left;}
.infor_mation{ font-size:20px; color:#333; padding-top:34px;padding-bottom: 20px;}
.infor_table{ width:440px; height:auto;}
.infor_tex{ width:418px; height:60px; border:1px #dfdfdf solid; border-radius:5px; font-size:14px; color:#c8c8c8;padding: 10px;}
.infor_table p{ font-size:14px; color:#333; float:left; width: 100px; text-align: right; margin-right: 10px;}
.info_input{ font-size:14px; height: 40px; width: 300px;border:none;background:#f5f5f5;}
.infor_table div{ width:418px; height:40px; border:1px #dfdfdf solid; border-radius:5px; line-height:40px; background:#f5f5f5;margin: 20px 0;}
input,.select,.option{outline:none;}
.info-sel02{font-size:14px;height: 18px; margin:11px 0; width: 300px;border:none; background:#f5f5f5;}
.infor_sum{ background:none !important; border:none !important;}
.infor_sum input{ display:inline-block; width:176px; height:42px; line-height:42px; border:0; font-size:16px; color:#fff; background:#ff2333; border-radius:5px; cursor:pointer;}