/*整站样式*/
html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; }
body { font-size: 12px; font-family: '微软雅黑', Arial; }
ul, ol, li { list-style-type: none; }
img { border: 0; vertical-align: middle }
select, input, select { vertical-align: middle; outline: none; }
table { border-collapse: collapse; border-spacing: 0 }
iframe { border: none; }
a { text-decoration: none; }
a:link, a:visited { color: #666666; }
a:hover, a:active { color: #0093ff; }
.c { clear: both; font-size: 0; line-height: 0; height: 0; visibility: visible; }
.h { display: none; visibility: visible; }
.wrap { border: 0; padding: 0; width: 1200px; margin: 0 auto; *zoom:1;
}
.wrap:after { clear: both; content: ""; display: table; }
.fix { *zoom:1;
}
.fix:after { clear: both; content: ""; display: table; }
.fl { float: left; }
.fr { float: right; }
.fixed { position: fixed; z-index: 1000; top: 0px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop)+'px');
opacity: 0.9; }
.posr { position: relative; }
.btn { font-family: "宋体"; font-weight: normal; }
.px20 { height: 20px; line-height: 20px; }
.txtover { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hideAll{ display:none !important;}
/* 编辑器内容样式 凡是编辑器修改区域加上 */
.editor { line-height: 1.8; text-align: left; font-size: 18px; word-wrap: break-word; }
.editor video{max-height: 470px;}
.editor p { line-height: 1.8; font-size: 18px; margin-bottom: 18px; word-wrap: break-word; }
.editor img {max-width: 100%; height:auto;}
.editor ol li { list-style-type: circle; margin-left: 25px; }
.editor ul li { list-style-type: square; margin-left: 25px; }
.editor a { color: #0093ff; }
.editor a:visited { color: #0093ff; }
.editor a u{ text-decoration:none; color:#555;}
.editor p{font-size: 16px;line-height: 1.8;color: #3e3e3e;}
.editor blockquote {
    padding: 20px;
    background-color: #f6fcff;
    word-break: break-word;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 10px;
    border: 1px solid #c9e3f2;
    border-left: 2px solid #00a4ff;
}
.editor blockquote p{margin-bottom:0;}

/* 分页样式 */
.page { text-align: center; margin-top: 20px; }
.page a { display: inline-block; padding: 5px 10px; margin-right: 10px; color: #fff; border: 1px solid #2eafbb; color: #2eafbb; }
.page a:hover { background-color: #2eafbb; color: #fff; }
.page a.now { background-color: #2eafbb; color: #fff; }
/* new title */
.new_title { width: 300px; margin: 0 auto; height: 54px; color: #555; display: inline-block; padding-left: 100px; }
.new_title_left { float: left; font-size: 60px; line-height: 54px; font-weight: 100; padding-right: 5px; color: #666; }
.new_title_right { float: left; text-align: left; }
.new_title_right h3 { font-size: 30px; line-height: 32px; font-weight: lighter; font-weight: 100; }
.new_title_right h1 { font-size: 30px; line-height: 32px; font-weight: lighter; font-weight: 300; }
.new_title_spec { font-family: Arial; font-size: 18px; font-weight: 100; color: #888; }
/* header */
.section { overflow: hidden; }
.header { height: 100px; width: 100%; background: #FFFFFF; }
.header h1 { width: 154px; }
.logo { padding-top: 6px; }
.header .logo_text { width: 163px; margin-top: 6px; margin-left: 12px; padding-left: 12px; color: #999; font-size: 12px; font-weight: 350; line-height: 20px; border-left: 1px solid #eeeeee; }
.header .logo_text a { color: #999; }
.header .logo_text a:visited { color: #999; }
.top { text-align: right; color: #888888; padding-top: 12px; *position:relative;
*z-index:2;
}
.top a { color: #888888; margin-left: 8px; }
.top .call { background: url("../images/sprite.png") no-repeat 0 0; display: inline-block; width: 20px; height: 16px; vertical-align: bottom; margin-right: 4px; }
.top .call_tel { color: #15909c; }
.top .email { display: inline-block; width: 18px; height: 16px; background: url("../images/sprite.png") no-repeat -20px 0; vertical-align: bottom; margin-right: 4px; }
.top .qq { display: inline-block; width: 18px; height: 16px; background: url("../images/sprite.png") no-repeat -20px -20px; vertical-align: bottom; margin-right: 4px; }
.top .weixin { display: inline-block; width: 18px; height: 16px; background: url("../images/sprite.png") no-repeat -60px 0; vertical-align: bottom; margin-right: 4px; }
.top .ewm { position: relative; z-index: 1000; }
.top .ewm img { position: absolute; right: 0; top: 30px; z-index: 999; border: 1px solid #ddd; padding: 4px; background: #fff; display: none; z-index: 10000; }
.nav { margin-top: 14px; position: relative; }
.nav li { float: left; padding-left: 40px; }
.nav li a { font-size: 14px; color: #000000; line-height: 24px; display: inline-block; }
.nav .nav_icon { background: #15909c; height: 1px; line-height: 1px; display: inline-block; position: relative; top: -6px; *top:0px;
}
.home_title { text-align: center; padding-top: 50px; }
/*公安备案*/
.gonganbeian{
line-height: 20px;
height: 20px;
background: url(../images/gongan.png) no-repeat;
padding-left: 25px;
display: inline-block;
margin-left: 10px;}
.gonganbeian a{ color: #B41113;}
/* footer */
.contact { background: #2eafbb; margin-top: 40px; padding-top: 38px; padding-bottom: 60px; }
.contact h2 { margin-bottom: 28px; }
.contact h2 a { font-size: 18px; color: #fff; font-weight: normal; }
.home_about { width: 250px; }
.home_about dt { margin-bottom: 24px; }
.home_about dt a { font-size: 18px; color: #fff; font-weight: normal; }
.home_about dd { color: #fff; line-height: 28px; }
.home_about .more { color: #fff; display: inline-block; border: 1px solid #eeeeee; line-height: 38px; padding: 0 24px; margin-top: 12px; }
.home_about .more:hover { border-color: #fff; }
.home_case { width: 300px; margin-left: 45px; }
.home_case li { border-top: 1px solid #fff; height: 52px; padding: 14px 0; }
.home_case li:first-child { border: 0; padding-top: 3px; }
.home_case li img { float: left; margin-right: 18px; }
.home_case h5 { margin-top: -5px; line-height: 28px; }
.home_case h5 a { font-size: 14px; color: #fff; font-weight: normal; }
.home_case .text { line-height: 22px; }
.home_case .text a { color: #fff; font-family: "宋体"; }
.home_case .label { color: #cccccc; line-height: 28px; }
.home_service { width: 230px; margin-left: 45px; }
.home_service a.sub { font-size: 12px; color: #fff; line-height: 38px; width: 98px; display: inline-block; border: 1px solid #eeeeee; text-align: center; margin-right: 12px; margin-bottom: 12px; margin-top: 3px; }
.home_service a.sub:hover { border-color: #fff; }
.home_contact { margin-left: 40px; }
.home_contact li { color: #fff; margin-bottom: 14px; }
.home_contact li i { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; }
.home_contact li .addres { background: url("../images/sprite.png") no-repeat 0 -20px; }
.home_contact li .weibo { background: url("../images/sprite.png") no-repeat -20px -20px; }
.home_contact li .email { background: url("../images/sprite.png") no-repeat -40px -20px; }
.home_contact li .weixin { background: url("../images/sprite.png") no-repeat -80px -20px; }
.home_contact li .call { background: url("../images/sprite.png") no-repeat -0px -0px; }
.home_contact li a { color: #fff; }
.blogroll { line-height: 28px; color: #999; text-align: center; padding: 30px 0; padding-bottom: 8px;}
.blogroll a { color: #999; display: inline-block; }
.blogroll a:hover { color: #333; }
.blogroll .copyright { /*margin-top: 16px; */ margin-top:0px;}
/*inside*/
.agileinfo-dot { background: url(../images/dott.png)repeat 0px 0px; background-size: auto auto; background-size: 2px; -webkit-background-size: 2px; -moz-background-size: 2px; -o-background-size: 2px; -ms-background-size: 2px; position: relative; height: 400px; }
.inside_banner { position: relative; height: 400px; }
.inside_banner.banner_about { background: url('//cdn.itzjj.com/publics/pc/images/banner_about.jpg') no-repeat center; }
.inside_banner.banner_cases { background: url('//cdn.itzjj.com/publics/pc/images/banner_case.jpg') no-repeat center; }
.inside_banner_service { background: url("//cdn.itzjj.com/publics/pc/images/service_banner.jpg") no-repeat center; height: 400px; position:relative;}
.inside_banner_price{ background: url("//cdn.itzjj.com/publics/pc/images/dj-price.jpg") no-repeat center; height: 400px; position:relative;}
.inside_banner_mobile { background: url("//cdn.itzjj.com/publics/pc/images/m_banner.jpg") no-repeat center; height: 400px; }
.inside_banner_solution { background: url("//cdn.itzjj.com/publics/pc/images/sl_banner.jpg") no-repeat center; height: 400px; }
.inside_banner_news { background: url("//cdn.itzjj.com/publics/pc/images/n_banner-1.jpg") no-repeat center; height: 400px; }
.inside_banner_payment{background: url("//cdn.itzjj.com/publics/pc/images/pay_banner.jpg") no-repeat center; height: 400px;}
.inside_banner .inside_bdmap { position: absolute; width: 100%; height: 100%; }
.inside_banner .wrap { height: 100%; }
.about { overflow: hidden; }
.about_tab { width: 1200px; margin: 0 auto; position: relative; }
.about_tab ul { position: absolute; bottom: 0; left: 0; font-size: 0; }
.about_tab li { display: inline-block; width: 100px; text-align: center; vertical-align: bottom; *display: inline;zoom: 1; }
.about_tab li a { font-size: 14px; color: #fff; line-height: 40px; display: block; }
.about_tab li.on a { line-height: 100px; }
.about_tab .blue { background: #43bcc7; }
.about_tab .green { background: #a6d250; }
.about_tab .yellow { background: #eab055; }
.about_tab .orange { background: #e9d356; }
.about_title { text-align: center; padding-top: 60px; padding-bottom: 32px; }
.about_main { width: 600px; position: relative; }
.about_pic { position: relative; width: 490px; }
.about_pic img { position: absolute; }
.about_cont { padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.about_main .about_cont:first-child { border-bottom: 1px dashed #d3d3d3; }
.about_cont h2 { font-size: 26px; color: #333; font-weight: normal; margin-bottom: 5px; }
.about_cont h4 { font-size: 16px; color: #333; font-weight: normal; background: url("../images/a03.jpg") no-repeat left bottom; padding-bottom: 8px; margin-bottom: 30px; white-space: nowrap; }
.about_cont .text { font-size: 14px; color: #333; line-height: 28px; }
.about_cont li { margin-bottom: 14px; width: 300px; float: left; }
.about_cont li span { background: #4bcdd9; color: #fff; font-size: 14px; padding: 0 6px; margin-right: 8px; line-height: 12px; *padding: 2px 6px;
}
.culture { background-repeat: no-repeat; background-position: center; min-height: 540px; }
.culture .about_cont:first-child { border: 0; }
.zhizi { background: #f7f7f7; text-align: center; padding-bottom: 74px; }
.zhizi ul { display: inline-block; *display: inline;
zoom: 1; }
.zhizi li { float: left; margin: 0 13px; }
.jion { min-height: 720px; background-repeat: no-repeat; background-position: center; }
.jion .test { border-width: 78px 0; border-style: solid; border-color: #2eafbb transparent transparent transparent; width: 0; height: 0; }
.jion .about_title { position: relative; z-index: 3; }
.jion_box { width: 1200px; margin: 0 auto; position: relative; }
.jion_img { position: absolute; top: 15px; left: 0; }
.jion_img>img { position: relative; top: 1px; margin-left: 1px; }
.jion_img>img:first-child { position: relative; top: 151px; margin-left: 0px; margin-right: -3px; }
.jion_tab { position: absolute; top: 151px; left: 75px; }
.jion_tab li { float: left; width: 150px; height: 150px; line-height: 150px; text-align: center; font-size: 20px; color: #fff; text-align: center; background: url("../images/a19.png") no-repeat; cursor: pointer; }
.jion_tab .post { display: none; }
.jion_tab li:hover { background: url("../images/a18.png") no-repeat; }
.jion_tab li:hover .post { display: block; }
.jion_tab li:hover .icon { display: none; }
.jion_tab li.on { background: url("../images/a18.png") no-repeat; }
.jion_tab li.on .post { display: block; }
.jion_tab li.on .icon { display: none; }
.jion_info { margin-left: 250px; margin-top: 260px; }
.jion_info dl { display: none; }
.job_tab { display: none; width: 540px; }
.job_tab li { float: left; font-size: 20px; color: #333; border-left: 2px solid #d9d9d9; margin-right: 16px; padding-left: 16px; line-height: 20px; }
.job_tab li:first-child { border: 0; padding-left: 0; cursor: auto; }
.job_tab .on { color: #2eafbb; }
.job_tab .intro { font-size: 14px; color: #333; line-height: 28px; margin-top: 16px; display: none; text-align: left; }
.jion .send { font-size: 16px; color: #fff; display: inline-block; width: 160px; line-height: 160px; text-align: center; background: url("../images/a17.png") no-repeat; position: absolute; right: 222px; top: 444px; }
.case_demo { position: absolute; bottom: -384px; }
.case_demo li { float: left; width: 384px; position: relative; padding: 0px; }
.case_info { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 20px; }
.case_info h3 { font-size: 16px; color: #fff; position: relative; z-index: 1; font-weight: normal; padding-bottom: 6px; }
.case_info .text { font-size: 12px; color: #ccc; position: relative; z-index: 1; line-height: 20px; }
.case_shade_top { position: absolute; top: 0; left: 0; width: 384px; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
.case_info .case_icon { display: none; padding: 12px 0; }
.case_info .case_icon img { position: relative; }
.case_shade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
.case_more { text-align: center; margin-top: 40px; }
.case_more a { display: inline-block; font-size: 14px; color: #2eafbb; line-height: 38px; border: 1px solid #2eafbb; display: inline-block; width: 1200px; }
.crumbs { border-top: 1px solid #eee; padding-top: 18px; border-bottom: 1px solid #f7f7f7; line-height: 40px; color: #999999; font-family: "宋体"; }
.crumbs .icon { display: inline-block; width: 14px; height: 14px; background: url("../images/sprite.png") -80px 4px no-repeat; margin-right: 4px; }
.crumbs a { color: #999; }
.crumbs a:hover { color: #666; }
.crumbs .on { color: #666; }
.case_top { margin-top: 40px; }
.case_top h2 { margin-bottom: 8px; }
.case_top h2 a { font-size: 16px; color: #2eafbb; font-weight: normal; display: inline-block; margin-right: 12px; }
.case_top h1 { font-size: 20px; color: #333333; font-weight: 700; margin-bottom: 8px; }
.case_top .date { color: #999; }
.case_top .intro { width: 440px; line-height: 26px; color: #999; }
.design_comment { margin-top: 10px; }
.design_comment .t { background: url(../images/ico_comment.png) no-repeat center left; font-size: 20px; color: #3d3b3b; height: 40px; line-height: 40px; padding-left: 30px; }
.design_comment .con { border: 1px solid #ccc; padding: 10px; line-height: 2; color: #666; margin-top: 10px; font-size: 14px; }
.case_sign { margin-top: 30px; text-align: center; }
.case_sign .info { line-height: 26px; color: #999; margin-top: 10px; }
.case_sign .info a { color: #999; margin-top: 10px; display: inline-block; text-decoration: underline; }
.case_sign img { max-width: 100%; }
.case_sign .caseimg_name { padding: 10px 0; font-size: 16px; color: #999; border-bottom: 1px solid #999; margin: 10px 0; }
.case_phone { background: url(../images/case_phone_bg.jpg) no-repeat center; width: 100%; height: 882px; padding-top: 78px; margin-top: 40px; }
.case_phone_bg { background: url(../images/phone_bg2.png) no-repeat center; width: 405px; height: 723px; margin: 0px auto; position: relative; }
.phone_slider { padding-top: 69px; margin-left: 28px; width: 350px; height: 560px; }
.case_erweima { width: 200px; margin: 60px auto; border: 1px solid #e3e3e3; }
.case_erweima_btn { background-color: #2eafbb; text-align: center; padding: 0px 10px; height: 40px; line-height: 40px; width: 140px; margin: 0px auto; }
.case_erweima_btn a { color: #e3e3e3; }
.case_erweima2 { width: 480px; margin: 60px auto; }
.case_erweima2 dl { float: left; margin: 0 20px; text-align: center; width: 200px; }
.case_erweima2 dd { line-height: 30px; height: 30px; width: 188px; background-color: #2eafbb; color: #fff; margin: 10px auto; }
a.btn_case_see { width: 100%; height: 32px; line-height: 32px; color: #2eafbb; font-size: 14px; background-color: #fff; border: 1px solid #2eafbb; text-align: center; display: block; margin: 30px auto; }
.c_back { text-align: center; margin-top: 60px; }
.c_back .c_back_btn { width: 85px; height: 43px; background: url(../images/c_back.gif) no-repeat; margin: 0 auto; display: block; cursor: pointer; }
.c_back img { cursor: pointer; }
.ser_project { background: #f7f7f7; padding-bottom: 50px; }
.ser_project ul { margin: 40px auto; width: 1200px; }
.ser_project li { float: left; margin-left: 40px; position: relative; overflow: hidden; }
.ser_project li:first-child { margin: 0; }
.blur { filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); -ms-filter: blur(4px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */
}
.blur_shade { background: url("../images/blur.png") no-repeat; position: absolute; top: -600px; left: 0; width: 100%; height: 100%; text-align: center; z-index: 2; opacity: 0; }
.blur_shade h4 { font-size: 20px; color: #333; font-weight: normal; padding-top: 100px; }
.blur_shade .text { background: url("../images/s13.jpg") no-repeat center top; font-size: 14px; color: #333; margin-top: 8px; padding: 8px 10px 0; }
.ser_scope { padding-bottom: 70px; }
.picBox { width: 1200px; margin: 40px auto; }
.picBox li { float: left; position: relative; width: 400px; display: table; }
.picBox .ser_info { position: absolute; font-size: 16px; color: #333; line-height: 40px; text-align: center; width: 100%; left: 0; }
.picBox .s1 .ser_info { bottom: 0; }
.picBox .s3 .ser_info { top: 0; }
.picBox .s5 .ser_info { bottom: 0; }
.picBox .ser_shade { background: #fff; opacity: 0.6; filter: alhpa(opacity=60); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.picBox h2 { font-size: 16px; color: #333; font-weight: normal; position: relative; z-index: 2; }
.picBox .s2:after { height: 0; width: 0; content: ""; position: absolute; left: -20px; top: 50%; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent #2eafbb transparent transparent; }
.picBox .s4:after { height: 0; width: 0; content: ""; position: absolute; right: -20px; top: 50%; z-index: 2; border-width: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #2eafbb; }
.picBox .s6:after { height: 0; width: 0; content: ""; position: absolute; left: 50%; top: -20px; border-width: 10px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2eafbb transparent; }
.picBox .intro { position: absolute; left: 0; top: 0; font-size: 14px; line-height: 26px; color: #fff; margin: auto 28px; padding-top: 36px; }
.picBox dl { position: absolute; left: 0; top: 0; font-size: 14px; line-height: 26px; color: #fff; margin: auto 38px; padding-top: 36px; }
.picBox dt { font-size: 18px; margin-bottom: 8px; }
.picBox dd { display: list-item; list-style-type: circle; white-space: nowrap; }
.picBox li img { width: 400px; height: 220px; }
.sp_box { margin-top: 40px; }
.picScroll-left { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 40px; }
.picScroll-left .hd { overflow: hidden; position: absolute; bottom: 0; width: 100%; text-align: center; z-index: 2; }
.picScroll-left .hd a { display: inline-block; font-size: 20px; font-weight: 200; color: #999; line-height: 38px; border: 1px solid #999; width: 38px; text-align: center; margin: 0 5px; cursor: pointer; }
.picScroll-left .hd a:hover { color: #333; border-color: #333; }
.mobile_column { }
.mobile_column ul { width: 1200px; margin: 40px auto; }
.mobile_column li { width: 360px; text-align: center; float: left; margin-left: 40px; }
.mobile_column li:first-child { margin-left: 0; }
.mobile_column .title { font-size: 16px; color: #222; margin: 10px auto; line-height: 26px; }
.mobile_column .intro { color: #999; line-height: 22px; width: 320px; margin: 0 auto; }
.wechat { position: relative; background-repeat: no-repeat; background-position: center top; }
.wechat dl { margin-left: 140px; margin-top: 300px; float: left; }
.wechat dt { font-size: 36px; color: #333; margin-bottom: 30px; }
.wechat dd { font-size: 16px; color: #333; line-height: 30px; }
.wechat_banner { height: 480px; background-repeat: no-repeat; background-position: center; }
.wechat_intro { margin-top: 60px; position: relative; top: 40px; overflow: hidden; }
.wechat_img { width: 540px; float: right; min-height: 680px; overflow: hidden; position: relative; left: 86px; }
.wechat_img img { position: absolute; right: 0; bottom: 0; }
.wi_left { width: 460px; margin-left: 78px; position: relative; }
.wi_left img { position: relative; }
.wi_right { width: 540px; background: url("../images/m10.jpg") no-repeat left top; padding-left: 115px; padding-top: 92px; }
.wi_right h2 { font-size: 36px; font-weight: normal; color: #333; margin-bottom: 30px; }
.wi_right h3 { font-size: 20px; font-weight: normal; color: #333; margin-bottom: 28px; }
.wi_right .text { font-size: 16px; font-weight: normal; color: #333; line-height: 30px; }
.solution_list { width: 1200px; margin: 40px auto; }
.solution_list ul { margin-right: -48px; }
.solution_list li { float: left; width: 370px; margin-right: 46px; margin-bottom: 38px; position: relative; }
.solution_list h2 { font-size: 20px; color: #333; font-weight: normal; line-height: 48px; border-bottom: 1px solid #2eafbb; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.solution_list h2 a { color: #333; }
.solution_list h2 a:hover { color: #2eafbb; }
.solution_list .intro { line-height: 22px; color: #999; margin-top: 4px; }
.solution_list .intro a:hover { color: #2eafbb; }
.solution_list .shade { display: block; width: 370px; height: 120px; }
.solution_list .solu_img { width: 370px; height: 120px; overflow: hidden; position: relative; cursor: pointer; }
.solution_list .solu_img .shade { position: absolute; z-index: 3; top: 100%; left: 0; width: 100%; height: 120px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); transition: 0.5s all; }
.solution_list .solu_img:hover .shade { top: 0; transition: 0.6s ease-in-out; }
.solution_list .solu_img .img_icon { transform: rotate(360deg); transition: 0.6s ease-in-out; position: absolute; top: 50%; left: -100%; margin-left: -20px; margin-top: -20px; display: inline-block; z-index: 3; }
.solution_list .solu_img .img_icon a { background: url(../images/sl_icon.png) no-repeat; width: 40px; height: 40px; display: block; }
.solution_list .solu_img:hover .img_icon { left: 50%; transform: rotate(3600deg); -webkit-transform: rotate(3600deg); -moz-transform: rotate(3600deg); -o-transform: rotate(3600deg); -ms-transform: rotate(3600deg); transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; }
.solution_list .solu_img img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: All .6s ease-in-out; -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transition: All .6s ease-in-out; -ms-transition: All .6s ease-in-out; }
.solution_list .solu_img:hover>img { transform: scale(1.4); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transition: All .6s ease-in-out; -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transition: All .6s ease-in-out; -ms-transition: All .6s ease-in-out; }
.solution_article_banner { background: url('../images/n_banner01.jpg') center no-repeat; height: 265px; }
.news_tab { width: 1200px; margin: 60px auto 0; }
.news_tab ul { margin-right: -40px; }
.news_tab li { float: left; width: 205px; height: 70px; overflow: hidden; padding-left: 20px; margin-right: 20px; margin-bottom: 20px; }
.news_tab h2 { font-size: 20px; color: #fff; font-weight: normal; padding-top: 12px; }
.news_tab .eg { font-size: 14px; color: #fff; text-transform: uppercase; padding-bottom: 12px; font-family: Arial; }
.news_tab li:hover { opacity: 1; filter: alpha(opacity=100) }
.news_tab li.sel { opacity: 0.8; filter: alpha(opacity=80) }
.news_tab .cyan { background: #43bcc7; opacity: 0.8; filter: alpha(opacity=80) }
.news_tab .red { background: #de6764; opacity: 0.8; filter: alpha(opacity=80) }
.news_tab .blue { background: #31a0e1; opacity: 0.8; filter: alpha(opacity=80) }
.news_tab .purple { background: #6a8bd2; opacity: 0.8; filter: alpha(opacity=80) }
.news_tab .green { background: #9ac047; opacity: 0.8; filter: alpha(opacity=80) }
.news_tab .black { background: #000000; }
.news_tab .cyansel { background: #43bcc7; opacity: 1; filter: alpha(opacity=100) }
.news_tab .redsel { background: #de6764; opacity: 1; filter: alpha(opacity=100) }
.news_tab .bluesel { background: #31a0e1; opacity: 1; filter: alpha(opacity=100) }
.news_tab .purplesel { background: #6a8bd2; opacity: 1; filter: alpha(opacity=100) }
.news_tab .greensel { background: #9ac047; opacity: 1; filter: alpha(opacity=100) }
.news_tag_title { width: 1200px; margin: 0 auto; overflow: hidden; line-height: 2; }
.news_tag_title h2 { text-align: center; font-size: 22px; font-weight: bold; }
.news_tag_title h1 { text-align: center; font-size: 22px; font-weight: bold; }
.news_tag_title .spec { font-size: 14px; text-align: center; }
.news_list { width: 1200px; margin: 0 auto; overflow: hidden; }
.news_list li { background: #f7f7f7; zoom: 1; margin-top: 40px; position: relative; }
.news_list .line { display: block; position: absolute; background: #2eafbb; }
.news_list li:after { content: ""; clear: both; display: table; }
.news_time { background: #2eafbb; width: 120px; height: 100%; padding: 18px 20px 40px 0; }
.news_time .day { display: block; font-size: 70px; color: #fff; font-family: "Impact"; text-align: right; }
.news_time .year { display: block; color: #eee; text-align: right; line-height: 22px; }
.news_time .author { display: block; color: #eee; text-align: right; line-height: 22px; }
.news_time .type { display: block; text-align: right; background: url("../images/n01.jpg") no-repeat right top; padding-top: 6px; margin-top: 4px; }
.news_time .type a { color: #fff; font-family: '宋体', Arial; }
.news_cont { width: 1000px; margin-right: 40px; }
.news_cont h2 { font-size: 20px; font-weight: normal; padding-top: 26px; }
.news_cont h2 a { color: #333; }
.news_cont a:hover { color: #2eafbb; }
.news_cont .demo { line-height: 24px; margin-top: 14px; }
.news_cont .vis { color: #999; line-height: 38px; margin-top: 10px; }
.news_cont .more { float: right; color: #2eafbb; display: inline-block; border: 1px solid #2eafbb; line-height: 38px; padding: 0 24px; }
.news_cont .news_litimg { width: 220px; height: 160px; padding-top: 26px; margin-right: 20px; float: left; display: block; overflow: hidden; }
.news_cont .news_litimg img { border: none; width: auto; height: 160px; }
.news_more { width: 1200px; margin: 40px auto 80px; text-align: center; }
.news_more a { display: block; font-size: 14px; color: #2eafbb; border: 1px solid #2eafbb; line-height: 38px; }
.backg_new { background: #f7f7f7; padding: 1px 0 40px; margin-bottom: -40px; }
.news_info { width: 1200px; margin: 0 auto; }
.news_box { width: 840px; }
.news_title { border-bottom: 1px solid #eeeeee; margin-top: 40px; padding-bottom: 18px; }
.news_title h1 { font-size: 20px; color: #333; font-weight: 600; }
.news_title .sign { color: #999; margin-top: 12px; font-size: 14px; }
.news_title .label { color: #2eafbb; }
.news_title .mark { padding-right: 20px; }
.news_title .mark i{ /*color:#AC1F22;*/font-style: normal;}
.news_title .yuanchung, .news_info .yuanchung{ border:1px solid #888484;padding: 0 8px;border-radius: 10px;margin-right: 8px;}
.news_page { text-align: center; margin-top: 16px; }
.news_page a { display: inline-block; font-size: 20px; font-weight: 200; line-height: 38px; width: 38px; text-align: center; margin: 0 0px 0 10px; color: #999; border: 1px solid #999; }
.news_page a:hover { color: #333; border-color: #333; }
.news_box .demo { font-size: 14px; color: #555; line-height: 30px; margin-top: 30px; }
.news_box .notice { font-size: 14px; color: #999; padding-top: 20px; clear: both; }
.page_list { border-top: 1px dashed #d3d3d3; margin-top: 16px; padding-top: 10px; margin-bottom: 30px; }
.page_list li { line-height: 24px; color: #999; }
.page_list li a { color: #999; font-size: 14px; }
.page_list li a:hover { color: #2eafbb; }
.page_list .return { float: right; font-size: 14px; color: #2eafbb; border: 1px solid #2eafbb; line-height: 38px; padding: 0 20px; margin-top: 6px; }
.news_menu { width: 240px; background: #f7f7f7; padding: 30px; margin-top: 40px; }
.news_menu dt { font-size: 20px; color: #333; margin-bottom: 24px; }
.news_menu .title-img{background: url("../images/fengbao-ico.png") no-repeat; width:25px; height: 25px; overflow: hidden; margin-right: 5px;display: block;float: left;background-size: cover;}
.news_menu .news-img{background: url("../images/news-ico.png") no-repeat; width:25px; height: 25px; overflow: hidden; margin-right: 5px;display: block;float: left;background-size: cover;}
.news_menu dd { border-bottom: 1px dashed #cccccc; margin-bottom: 20px; }
.news_menu dd .arcimg{display: block;width: 240px;height: 135px;overflow: hidden;}
.news_menu dd .arcimg-jjfa{display: block;width: 240px;height: 90px;overflow: hidden;}
.news_menu dd h3 { color: #333; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.news_menu a:hover { color: #2eafbb; }
.news_menu .text { color: #666; line-height: 24px; margin-bottom: 14px; }
.news_menu .time { color: #999999; line-height: 24px; margin-bottom: 6px; }
.news_seek { border: 1px solid #fff; display: inline-block; *display:inline;
zoom: 1; background: none; position: absolute; left: 0; top: 280px; }
.news_seek input { border: 0; background: none; color: #fff; width: 0; text-indent: 10px; }
.news_seek img { padding: 10px; cursor: pointer; }
.news_img { position: absolute; right: 0; top: 76px; }
.form_msg { height: 400px; width: 420px; position: relative; padding-left: 40px; }
.form_msg dl { position: relative; z-index: 3; }
.form_msg dt { font-size: 18px; color: #fff; padding-top: 40px; }
.form_msg dd { margin-top: 10px; }
.form_msg .text { border: 1px solid #fff; background: transparent; color: #fff; height: 32px; width: 182px; line-height: 32px; text-indent: 12px; margin-right: 14px; }
.form_msg .text:focus { border-color: #fff; color: #fff; }
.form_msg .textarea { color: #fff; line-height: 32px; padding-left: 12px; font-size: 14px; font-family: "微软雅黑", Arial; }
.form_msg .sub_btn { font-size: 14px; border: 1px solid #fff; background: transparent; color: #fff; height: 38px; width: 118px; line-height: 36px; margin-right: 14px; *margin-left:12px;
filter: chroma(color=#000000); cursor: pointer; }
.form_msg textarea { width: 374px; border: 1px solid #fff; background: transparent; height: 100px; color: #fff; resize: none; *margin-left: 12px;
overflow: auto; }
.form_msg textarea:focus { color: #fff; border-color: #fff; outline: none; }
.c_shade { position: absolute; top: 0; left: 0; background: #2eafbb; opacity: 0.7; filter: alpha(opacity=60); width: 100%; height: 100%; }
.connect { background: url("../images/cn01.jpg") no-repeat center; min-height: 500px; }
.connect_column { margin-top: 40px; }
.connect_column li { float: left; text-align: center; width: 285px; height: 218px; margin-left: 20px; position: relative; padding-top: 42px; font-size: 16px; color: #333; line-height: 32px; }
.connect_column li:first-child { margin-left: 0; }
.connect_column h2 { font-size: 18px; color: #333; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
.connect_column .info { position: relative; z-index: 2; }
.connect_column .text { margin: 0 20px; }
.connect_column .s1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #de6764; opacity: 0.2; filter: alpha(opacity=20); }
.connect_column .s2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #58bec8; opacity: 0.2; filter: alpha(opacity=20); }
.connect_column .s3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #9ac047; opacity: 0.2; filter: alpha(opacity=20); }
.connect_column .s4 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #31a0e1; opacity: 0.2; filter: alpha(opacity=20); }
.connect_column .i1 { display: inline-block; width: 36px; height: 46px; background: url("../images/sprite2.png") no-repeat 0 0; }
.connect_column .i2 { display: inline-block; width: 42px; height: 46px; background: url("../images/sprite2.png") no-repeat -38px 0; }
.connect_column .i3 { display: inline-block; width: 40px; height: 46px; background: url("../images/sprite2.png") no-repeat -83px 0; }
.connect_column .i4 { display: inline-block; width: 40px; height: 46px; background: url("../images/sprite2.png") no-repeat -125px 0; }
.connect_column .i5 { display: inline-block; width: 40px; height: 46px; background: url("../images/sprite2.png") no-repeat no-repeat -40px -45px;} 
.connect_column a { color: #333; }
.connect_share { border-top: 2px solid #43bcc7; width: 120px; margin: 46px auto 0; text-align: center; padding-top: 46px; }
.connect_share .sh1 { display: inline-block; width: 40px; height: 40px; background: url("../images/sprite2.png") 0 -48px; margin-right: 9px; }
.connect_share .sh2 { display: inline-block; width: 40px; height: 40px; background: url("../images/sprite2.png") -41px -48px; }
.arrive { background: #f7f7f7; padding-bottom: 40px; margin-bottom: -40px; }
.arrive_column_con { width: 1150px; overflow: hidden; }
.arrive_column { margin-left: 50px; width: 1300px; }
.arrive_column dl { float: left; width: 318px; margin: 40px 90px 0 0px; }
.arrive_column dt { margin-bottom: 20px; }
.arrive_column dd { font-size: 16px; color: #333; line-height: 32px; }
.bus { font-size: 18px; color: #31a0e1; }
.bus dt { margin-left: -50px; }
.bus .icon { display: inline-block; width: 32px; height: 32px; background: url("../images/sprite2.png") 0 -90px; vertical-align: middle; margin-right: 18px; }
.taxi { font-size: 18px; color: #de6764; }
.taxi dt { margin-left: -50px; }
.taxi .icon { display: inline-block; width: 32px; height: 34px; background: url("../images/sprite2.png") -34px -90px; vertical-align: middle; margin-right: 18px; }
.metro { font-size: 18px; color: #9ac047; }
.metro dt { margin-left: -50px; }
.metro .icon { display: inline-block; width: 34px; height: 34px; background: url("../images/sprite2.png") -66px -90px; vertical-align: middle; margin-right: 16px; }
/*case*/
.container { width: 100%; overflow: hidden; *width:100%;
overflow: hidden; }
.da-thumbs { width: 100%; position: relative; font-size: 0; margin: 0 auto; }
.da-thumbs li { float: left; width: 20%; position: relative; overflow: hidden; *width:19.97%;
}
.da-thumbs li a img { display: block; margin: 0 auto; position: relative; border: 0; }
.da-thumbs li a>img { width: 100%; max-width: 100%; transform: scale(1); transition: all 0.6s ease-in-out; }
.da-thumbs li a:hover>img { transform: scale(1.1); transition: all 0.4s ease-in-out; }
.da-thumbs li a { overflow: hidden; display: block; }
.da-thumbs li a div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-top: 10%; display: none; }
.da-thumbs li a:hover div { *display: block;
}
.da-thumbs li a div img { position: relative; z-index: 2; top: 0px; }
.da-shade { background: #2eafbb; opacity: 0.8; position: absolute; width: 100%; height: 100%; }
.da-thumbs h2 { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 16px; color: #fff; font-family: "微软雅黑"; font-weight: normal; text-align: center; line-height: 40px; z-index: 4; }
.da-thumbs .title_shade { background: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; z-index: 2; bottom: 0; left: 0; height: 40px; width: 100%; }
.da-thumbs li a:hover h2 { display: none; }
.da-thumbs li a:hover .title_shade { display: none; }
/* case201601 */
.case_t { text-align: center; padding-top: 60px; background: url(../images/case_t_line.jpg) repeat-x 0 128px; }
.case_t .case_t_img { width: 156px; height: 39px; background: url(../images/case_t.jpg) no-repeat; margin: 0 auto; }
.case_t .case_t_title { color: #000000; font-size: 20px; height: 56px; line-height: 56px; width: 72px; text-align: center; background-color: #fff; margin: 0px auto; }
.case_t .case_t_line { width: 42px; height: 1px; line-height: 1px; background-color: #6bc1ca; margin: 0px auto; }
.case_type { margin-top: 60px; position: relative; z-index: 1; }
.case_type ul { width: 1200px; margin: 0px auto; padding-bottom: 20px; text-align: center; }
.case_type li { width: 104px; height: 38px; line-height: 38px; border: 1px solid #fff; text-align: center; margin-right: 20px; display: inline-block; }
.case_type li a { font-size: 14px; color: #000; display: block; }
.case_type li:hover { border: 1px solid #2eafbb; }
.case_type li:hover a { color: #2eafbb; }
.case_type li.sel { border: 1px solid #2eafbb; }
.case_type li.sel a { color: #2eafbb; }
.case_search { width: 240px; position: absolute; right: 0; top: 0px; z-index: 1; text-align: right; }
.case_seek { border: 1px solid #4bcdd9; display: inline-block; *display:inline;
zoom: 1; }
.case_seek input { border: 0; background: none; color: #666; width: 0; text-indent: 10px; }
.case_seek img { padding: 10px; cursor: pointer; }
.case_list { width: 1600px; overflow: hidden; margin-top: 20px; margin-left: auto; margin-right: auto; }
.portfolio-grid { width: 1660px; }
.thumbnail { overflow: hidden; position: relative; float: left; width: 385px; margin-right: 20px; margin-top: 20px; display: block; opacity: 1; }
.projectinfo { position: absolute; z-index: 2; top: -60px; left: 0; width: 100%; height: 100%; background: rgb(126,127,115); background: rgba(126,127,115,.4); height: 0\9; display: none; }
.thumbnail .meta { width: 100%; height: 60px; line-height: 60px; text-align: left; overflow: hidden; }
.thumbnail .meta h4 { font-size: 18px; padding-left: 10px; font-weight: normal; width: 285px; }
.thumbnail .meta h4 a { color: #000; }
.thumbnail .meta .fr { width: 80px; text-align: right; padding-right: 10px; }
.thumbnail .meta .fr a { display: inline-block; padding: 0px 2px; padding-right: 12px; width: 20px; height: 60px; }
.thumbnail .meta .fr a.cases_a_pc { background: url(../images/cases_ico_pc_b.png) no-repeat center; }
.thumbnail .meta .fr a.cases_a_phone { background: url(../images/cases_ico_phone_b.png) no-repeat center; }
.thumbnail:hover .meta { background-color: #2eafbb; }
.thumbnail:hover .meta h4 a { color: #fff; }
.thumbnail:hover .meta .fr a.cases_a_pc { background: url(../images/cases_ico_pc_w.png) no-repeat center; }
.thumbnail:hover .meta .fr a.cases_a_phone { background: url(../images/cases_ico_phone_w.png) no-repeat center; }
/* contact_pay */
.pay_t { margin: 48px auto 30px auto; width: 223px; }
.pay_list { width: 1200px; margin: 0px auto; }
.pay_list table { border-collapse: collapse; border: 1px solid #ddd; padding: 0px; margin: 0px; width: 100%; }
.pay_list table td { padding: 12px 8px 20px 10px; margin: 0px; border: 1px solid #ddd; font-family: "微软雅黑"; font-size: 14px; color: #333; line-height: 31px; }
.pay_list dt { height: 80px; }
.pay_list dt.dt2 { padding-left: 12px; }
.pay_list dd { padding-left: 10px; }
.pay_spec { font-family: "微软雅黑"; font-size: 14px; color: #333; line-height: 31px; width: 1200px; margin: 30px auto; }
#superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; }
.section { overflow: hidden; }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide, .fp-slidesContainer { height: 100%; display: block; }
.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: scroll; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
.page_next { width: 63px; height: 63px; position: absolute; bottom: 0px; left: 50%; margin-left: -40px; z-index: 999; opacity: 0.6; filter: alpha(opacity=60); animation: 3s linear 0s normal none infinite running fade; }
.sAlert-wrap { }
.sAlert-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; ; background-color: rgba(0, 0, 0, 0.4); z-index: 1999; display: none; }
.sAlert-box { position: fixed; width: 400px; margin-top: 0px; margin-left: -200px; top: 30%; left: 50%; background-color: #FFF; z-index: 2000; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: none; }
.sAlert-box > .sAlert-title { padding: 15px 10px; font-size: 18px; color: #333; border-bottom: 1px solid #F4F4F4; }
.sAlert-box > .sAlert-icon { padding: 10px 0; width: 64px; height: 64px; margin: 0 auto; }
.sAlert-box > .sAlert-icon.right { background: url(../images/ico_right.png) no-repeat bottom; }
.sAlert-box > .sAlert-icon.error { background: url(../images/ico_error.png) no-repeat bottom; }
.sAlert-box > .sAlert-icon.warning { background: url(../images/ico_warning.png) no-repeat bottom; }
.sAlert-box > .sAlert-icon > img { display: block; margin: 0 auto; }
.sAlert-box > .sAlert-content { padding: 20px; text-align: center; font-size: 18px; color: #333; }
.sAlert-box > .sAlert-btns { padding: 15px 0; text-align: center; }
.sAlert-box > .sAlert-btns > button { display: inline-block; margin: 0 10px; padding: 10px 20px; color: #FFF; border: 0; outline: none; cursor: pointer; }
.sAlert-box > .sAlert-btns > button.sAlert-okbtn { background-color: rgb(140, 212, 245); }
.sAlert-box > .sAlert-btns > button.sAlert-cancelbtn { background-color: rgb(221, 107, 85); }
.sAlert-box > .sAlert-close { position: absolute; top: 12px; right: 12px; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
/* webdesign begin */
.webdesign1 { width: 100%; height: 100%; background: #4bcdda; }
.wd_1 { width: 1000px; height: 480px; margin: 0px auto; position: relative; }
.wd_1_text { position: absolute; top: -3000px; left: 432px; }
.wd_1_text2 { position: absolute; top: 166px; left: 2202px; }
.wd_1_2 { position: absolute; top: 300px; left: 356px; opacity: 0.1; filter: alpha(opacity=10); }
.wd_1_left { position: absolute; bottom: -300px; left: -1000px; }
.wd_1_right { position: absolute; top: -400px; right: -1000px; }
.webdesign2 { background: url(../images/webdesign2.jpg) no-repeat center; height: 100%; width: 100%; position: relative; }
.webdesign3 { background: url(../images/webdesign3.jpg) no-repeat center; height: 100%; width: 100%; position: relative; }
.webdesign4 { background: url(../images/webdesign4.jpg) no-repeat center; height: 100%; width: 100%; position: relative; }
.webdesign5 { background: url(../images/webdesign5.jpg) no-repeat center; height: 100%; width: 100%; position: relative; }
.webdesign6 { background: url(../images/webdesign6.jpg) no-repeat center; height: 100%; width: 100%; position: relative; }
.webdesign7 { background: url(../images/webdesign7.jpg) no-repeat center; height: 100%; width: 100%; position: relative; }
/* right_contact_201601 */
.right_contact { position: fixed; bottom: 0px; right: 0px; width: 60px; height: 240px; z-index: 1000; background: url(../images/right_bg.png) no-repeat; }
.right_contact li { position: relative; cursor: pointer; width: 60px; height: 60px; }
.right_contact li .hover { display: none; }
.right_contact .li_top { width: 60px; height: 60px; background: url(../images/right_1.png) no-repeat; }
.right_contact .li_tel { width: 238px; height: 60px; background: url(../images/right_2_h.png) no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.right_contact .li_tel .text { color: #fff; font-size: 16px; line-height: 24px; padding-left: 60px; padding-top: 6px; }
.right_contact .li_qq { width: 238px; height: 60px; background: url(../images/right_3_h.png) no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.right_contact .li_qq .text { color: #fff; font-size: 16px; line-height: 24px; padding-left: 60px; padding-top: 6px; }
.right_contact .li_close { width: 60px; height: 60px; background: url(../images/right_4.png) no-repeat; }
.right_contact .li_tel:hover { margin-left: -178px; width: 238px; height: 60px; background: url(../images/right_2_h.png) no-repeat; }
.right_contact .li_qq:hover { margin-left: -178px; width: 238px; height: 60px; background: url(../images/right_3_h.png) no-repeat; }
.right_contact li:hover .hover { display: block; }
/*在线客服 CSS*/
/*在线咨询代码*/
.xiaoyunfloat-tool { position: fixed; width: 44px; right: 8px; bottom: 40%; z-index: 250; }
.xiaoyunmodule-wrap { position: absolute; bottom: 0; right: 8px; width: auto; min-width: 0; }
.xiaoyun-help-entry { position: relative; box-sizing: border-box; }
.xiaoyun-panel { box-sizing: border-box; position: absolute; bottom: 0; width: 320px; min-height: 50px; padding: 20px; background: #fff; box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); z-index: 4; bottom: -10; right: 52px; opacity: 0; visibility: hidden; transition: all .3s; }
.xiaoyun-panel .panel-close { position: absolute; right: 20px; top: 20px; cursor: pointer; }
.xiaoyun-panel .panel-close img { width: 14px; }
.xiaoyun-panel .panel-content { min-height: 24px; padding-left: 0; opacity: 0; transition: all .3s; transition-delay: 0s; transition-delay: .1s; }
.xiaoyun-panel .panel-content li { list-style: none; margin-bottom: 20px; }
.xiaoyun-panel .panel-content .content-icon img { width: 100%; }
.xiaoyun-panel .panel-content .content-icon { width: 24px; height: 24px; display: inline-block; vertical-align: middle; }
.xiaoyun-panel .panel-content .myscvico { height: inherit; }
.xiaoyun-panel .panel-content .myscvico img { border-radius: 5px; }
.xiaoyun-panel .panel-content .content-main { display: inline-block; vertical-align: middle; margin-left: 12px; }
.xiaoyun-panel .panel-content .content-main a { text-decoration: none; color: #5f6367; font-size: 14px; }
.xiaoyun-panel .panel-content .content-main .content-title { color: #373d41; }
.xiaoyun-panel .panel-content .content-main .content-desc { color: #9b9ea0; font-size: 12px; }
.xiaoyun-entry-button { width: 44px; height: 128px; box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); background-color: #33cde5; text-align: center; }
.xiaoyun-entry-button .button-background { width: 28px; margin: 5px 0 4px; }
.xiaoyun-entry-button span { cursor: default; display: inline-block; width: 14px; font-size: 14px; color: #fff; line-height: 17px; word-wrap: break-word; }
.xiaoyun-help-entry.active .xiaoyun-panel { visibility: visible!important; opacity: 1; bottom: 0 }
.xiaoyun-help-entry.active .panel-content { opacity: 1 }
/*goto*/
.xiaoyunfloat-tool #J_gotoTop { bottom: 20px; position: fixed; width: 44px; height: 44px; margin-top: 8px; box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); right: 16px; }
/* right nav */
#fp-nav { position: fixed; z-index: 100000; top: 50%; opacity: 1; }
#fp-nav.right { left: 17px; }
#fp-nav.left { left: 17px; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #ccc; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #ccc; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; }
/* 员工天地 */
.news_list_yuangong { width: 100%; background: url(../images/news_yuangong_bg.jpg) no-repeat center top; height: 800px; margin-top: 40px; }
.news_list_yuangong ul { width: 1200px; margin: 0px auto; }
.news_list_yuangong li { width: 200px; height: 200px; float: left; position: relative; cursor: pointer; overflow: hidden; }
.news_list_yuangong li .li_caption { position: absolute; left: 0; display: none; width: 200px; height: 200px; overflow: hidden; z-index: 2; }
.news_list_yuangong li.li img { height: 200; width: auto; }
.news_list_yuangong li.li .li_caption a { font-size: 18px; line-height: 30px; color: #fff; display: block; padding-top: 56px; padding-left: 6px; padding-right: 6px; }
.news_list_yuangong li.li .li_t { position: absolute; left: 0; z-index: 3; text-align: center; width: 200px; }
.news_list_yuangong li.li2 .li2_t { position: absolute; left: 0; z-index: 3; text-align: center; width: 200px; }
.news_list_yuangong li.li2 .t { font-size: 18px; line-height: 30px; color: #fff; display: block; padding-top: 56px; padding-left: 6px; padding-right: 6px; }
.news_list_yuangong li.li2 .date { font-size: 14px; line-height: 30px; color: #fff; font-family: Arial; }
.news_list_yuangong li .li2_caption { position: absolute; left: 0; display: none; width: 200px; height: 200px; overflow: hidden; z-index: 2; opacity: 0.2; filter: alpha(opacity=20); }
/* kehu info */
.kehu_info_logo { text-align: center; margin: 40px auto; }
.kehu_spec { font-size: 14px; color: #333; line-height: 1.8; width: 70%; text-align: center; margin: 40px auto; }
.kehu_text_1 { background: url(../images/kehu_text1.jpg) no-repeat top center; height: 23px; width: 100%; }
.kehu_text_2 { background: url(../images/kehu_text2.jpg) no-repeat top center; height: 26px; width: 100%; }
.kehu_text_3 { background: url(../images/kehu_text3.jpg) no-repeat top center; height: 25px; width: 100%; }
.kehu_info_list { margin: 30px auto; }
.kehu_info_list dl { float: left; width: 300px; text-align: center; margin: 30px 0; }
.kehu_info_list dt { width: 48px; height: 48px; background: url(../images/kehu_ico.png); margin-bottom: 18px; margin: 0 auto; }
.kehu_info_list dt.language { background-position: 0 -48px; }
.kehu_info_list dt.terminal { background-position: -48px -48px; }
.kehu_info_list dt.sitetype { background-position: -96px -48px; }
.kehu_info_list dt.duration { background-position: -144px -48px; }
.kehu_info_list dd { line-height: 2; font-size: 14px; color: #444444; }
.kehu_info_list dd a { line-height: 2; font-size: 14px; color: #2eafbb; }
.kehu_piclist { margin: 60px auto; }
.kehu_piclist li { border: 5px solid #ddd; width: 290px; position: relative; z-index: 1; cursor: pointer; float: left; margin: 30px 50px; }
.kehu_piclist li .preview { display: none; }
.kehu_piclist li:hover {
alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.kehu_piclist li:hover .preview { display: block; background: url(../images/kehu_ico_fangda.png) no-repeat center center; width: 50px; height: 50px; position: absolute; top: 36%; left: 120px; }
/* Easy Slider */
/* 成功案例 */
#slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; }
#slider2 { margin-top: 1em; }
#slider li, #slider2 li { width: 350px; height: 560px; overflow: hidden; }
#prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; width: 30px; height: 77px; position: absolute; left: -380px; top: 350px; z-index: 1000; font-size: 0px; }
#nextBtn, #slider1next { left: 730px; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display: block; position: relative; width: 43px; height: 85px; background: url(../images/btn_prev.png) no-repeat 0 0; }
#nextBtn a, #slider1next a { background: url(../images/btn_next.png) no-repeat 0 0; }
/* numeric controls */	
ol#controls { margin: 156px auto 0px auto; padding: 0; height: 28px; padding-left: 42%; }
ol#controls li { margin: 0 10px 0 0; padding: 0; float: left; list-style: none; height: 12px; line-height: 12px; width: 12px; }
ol#controls li a { display: block; height: 12px; width: 12px; line-height: 12px; padding: 0px; text-decoration: none; font-size: 0px; background: url(../images/case_ico.png) no-repeat 0px -12px; }
ol#controls li.current a { background: url(../images/case_ico.png) no-repeat 0px 0px; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline: none; }
.some_news { margin-top: 120px; clear: both; border-top: 1px solid #eee; }
.some_news h2 { text-align: center; line-height: 100px; height: 100px; font-size: 32px; color: #333; font-weight: normal; }
.some_news h1 { text-align: center; line-height: 100px; height: 100px; font-size: 32px; color: #333; font-weight: normal; }
.some_news li { float: left; width: 33%; float: left; overflow: hidden; height: 30px; line-height: 30px; }
.some_news li a { font-size: 14px; }
.sub_news_title h3 { font-size: 18px; border-bottom: 1px solid #eeeeee; margin-top: 40px; padding-bottom: 18px; font-weight: 500; }
.sub_news_list { margin-top: 10px; }
.sub_news_list li { width: 46%; margin-right: 4%; float: left; height: 30px; line-height: 30px; overflow: hidden; }
.sub_news_list li a { font-size: 14px; }
.sub_caess_list h3 { font-size: 18px; border-bottom: 1px solid #eeeeee; margin-top: 40px; padding-bottom: 18px; font-weight: 500; }
.sub_caess_list { margin-top: 10px; }
.sub_caess_list dl { width: 46%; margin-right: 4%; float: left; overflow: hidden; margin-top: 10px; }
.sub_caess_list dl dt img { width: 100%; }
.sub_caess_list dl dd { line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; text-align: center; }
.news_tag_title .sub_news_title h3 { }
.news_tag_title .sub_caess_list dl { width: 29%; }
.hot_tag_list { border-bottom: 0; }
.hot_tag_list a { display: block; line-height: 30px; height: 30px; white-space: nowrap; padding-right: 20px; }
.foot_text { text-align: center; font-size: 12px; color: #666; border-top: 1px solid #eee; margin-top: 30px; padding-top: 20px; }

@media all and (min-width:1200px) and (max-width:1610px) {
/* case */
.case_list { width: 1195px; }
.portfolio-grid { width: 1300px; }
}

@media all and (max-width:1199px) {
.wrap { width: 968px; }
/*index */
.header .logo_text { display: none; }
/*home service*/

.serve_column ul { width: 824px; margin: 0px auto; }
.serve_column li { float: left; width: 272px; height: 390px; background: #ffffff; margin: 10px 95px 20px 45px; }
/*home_news*/
.hn_main { width: 450px; position: relative; padding-bottom: 28px; margin-top: 40px; }
.hn_column { width: 480px; margin-top: 30px; }
.top_news_img { width: 450px; height: 194px; }
.hn_column .text { padding: 15px 20px; line-height: 24px; height: 110px; color: #fff; display: none; border-top: 1px solid #7c9bad; }
.home_service { display: none; }
/* case */
.case_list { width: 790px; }
.portfolio-grid { width: 850px; }
/*about*/
.about { width: 100%; overflow: hidden; }
.about .points { height: 500px; }
.about_tab { width: 860px; }
.about_main { width: 400px; }
.about_cont2 { display: none; }
.about_cont li { margin-bottom: 14px; width: 200px; float: left; }
.about_main .about_cont:first-child { border-bottom: 0px none; }
.zhizi li:first-child { display: none; }
.job_tab { display: none; width: 440px; }
.jion_box { width: 960px; margin: 0 auto; position: relative; }
.jion .send { position: absolute; right: 22px; top: 444px; }
.jion_img { top: 135px; left: 0; }
.jion_info { margin-left: 250px; margin-top: 360px; }
/* contact */
.connect_column li { margin-left: 40px; }
.connect_column li:first-child { margin-left: 10px; }
.arrive_column_con { width: 950px; overflow: hidden; }
.arrive_column { margin-left: 50px; width: 950px; }
.arrive_column dl { width: 260px; margin: 30px 25px; }
.arrive_column dd { font-size: 15px; color: #333; line-height: 32px; }
.connect_column li:last-child { display: none; }
.bus { padding-left: 10px; }
/* service */
.inside_banner_service { background: url("../images/service_banner.jpg") no-repeat -600px 0px; height: 400px; }
.inside_banner_mobile { background: url("../images/m_banner.jpg") no-repeat -200px 0px; height: 400px; }
.inside_banner_solution { background: url("../images/sl_banner.jpg") no-repeat -200px 0px; height: 400px; }
.inside_banner_news { background: url("../images/n_banner.jpg") no-repeat -600px 0px; height: 400px; }
.ser_project ul { width: 750px; }
.ser_project li { margin-left: 40px; margin-right: 60px; margin-top: 40px; }
.ser_project li:first-child { margin: 40px 60px 0px 40px; }
.picScroll-left { width: 960px; }
.picBox li img { width: 334px; height: 184px; }
.picBox li { float: left; position: relative; width: 334px; }
.picBox .intro { font-size: 13px; }
.sp_box img { width: 100%; }
/* mobile */
.mobile_column ul { width: 960px; }
.mobile_column li { width: 300px; margin-left: 20px; }
.wechat dl { margin-left: 30px; margin-top: 300px; float: left; }
.wechat_intro { margin-top: 60px; }
.wi_left { margin-left: 10px; width: 350px; }
.wi_right { width: 400px; }
/* solution */
.solution_list { width: 960px; }
.solution_list li { margin-left: 60px; }
.solution_list ul { margin-right: 0px; }
.news_info { width: 960px; }
.news_menu { display: none; }
.news_box { width: 940px; padding-left: 20px; }
/* news */
.news_tab { width: 960px; overflow: hidden; }
.news_list { width: 960px; }
.news_cont { width: 780px; margin-right: 20px; }
.news_list_yuangong { width: 100%; background: url(../images/news_yuangong_bg.jpg) no-repeat center top #95c9bc; height: 1200px; margin-top: 40px; }
.news_list_yuangong ul { width: 800px; margin: 0px auto; }
/* contact_pay */
.pay_list { width: 960px; }
.pay_list table { width: auto; }
.pay_list table td { font-size: 13px; line-height: 28px; width: 240px; overflow: hidden; vertical-align: top; }
.pay_list dt { height: 80px; width: 228px; overflow: hidden; }
.pay_spec { font-size: 13px; width: 960px; }
.pay_list dt.dt2 { padding-left: 6px; }
.pay_list dd { padding-left: 4px; }
.case_type ul { width: 960px; }
}