﻿/*-----------------------------------------------------------*//*copyright by 动力无限  www.btoe.cn*//*邮箱 btoe@btoe.cn*//*合作电话 400-0599-360*//*版权所有违者必究*//*-----------------------------------------------------------*//* banner 开始 */.fullSlide { width: 100%; position: relative; height: 704px; overflow: hidden;}.fullSlide .bd { height: 704px; margin: 0 auto; position: relative; z-index: 1; overflow: hidden;}.fullSlide .bd ul { width: 100% !important;}.fullSlide .bd li { width: 100% !important; height: 704px; overflow: hidden; text-align: center;}.fullSlide .bd li a { display: block; height: 704px;}.fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0; height: 35px; text-align: center;}.fullSlide .hd ul { text-align: center;}.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 12px; height: 12px; margin: 7px; background-color: #bfbfbf; overflow: hidden; line-height: 99px; border-radius: 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.fullSlide .hd ul .on { width: 40px; background: #2e78da; border-radius: 6px; -webkit-transition: all .3s linear; transition: all .3s linear;}.fullSlide .prev, .fullSlide .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 2; background: url(../image/slider-arrow.png) -126px -137px #000 no-repeat; filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3; -webkit-transition: all .5s linear; transition: all .5s linear;}.fullSlide .prev { background: url(../image/slider-arrow.png) -126px -137px #000 no-repeat; left: 10%;}.fullSlide .next { background-position: -6px -137px; right: 10%;}/* banner 结束 *//* animated home */.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s}.animated_1 { animation-delay: 0.3s;}.animated_2 { animation-delay: 0.6s;}.animated_3 { animation-delay: 0.9s;}.animated_4 { animation-delay: 1.2s;}.animated_5 { animation-delay: 1.5s;}.animated_6 { animation-delay: 1.8s;}.animated_7 { animation-delay: 2.1s;}.animated_8 { animation-delay: 2.4s;}.animated_9 { animation-delay: 2.7s;}.animated_10 { animation-delay: 3s;}.animated_11 { animation-delay: 3.3s;}.animated_12 { animation-delay: 3.6s;}/* animated end */.soso { width: 100%; background: #fbfbfb;}.soso_1 { width: 1200px; margin: 0 auto;}.soso_2 { float: left; height: 47px; line-height: 47px; overflow: hidden; width: 682px;}.soso_2_1 { float: left; color: #484848;}.soso_2_1 b{ color: #2e78da;}.soso_2_1 a{ color: #484848; display: inline-block; padding-right: 10px;}.soso_2_1 a:hover{ color: #2e78da;}.search_box { width: 290px; height: 26px; float: right; overflow: hidden; position: relative; border: 2px solid #dbdbdb; margin-top: 9px;}.swap_value { float: left; width: 300px; font-size: 14px; color: #333; height: 26px; line-height: 26px; padding: 0; background: none; padding-left: 10px;}.swap_go { float: right; margin: 0; border: 0; width: 28px; height: 26px; background: url(../image/fdj.png) no-repeat 0; cursor: pointer; position: absolute; top: 0px; right: 0px;}.search_box input::-webkit-input-placeholder { color: #8c8b8b;}.search_box input::-moz-placeholder { color: #8c8b8b;}.search_box input:-moz-placeholder { color: #8c8b8b;}.search_box input:-ms-input-placeholder { color: #8c8b8b;}/*d_tite*/.d_tite { text-align: center;}.d_tite h3 { font-size: 40px; height: 42px; line-height: 42px; font-weight: bold;}.d_tite h3 span{ color: #2e78da;}.d_tite h4 { height: 20px; line-height: 20px; font-size: 15px; text-transform:uppercase; font-weight: bold; margin-top: 3px; background:url(../image/in_x1.png) no-repeat center bottom; padding-bottom: 15px;}.d_tite h5{ height: 20px; line-height: 20px; font-size: 14px; margin-top: 10px;}.d_tite h5 a{ display: block; line-height: 20px; text-align: center; color: #6f6f6f;}.d_tite h5 a:hover{ color: #2e78da;}.d_tite h6{ height: 24px; line-height: 24px; font-size: 18px; margin-top: 15px; color: #868686; font-weight: bold;}/*合作*/.hezuo{ margin-top: 36px;}.in_hezuobox { width: 1270px; height: 310px; margin: 0 auto; overflow: hidden; position: relative; margin-top: 30px; background: #fcfcfc;}.in_hezuo_cont { width: 1190px; margin: 0 auto; height: 310px;}.in_hezuo { width: 1190px; height: 310px; margin: 0 auto;}.in_hezuo_li { float: left; width: 222px; height: 140px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: relative; margin: 10px 8px 0 8px; background: #fff;}.hezuo_imgscale_x { width: 100%; height: 140px; position: relative; overflow: hidden; box-sizing: border-box; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.hezuo_imgscale { width: 100%; height: 140px; overflow: hidden; box-sizing: border-box; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.hezuo_imgscale img { width: 100%; height: 140px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_hezuo_li:hover{ box-shadow: 0 0 10px rgba(0, 150, 255, 0.2);}.hz_lefts { background: url(../image/hx_l.png) no-repeat center #f1f1f1; display: block; width: 35px; height: 310px; position: absolute; top: 0; left: 0; cursor: pointer;}.hz_rights { background: url(../image/hx_r.png) no-repeat center #f1f1f1; display: block; width: 35px; height: 310px; position: absolute; top: 0; right: 0; cursor: pointer;}/*合作end*//*服务*/.fuwu{ padding-top: 45px; padding-bottom: 57px; background:url(../image/fw_bg.jpg) no-repeat center top;}.about_shubg { width: 1200px; margin: 0 auto; margin-top: 80px;}.about_shubox{ margin: 0 auto; position: relative;}.about_shu { width: 1200px; margin: 0 auto;}.about_shua { float: left; width: 300px; height: 255px; text-align: center;}.about_shua h6{ color: #686868; font-size: 17px; font-weight: bold; line-height: 1; height: 28px; background:url(../image/shu_line.png) no-repeat center bottom;}.about_shua_1{ height: 54px; position: relative; overflow: hidden; margin-top: 9px;}.about_shua h4 { width: 100%; height: 54px; font-size: 20px; font-weight: bold; position: absolute; left: 0; top: 0;}.about_shua h4 b { font-size: 60px; line-height: 57px;display: inline-block; vertical-align: sub;}.about_shua h4 span{line-height: 24px; display: inline-block;}.about_shua h4 span i{ display: block; height: 24px; line-height: 24px; font-weight: bold;}.about_shua h4.hhh{ color: #2e78da; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: all 0.4s linear; transition: all 0.4s linear;}.about_shua h4.default { -webkit-transition: all 0.4s linear; transition: all 0.4s linear;}.about_shua:hover .default { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);}.about_shua:hover .hhh { opacity: 1; visibility: visible; -webkit-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg);}.about_shua dd{ color: #858585; font-size: 14px; line-height: 20px; margin-top: 10px;}.about_shua h5 { line-height: 25px; color: #5b5b5b; font-size: 15px; padding-top: 25px;}.fw_more { width: 246px; height: 45px; font-size: 16px; margin: 0 auto; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.fw_more a { color: #fff; display: block; line-height: 45px; text-align: center; background: #2e78da; border-radius: 22px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);}.fw_more a:hover { border-radius: 5px;}/*服务end*//*案例中心*/.in_products_xx { padding-top: 35px; background: #fdfdfd; border-top: 4px solid #2e78da;}.in_products { width: 1200px; margin: 0 auto; position: relative; margin-top: 47px;}.pl_tel { height: 78px; background:url(../image/al_tline.png) no-repeat bottom; text-align: center;}.pl_tel h3 { color: #fff; font-size: 20px; line-height: 22px; font-weight: bold; padding-top: 26px;}.pl_tel h3 a{ color: #fff;}.pl_tel h4{ font-size: 12px; color: #7396c2; line-height: 20px; padding-top: 3px;}.in_products_r { width: 1200px;}#tab_left { width: 215px; float: left; background:url(../image/al_fbg.jpg) no-repeat center top;}#tab_left .tab_fl { height: 580px; overflow: hidden; padding-top: 15px; margin: 0 18px;}#tab_left .tab_fl li { height: 26px; line-height: 26px; cursor: pointer; margin-bottom: 19px; position: relative; background:url(../image/al_fd1.png) no-repeat bottom; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}#tab_left .tab_fl li a{ color: #fff; padding-left: 40px; display: block; font-size: 15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}#tab_left .tab_fl li:hover{ background:#d9e4f1; border-radius: 13px;}#tab_left .tab_fl li a:hover { color: #19385e; background:url(../image/al_fd2.png) no-repeat 13px;}/*-----*//*-----*/.in_products_lbox{ margin: 0 18px;}.sideMen { height: 600px; overflow: hidden; padding: 1px 0 0 0;}.in_products_l_3 { height: 40px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: relative; background: #fff; margin-top: 10px;}.in_products_l_3 a { display: block; color: #333; line-height: 40px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 13px; padding-right: 28px;}.in_products_l_3 a:hover {}.sideMen .in_products_l_3 em { width: 100%; height: 42px; background: url(../image/cp_fdaaa.png) no-repeat 150px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; right: 0; top: 0; z-index: 5;}.sideMen .on { background: #fff;}.sideMen .on em { width: 29px; background: url(../image/cp_fdaaa.png) no-repeat 0px;}.sideMen .on a{ color: #2e78da;}.sideMen .on a:hover { text-decoration: underline;}.in_products_l_er {}.in_products_l_er ul li { height: 34px; -webkit-transition: all .3s linear; transition: all .3s linear; text-transform: uppercase;border-bottom: 1px dashed #51a1ee;}.in_products_l_er ul li a { display: block; line-height: 34px; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s linear; transition: all .3s linear; padding-left: 10px; background:url(../image/cp_fd2.png) no-repeat 16px;}.in_products_l_er ul li:hover{}.in_products_l_er ul li a:hover { padding-left: 15px;}/*-----*//*-----*/.cp_tel{ margin-left: 25px; margin-top: 20px; height: 140px; padding-top: 13px; background:url(../image/al_ftelbg.png) no-repeat 0 0;}.cp_tel_a{ height: 30px; line-height: 30px; background:url(../image/al_ftel.png) no-repeat 0;}.cp_tel_a h5{ font-size: 20px; line-height: 30px; padding-left: 28px;color: #2e78da; font-weight: bold;}.cp_tel_a span{ display: block; font-size: 14px; line-height: 24px; padding-top: 18px;color: #5c5c5c;}.in_products_r .tab_box { float: right; width: 985px;}.in_products_r .tab_box .hide { display: none;}.in_products_cent{}.in_products_pro { position: relative;}.in_pro_2 { float: left; width: 288px; margin: 0 0 20px 20px; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: relative; background: #fff; padding: 10px 10px 0 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);}.in_pro_2 .in_pro_1pic { width: 100%; height: 209px; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_pro_2 .in_pro_1pic img { width: 100%; height: 100%; transform: scale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_pro_txt { width: 100%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_pro_txt h6 { font-size: 14px; height: 40px; line-height: 40px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 5; background:url(../image/al_cd1.png) no-repeat 0px; float: left; width: 205px;}.in_pro_txt h6 a { padding: 0 0 0 17px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}.in_pro_2:hover .in_pro_txt h6 a { padding-left: 20px; color: #2e78da;}.in_pro_txt h5 { font-size: 12px; height: 40px; line-height: 40px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 5; background:url(../image/al_cd2.png) no-repeat right; float: right; width: 80px;}.in_pro_txt h5 a{ color: #b3b3b3; font-size: 12px;}.in_pro_2:hover .in_pro_txt h5{ background:url(../image/al_cd3.png) no-repeat right}.in_pro_2:hover .in_pro_txt h5 a { color: #2e78da;}.in_pro_2:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}/*案例中心end*//*特点*/.tedian { width: 100%; overflow: hidden; padding-top: 39px; height: 955px;border-top: 4px solid #2e78da;}.tedian_p { width: 1200px; height: 715px; margin: 0 auto; position: relative; margin-top: 99px; z-index: 5;}.tedian_p:after{ content: ''; width: 100%; height: 1px; border-bottom: 1px dashed #f5f5f5; position: absolute; left: 0; top: 188px; z-index: -1;}.tedian_p:before{ content: ''; width: 100%; height: 1px; border-bottom: 1px dashed #f5f5f5; position: absolute; left: 0; top: 456px; z-index: -1;}.tedian_txt1 { width: 355px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute;}.tedian_txt1:hover{ transform: translate(0, -5px); -webkit-transform: translate(0, -5px);}.tedian_txt1 h6 { height: 58px; color: #333; background:url(../image/ts_td1.png) no-repeat 0;}.tedian_txt1 h6 span{ display: block; width: 28px; line-height: 34px; text-align: center; margin-left: 12px; font-size: 26px; color: #316bbc; padding-top: 5px; float: left; font-family: Arial; font-weight: bold;}.tedian_txt1 h6 i{ font-size: 22px; float: left; line-height: 30px; margin-top: 26px; margin-left: 6px; font-weight: bold;}.tedian_txtone { font-size: 16px; line-height: 32px; color: #888888; padding-top: 18px;}.tedian_dd{ position: absolute; left: 387px; top: 5px;}.tedian_s1{ left: 0px; top: 0px;}.tedian_s2{ left: 0px; top: 240px;}.tedian_s2 .tedian_dd{ position: absolute; left: 245px; top: 5px;}.tedian_s2 .tedian_txtone{ width: 235px;}.tedian_s3{ left: 0px; top: 506px;}.tedian_s3 .tedian_txtone{ width: 320px;}.tedian_s4{ right: 0px; top: 0px;}.tedian_s4 .tedian_txtone{ padding-left: 70px;}.tedian_s5{ right: 0px; top: 240px;}.tedian_s5 .tedian_txtone{ padding-left: 125px;}.tedian_s6{ right: 0px; top: 506px;}.tedian_s6 .tedian_txtone{ padding-left: 80px;}.tedian_s4 h6,.tedian_s5 h6,.tedian_s6 h6{ background:url(../image/ts_td2.png) no-repeat right;}.tedian_s4 h6 span,.tedian_s5 h6 span,.tedian_s6 h6 span{ float: right; margin-right: 17px; margin-left: 5px;}.tedian_s4 h6 i,.tedian_s5 h6 i,.tedian_s6 h6 i{ float: right;}.tedian_s4 .tedian_txtone,.tedian_s5 .tedian_txtone,.tedian_s6 .tedian_txtone{ padding-right: 0; text-align: right;}.tedian_s4 .tedian_dd,.tedian_s5 .tedian_dd,.tedian_s6 .tedian_dd{ position: absolute; left: auto; top: 5px; right: 387px;}.tedian_s5 .tedian_dd{ right: 242px;}.ys_6 h6{ background:none;}.ys_6 h4{ font-size: 30px; text-align: right; color: #000000;}.tedian_tuqq{ position: absolute; left: 321px; top:0px; width: 563px; height: 649px;}.tedian_tuqq img{ width: 463px; height: 533px; display: block;margin: 0 auto; padding-top: 58px;}.tedian_tuqq_kk{ width: 563px; height: 649px; position: absolute; left: 0; top: 0; background:url(../image/td_tubg.png) no-repeat center;}/*特点end*/.worry{border-top: 4px solid #f9f9f9; padding-top: 40px;}.worry_box{ width: 1200px; height: 420px; margin: 0 auto;}.worry_rr{ float: right; width: 409px; height: 350px; background:url(../image/why_you.jpg) no-repeat center;}.worry_ll{ float: left; width: 760px; height: 350px; margin-top: 40px; margin-left: 10px;}.worry_ll_t{ height: 55px; line-height: 60px; background:url(../image/why_t1.png) no-repeat 0; color: #316bbc; font-size: 35px; font-weight: bold; padding-left: 28px; overflow: hidden;}.worry_ll_t2{ width: 188px; height: 30px; line-height: 30px; text-align: center; background: #316bbc;color: #fff; font-size: 18px; font-weight: bold; margin-top: 11px; margin-left: 25px; letter-spacing:4px;}.worry_ll_one{ width: 677px; margin-top: 52px;}.worry_ll_tow{}.worry_ll_tow .hide{ display: none;}.worry_ll_tow_a{ font-size: 18px; color: #747474; line-height: 33px; height: 66px; text-indent: 2em; background:url(../image/why_line.png) no-repeat 0 bottom;}.worry_ll_thr{ width: 100%; overflow: hidden; padding-top: 49px;}.worry_ll_thr ul{width: 112%;}.worry_ll_thr ul li{ width: 169px; height: 42px; background: #ededed; border-radius: 10px; margin-right: 80px; float: left; color: #5c5c5d; font-size: 18px; text-align: center; line-height: 42px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.worry_ll_thr ul li.on{ background: #316bbc; color: #fff;}.worry_ll_thr ul li i{ display: block; width: 21px; height: 18px; background:url(../image/why_tab2.png) no-repeat 0 0; position: absolute; left: 73px; top: -18px; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.worry_ll_thr ul li.on i{ opacity: 1;}/*荣誉*/.in_rong_box { width: 1200px; margin: 0 auto; position: relative;}.in_rong { width: 1140px; height: 160px; margin: 0 auto; overflow: hidden; padding-top: 28px;}.in_rong li { float: left; width: 180px; margin: 0 14px 10px 14px; text-align: center; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #ededed; padding: 10px;}.rong_imgscale_x { width: 100%; height: 124px;background: #fff;}.rong_imgscale { width: 100%; height: 124px; overflow: hidden; position: relative;}.rong_imgscale img { max-width: 100%; height: 100%;}.in_rong li:hover { box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08); background: #316bbc;}.rong_lefts { background: url(../image/zz_l.png) no-repeat center; display: block; width: 34px; height: 34px; position: absolute; top: 203px; left: 0px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.rong_rights { background: url(../image/zz_r.png) no-repeat center; display: block; width: 34px; height: 34px; position: absolute; top: 203px; right: 0px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}/*荣誉end*//*产品*/.in_pro_bg { padding-top: 40px; border-top: 4px solid #316bbc;}.in_pro_box{ width: 1200px; margin: 0 auto; padding-top: 45px;}.pro_ff_one{}.pro_ff_tow{ height: 56px;background: #f7f7f7; padding: 2px 10px 10px 10px; overflow: hidden;}.pro_ff_tow_a{background: #fff; height: 56px; overflow: hidden;}.pro_ff_tow_a ul li{ float: left; height: 56px; line-height: 56px;}.pro_ff_tow_a ul li a{ display: block; line-height: 56px; color: #5b5c5d; font-size: 16px; background:url(../image/cp_fd1.png) no-repeat 0; padding-left: 24px; margin-left: 20px;}.pro_ff_tow_a ul li a:hover{ background:url(../image/cp_fd2.png) no-repeat 0; color: #316bbc;}.pro_ff_thr{ width: 100%; overflow: hidden; height: 48px; background: #2d425f;}.pro_ff_thr ul{ width: 112%;}.pro_ff_thr ul li{ width: 108px; height: 48px; float: left; color: #fff; font-size: 14px; text-align: center; line-height: 48px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 5; border-right: 1px solid #7f97b8;}.pro_ff_thr ul li a{ color: #fff;}.pro_ff_thr ul li.on{ color: #fff;}.pro_ff_thr ul li i{ display: block; width: 0; height: 100%; background: #316bbc; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.pro_ff_thr ul li.on i{ width: 100%;}.in_pro_aa{ padding-top: 38px;}.in_pro_bb{ float: left; width: 890px;}.in_pro_li { float: left; width: 265px; margin: 0 11px 12px 0; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: relative; background: #fff; padding: 10px 10px 0 10px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);}.in_pro_li .in_pro_lipic { width: 100%; height: 188px; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_pro_li .in_pro_lipic img { width: 100%; height: 100%; transform: scale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_pro_litxt { height: 55px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background:url(../image/cp_cd1.png) no-repeat 235px; padding-left: 7px; padding-right: 36px;}.in_pro_litxt h6 { font-size: 16px; height: 20px; line-height: 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 5; padding-top: 7px;}.in_pro_litxt h6 a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px;}.in_pro_li:hover .in_pro_litxt h6 a { color: #316bbc;}.in_pro_litxt h5 { font-size: 12px; height: 18px; line-height: 18px; color: #cbcaca; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_pro_li:hover .in_pro_litxt h5 { color: #316bbc;}.in_pro_li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}.in_pro_cc{ float: right; width: 310px; height: 783px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);}.in_cphot_four { width: 288px; margin: 0 auto; padding-top: 32px;}.in_cphot_four_1 { width: 100%; height: 210px; overflow: hidden; margin-top: 13px;}.in_cphot_four_1 img { width: 100%; height: 210px;}.in_cphot_four_2 { overflow: hidden; padding: 0 10px;}.in_cphot_four_2 h6 { overflow: hidden;}.in_cphot_four_2 h6 a{ display: block; color: #316bbc; font-size: 18px; height: 28px; line-height: 1; font-weight: bold; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.in_cphot_four_2 h6 span{ display: block; color: #adadad; font-size: 14px; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.in_cphot_four_2 h6 a:hover{ padding-left: 10px;}.in_cphot_four_2 h5 { color: #adadad; line-height: 26px; height: 72px; font-size: 14px; overflow: hidden; padding-top: 12px;}.in_cphot_four_2 h4{ font-size: 14px; height: 30px; line-height: 30px; margin-top: 12px;}.in_cphot_four_2 h4 a{ display: block; color: #316bbc; padding-left: 23px; background:url(../image/cp_more1.png) no-repeat 0;}.in_cphot_four_2 h4 a:hover{ padding-left: 30px; background:url(../image/cp_more1.png) no-repeat 10px;}.casehot{ padding-top: 20px;}.casehot_t{ text-align: center; line-height: 19px;}.casehot_t h3{ font-size: 20px; font-weight: bold; color: #316bbc;}.casehot_t h4{ font-size: 12px; color: #b5b5b5;}.casehot_box{ margin-top: 10px; height: 248px; overflow: hidden;}.casehot_box_a {padding: 0 23px; height: 248px; overflow: hidden;}.casehot_box_a ul li { height: 31px; overflow: hidden; background: url(../image/gcal_d1.png) 0 no-repeat; padding-left: 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.casehot_box_a ul li a { display: block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #808080; line-height: 30px; font-size: 15px;border-bottom: 1px dashed #cbcbcb;}.casehot_box_a ul li:hover { background: url(../image/gcal_d2.png) 0 no-repeat;}.casehot_box_a ul li:hover a{ color: #316bbc;}.casehot_more{ font-size: 14px; height: 30px; line-height: 30px; text-align: center; margin-top: 3px;}.casehot_more a{ display: block; color: #bfbfbf;}.casehot_more a:hover{ color: #316bbc;}/*产品end*//*流程*/.cpfl_bg { width: 100%; height: 126px; background:url(../image/lc_line.png) no-repeat center; margin-top: 50px;}.cpfl_r { width: 1200px; margin: 0 auto;}.in_cpfl_tit{ float: left; width: 223px; height: 126px; background:url(../image/lc_tbg.png) no-repeat center; color: #fff; line-height: 32px;}.in_cpfl_tit h3{ padding-left: 62px; font-size: 28px; font-weight: bold; padding-top: 25px;}.in_cpfl_tit h4{ padding-left: 98px; font-size: 20px;font-family: Haettenschweiler; text-transform:uppercase;}.in_cpfl_thr { width: 74px; float: left; text-align: center; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-top: 25px;}.in_cpfl_ml{ margin-left: 86px;}.in_cpfl_line{ float: left; margin-top: 25px; height: 74px; width: 89px; background:url(../image/lc_jt.png) no-repeat center;}.in_cpfl_thr:hover { transform: translateY(-5px);}.in_cpfl_thr h6 { font-size: 15px; height: 20px; line-height: 20px; padding-top: 10px; color: #19395e;}.in_cpfl_tow { width: 74px; height: 74px; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #336dbd; border-radius: 50%;}.in_cpfl_bg2{ background: #3c74c2;}.in_cpfl_bg3{ background: #477ec9;}.in_cpfl_bg4{ background: #5589d1;}.in_cpfl_bg5{ background: #6294d9;}.in_cpfl_bg6{ background: #6b9bde;}.in_cpfl_tow i { width: 74px; height: 74px; display: block; -webkit-transition: -webkit-transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -ms-transition: -ms-transform 1s ease-out;}.in_cpfl_thr:hover .in_cpfl_tow i{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg);}.in_cpfl_tow i.lc_d1 { background: url(../image/lc_d1.png) center no-repeat;}.in_cpfl_tow i.lc_d2 { background: url(../image/lc_d2.png) center no-repeat;}.in_cpfl_tow i.lc_d3 { background: url(../image/lc_d3.png) center no-repeat;}.in_cpfl_tow i.lc_d4 { background: url(../image/lc_d4.png) center no-repeat;}.in_cpfl_tow i.lc_d5 { background: url(../image/lc_d5.png) center no-repeat;}.in_cpfl_tow i.lc_d6 { background: url(../image/lc_d6.png) center no-repeat;}/*流程end*//*公司简介*/.in2_about { width: 100%; background:#f7f7f7; margin-top: 75px; border-top: 4px solid #e3e3e3; padding-bottom: 35px;}.in2_about_1 { width: 1200px; margin: 0 auto;}.in2_about_2 { float: right; width: 532px; height: 280px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-top: 32px; position: relative;}.in_aboutcale { width: 532px; height: 280px; overflow: hidden;}.in_aboutcale img { width: 532px; height: 280px;}.in2_about_tit{ width: 117px; height: 100%; background-color:rgba(34,93,176,0.9); position: absolute; left: 0; top: 0;}.in2_about_tit h4{ float: left; width: 49px;margin: 30px 0 0 29px;}.in2_about_tit h5{ float: left; width: 24px; line-height: 21px; margin: 151px 0 0 0px; font-size: 20px; color: #fff;}.in2_about_3x { float: left; width: 595px; position: relative;}.in2_about_3_t2 { padding-top: 52px; font-size: 24px; font-weight: bold; line-height: 30px;}.in2_about_6 {}.in2_about_4 { height: 70px; font-size: 74px; color: #cccccc; font-weight: bold; text-transform: uppercase;}.in2_about_3 { line-height: 30px; height: 180px; overflow: hidden; padding: 28px 0 0 0; color: #666666;}.in2_about_5 {}.in2_about_anxx {}.in2_about_anxx h5{ height: 30px;}.in2_about_anxx h5 a{ display: block; line-height: 30px; color: #316bbc; font-size: 14px;}.in2_about_anxx h5 a:hover{ padding-left: 10px; text-decoration: underline;}/*公司简介end*//*新闻*/.in_news_ss { width: 100%; margin: 0 auto; margin-top: 42px;}.in_news_pro { width: 1200px; margin: 0 auto; position: relative;}.in_news_tit{ position: absolute; left: 0; top: 0; width: 430px; height: 47px; background:url(../image/NewsCenter.png) no-repeat 0 0; z-index: 3;}.in_news_tit h3{ font-size: 24px; font-weight: bold; line-height: 1; padding-top: 22px; width: 97px; height: 41px; border-bottom: 3px solid #2e78da;}.in_news_tabline{ position: absolute; right: 0; top: 45px; width: 336px; height: 1px; background:url(../image/news_line2.png) no-repeat 0 0; z-index: 3;}#tab_news { width: 100%; background:url(../image/news_line.png) no-repeat 0 64px;}#tab_news .news_menu { height: 66px; margin-left: 736px;}#tab_news .news_menu li { float: left; width: 80px; height: 38px; line-height: 38px; color: #333333; font-size: 16px; cursor: pointer; margin-left: 36px; text-align: center; margin-top: 25px;}#tab_news .news_menu .on { color: #225db0;border-bottom: 3px solid #2e78da;}.in_news_ss .tab_box_news { width: 100%; clear: both;}.in_news_ss .tab_box_news .hide { display: none;}.in_news_1 { overflow: hidden; position: relative;}.in_news_2 { width: auto; position: relative;}.in_newss_four { width: 668px; height: 458px; float: right; border-left: 1px solid #dddddd;}.in_newss_four_a{ height: 430px;}.in_nfourbox { position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; padding-top: 30px; border-bottom: 1px solid #dddddd; padding-bottom: 20px;}.in_nfourbox:after{ content: ''; display: block; width: 3px; height: 0px; background: #225db0; position: absolute; left: -2px; top: 47px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 3;}.in_nfourbox_1 { float: left; width: 111px; height: 60px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-left: 37px;}.in_nfourbox_1 h5 { height: 35px; line-height: 1; font-size: 24px; color: #999999; font-weight: 300;}.in_nfourbox_2 { float: right; width: 518px;}.in_nfourbox_2 h6 { height: 30px; line-height: 24px; overflow: hidden; font-size: 16px;}.in_nfourbox_2 h6 a { color: #333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.in_nfourbox_2 h6 a:hover { color: #2e78da; padding-left: 5px;}.in_nfourbox_2 h4 { color: #666666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-top: 5px;}.in_nfourbox:hover .in_nfourbox_1 h5 { color:#2e78da;}.in_nfourbox:hover:after{ height: 46px;}.news_more { height: 28px; background:url(../image/news_line3.png) no-repeat center;}.news_more a{ display: block; width: 130px; line-height: 26px; color: #2e78da; font-size: 14px; border: 1px solid #2e78da; text-align: center; margin: 0 auto;}.news_more a:hover{color: #fff; background: #2e78da;}.in_newss_4 { width: 484px; float: left; position: relative;}.in_newss_4_1 { height: 286px; overflow: hidden; margin-top: 29px; padding: 9px; border: 1px solid #dddddd;}.in_newss_4_1 img { width: 100%; height: 286px;}.in_news_five { position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; padding-top: 40px;}.in_news_five_1 { float: left; width: 110px; height: 60px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.in_news_five_1 h5 { height: 35px; line-height: 1; font-size: 24px; color: #999999; font-weight: 300;}.in_news_five_2 { float: right; width: 370px;}.in_news_five_2 h6 { height: 30px; line-height: 24px; overflow: hidden; font-size: 16px;}.in_news_five_2 h6 a { color: #333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.in_news_five_2 h6 a:hover { color: #2e78da; padding-left: 5px;}.in_news_five_2 h4 { color: #666666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-top: 5px;}.in_news_five:hover .in_news_five_1 h5 { color:#2e78da;}/*新闻end*//*优势*/.advantage { width: 100%; height: 820px; background:url(../image/ys_bg.jpg) no-repeat center top; margin-top: 70px; border-top: 4px solid #316bbc;}.advantage_t{ padding-top: 40px;}.advantage_tml{ margin-left: 805px; padding-top: 5px;}.advantage_p { width: 1200px; height: 634px; margin: 0 auto; position: relative; margin-top: 27px; background: #fff; border-radius: 5px; box-shadow: 0 8px 8px 0px rgba(49, 107, 188, 0.15);}.advantage_t2 { width: 100%; text-align: center;}.advantage_t2 h6 { line-height: 30px; font-size: 30px; color: #014590;}.advantage_t2 h5 { text-transform: uppercase; padding: 5px 0 0 0;}.advantage_t2 h5 span { color: #9f9f9f; font-size: 24px; line-height: 30px; padding: 0 10px;}.advantage_t2 h5 i { width: 20px; height: 15px; display: inline-block; background: url(../image/in_x1.png) no-repeat center;}.advantage_t2 h4 { height: 20px; line-height: 20px; font-size: 14px; color: #b9b9b9;}.advantage_p .tab_box_2 { width: 100%; height: 412px; overflow: hidden; display: block; position: relative; padding-top: 44px;}.youshi_pro_1 { height: 412px; position: relative;}.youshi_pro_1_l { float: left; width: 696px; height: 412px; overflow: hidden; margin-left: 39px;}.youshi_pro_1_l img { width: 696px; height: 412px;}.youshi_pro_2a { float: right; width: 342px; margin-right: 69px; position: relative; z-index: 5;}.youshi_pro_2a h6 { height: 35px; line-height: 1; font-size: 25px; padding-top: 50px; font-weight: bold;border-bottom: 1px solid #c3c3c3;}.youshi_pro_2_1 { line-height: 24px; padding: 20px 0 0 0; color: #969696; font-size: 14px; height: 115px;}.youshi_pro_2_1 span{ color: #1d69d1;}.youshi_pro_2_2{ font-size: 144px; height: 110px; line-height: 110px; text-align: center;color: #fafafa; text-transform:uppercase; font-weight: bold; font-family: Arial;}.advantage_p .hd { height: 110px; margin-top: 50px;}.advantage_p .hd ul{margin: 0 10px; height: 110px; background: #f3f3f8; border-radius: 3px; overflow: hidden;}.advantage_p .hd ul li { float: left; cursor: pointer; width: 295px; height: 110px; color: #888888; position: relative; border-right: 1px solid #cacadb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.advantage_p .hd ul li:nth-child(4){ border-right: 0;}.advantage_p .hd ul li h6{ float: left; width: 1px; height: 64px; background: #cacadb; margin-top: 24px; margin-left: 14px; margin-right: 30px;}.advantage_p .hd ul li i { display: block; width: 50px; height: 50px; float: left; margin-left: 24px; margin-top: 29px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}.advantage_p .hd ul li i.d1{ background:url(../image/ys_d1.png) no-repeat 0 0;}.advantage_p .hd ul li i.d2{ background:url(../image/ys_d2.png) no-repeat 0 0;}.advantage_p .hd ul li i.d3{ background:url(../image/ys_d3.png) no-repeat 0 0;}.advantage_p .hd ul li i.d4{ background:url(../image/ys_d4.png) no-repeat 0 0;}.advantage_p .hd ul li span { display: block; font-size: 16px; margin-top: 32px; color: #333333; font-weight: bold;}.advantage_p .hd ul li b { display: block; color: #959595; font-weight: normal; text-transform:uppercase; font-size: 12px;}.advantage_p .hd ul li.on i.d1{ background:url(../image/ys_d1.png) no-repeat -50px 0;}.advantage_p .hd ul li.on i.d2{ background:url(../image/ys_d2.png) no-repeat -50px 0;}.advantage_p .hd ul li.on i.d3{ background:url(../image/ys_d3.png) no-repeat -50px 0;}.advantage_p .hd ul li.on i.d4{ background:url(../image/ys_d4.png) no-repeat -50px 0;}.advantage_p .hd ul li.on{ background: #316bbc; border-radius: 3px; border-right: 0;}.advantage_p .hd ul li.on span { color: #fff;}.advantage_p .hd ul li.on b{ color: #e8f4ff;}.advantage_tel{ position: absolute; width: 100%; top: 254px; left: 0;}.advantage_tel h4{ text-align: center; line-height: 1;}.advantage_tel h4 i{ display: block; font-size: 20px; font-weight: bold; color: #316bbc;}.advantage_tel h4 span{ font-size: 14px; display: block; font-weight: bold; color: #316bbc; padding-top: 10px;}.advantage_tel h5{ width: 195px; height: 40px; margin: 0 auto; margin-top: 23px;}.advantage_tel h5 a{ display: block; line-height: 40px; color: #19395e; font-size: 16px; padding-left: 82px; background:url(../image/ys_zx.png) no-repeat 48px #f3f3f8; border-radius: 5px;}.advantage_tel h5 a:hover{ padding-left: 40px; background:url(../image/ys_zx.png) no-repeat 120px #f3f3f8;}/*优势end*//*留言*/.in_bottom_r { width: 100%; margin-top: 37px; padding-bottom: 18px;}.in_bottom_rt{ width: 93px; height: 30px; float: left; font-size: 15px; text-transform:uppercase; font-weight: bold; color: #9c9c9c; line-height: 1; transform: translateY(-4px);}.in_bottom_rt b{ font-size: 18px; font-weight: bold; color: #333333; display: block; padding-bottom: 4px;}.in_bottom_r3 { width: 1200px; margin: 0 auto; height: 40px;}.webq_bottom_r3_1 { width: 128px; height: 26px; position: relative; background: #fff; float: left; border: 1px solid #000000; border-right: 0;}.webq_bottom_r3_2 { width: 230px; height: 27px; position: relative; background: #fff; float: left; border-bottom: 1px solid #000000; border-right: 0; margin-left: 22px;}.webq_bottom_ml { border-left: 1px solid #000000;}.webq_bottom_wione { width: 182px;}.webq_bottom_witow { width: 388px; border-right: 1px solid #000000;}.webq_bottom_wi { width: 260px;}.webq_bd_2 { width: 100%; height: 26px; line-height: 26px; background: none; color: #333; box-sizing: border-box; padding: 0 10px 0 13px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: block; font-size: 16px;}.webq_bd_3 { width: 142px; height: 26px; line-height: 26px; background: none; color: #333; box-sizing: border-box; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: block; float: left; font-size: 16px;}.in_bottom_r4 { float: right; width: 124px; height: 38px; transform: translateY(-10px);}.in_bd_go { margin: 0; border: 0; width: 100%; background: #000000; cursor: pointer; color: #fff; line-height: 38px; text-align: center; font-size: 16px; border-radius: 2px; outline: none;}.webq_bottom_yzmtu { float: left; width: 80px; height: 27px; background: #1888ea;}.webq_bottom_yzmtu img { width: 80px; height: 27px; display: block;}.in_bottom_r3 input::-webkit-input-placeholder { color: #666666;}.in_bottom_r3 input::-moz-placeholder { color: #666666;}.in_bottom_r3 input:-moz-placeholder { color: #666666;}.in_bottom_r3 input:-ms-input-placeholder { color: #666666;}/*留言end*/