body{font-size:12px;padding:0;margin:0;font-family:"微软雅黑";background:#fff;color:#333;overflow-x:hidden}
div,input,button,textarea,span,small,big,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,a,em,font,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,tbody,tfoot,thead,tr,th,td,section,article,header,footer,aside,nav{padding:0;margin:0;list-style:none}
section,article,header,footer,aside,nav{padding:0;margin:0;display:block}
input,select,button,textarea{font-size:12px;font-family:5FAE8F6F96C59ED1}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance:none;cursor:pointer}
img{border:none}
a{color:#333;text-decoration:none;cursor:pointer}
a:hover{color:#d71920;text-decoration:none}
pre{font-family:微软雅黑;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:normal;}
.clear{clear:both;overflow:hidden;height:0;line-height:0}
.clearafter:after{content:"";width:100%;clear:both;height:0;overflow:hidden;display:block}
.left{float:left}
.right{float:right}
.red{color:#f41035}
/* 头部（底部二维码） */
.header{position:fixed; top:0; left:0; width:100%; z-index:1000; line-height:100px; height:100px; background-image:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_02.png);}
.header .logo{padding:20px 0 0 50px; float:left;}
.header .logo img{height:56px;}
.nav{float:right; overflow:hidden; padding-right:130px;}
.nav ul{overflow:hidden}
.nav ul li{float:left; width:102px; font-size:16px; text-align:center;}
.nav ul li a{color:#fff; display:block; text-align:center;}
.nav ul li.navcur{border-top:3px solid #f4ae13; color:#f4ae13; line-height:97px;}
.nav ul li a:hover a,.nav ul li.navcur a{color:#f4ae13;}
.mobilenav,.mobileclose{display:none; float:right; cursor:pointer; height:48px;}
.headerbg{background:#333; height:90px;}
.phoneico{float:right; color:#f4ae13; line-height:30px; font-size:20px; font-weight:normal; padding:20px 50px 0 43px; background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_03.png) no-repeat 0 center; background-position:0% 75%;}

/*案例头部*/
.headeranli{position:static; top:auto; left:auto; background:#fff; border-bottom:0;}
.headeranli .nav ul li a{color:#000000;}
.headeranli .nav ul li a:hover,.headeranli .nav ul li.navcur a{color:#f4ae13;}
.headeranli .phoneico{color:#f4ae13; background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_03.png) no-repeat 0 center; background-position:0% 75%;}

/*关于头部*/
.guanyuheader{border-bottom:0; background:#222;}
.guanyuheader .nav ul li a{color:#fff;}
.guanyuheader .nav ul li a:hover,.guanyuheader .nav ul li.navcur a{color:#fff;}
.guanyuheader .phoneico{color:#fff;}

/*index内容区*/
.section1{background:#000 url(http://www.job109.com/admin/fileadmin/upfile/images/indexBg1.jpg) no-repeat center bottom; background-size:cover;}
.section2{background:#494a49 url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg2.jpg) no-repeat center bottom; background-size:cover;}
.section3{background:#494a49 url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg3.jpg) no-repeat center bottom; background-size:cover;}
.section4{background:#656565 url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg4.jpg) no-repeat center bottom; background-size:cover;}
.section5{background:#1f1b1c url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg5.jpg) no-repeat center bottom; background-size:cover;}
.section6{background:#3f3f3f url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg6.jpg) no-repeat center bottom; background-size:cover;}
.section7{background:#3f3f3f url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg7.jpg) no-repeat center; background-size:cover;}

/*----------第一屏----------*/
/*按钮*/
.section .slideBg{background-repeat:no-repeat; background-size:100% 100%; position:absolute; width:100%; height:100%; display:none; background-position:center center;}
.slideCircle{position:absolute; bottom:100px; width:212px; height:10px; left:50%; margin-left:-110px; text-align:center;}
.slideCircle li{width:40px; height:3px; margin-left:5px; cursor:pointer; display:inline-block; background:#FFF;}
.slideCircle li.cur{ background:#f3ae10;}
.slide{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.next_btn{width:29px; height:29px; border-radius:50%; border:1px solid #fff; background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_23.png) no-repeat center; position:absolute; bottom:3%;left:50%; margin-left:-15px; cursor:pointer; animation:nextBtn 3s ease-in-out infinite alternate; -webkit-animation:nextBtn 3s ease-in-out infinite alternate; -moz-animation:nextBtn 3s ease-in-out infinite alternate; -ms-animation:nextBtn 3s ease-in-out infinite alternate; -o-animation:nextBtn 3s ease-in-out infinite alternate; z-index:99;}
@keyframes nextBtn{0%{bottom:5%} 50%{bottom:3%} 100%{bottom:5%}}
@-webkit-keyframes nextBtn{0%{bottom:5%} 50%{bottom:3%}	100%{bottom:5%}}
@-o-keyframes nextBtn{0%{bottom:5%}	50%{bottom:3%} 100%{bottom:5%}}
@-ms-keyframes nextBtn{0%{bottom:5%} 50%{bottom:3%}	100%{bottom:5%}}
@-moz-keyframes nextBtn{0%{bottom:5%} 50%{bottom:3%} 100%{bottom:5%}}

/*----------第二屏----------*/
.tit_toptwo{text-align:center; padding-top:200px;}
.tit_topimgtwo{display:none;}
.tit_topimgtwo h2{font-size:50px; color:#333333; font-weight:normal; padding-bottom:20px;}
.tit_topimgtwo h3{font-size:20px; color:#666666; font-weight:normal;}
@keyframes mymove{
0%{transform:rotateX(90deg); -webkit-transform:rotateX(90deg); -o-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -moz-transform:rotateX(90deg);    opacity:0;}
40%{transform:rotateX(-20deg); -webkit-transform:rotateX(-20deg); -o-transform:rotateX(-20deg);-ms-transform:rotateX(-20deg); -moz-transform:rotateX(-20deg);}
60%{transform:rotateX(10deg); -webkit-transform:rotateX(10deg); -o-transform:rotateX(10deg); -ms-transform:rotateX(10deg); -moz-transform:rotateX(10deg);
opacity:1;}
80%{transform:rotateX(-5deg); -webkit-transform:rotateX(-5deg); -o-transform:rotateX(-5deg); -ms-transform:rotateX(-5deg); -moz-transform:rotateX(-5deg);}
100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg);}
}
@-webkit-keyframes mymove{
0%{transform:rotateX(90deg); -webkit-transform:rotateX(90deg); -o-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -moz-transform:rotateX(90deg);    opacity:0;}
40%{transform:rotateX(-20deg); -webkit-transform:rotateX(-20deg); -o-transform:rotateX(-20deg);-ms-transform:rotateX(-20deg); -moz-transform:rotateX(-20deg);}
60%{transform:rotateX(10deg); -webkit-transform:rotateX(10deg); -o-transform:rotateX(10deg); -ms-transform:rotateX(10deg); -moz-transform:rotateX(10deg);
opacity:1;}
80%{transform:rotateX(-5deg); -webkit-transform:rotateX(-5deg); -o-transform:rotateX(-5deg); -ms-transform:rotateX(-5deg); -moz-transform:rotateX(-5deg);}
100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg);}
}
@-o-keyframes mymove{
0%{transform:rotateX(90deg); -webkit-transform:rotateX(90deg); -o-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -moz-transform:rotateX(90deg);    opacity:0;}
40%{transform:rotateX(-20deg); -webkit-transform:rotateX(-20deg); -o-transform:rotateX(-20deg);-ms-transform:rotateX(-20deg); -moz-transform:rotateX(-20deg);}
60%{transform:rotateX(10deg); -webkit-transform:rotateX(10deg); -o-transform:rotateX(10deg); -ms-transform:rotateX(10deg); -moz-transform:rotateX(10deg);
opacity:1;}
80%{transform:rotateX(-5deg); -webkit-transform:rotateX(-5deg); -o-transform:rotateX(-5deg); -ms-transform:rotateX(-5deg); -moz-transform:rotateX(-5deg);}
100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg);}
}
@-ms-keyframes mymove{
0%{transform:rotateX(90deg); -webkit-transform:rotateX(90deg); -o-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -moz-transform:rotateX(90deg);    opacity:0;}
40%{transform:rotateX(-20deg); -webkit-transform:rotateX(-20deg); -o-transform:rotateX(-20deg);-ms-transform:rotateX(-20deg); -moz-transform:rotateX(-20deg);}
60%{transform:rotateX(10deg); -webkit-transform:rotateX(10deg); -o-transform:rotateX(10deg); -ms-transform:rotateX(10deg); -moz-transform:rotateX(10deg);
opacity:1;}
80%{transform:rotateX(-5deg); -webkit-transform:rotateX(-5deg); -o-transform:rotateX(-5deg); -ms-transform:rotateX(-5deg); -moz-transform:rotateX(-5deg);}
100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg);}
}
@-moz-keyframes mymove{
0%{transform:rotateX(90deg); -webkit-transform:rotateX(90deg); -o-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -moz-transform:rotateX(90deg);    opacity:0;}
40%{transform:rotateX(-20deg); -webkit-transform:rotateX(-20deg); -o-transform:rotateX(-20deg);-ms-transform:rotateX(-20deg); -moz-transform:rotateX(-20deg);}
60%{transform:rotateX(10deg); -webkit-transform:rotateX(10deg); -o-transform:rotateX(10deg); -ms-transform:rotateX(10deg); -moz-transform:rotateX(10deg);
opacity:1;}
80%{transform:rotateX(-5deg); -webkit-transform:rotateX(-5deg); -o-transform:rotateX(-5deg); -ms-transform:rotateX(-5deg); -moz-transform:rotateX(-5deg);}
100%{transform:rotateX(0deg); -webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -moz-transform:rotateX(0deg);}
}
.service_box{width:80%; padding:70px 0 0 0; margin:0 auto;}
.service_ul{width:100%; overflow:hidden;}
.service_ul li{float:left; width:25%; height:auto; color:#333333; text-align:center; cursor:pointer; position:relative;}
.service_ul li .service_cont{margin-top:700px;}
.service_cont{margin-bottom:4px; position:relative; z-index:2;}
.service_cont h5{font-size:20px; margin:20px 0 15px 0; font-weight:normal;}
.service_cont h4{font-size:12px; font-weight:normal; margin:20px 0 15px 0; line-height:20px; height:40px; color:#333333;}
.service_cont p{line-height:30px; font-size:14px; display:none; width:315px; margin:0 auto;}
.service_cont .morea{width:200px; height:50px; display:block; border:1px solid #f3ae10; margin:20px auto 50px; text-align:center; line-height:50px; border-radius:5px;}
.service_cont .morea a{font-size:16px; color:#f3ae10;}
.service_icoBorder{display:inline-block; margin-top:80px; background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_08.png) no-repeat center top; width:180px; height:180px; line-height:180px;vertical-align:middle; background-size:100% auto;}
.service_icoBorder img{vertical-align:middle; text-align:center; display: -webkit-inline-box;}
.service_box li.cliservice_box .service_icoBorder{background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_09.png) no-repeat center top; width:180px; height:180px;}
.service_box li.cliservice_box .service_cont .morea{width:240px; height:50px; display:block; border:1px solid #fff; background:#fff;}
.service_box li.cliservice_box .service_cont .morea a{color:#f3ae10; font-size:18px;}
.service_box li.cliservice_box .service_cont h5{font-size:24px; margin:15px 0;}
.service_ul li:hover .service_icoBorder{border-color:#f3ae10; margin-top:42px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out;}
.service_ul li:hover .service_cont h5,.service_ul li:hover .service_cont h4{color:#FFF;}
.service_ul li:hover .service_cont p{padding-bottom:12px; display:block; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; color:#FFF;}
.red_bg{width:100%; background:#f3ae10; position:absolute; left:0; top:0; z-index:1; display:none; height:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/*-------------第三屏-------*/
.tit_topthree{text-align:center; padding-top:120px;}
.tit_topimghree{display:none;}
.tit_topimgthree h2{font-size:30px; color:#333333; padding-bottom:10px;}
.tit_topimgthree h3{font-size:20px; color:#f3ae10; font-weight:normal;}
.service_boxsan{width:100%;margin:0 auto;bottom:0;position:absolute;overflow:hidden}
.service_ulsan{width:100%}
.service_ulsan li{float:left;width:16%;color:#fff;text-align:center;cursor:pointer;position:relative}
.service_contsan{position:relative;z-index:2;box-sizing:border-box}
.anlisan{display:none}
.anlisan h5{font-size:20px; margin:30px auto 10px; font-weight:normal; border-bottom:1px solid #fff;width:100%; padding-bottom:20px}
.anlisan p{line-height:30px; font-size:14px; width:80%; margin:0 auto; height:60px; overflow:hidden}
.service_contsan .moreasan{display:block;margin:20px auto 0;text-align:center}
.anlisanimg{margin-top:900px}
.service_icoBordersan{display:inline-block;margin-top:35px;text-align:center;padding-top:10px;background-size:auto 100%}
.service_icoBordersan img{width:220px;height:446px}
.red_bgsan{width:100%;background:#f3ae10;position:absolute;left:0;top:0;height:0;z-index:1}

/*-------------第四屏-------*/
.tit_topfore{text-align:center; padding-top:160px;}
.tit_topimgfore{display:none;}
.tit_topimgfore h2{font-size:30px; color:#f3ae10; padding-bottom:10px;}
.tit_topimgfore h3{font-size:20px; color:#f3ae10; font-weight:normal;}
.about_box{margin:0 auto; position:relative; top:0; overflow:hidden;}
.about_boxright{width:80%; color:#ffffff; margin-right:-1500px; float:right; margin-top:3%;}
.about_boxright li{float:left; width:23%; overflow:hidden; border-bottom:2px solid #f4ae13; margin-bottom:2%; margin-left:2%;}
.about_boxright .tu{width:100%; overflow:hidden; height:220px;}
.about_boxright li img{width:100%; height:100%;}
.about_boxright .zi{background:#FFF; width:90%; padding:5% 5%;}
.about_boxright .zi h2{font-weight:normal; font-size:16px; line-height:16px; padding-bottom:5px; color:#222222; display:block;}
.about_boxright .zi p{font-size:14px; color:#999999; line-height:14px;}

/*-------------第五屏-------*/
.tit_topfive{text-align:center; padding-top:200px;}
.tit_topimgfive{display:none;}
.tit_topimgfive h2{font-size:30px; color:#FFF; padding-bottom:10px;}
.tit_topimgfive h3{font-size:20px; color:#f3ae10; font-weight:normal;}
.story_wrap{padding-top:44px; position:relative; z-index:1; color:#fff;}
.newsabout{width:66%; margin:0 auto;}
.newsabout ul{margin-left:-1600px; width:100%; opacity:0;}
.newsabout li{position:relative; height:180px; width:100%; margin-bottom:10px;}
.newsabout li a{background:rgba(255,255,255,0.7); display:block; width:100%; padding:30px 0; height:120px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff,endColorstr=#B3ffffff);}
.newleft{float:right; margin-right:4%;}
.newstime{float:left; text-align:center;}
.newstime h2{font-size:48px; color:#333; font-weight:normal;}
.newstime span{background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_18.png) no-repeat; text-align:center; width:88px; height:34px; line-height:40px; display:block; font-size:16px;color:#fff}
.newsimg{width:180px;height:120px;float:left; margin-right:4%;}
.newsimg img{width:100%; height:100%;}
.newright{/*float:left;*/ width:74%; padding-left:4%;}
.newright h2{font-size:20px; color:#333; font-weight:normal; margin:24px 0 15px;}
.newright span{font-size:14px; color:#333; line-height:28px; display:block;}

/*-------------第六屏-------*/
.tit_topsix{text-align:center; padding-top:200px;}
.tit_topimgsix{display:none;}
.tit_topimgsix h2{font-size:30px; color:#333333; padding-bottom:10px;}
.tit_topimgsix h3{font-size:20px; color:#f3ae10; font-weight:normal;}
.cont_us{position:relative; z-index:1; color:#fff; width:70%; margin:0 auto;}
.cont_usconter{margin-top:60px;}
.liniantxt{margin-top:1700px; width:100%; height:auto;}
.liniantxt img{width:100%; height:auto;}
.linianimg img{animation:mousexiaoguo 0.4s ease-in-out  alternate; -webkit-animation:mousexiaoguo 0.4s ease-in-out  alternate; -moz-animation:mousexiaoguo 0.4s ease-in-out  alternate; -ms-animation:mousexiaoguo 0.4s ease-in-out  alternate; -o-animation:mousexiaoguo 0.4s ease-in-out  alternate; }
@keyframes mousexiaoguo{
0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
15%{transform:rotate(3deg);-webkit-transform:rotate(3deg)}
30%{transform:rotate(-3deg);-webkit-transform:rotate(-3deg)}
45%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
60%{transform:rotate(3deg);-webkit-transform:rotate(3deg)}
75%{transform:rotate(-3deg);-webkit-transform:rotate(-3deg)}
100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
}

/*-------------第七屏-------*/
.tit_topfore{text-align:center; padding-top:160px;}
.tit_topimgfore{display:none;}
.about_boxright2{width:100%; color:#ffffff; margin-right:-1920px; float:right; margin-top:10%;}
.about_boxright2_in{width:40%; overflow:hidden; margin:0 auto;}
.about_boxright2_left{float:left; margin-right:5%;}
.about_boxright2_left img{width:200px; height:200px;}
.about_boxright2_right{float:left; font-size:18px; color:#FFF; line-height:36px;}

/****************二级页面——新闻******************/
.bgff{background:#f4f4f4;}
.clithis{background:#d71920;border:1px solid #d71920}
.xinwendiv{width:75%; margin:50px auto 0;}
.xinwendiv ul{width:100%}
.xinwendiv li{position:relative;height:180px;width:100%;margin-bottom:10px}
.xinwendiv li a{background:#fff; border:1px solid #fff; display:block; width:100%; padding:30px 0; height:120px;}
.xinwenleft{float:right; margin-right:3%;}
.xinwentime{float:left; text-align:center;}
.xinwentime h2{font-size:48px;color:#333;font-weight:normal;}
.xinwentime span{background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_18.png) no-repeat; text-align:center; width:88px; height:34px;line-height:40px; display:block; font-size:16px; color:#fff;}
.xinwenimg{width:180px; height:120px; float:left; margin-right:3%;}
.xinwenimg img{width:100%;height:100%}
.xinwenright{float:left; width:74%; padding-left:3%;}
.xinwenright_in{float:left; width:71%; overflow:hidden;}
.xinwenright h2{font-size:20px; color:#333; font-weight:normal; margin:0px 0 15px;}
.xinwenright span{font-size:14px; color:#333; line-height:28px; display:block;}
.xinwendiv li:hover a{border:1px solid #f4ae13; transition:all 1s;}
.hidden{display:none;}


.more{width:360px;height:60px;border:1px #ccc solid;text-align:center;border-radius:5px;overflow:hidden;margin:45px auto 90px;position:relative; color:#333; clear:both;}
.more input{color:#333;font-size:20px;margin:0 auto;line-height:60px;z-index:2;position:relative;width:100%;height:100%;display:block;background:no-repeat;border:none;}
.more:hover input{color:#fff;}
.more i{transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;width:0;height:60px;position:absolute;left:50%;margin-left:0;top:50%;margin-top:-30px;z-index:1; color:#f4f4f4;}
.more:hover i{background:#f4ae13;width:360px;border-radius:5px;margin-left:-180px; color:#f4ae13;}
.more p{font-size:20px; line-height:60px;}

/*新底部*/
.dibu{background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_30.jpg) no-repeat center top; height:370px; padding-top:50px;}
.dibudiv{width:75%; margin:0 auto 3%;}
.dibudiv_top{width:100%; overflow:hidden;}
.dibudiv_topleft{float:left; width:70%; overflow:hidden;}
.dibudiv_topleft_nav{width:100%; overflow:hidden; font-size:14px; line-height:14px; color:#e7e7e7; padding-bottom:5%;}
.dibudiv_topleft_nav a{color:#e7e7e7;}
.dibudiv_topleft_nav span,.dibudiv_btndiv span{padding:0 5px;}
.dibudiv_topleft_zi{width:100%; font-size:14px; color:#e7e7e7; line-height:28px;}
.dibudiv_topright{float:right; overflow:hidden;}
.dibudiv_btn{width:100%; overflow:hidden; border-top:1px solid #313131; padding-top:3%;}
.dibudiv_btndiv{width:75%; margin:0 auto; font-size:12px; color:#666666; text-align:center; line-height:28px;}
.dibudiv_btndiv a{color:#666666;}

/****************二级页面——新闻详情******************/
.xinwenxq{width:75%;margin:0 auto 4%;}
.xinwenxq_top{width:100%; overflow:hidden; height:18px; line-height:18px; margin:2% 0;}
.xinwenxq_top_left{float:left; font-size:18px; color:#f4ae13; font-weight:bolder; border-left:3px solid #f4ae13; padding-left:0.7%;}
.xinwenxq_top_right{float:right; font-size:14px; color:#999999;}
.xinwenxq_top_right a{color:#999999;}
.xinwenxq_nr{width:90%; padding:5%; background:#FFF; overflow:hidden; color:#333333;}
.xinwenxq_nr h2{font-size:36px; font-weight:normal; padding-bottom:2%;}
.xinwenxq_nr p{font-size:14px; line-height:36px;}

/****************二级页面——服务******************/
/*内容区*/
.fuwu1{background:#FFF;}
.fuwu2{background:#f4f4f4;}
.fuwu3{background:#FFF;}
.fuwu4{background:#f4f4f4;}
.fuwumian{width:75%;margin:250px auto 0;position:relative}

/*服务-第一屏*/
.fuwuL,.fuwuR{width:50%;}
.fuwuRtest{margin-right:6%;}
.fuwuimg{width:39%; height:auto;}
.fuwuimg img{width:100%; height:auto;}
.fuwuli{margin:40px 0;}
.fuwuli li{line-height:36px; color:#333333; padding-right:18px; font-size:18px;}
.fuwubtn{width:100%; height:60px; font-size:16px; color:#333333; line-height:28px;}
.woyaozixun{width:30%; float:right; font-size:22px; overflow:hidden; padding:2% 0; background:#f4ae13; display:inline-block; text-align:center; border-radius:40px; color:#fff;}
.woyaozixun a{color:#fff;}
.fuwuLone,.fuwuLthree,.fuwuLfive,.fuwunewfive{margin-left:-980px; float:left;}
.fuwuLone img,.fuwuLthree img,.fuwuLfive img,.fuwunewfive img{width:85%; height:auto;}
.fuwuRone,.fuwuRthree,.fuwuRfive,.fuwuRfivenew{margin-right:-900px;float:right;text-align:left;}

/*服务-第二屏*/
.fuwuLtow{margin-top:950px;float:left;}
.fuwuLtow .fuwuRtest{margin-left:6%; margin-right:0}
.fuwuLtow .fuwuli li{border-right:0; padding-right:0;}
.fuwuLtow .woyaozixun{float:right;}
.fuwuRtow{margin-top:950px; float:right; text-align:left; width:50%; height:560px;}
.fuwuRtow img{float:right; width:85%; height:auto;}

/*服务-第四屏*/
.fuwuLfore{margin-top:950px;float:left}
.fuwuLfore .fuwuRtest{margin-left:6%;margin-right:0}
.fuwuLfore .fuwuli li{border-right:0; padding-right:0;}
.fuwuLfore .woyaozixun{float:right;}
.fuwuRfore{margin-top:950px; float:right; text-align:right;}
.fuwuRfore img{float:right; width:85%; height:auto;}

/*案例*/
.bgf1{background:#f1f1f1;}
.anli{width:90%; margin:0 auto; overflow:hidden; color:#ffffff;}
.anli li{float:left; width:23%; overflow:hidden; margin-bottom:2%; margin-right:2%;}
.anli .tu{width:100%; overflow:hidden; height:220px;}
.anli li img{width:100%; height:100%;}

.anli_da{width:90%; margin:0 auto; overflow:hidden; color:#ffffff;}
.anli_da li{float:left; width:46%; overflow:hidden; margin-bottom:4%; margin-right:4%;}
.anli_da .tu{width:100%; overflow:hidden; height:440px;}
.anli_da li img{width:100%; height:100%;}


.anli .zi{background:#FFF; width:95%; padding:5% 2.5%;}
.anli .zi h2{font-weight:normal; font-size:15px; line-height:15px; padding-bottom:5px; color:#222222; display:block;}
.anli .zi p{font-size:14px; color:#999999; line-height:14px;}
.fenlei{width:90%; overflow:hidden; margin:3% auto 0;}
.fenlei li{float:left; overflow:hidden; margin:0 2% 2% 0;}
.fenlei li a{display:block; font-size:12px; color:#666666; background:#FFF; border:1px solid #dddddd; width:80px; height:29px; text-align:center; line-height:29px;}
.fenlei li a:hover{display:block; background:#f4ae13; color:#FFF; border:1px solid #f4ae13;}
/*.fenlei span.hangye{overflow:hidden;}
.fenlei span.hangye a{float:left; font-size:12px; color:#666666; background:#FFF; border:1px solid #dddddd; width:80px; height:29px; text-align:center; line-height:29px; margin:0 2% 2% 0;}
.fenlei span.hangye a:hover{display:block; background:#f4ae13; color:#FFF; border:1px solid #f4ae13;}*/
#cc,#cc a{display:block; background:#f4ae13; color:#FFF; border:1px solid #f4ae13; width:80px; height:29px; font-size:12px;}
#dd,#dd a{display:block; background:#FFF; color:#666666; border:1px solid #dddddd; width:80px; height:29px; font-size:12px;}

/*产品*/
.chanp{width:75%; overflow:hidden; margin:0 auto; padding-top:5%;}
#section1{width:100%; overflow:hidden; margin-bottom:5%;}
.section_wrap{position:relative;}
.section_inner{width:100%; overflow:hidden;}
.photo{float:left; width:50%;}
.photo img{width:100%; height:auto;}
.text_wrap{float:left; width:47%; padding-left:3%;}
.text_inner{font-size:16px; line-height:30px;}
.text_wrap h2{font-weight:normal; font-size:48px; line-height:48px; border-left:5px solid #f4ae13; padding-left:1%; margin-bottom:4%;}
.animate{opacity:0;transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.animate.left{-webkit-transform:translate(-30px, 50px);-moz-transform:translate(-30px, 50px);-ms-transform:translate(-30px, 50px);
transform:translate(-30px, 50px)}
.animate.right{-webkit-transform:translate(30px, 50px);-moz-transform:translate(30px, 50px);
-ms-transform:translate(30px, 50px);transform:translate(30px, 50px)}
.animate.under{-webkit-transform:translate(0, 50px);
-moz-transform:translate(0, 50px);-ms-transform:translate(0, 50px);transform:translate(0, 50px)}
.animate.under_long{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);transform:translate(0, 100px)}
.animate.delay{-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-ms-transition-delay:.25s;transition-delay:.25s}
.animate.delay2{-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s}
.animate.zoom{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);
-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
.animate.active{opacity:1;-webkit-transform:translate(0, 0) scale(1, 1);-moz-transform:translate(0, 0) scale(1, 1);-ms-transform:translate(0, 0) scale(1, 1);
transform:translate(0, 0) scale(1, 1)}
#one_column_body{position:relative; background:#FFF;}
#contents_wrap{position:relative; margin:0 auto;}

/*关于-第一屏*/
/*.fuwuL,.fuwuR{width:50%;}*/
.fuwuRtest2{overflow:hidden;}
.fuwuRtest2 h2{font-weight:normal; font-size:36px; color:#f4ae13; line-height:36px; padding-bottom:2%;}
.fuwuRtest2 h3{font-weight:normal; font-size:18px; color:#999999; line-height:18px; padding-bottom:5%;}
.fuwuRtest2 p{font-size:14px; color:#333333; line-height:24px;}

/*关于-第二屏*/
.fuwuLtow{margin-top:950px;float:left;}
.fuwuLtow .fuwuRtest{margin-left:6%; margin-right:0}
.fuwuLtow .fuwuRtest h2{font-weight:normal; font-size:48px; line-height:48px; color:#333333; padding-bottom:5%;}
.fuwuLtow .fuwuRtest p{font-size:14px; color:#333333; line-height:24px;}
.fuwuRtow{margin-top:950px; float:right; text-align:left; width:50%; height:560px;}
.fuwuRtow_in{width:100%; overflow:hidden;}

/*联系*/
.lxiL{float:left; width:65%;}
.lxiR{float:right; width:32%;}
.lxiR h2{font-size:18px; font-weight:bolder; line-height:18px; color:#333333; padding-bottom:3%;}
.lxiR h3{font-size:12px; line-height:12px; color:#999999; padding-bottom:5%;}
.lxiR p{font-size:14px; line-height:28px; color:#333333;}

/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/




/****************二级页面——案例******************/

.anlibanner{height:500px;background-size:100% 100%}
.anlibanner2{height:200px;background-size:100% 100%}
/*.anlidivtop{font-size:30px;color:#000;font-weight:normal;background:url(../http://www.job109.com/admin/fileadmin/upfile/images/anlitopbj.png) no-repeat center bottom;padding-bottom:40px;width:1037px;margin:50px auto 0;text-align:center}
.anlidiv li{width:28%;box-sizing:border-box;height:auto;float:left;margin:45px 0 0 4%;position:relative}
.anlidivimg{width:100%;overflow:hidden}
.anlidivimg img{width:100%;display:block;height:auto}
.anlidivibjshow{position:absolute;top:0;left:0;width:100%;height:0;text-align:center;vertical-align:middle;display:table; background:#000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity: 0;}
.anlidivibjshow p{display:table-cell;vertical-align:middle}
.anlidivibjshow p img{margin:0 5px}
.anlidivtxt{height:90px;background:#fff;padding:0 15px}
.anlidivtxt h2{font-size:14px;font-weight:normal;color:#000;padding:15px 0 5px}
.anlidivtxt span{font-size:14px;color:#8f8f8f;   line-height:20px;height:40px;overflow:hidden;display:block}
.anlidiv li:hover .anlidivtxt {background:#d71920}
.anlidiv li:hover .anlidivtxt h2,.anlidiv li:hover .anlidivtxt span{color:#fff}*/

/****************二级页面——案例-详情******************/
/*.anlixqdiv{display:none;position:absolute;top:0;left:0;width:100%;background:#fff;height:100%}
.anlixqdivleft{width:19%;background:#fff;left:0;position:fixed;padding:0 2%}
.anlillefttitle{margin:50px 0;border-left:3px solid #f00;padding-left:23px}
.anlillefttitle h2{font-size:30px;font-weight:normal;color:#000;margin-bottom:25px}
.anlillefttitle span{font-size:14px;color:#a2a2a2}
.anlillefttitle span a{color:#a2a2a2}
.anlillefttitle span a:hover{color:#d71920}
.anlileftxmbj{margin-bottom:40px}
.anlileftxmbj h2.anlileftxmbjh2{font-size:12px;color:#000;margin-bottom:20px}
.anlixmbj{font-size:12px;color:#757575;font-weight:bold;line-height:24px}
.anlileftbtn1{width:40px;height:40px;border:1px #ccc solid;text-align:center;overflow:hidden;position:relative;background:#fff;float:left;margin-left:-1px}
.anlileftbtn1 a{color:#d3d3d3;font-size:30px;margin:0 auto;line-height:40px;z-index:2;position:relative;width:100%;height:100%;display:block}
.anlileftbtn1:hover a{color:#fff}
.anlileftbtn1 i{transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;width:0;height:60px;position:absolute;left:50%;margin-left:0;top:50%;margin-top:-30px;z-index:1}
.anlileftbtn1:hover i{background:#d71920;width:40px;margin-left:-20px}
.anlileftbtnclose{background:#c7c7c7}
.anlileftbtnclose a{color:#fff;font-size:20px}
.anlixqdivright{width:71%;right:0;position:absolute;overflow:auto;padding:40px 3%;background:#fff}
.anliconter img{max-width:100%}*/

/****************二级页面——网站******************/
/*.zzdivtop{font-size:30px;color:#000;text-align:center;margin:50px 0}
.zzdivcont{width:60%;margin:0 auto 150px}
.zzdivconttop{text-align:center}
.zztopdiv{width:240px;height:60px;border:1px #787878 solid;text-align:center;border-radius:5px;overflow:hidden;position:relative;background:#787878;display:inline-block;margin:0 25px}
.zztopdiv a{color:#fff;font-size:20px;margin:0 auto;line-height:60px;z-index:2;position:relative;width:100%;height:100%;display:block}
.zztopdiv:hover a{color:#fff}
.zztopdiv i{transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;width:0;height:60px;position:absolute;color:#3892f7;left:50%;margin-left:0;top:50%;margin-top:-30px;z-index:1}
.zztopdiv:hover i{background:#d71920;width:240px;border-radius:5px;margin-left:-120px}
.clizztopdiv{background:#d71920;border:1px #d71920 solid}
.zzdivcontbottom .zzdiv{display:none}
.zz400t{width:775px;text-align:center;line-height:35px;color:#333;font-size:14px;margin:30px auto 50px}
.zz400bLeft{float:left;padding-top:120px}
.zz400bLeft h2{font-size:36px;color:#d71920;font-weight:normal}
.zz400bLeft span{font-size:14px;color:#333;line-height:48px;margin:20px 0;display:block}
.zz400bRight{float:right}
.yingxiaoys{padding:25px 0 20px 0}
.yingxiaoys  li{background:url(../http://www.job109.com/admin/fileadmin/upfile/images/img-08.png) no-repeat center left;padding-left:20px;line-height:48px;font-size:14px}
.zz400banniu{width:180px;height:60px;line-height:60px;border:1px #ccc solid;text-align:center;border-radius:5px;overflow:hidden;position:relative}
.zz400banniu a{color:#333;font-size:20px;margin:0 auto;line-height:60px;z-index:2;position:relative;width:100%;height:100%;display:block}
.zz400banniu:hover a{color:#fff}
.zz400banniu i{transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;width:0;height:60px;position:absolute;color:#3892f7;left:50%;margin-left:0;top:50%;margin-top:-30px;z-index:1}
.zz400banniu:hover i{background:#d71920;width:180px;border-radius:5px;margin-left:-90px}*/

/****************二级页面——关于******************/
/*内容区*/
/*.guanyu1{background:#ffffff}
.guanyu2{background:#f4f4f4}*/

/*关于-第一屏*/
/*.guanyuonediv{position:relative;top:60px; width:75%; margin:0 auto;}
.guanyuoneL{width:50%;float:left;margin-left:-1930px; background-size:100% 100%;}
.guanyuoneL img{width:100%;height:auto;}
.guanyuoneR{width:50%;float:right;margin-right:-1930px}
.gyoncont{width:63%;margin:0 auto 0}
.gyonconttop{font-size:30px;color:#d71920;padding-bottom:30px;border-bottom:2px solid #d0d0d0;margin-bottom:30px;margin-top:50px}
.gyoncontbottom{color:#333;font-size:14px;line-height:44px}*/

/*关于-第二屏*/
/*.guanyutwoL{width:50%;float:left;margin-left:-980px}
.guanyuhzlc{width:58%;margin:50px auto 0}
.hzlctitle{font-size:30px;color:#d71920;margin-bottom:45px}
.hzlctxt{font-size:14px;color:#333333;line-height:33px}
.hzlcimg li{width:33.33%;float:left;text-align:center;margin-top:75px}
.hzlcimg li img{width:55px;height:60px;margin-bottom:24px}
.hzlcimg li h2,.hzlcimg li h3,.hzlcimg li h4{font-size:14px;font-weight:normal;color:#000}
.hzlcimg li h3{margin:5px 0}
.hzlcimg li h4{font-style:italic}
.hzlcimg li:hover h2,.hzlcimg li:hover h3,.hzlcimg li:hover h4{color:#d71920}
.guanyutwoR{width:50%;float:right;margin-right:-980px;background:url(../http://www.job109.com/admin/fileadmin/upfile/images/img-18.png) no-repeat center top;background-size:100% 100%;height:100%}
.guanyutwoR img{width:100%;height:100%}*/

/****************二级页面——联络******************/
/*.lianluo2{background:#ffffff url(../http://www.job109.com/admin/fileadmin/upfile/images/map-bg.jpg);background-size:cover}
.lianluoonediv{position:relative;top:100px;overflow:hidden;height:100%}*/

/*联络-第一屏*/
/*.lianluonew{width:1205px;margin-top:100px;margin-left:-1950px}
.lianluonewleft{float:left;width:540px;height:550px}
.lianluonewleft img{margin-top:45px}
.lianluonewright{float:right;width:576px;text-align:right}
.llonconttopnew{font-size:40px;color:#d71920;margin:0 0 20px;text-align:left;border-bottom:1px solid #d71920;padding-bottom:5px}
.lianluonewright table{font-size:14px;color:#666}
.lianluoinputnew{width:450px;height:38px;line-height:38px;border:1px solid #c5c5c5;padding-left:10px;border-radius:10px}
.lllxyxnew{width:460px;height:170px;line-height:30px;border:1px solid #c5c5c5;border-radius:10px;margin-top:10px}
.lianluoniunew{width:576px;height:68px;line-height:68px;overflow:hidden;position:relative;text-align:center;border:0;font-size:18px;background:#fff;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:30px}
.lltijiaobtnnew{color:#333;font-size:20px;margin:0 auto;line-height:60px;z-index:2;position:relative;width:100%;height:100%;display:block;border:0;background:none}
.lianluoniunew i{transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;width:0;height:68px;position:absolute;color:#3892f7;left:50%;margin-left:0;top:50%;margin-top:-34px;z-index:1}
.lianluoniunew:hover i{background:#d71920;width:576px;border-radius:5px;margin-left:-288px}
.lianluoniunew:hover .lltijiaobtnnew{color:#fff}
.lltijiaobtnnew{color:#333;font-size:20px;margin:0 auto;line-height:60px;z-index:2;position:relative;width:100%;height:100%;display:block;border:0;background:none}
*/
/*联络-第二屏*/
/*.lianluo{width:1200px;margin-top:120px;margin-left:1950px}
.lianluotop{text-align:center;margin-bottom:100px;background:rgba(0,0,0,0.3);height:73px;line-height:73px}
.lianluotop span{font-size:36px;color:#fff;float:left;padding-left:20px}
.lianluotop ul{float:right}
.lianluotop li{width:218px;height:73px;line-height:73px;text-align:center;background:#000;color:#fff;font-size:24px;display:inline-block;margin:0 0 0 25px;cursor:pointer}
.lianluotop li.clilimap{background:#d00b07}
.lianluobottom .lianluodiv{display:none}
.lldivleft{width:484px;float:left;height:566px}
.lldivlefttxt{width:100%;height:100%}
.lldivlefttxt1{background:url(../http://www.job109.com/admin/fileadmin/upfile/images/map-cp.png) no-repeat;background-size:cover}
.lldivlefttxt2{background:url(../http://www.job109.com/admin/fileadmin/upfile/images/map-cy.png) no-repeat;background-size:cover}
.lldivlefttxt3{background:url(../http://www.job109.com/admin/fileadmin/upfile/images/map-hd.png) no-repeat;background-size:cover}
.agedizhi{padding:150px 80px 0 100px}
.agedizhi li{margin-bottom:80px;font-size:14px;color:#fff; padding-left:30px;}
.agedizhi li img{width:20px;margin-right:20px;vertical-align:text-top}
.agedizhi li a{text-decoration:underline;color:#ff0000}
.lldivright{width:700px;float:right}
.lldivright img{width:100%}*/

/*联络-第三屏（地图）*/
/*.mapdiv{margin:100px auto 0;background:url(../http://www.job109.com/admin/fileadmin/upfile/images/mapbj.jpg) no-repeat top center;padding:135px 0;border:1px solid #000}
.mapcont{width:956px;margin:0 auto}
.mapcontbottom{padding-left:160px}
.mapcontbottom li{margin-top:70px}
.mapcontbottom li span a{color:#393939;font-size:18px;margin-right:25px}
.mapcontbottom li b{font-weight:normal}
.mapcontbottom li b a{color:#7d7d7d;font-size:14px;margin-right:25px;display:inline-block}
.mapcontbottom a:hover{color:#d71920}*/

/*通用的侧边栏*/
.cebianlan{position:fixed;top:50%;left:0; height:330px;margin-top:-165px;z-index:111}
.cebianlan li{width:65px;height:65px;background:#d71920;margin-bottom:1px;text-align:center;position:relative;  filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.cebianlan li img{vertical-align:middle;display:block;margin:0 auto 5px;padding-top:10px}
.cebianlan li a{width:100%;height:100%;display:block}
.cebianlan li a h2{display:inline-block;font-size:12px;font-weight:normal;color:#fff}
.cebianlan li.lefttel:hover .leftshow{transition:all 0.5s;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.leftshow{position:absolute;top:0;left: 65px; height: 65px; line-height:24px;text-align:left;width:135px;text-align:center; background:#d71920;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.leftshow span,.leftshow b{display:block;color:#fff;font-size:14px;font-weight:normal; line-height:65px;}

/*手机banner 2016-12-19*/
.main_visual{overflow:hidden;position:relative;width:100%}
.main_image{overflow:hidden;position:relative;width:100%}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%;background-position:center center;background-size:100% 100%;background-repeat:no-repeat}
.main_image li a{display:block;width:100%;height:100%}
div.flicking_con{position:absolute;bottom:80px;left:50%;z-index:999;width:150px;height:30px;margin:0 0 0 -75px;text-align:center}
div.flicking_con a{width:30px; height:3px; margin-left:5px; cursor:pointer; display:inline-block; background:#393939;}
div.flicking_con a.on{background:#d71920;}

/***********************************************适配*******************************************************/
/***********************************************适配*******************************************************/
/***********************************************适配*******************************************************/
/***********************************************适配*******************************************************/
@media only screen and (max-width:1680px){
/*首页*/
.header{line-height:90px;height:90px}
.header .logo{padding:15px 0 0 50px}
.header .logo img{height:50px}
.nav ul li.navcur{line-height:86px;}
.nav ul li{width:100px;font-size:15px}
.phoneico{font-size:15px;padding:18px 50px 0 40px; line-height:25px; background-size:27px auto}
.linianimgpb{width:511px}
.service_cont p{width:285px;}

/*----------第二屏----------*/
.tit_toptwo{text-align:center;padding-top:180px}
.service_box{padding:30px 0 0 0}

/*二级页面-服务*/
.fuwuli{margin:25px 0}

/*二级页面-地图*/
/*.mapdiv{margin:90px auto 0}*/
}

@media only screen and (max-width:1600px){
/*----------第二屏----------*/
.tit_toptwo{padding-top:150px}
.tit_toptwo img{width:360px}
.service_box{padding:30px 0 0 0}
.service_cont h5{font-size:16px;margin:5px 0}
.service_cont h4{margin:10px 0 10px 0;line-height:15px;height:30px}
.service_cont p{line-height:22px;font-size:12px;width:240px}
.service_box li.cliservice_box .service_cont h5{font-size:20px;margin:10px 0}
.service_ul li:hover .service_icoBorder{margin-top:30px}
.service_ul li:hover .service_cont p{padding-bottom:12px}

/*----------第三屏----------*/
.anlisan h5{font-size:16px; padding-bottom:13px}
.anlisan p{line-height:25px; font-size:12px; height:50px;overflow:hidden}
.service_icoBordersan{margin-top:35px;padding-top:8px}
.service_icoBordersan img{width:150px;height:304px}

/*----------第四屏----------*/
.tit_topfore{padding-top:120px}
.tit_topimgfore h2{font-size:25px;}
.tit_topimgfore h3{font-size:16px;}
.about_boxright{margin-top:2%;}
.about_box{top:0;}
.about_boxright .tu,.anli .tu{height:170px;}
.about_boxright .tu,.anli_da .tu{height:400px;}

/*----------第五屏----------*/
.tit_topfive{padding-top:150px}
.tit_topfive img{width:360px}
.story_wrap{padding-top:40px}
.newsabout li{height:150px;margin-bottom:5px}
.newsabout li a{padding:25px 0;height:100px}
.newstime h2{font-size:40px}
.newsimg{width:150px;height:100px}
.newright h2{font-size:16px;margin:15px 0}
.newright span{font-size:12px;line-height:23px}

/*----------第六屏----------*/
.tit_topsix{padding-top:150px}
.tit_topsix img{width:360px}
.linianli{font-size:20px}
.about_boxright2{width:100%;}
.about_boxright2_in{width:46%;}

/****************二级页面——新闻******************/
.xinwendiv li{height:130px}
.xinwendiv li a{padding:20px 0;height:90px}
.xinwentime h2{font-size:34px}
.xinwentime span{font-size:14px}
.xinwenright{}
.xinwenright h2{font-size:14px;margin:0px 0 15px}
.xinwenright span{font-size:12px;line-height:20px;height:60px}
.xinwenimg{width:130px;height:86px;margin-right:30px}

/*****************二级页面——服务***************/
.fuwumian{margin:110px auto 0}
.fuwuli{margin:40px 0}
.fuwuRtow{height:466px}
.woyaozixun{padding:1% 0;}
.woyaozixun a{font-size:18px;}


/*二级页面banner*/
.anlibanner{height:417px}

/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/



/****************二级页面——网站******************/
/*.zzdivtop{font-size:25px;margin:40px 0}
.zzdivcont{margin:0 auto 130px}
.zztopdiv{width:200px;height:50px;margin:0 20px}
.zztopdiv a{font-size:15px;line-height:50px}
.zztopdiv i{height:50px;margin-top:-25px}
.zztopdiv:hover i{width:200px;margin-left:-100px}
.zz400t{width:660px;line-height:30px;font-size:12px;margin:30px auto 30px}
.zz400bLeft{padding-top:100px}
.zz400bLeft h2{font-size:30px}
.zz400bLeft span{font-size:12px;line-height:40px;margin:20px 0}
.zz400banniu{width:150px;height:50px}
.zz400banniu a{font-size:15px;line-height:50px}
.zz400banniu i{height:50px;margin-top:-25px}
.zz400banniu:hover i{width:150px;margin-left:-75px}
.zz400img img{width:410px}
.zzwximg img{width:290px}*/

/****************二级页面——关于******************/
/*----------第一屏----------*/
/*.gyonconttop{font-size:25px;padding-bottom:25px;margin-bottom:20px}
.gyoncontbottom{font-size:12px;line-height:35px}*/

/*----------第二屏----------*/
/*.hzlctitle{font-size:25px;margin-bottom:40px}
.hzlctxt{font-size:12px;line-height:28px}
.hzlcimg li{margin-top:55px}
.hzlcimg li img{width:55px;height:60px;margin-bottom:24px}
.hzlcimg li h2,.hzlcimg li h3,.hzlcimg li h4{font-size:12px}
.hzlcimg li h3{margin:5px 0}
.guanyuhzlc{margin:40px auto 0}*/

/****************二级页面——联络******************/
/*----------第一屏----------*/
/*.lianluonew{width:1000px;margin-top:100px;margin-left:-1700px}
.lianluonewleft{width:454px}
.lianluonewleft img{margin-top:55px;width:454px}
.lianluonewright{width:478px}
.llonconttopnew{font-size:30px;margin:0 0 10px;padding-bottom:5px}
.lianluonewright table{font-size:14px}
.lianluoinputnew{width:350px;height:38px;line-height:38px;padding-left:10px}
.lllxyxnew{width:360px;height:150px;line-height:30px;margin-top:10px}
.lianluoniunew{width:478px;height:50px;line-height:50px;font-size:16px;margin-top:20px}
.lltijiaobtnnew{font-size:20px;line-height:50px}
.lianluoniunew i{height:50px;margin-top:-25px}
.lianluoniunew:hover i{width:478px;margin-left:-239px}
.lltijiaobtnnew{font-size:16px;line-height:50px}*/

/*----------第二屏----------*/
/*.lianluo{width:1000px;margin-top:130px}
.lianluotop{margin-bottom:50px;height:62px;line-height:62px}
.lianluotop span{font-size:30px;cpadding-left:20px}
.lianluotop li{width:183px;height:62px;line-height:62px;font-size:20px;margin:0 0 0 25px}
.lldivleft{width:404px;height:473px}
.agedizhi{padding:120px 80px 0 70px}
.agedizhi li{margin-bottom:60px;font-size:14px}
.agedizhi li img{width:20px;margin-right:20px;vertical-align:text-top}
.lldivright{width:584px}*/

/****************二级页面——案例******************/
.anlimorea{width:300px;height:50px;margin:40px auto 70px}
.anlimorea input{font-size:18px;line-height:50px}
.anlimorea i{height:50px;margin-top:-25px}
.anlimorea:hover i{width:300px;margin-left:-150px}

/****************二级页面——案例-详情******************/
.anlillefttitle h2{font-size:25px;margin-bottom:20px}
.anlileftxmbj{margin-bottom:30px}
.anlileftxmbj h2.anlileftxmbjh2{margin-bottom:15px}
}

@media only screen and (max-width:1440px){
/*首页*/
.header{line-height:75px;height:75px}
.header .logo{padding:15px 0 0 50px}
.header .logo img{height:50px}
.nav ul li.navcur{line-height:69px;}
.nav ul li{width:74px; font-size:14px}
.phoneico{font-size:14px; line-height:20px; padding:15px 50px 0 40px;background-size:27px auto}

/*二级页面-地图*/
.mapdiv{margin:75px auto 0}

/*----------第二屏----------*/
.tit_toptwo{padding-top:150px}
.tit_toptwo img{width:340px}
.service_box{padding:30px 0 0 0}
.service_icoBorder{margin-top:90px;width:115px;height:125px;line-height:125px}
.service_box li.cliservice_box .service_icoBorder{width:129px;height:129px;background-size:100% auto}
.service_box li.cliservice_box .service_cont .morea{width:180px;height:38px;line-height:38px}
.service_box li.cliservice_box .service_cont .morea a{font-size:14px}
.service_cont h5{font-size:14px;margin:15px 0}
.service_cont p{line-height:24px;font-size:12px;width:235px}
.service_box li.cliservice_box .service_cont h5{font-size:20px;margin:15px}
.service_ul li:hover .service_icoBorder{margin-top:30px}
.service_ul li:hover .service_cont p{padding-bottom:12px}
.service_cont .morea{width:150px;height:40px;margin:20px auto 50px;line-height:40px}
.service_cont .morea a{font-size:13px}
.service_box li.cliservice_box .service_cont h5{font-size:17px;margin:15px 0}
.service_ul li:hover .service_icoBorder{margin-top:30px}
.service_ul li:hover .service_cont p{padding-bottom:5px}

/*----------第四屏 无----------*/
/*----------第五屏----------*/
.tit_topfive{padding-top:150px}
.tit_topfive img{width:340px}
.about_boxright .tu,.anli .tu{height:150px;}
.about_boxright .tu,.anli_da .tu{height:400px;}

/*----------第六屏----------*/
.tit_topsix{padding-top:150px}
.tit_topsix img{width:340px}
.linianli{font-size:18px}
.linianimgpb{width:438px}
.about_boxright2{width:100%;}
.about_boxright2_in{width:52%;}

/*二级页面banner*/
.anlibanner{height:376px}

/*****************二级页面——服务***************/
.fuwuli{margin:30px 0}
.li_1{width:100%; height:438px;}

/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/



/*二级页面-联络*/
/*.lianluoonediv{top:70px}
.llonconttop{margin:15px 0 30px}*/

/*二级页面-关于*/
/*.guanyuonediv{top:40px}*/
}

@media only screen and (max-width:1366px){
/*头底*/ 
.nav{padding-right:60px}
.header .logo{padding-left:30px}
.phoneico{padding-right:30px}
.nav ul li{width:80px}
.tit_top{padding-top:130px}
.tit_topimg img{width:310px}

/*----------第二屏----------*/
.service_box{padding:20px 0 0 0}
.service_icoBorder{margin-top:80px;width:110px;height:120px;line-height:120px}
.service_box li.cliservice_box .service_icoBorder{width:129px;height:129px;background-size:100% auto}
.service_box li.cliservice_box .service_cont .morea{width:172px;height:36px}
.service_box li.cliservice_box .service_cont .morea a{font-size:12px}
.service_cont h5{font-size:12px;margin:15px 0}
.service_cont p{line-height:20px;width:235px}
.service_cont .morea{width:144px;height:36px;margin:10px auto 25px;text-align:center;line-height:36px}
.service_cont .morea a{font-size:12px}
.service_box li.cliservice_box .service_cont h5{font-size:17px;margin:25px 0 15px}
.service_ul li:hover .service_icoBorder{margin-top:10px}
.service_ul li:hover .service_cont p{padding-bottom:5px}

/*----------第三屏----------*/
.anlisan h5{font-size:14px; padding-bottom:10px}
.anlisan p{line-height:20px; font-size:12px; height:40px; overflow:hidden}
.service_icoBordersan{margin-top:35px;width:207px;height:148px;padding-top:7px}
.service_icoBordersan img{width:130px;height:263px}

/*----------第四屏----------*/
.about_box{top:0;}

/*----------第五屏----------*/
.story_wrap{padding-top:20px}
.newsabout li{height:130px}
.newsabout li a{padding:15px 0;height:100px}
.newstime h2{font-size:34px}
.newright h2{font-size:14px;margin:10px 0}
.about_boxright .tu{height:135px;}

/*----------第六屏----------*/
.cont_usconter{margin-top:60px}
.liniancont{margin-bottom:30px}
.linianli{padding-left:14px;font-size:18px}
.linianli img{margin-top:-12px;width:60px}
.about_boxright2{width:100%;}
.about_boxright2_in{width:57%;}

/************二级页面——服务**********/
.fuwuli{margin:30px 0}
.fuwuRtow{height:396px}

/*二级页面banner*/
.anlibanner{height:356px}
.li_1{width:100%; height:398px;}

/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/



/****************二级页面——关于******************/
/*----------第一屏----------*/
/*.gyoncont{width:80%}
.gyonconttop{font-size:20px;padding-bottom:20px;margin-bottom:10px}
.gyoncontbottom{font-size:12px;line-height:30px}*/

/*----------第二屏----------*/
/*.hzlctitle{font-size:20px;margin-bottom:20px}
.hzlctxt{font-size:12px;line-height:20px}
.hzlcimg li{margin-top:40px}
.hzlcimg li img{width:55px;height:60px;margin-bottom:20px}*/

/****************二级页面——联络******************/
/*----------第一屏----------*/
/*.lianluonew{width:860px;margin-top:120px;margin-left:-1500px}
.lianluonewleft{width:388px}
.lianluonewleft img{margin-top:55px;width:388px}
.lianluonewright{width:410px}
.llonconttopnew{font-size:25px;margin:0 0 10px;padding-bottom:5px}
.lianluonewright table{font-size:14px}
.lianluoinputnew{width:280px;height:38px;line-height:38px;padding-left:10px}
.lllxyxnew{width:290px;height:110px;line-height:30px;margin-top:10px}
.lianluoniunew{width:410px;height:40px;line-height:40px;font-size:16px;margin-top:10px}
.lltijiaobtnnew{font-size:16px;line-height:40px}
.lianluoniunew i{height:40px;margin-top:-20px}
.lianluoniunew:hover i{width:410px;margin-left:-205px}
.lltijiaobtnnew{font-size:14px;line-height:40px}*/

/*----------第二屏----------*/
/*.lianluo{width:850px;margin-top:100px}
.lianluotop{margin-bottom:20px;height:52px;line-height:52px}
.lianluotop span{font-size:25px;cpadding-left:20px}
.lianluotop li{width:156px;height:52px;line-height:52px;font-size:14px;margin:0 0 0 20px}
.lldivleft{width:346px;height:405px}
.agedizhi{padding:100px 50px 0 70px}
.agedizhi li{margin-bottom:40px;font-size:12px}
.agedizhi li img{width:20px;margin-right:20px;vertical-align:text-top}
.lldivright{width:499px}*/
/*二级页面-联络*/
/*.lianluoonediv{top:75px}*/
}

@media only screen and (max-width:1280px){
/*首页*/
.service_cont p{ width:210px;padding-bottom:15px}
.service_ul li:hover .service_icoBorder{margin-top:20px;}
.about_boxright .zi h2{font-size:14px; line-height:14px;}
.about_boxright .zi p{font-size:13px; line-height:13px;}

/*二级页面banner*/
.anlibanner{height:334px}
.li_1{width:100%; height:350px;}

/****************二级页面——关于******************/
/*----------第一屏----------*/
/*.gyonconttop{font-size:25px;padding-bottom:25px;margin-bottom:20px}
.gyoncontbottom{font-size:12px;line-height:35px}*/
/*----------第二屏----------*/
/*.hzlctitle{font-size:25px;margin-bottom:40px}
.hzlctxt{font-size:12px;line-height:28px}
.hzlcimg li{margin-top:55px}
.hzlcimg li img{width:55px;height:60px;margin-bottom:24px}
.hzlcimg li h2,.hzlcimg li h3,.hzlcimg li h4{font-size:12px}
.hzlcimg li h3{margin:5px 0}*/

/****************二级页面——联络******************/
/*----------第二屏----------*/
/*.llages li{margin-bottom:50px;font-size:12px}
.lianluotwoR img{width:100%;height:100%}*/

/*二级页面-联络*/
/*.lianluoonediv{top:5px}*/
}

@media only screen and (max-width:1200px){
.about_boxright .zi h2{font-size:13px; line-height:13px;}
.about_boxright .zi p{font-size:12px; line-height:12px;}
}

/*---------------------------------平板样式暂时删除----------------------------------------------*/
/*---------------------------------平板----------------------------------------------*/
@media only screen and (max-width:640px){
#fp-nav{display:none}
/*.woyaozixun,*/.zz400banniu,.anlimorea{background:#d71920;border:1px solid #d71920}
/*.woyaozixun a,*/.zz400banniu a,.anlimorea input{color:#fff}

/*二级页面-地图*/
.mapdiv{margin:48px auto 0}

/*头底*/ 
.mobilenav{display:block}
.nav{display:none;padding-right:0}
.phoneico{display:none}
.header{overflow: visible; height:48px; position:fixed; top:0; left:0; width:100%; line-height:48px;background:#000;}
.header .logo{padding:8px 0 0 18px}
.header .logo img{height:32px}
.nav{position:absolute;top:48px;right:0;width:100px;text-align:center; background:url(http://www.job109.com/admin/fileadmin/upfile/images/pic_24.png);}
.nav ul{overflow:hidden}
.nav ul li{float:none;line-height:42px;padding:0;font-size:16px;width:100px}
.nav ul li.navcur{background:none;color:#f51034;line-height:42px;}
.nav ul li.navcur i{width:auto}
.headerbg{height:48px}
.headeranli .nav ul li a{color:#fff}

/*----------第三屏----------*/
.anlisan h5{font-size:12px;margin:20px auto 10px;width:150px;padding-bottom:10px}
.anlisan p{line-height:20px;font-size:12px;width:150px;height:40px;overflow:hidden}
.service_icoBordersan{margin-top:35px;width:154px;height:121px;padding-top:5px}
.service_icoBordersan img{width:142px;height:81px}
.service_contsan .moreasan img{width:20px}

/*----------第四屏----------*/
.aboutlefttop li{margin-right:10px;line-height:44px;width:101px}
.aboutleftbottom{margin-top:20px;padding:15px}
.aboutdiv {line-height:24px}
.newright span{height:69px;overflow:hidden}

/*----------第六屏----------*/
.linianli{padding-left:10px;font-size:14px}
.linianli img{width:50px}
.linianimgpb{width:310px}
.about_boxright2{margin-top:0;}
.about_boxright2_in{width:90%; margin:0 auto;}
.about_boxright2_left{float:initial; width:100%;}
.about_boxright2_left img{display:block; margin:0 auto;}
.about_boxright2_right{line-height:30px; margin-top:5%;}

/************二级页面-服务**********/
.fuwumian{margin:90px auto 0}
/*.fuwuimg img{width:205px}*/
.fuwuli{margin:15px 0}
.fuwuRtow{height:300px}
.woyaozixun{width:50%;}
.fuwuli li{font-size:12px;padding-right:16px;line-height:30px}
.fuwubtn{height:initial;}

/*二级页面banner*/
.anlibanner{height:266px}

/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/



/****************二级页面——网站******************/
/*.zzdivtop{font-size:16px;margin:25px 0}
.zzdivcont{margin:0 auto 100px}
.zztopdiv{width:130px;height:34px;margin:0 10px}
.zztopdiv a{font-size:12px;line-height:34px}
.zztopdiv i{height:34px;margin-top:-17px}
.zztopdiv:hover i{width:130px;margin-left:-65px}
.zz400t{width:560px;line-height:25px;margin:10px auto 20px}
.zz400bLeft{padding-top:50px}
.zz400bLeft h2{font-size:20px}
.zz400bLeft span{line-height:25px;margin:10px 0}
.zz400banniu{width:100px;height:34px}
.zz400banniu a{font-size:12px;line-height:34px}
.zz400banniu i{height:34px;margin-top:-17px}
.zz400banniu:hover i{width:100px;margin-left:-50px}
.zz400img img{width:260px}
.zzwximg img{width:250px}
.yingxiaoys{padding-top:25px}
.yingxiaoys  li{padding-left:25px;line-height:34px;font-size:12px}*/

/****************二级页面——关于******************/
/*关于-第一屏*/
/*.guanyuonediv{top:30px}
.gyonconttop{font-size:25px;padding-bottom:20px;margin:30px 0 10px 0}
.gyoncontbottom{font-size:12px;line-height:28px}
.guanyuhzlc{margin:20px auto 0}*/

/*关于-第二屏*/
/*.guanyutowdiv{top:48px}
.guanyuhzlc{width:90%}
.hzlctitle{font-size:20px;margin-bottom:30px}
.hzlctxt{font-size:12px;line-height:20px}
.hzlcimg li{margin-top:30px}
.hzlcimg li img{width:55px;height:60px;margin-bottom:24px}
.hzlcimg li h2,.hzlcimg li h3,.hzlcimg li h4{font-size:12px}
.hzlcimg li h3{margin:5px 0}*/

/****************二级页面——联络******************/
/*联络-第二屏*/
/*.llages{margin-left:95px;margin-top:220px}
.llages li{margin-bottom:30px}
.lianluotwoR img{width:100%;height:100%}*/

/****************二级页面——案例******************/
/*.anlidivtop{font-size:20px;padding-bottom:20px;width:800px;margin:30px auto 0}
.anlidiv li{margin:35px 0 0 4%}
.anlidivtxt{padding:0 10px}
.anlidivtxt h2{font-size:12px;padding:10px 0 5px}
.anlidivtxt span{font-size:12px}
.anlimorea{width:196px;height:34px;margin:20px auto 30px}
.anlimorea input{font-size:14px;line-height:34px}
.anlimorea i{height:34px;margin-top:-17px}
.anlimorea:hover i{width:196px;margin-left:-98px}*/

/****************二级页面——案例-详情******************/
/*.anlillefttitle h2{font-size:15px;margin-bottom:10px}
.anlillefttitle span{font-size:12px}
.anlileftxmbj{margin-bottom:20px}
.anlileftxmbj h2.anlileftxmbjh2{margin-bottom:10px}
.anlixmbj{font-size:12px;line-height:20px}*/
}

/*---------------------------------手机----------------------------------------------*/
/*---------------------------------手机----------------------------------------------*/
/*---------------------------------手机----------------------------------------------*/
.app-footer{display:none !important;background:#000;text-align:center}
.header .app-logo{padding:8px 0 0 18px;float:left;display:none}
.header .app-logo img{height:32px}
.section2 .fp-slidesNav,.section3 .fp-slidesNav{display:none}
.app-home-fuwu,.app-home-anli{display:none}
.phoneqqdiv{display:none}
/*手机端——适配  消除底部*/
@media only screen and (max-width:414px){
.cebianlan .lefttel:last-child{display:none}

/*二级页面-地图*/
.mapdiv{margin:48px auto 0;padding:50px 0 80px}
.mapcont{width:100%}
.mapconttop{width:96%;text-align:center}
.mapconttop img{width:90%;margin:0 auto}
.mapcontbottom{padding:0 3%}
.mapcontbottom li{margin-top:30px;line-height:20px}
.mapcontbottom li span a{font-size:16px;margin-right:15px}
.mapcontbottom li b a{font-size:12px;margin-right:15px}

/*咨询电话*/
.phoneqqdiv {display:none;position:fixed;bottom:0;left:0;z-index:999}
.qqhiddendiv, .phonehiddendiv {height:49px;overflow:hidden;padding-bottom:1px}
.lfphoneqqico {float:left;width:50px;height:49px}
.rfphoneqqdiv {float:left;height:49px;background:#d71920;width:0;overflow:hidden}
.qqhiddendiv .lfphoneqqico {background:#d71920 url(../http://www.job109.com/admin/fileadmin/upfile/images/qqphoneimg.png) no-repeat center center;background-size:24px auto}
.rfphoneqqdiv a {display:block;width:160px;height:49px}
.rfphoneqqdiv span {display:block;padding-top:8px;line-height:14px;font-size:12px;color:#fff;padding-left:11px}
.rfphoneqqdiv b {display:block;font-weight:normal;line-height:20px;font-size:18px;color:#fff;padding-left:11px}

/*头部*/
.header .logo{display:none}
.header .app-logo{display:block}
.headeranli .nav ul li a{color:#fff;font-size:14px}
.headeranli .nav ul li a:hover,.headeranli .nav ul li.navcur a{color:#fff}
#fp-nav{display:none}
.next_btn{background-size:10px auto}
.tit_topimgtwo h2{font-size:20px;}
.tit_topimgtwo h3{font-size:16px; padding:0 6%;}

/*底部*/
.app-footer{display:block !important}
.appfooterdiv{height:40px; padding:20px 0; text-align:center}
.app-footer li{border-right:1px solid #fff; display:inline-block; padding:0 5px 0 0; margin:0 0 0 5px;}
.app-footer li a{color:#fff; font-size:12px;}
.app-footer li:last-child{border-right:0}
.app-footer h2{font-size:13px; color:#fff; margin-top:5px; font-weight:normal;}

/*******首页***********/
.slide{background-size:100% 100%}
.tit_topfive img,.tit_topsix img,.tit_topfore img,.tit_toptwo img{width:240px}

/*第二屏-服务*/
.service_box{display:none}
.app-home-fuwu{display:block; width:90%;margin:0 auto}
.app-fuwu{margin-left:-500px; width:100%}
.service_cont{width:100%;text-align:center; margin-top:10%;}
.fp-slidesNav ul li{width:35px}
.service_icoBorder{margin-top:0; width:120px; height:120px;}
.service_icoBorder img{margin-top:0;}
.service_cont h5{color:#333333;font-size:16px; line-height:16px; margin:20px 0}
.service_cont h4{line-height:14px; height:auto; overflow:hidden; font-size:14px;}
.service_cont p{display:block;width:94%;color:#333333;line-height:22px; height:50px;}
.service_cont .morea{margin:15px auto; width:30%; padding:2% 0; height:initial; line-height:initial;}
.fuwuLtow .fuwuRtest{margin-left:3%}

/*第三屏-案例*/
.service_boxsan{display:none}
.app-home-anli{display:block}
.app-anli{margin-left:500px; width:100%; padding-top:15px;}
.service_icoBordersan{background:none; width:94%; height:auto; margin:0 3% 0 3%;}
.service_icoBordersan img{height:100%; width:30%; display:block; margin:0 auto;}
.anlisanimg{margin-top:160px}
.anlisan{background:#d71920; width:90%; margin:3% 3% 0 3%; padding:10px 2%; display:block;}
.anlisan h5{border-bottom:0;margin:0 0 0 0;padding:0 0 10px 0;font-size:14px; line-height:14px; width:100%; color:#fff;}
.anlisan p{width:100%;color:#fff;}
.tit_topthree{padding-top:80px;}
.tit_topimgthree h2{font-size:20px; line-height:20px;}
.tit_topimgthree h3{font-size:16px; line-height:16px;}
.service_contsan .moreasan{display:none}
.section3 .fp-slidesNav.bottom{bottom:40px}
.section3 .fp-slidesNav ul li a span{background:#393939}
.section3 .fp-slidesNav ul li a.active span, .section3 .fp-slidesNav ul li:hover a.active span{background:#f00}
.moreanli{width:21%; padding:1.5% 0; border:1px #d71920 solid; text-align:center; border-radius:5px; overflow:hidden; position:relative; background:#d71920;margin:20px auto 0; fonts-zie:14px;}
.moreanli a{color:#fff;}

/*第四屏-网站*/
.about_box{top:0;}
.tit_toptwo,.tit_topfore,.tit_topfive,.tit_topsix,.tit_topseven{padding-top:80px}
.about_boxright{display:block; margin-top:8%;}
.tit_topimgfore h2{font-size:20px; line-height:20px;}
.tit_topimgfore h3{line-height:16px;}
.about_boxright li{width:46%; margin-left:4%; margin-bottom:5%;}
.about_boxright li:nth-child(5){display:none;}
.about_boxright li:nth-child(6){display:none;}
.about_boxright li:nth-child(7){display:none;}
.about_boxright li:nth-child(8){display:none;}
.about_boxright .zi h2{font-size:12px; height:34px; display:block;}
.about_boxright .zi p{font-size:12px;}

/*第五屏-新闻*/
.newsabout{width:86%}
.newstime{display:none;}
.newleft{display:none;}
.newsimg{width:90px;height:60px}
.newright{padding-right:0; box-sizing:border-box; width:100%;}
.newsabout li{height:90px}
.newsabout li a{height:60px;padding:15px 2%}
.newright h2{margin:0 0 5px 0; line-height:14px;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis}
.newright span{font-size:12px; line-height:20px; height:40px; overflow:hidden}
.tit_topimgfive h2{font-size:20px; line-height:20px;}
.tit_topimgfive h3{font-size:16px; line-height:16px;}
.about_boxright .tu{height:90px;}

/*第六屏-理念*/
.section6{background:#3f3f3f url(http://www.job109.com/admin/fileadmin/upfile/images/pic_indexBg6.jpg) no-repeat center bottom; background-size:cover;}
.cont_us{width:90%;}
.tit_topimgsix h2{font-size:20px;}
.tit_topimgsix h3{font-size:16px;}

/*第七屏-联系*/

.about_boxright2{width:100%; margin-top:10%; margin-right:-1100px;}
.about_boxright2_right{font-size:14px; line-height:28px; color:#FFF;}
.about_boxright2_right a{color:#FFF;}

/****************二级页面——新闻******************/
.clithis{background:#d71920;border:1px solid #d71920}
.xinwendiv{width:90%; margin:30px auto 0; padding-bottom:50px;}
.xinwendiv li{height:auto; overflow:hidden; margin-bottom:10px;}
.xinwendiv li a{width:99%; padding:10px 0; height:auto; overflow:hidden;}
.xinwenleft{display:none;}
.xinwenimg{width:25%; height:auto; margin-right:3%;}
.xinwenright{width:97%;}
.xinwenright h2{font-size:14px; margin:0px 0 10px;}
.xinwenright span{font-size:12px; line-height:20px; height:initial;}
.more{width:150px; height:40px; margin:30px auto;}
.more input{color:#fff; font-size:14px; line-height:40px; /*background:#d71920;*/ background:#f4ae13;}
.more p{font-size:14px; line-height:40px;}

/*新底部*/
.dibu{display:none;}

/****************二级页面——新闻详情******************/
.xinwenxq_top{margin:4% 0;}
.xinwenxq{width:90%;margin:0 auto 0%; padding-bottom:4%;}
.xinwenxq_top_left{font-size:16px; padding-left:1%;}
.xinwenxq_nr h2{font-size:20px;}
.xinwenxq_nr p{line-height:28px;}

/*二级页面-服务*/
.fuwuLone,.fuwuRtow,.fuwuLthree,.fuwuRfore,.fuwunewfive{display:none}
.fuwuL, .fuwuR{width:100%}
.fuwumian{width:95%; margin:0 auto 0}
.fuwubtn{padding-bottom:3%; font-size:14px;}
.woyaozixun{width:30%; font-size:16px;}
.app-two{left:0}
.fuwuli li{line-height:30px; font-size:14px;}

/*案例*/
.anli li{width:48%;}
.anli .tu{height:110px;}
.anli_da .tu{height:220px;}
.anli .zi h2{font-size:14px; line-height:14px;}
.anli .zi p{font-size:12px; line-height:12px;}
.fenlei{padding-top:14%; margin:3% auto 3%; width:100%;}
.fenlei li{margin:0 2% 2% 3%;}



/*产品*/
.chanp{width:90%;}
.photo{float:initial; width:100%;}
.text_wrap{float:initial; width:94%; padding-left:3%; padding-right:3%; margin-top:3%;}
.text_wrap h2{font-size:22px; line-height:22px;}
.text_inner{font-size:14px; line-height:25px;}

/*关于*/
.fuwuRtest2 h2{font-size:22px; line-height:22px;}
.fuwuRtest2 h3{font-size:16px; line-height:16px;}
.fuwuLtow .fuwuRtest h2{font-size:22px; line-height:22px;}

/*联系*/
.lxiL{display:none;}
.lxiR{width:90%;}

/*案例banner*/
.anlibanner,.anlibanner2{display:none;border:1px solid #000}
.app-anlibanner{display:block;margin-top:46px;height:165px;background-size:100% 100%;background-repeat:no-repeat}

/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/
/********************以下是暂时未用到的，等用到再往上提，直到结束为止****************************/

/*二级页面-案例*/

/*.anlidivtop{display:none}
.anlidiv li{width:44%;margin:15px 0 0 4%}
.anlimorea{width:126px;height:30px;margin:20px auto 30px}
.anlimorea input{font-size:14px;line-height:30px}
.anlimorea i{height:30px;margin-top:-15px}
.anlimorea:hover i{width:126px;margin-left:-63px}
.anlidivibjshow p img{width:25px}*/

/*二级页面-案例详情*/
/*.bgf1{background:#fff}
.anlixqdivleft{width:94%;background:#fff;left:0;position:static;padding:0 3%;height:auto;!important}
.anlillefttitle{margin:20px 0}
.anlileftbtn{position:absolute;top:30px;right:10px}*/

/*案例详情*/
/*.anlileftbtn1{width:25px;height:25px}
.anlileftbtn1 a{height:25px;line-height:25px;font-size:20px}
.anlixqdivright{width:94%;position:static;overflow:auto;padding:0 3% 20px}*/

/*二级页面-新闻*/

/*二级页面-新闻详情*/

/*二级页面-网站*/
/*.zzdivtop{display:none}
.zzdivcont{margin:20px 3%;width:94%}
.zz400t{width:100%;text-align:left}
.zz400bLeft{padding:0 0 20px 0}
.zz400bRight{display:none}*/

/*二级页面-关于*/
/*.guanyuonediv{top:0}
.gyoncont{margin:0 3% 0;width:94%}
.gyonconttop{font-size:20px;padding-bottom:15px;margin-bottom:15px}
.gyoncontbottom{line-height:30px;background:url(../http://www.job109.com/admin/fileadmin/upfile/images/gywmbj.png) no-repeat center center;background-size:50% auto}
.guanyuoneL{display:none}
.guanyuoneR{width:100%}
.guanyutwoL{width:100%}
.guanyuhzlc{margin:0 3% 0;width:96%}
.hzlctitle{margin-bottom:20px}
.hzlctxt{font-size:13px;line-height:30px}
.guanyutwoR{display:none}*/

/*二级页面-联络*/
/*.lianluooneL{display:none}
.lianluooneR{width:100%}
.lloncont{width:94%;margin:60px 3% 0}
.llonconttop{border-bottom:2px solid #d0d0d0;padding-bottom:15px}
.lianluoinput,.lllxyx{width:96%}
.lianluoniu{width:98%;height:44px;line-height:44px;font-size:14px;margin-top:30px}
.lltijiaobtn{font-size:14px;line-height:44px}
.lianluoniu i{height:44px;margin-top:-22px}
.lianluoniu:hover i{width:100%;margin-left:-50%}
.lianluotwoR{display:none}
.lianluotwoL{width:100%}
.llages{margin-left:50px;margin-top:100px}
.llages{ margin:10px 3% 0;width:94%}
.llages li img{width:20px;margin-right:10px;vertical-align:middle}
.llonconttop{margin:0 0 15px;color:#d71920;font-size:18px}
.lianluoniu{margin-top:15px;background:#d71920;border:1px solid #d71920}
.lltijiaobtn{color:#fff}
.llages li{margin-bottom:20px}*/

/*二级页面-联络第一屏*/
/*.lloncontbottom table{width:100%}
.lianluoinput{width:98%;height:38px;line-height:38px;border:1px solid #c5c5c5;padding-left:2%;border-radius:10px;margin-bottom:10px}
.lllxyx{width:96%;height:100px;line-height:20px;border:1px solid #c5c5c5;border-radius:10px;padding:2%}
.lianluoniu{width:100%;height:40px;line-height:40px;overflow:hidden;position:relative;text-align:center;border:0;font-size:16px;background:#d71920;border:1px solid #d71920;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:10px}
.lltijiaobtn{color:#fff;font-size:20px;margin:0 auto;line-height:40px;z-index:2;position:relative;width:100%;height:100%;display:block;border:0;background:none}
.lianluoniu i{transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;width:0;height:40px;position:absolute;color:#3892f7;left:50%;margin-left:0;top:50%;margin-top:-20px;z-index:1}
.lianluoniu:hover i{background:#d71920;width:100%;border-radius:5px;margin-left:-50%}
.lianluoniu:hover .lltijiaobtn{color:#fff}*/

}

@media only screen and (max-width:375px){
/*********************首页******************/
/*第二屏 服务*/
.app-fuwu{margin-left:-500px; width:100%}
.tit_topimgtwo h2{font-size:16px; line-height:16px; padding-bottom:10px;}
.tit_topimgtwo h3{font-size:14px;}
.section2 .fp-slidesNav.bottom{bottom:40px}
.service_icoBorder{width:110px; height:110px;}
.service_icoBorder img{margin-top:-10px;}
.service_cont h5{margin:15px 0}
.service_cont p{padding-bottom:0;}

/*第三屏-案例*/
.service_icoBordersan{padding-top:0;}
.service_icoBordersan img{width:28%;}
.anlisan{background:#d71920; width:90%; margin:3% 3% 0 3%; padding:10px 2%; display:block;}
.section3 .fp-slidesNav.bottom{bottom:35px}
.moreanli{margin:15px auto 0;}
.about_boxright .tu{height:80px;}

/*第七屏-联系*/
.about_boxright2{margin-top:0; color:#FFF;}
.about_boxright2_left img{width:50%; height:auto;}
.about_boxright2_right{line-height:24px; color:#FFF;}
.about_boxright2_right a{color:#FFF;}

/*案例banner*/
.app-anlibanner{height:150px}
.fenlei li{margin:0 1.5% 2% 1.5%;}
.anli .tu{height:99px;}

/*关于*/
.fuwuRtest2{padding-top:6%;}



/****************二级页面——新闻******************/
/****************二级页面——新闻详情******************/
/****************二级页面——服务******************/

/*二级页面-关于*/
/*.guanyuonediv{top:60px}
.gyonconttop{margin:0 0 0 0}
.gyoncontbottom{line-height:20px}
.hzlctitle{margin-bottom:10px}*/
}

@media only screen and (max-width:320px){
/*首页*/
.tit_topfive img,.tit_topsix img,.tit_topfore img,.tit_toptwo img{width:240px}

/*第二屏-服务*/
.tit_toptwo{padding-top:70px}
.tit_topimgtwo h2{padding-bottom:5px;}
.service_cont{margin-top:5%;}
.service_cont h5{font-size:14px; margin:10px 0}
.service_cont h4{font-size:13px; line-height:13px; margin:0 0 10px 0;}
.service_cont p{width:85%;line-height:20px; height:40px;}
.service_cont .morea{margin:10px auto;}
.section2 .fp-slidesNav.bottom{bottom:17px;}

/*第三屏-案例*/
.tit_topthree{padding-top:70px;}
.anlisan{padding:5px 2%}
.moreanli{width:30%; padding:2% 0; margin:10px auto 0;}
.section3 .fp-slidesNav.bottom{bottom:10px;}

/*第四屏-网站*/
.tit_topfore{padding-top:70px}
.about_boxright{margin-top:4%;}
.aboutdiv{line-height:24px;font-size:12px}
.aboutdiv h2{font-size:14px;margin:10px 0}

/*第五屏-新闻*/
.tit_topfive{padding-top:70px}
.xinwentop{margin:0 0 10px}
.xinwentopbtn{margin:0 10px}
.about_boxright .tu{height:70px;}

/*第六屏-理念*/
.tit_topsix{padding-top:110px}

/*第七屏幕-联系*/
.tit_topseven{padding-top:50px}
.about_boxright2_left img{width:45%;}
.about_boxright2_right{font-size:14px; line-height:24px;}

/**************二级页面-网站***********/
.zztopdiv{width:110px}
.zztopdiv:hover i{width:110px;margin-left:-55px}

/**************二级页面-关于***********/
.gyoncontbottom{line-height:23px}
.guanyuhzlc{margin:0 3% 0;width:96%}
.hzlctitle{margin-bottom:15px}
.hzlcimg li h2, .hzlcimg li h3, .hzlcimg li h4{font-size:10px}
.hzlctxt{font-size:12px;line-height:20px}

/**************二级页面-联络***********/
.lianluoonediv{top:70px}

/**************二级页面-服务***********/
.fuwuRtest{margin-right:2%}
.fuwubtn{line-height:24px; font-size:12px;}
.fuwuli li{font-size:12px;padding-right:8px}
.woyaozixun a{font-size:14px;}

/*关于*/
.fuwuRtest2{padding-top:5%;}
.fuwuRtest2 p{font-size:12px; line-height:20px;}
.fuwuRtest2 h2{font-size:20px; line-height:20px;}
.fuwuRtest2 h3{font-size:14px; line-height:14px;}
.fuwuLtow .fuwuRtest{padding-top:11%;}
.fuwuLtow .fuwuRtest h2{font-size:20px; line-height:20px;}

/*联系*/
.lxiR{width:95%;}
.anli .tu{height:85px;}
.anli .zi h2{height:33px;}
.fenlei li{margin:0 2% 2% 4.5%;}

}


/*1280*1024*/
@media (max-width:1280px) and (min-height:867px){
.tit_toptwo{padding-top:170px}
.service_box{padding:100px 0 0 0}
.tit_topfore{padding-top:170px}
.about_box{top:200px}
.tit_topfive{padding-top:170px}
.story_wrap{padding-top:130px}
.tit_topsix{padding-top:170px}
.cont_usconter{margin-top:160px}
}
@media (min-width:1025px) and (max-height:900px){}
@media only screen and (max-height:780px){}
@media (min-width:1025px) and (max-height:780px){}
@media only screen and (max-height:630px){}