@charset "utf-8";
/* CSS Document */

/*内外边距通常让各个浏览器样式的表现位置不同*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }

/*去除列的样式*/
ul,ol,li{list-style:none;}

/*禁止页面选择文字 禁止文字自动调整大小（屏幕旋转的时候）*/
body{ font-family:"Microsoft Yahei";}

/*输入框样式去掉点击链接和文本框对象时默认的灰色半透明覆盖层 清除文本框默认样式*/
input[type="text"],input[type="password"],a,button,.databox .datarow,td,table,textarea{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance: none;}
textarea{outline:none;-webkit-appearance: none;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*禁止长按页面弹出菜单*/
img,a{-webkit-touch-callout:none;border:0;}
img{line-height:0;}

/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration:none;}
a{outline:0 !important;}

body {font-family: inherit,sans-serif; background:#fff}
a {color: #669;text-decoration: none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
h1 {
font: bold 36px/100% inherit, Helvetica, sans-serif;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
.c_0{ color:#000}
.c_3{ color:#333}
.c_6{ color:#666}
.c_7{ color:#777}
.c_9{ color:#999}
.c_8{ color: #82838f;}
.white{ color: #FFFFFF !important;}
.tc{ text-align:center}
.tr{ text-align:right}
.tl{ text-align:left}
.bg_white{ background: #fff;}
.bg_hui{ background: #f2f2f2;}
.bg_hui02{ background: #fcfcfc;}
.green{ color: #8dc14b; border-bottom: none !important;}
.bg_white_8{ background: rgba(255,255,255, .8);}
.b_r_on{ border-right:none !important}
#header {width: 100%; background:#fff; display: inline-table;}
.share_w{ width:1090px; margin:0 auto;}
.logo{  width:120px; height:61px; float:left; margin-top:17px; margin-bottom:11px;}
.logo01{ width: 262px; height: 22px;  float:left; margin-top:35px; margin-left: 20px; background: url(../images/logo02.png) no-repeat; background-size: 100%;}
.button{  float:right; height:80px;}
.button ul{float:left; margin-top:25px;}
.button ul li{ float:left; font-size:18px; margin-left:20px;}
.button ul li a{ color:#37373f; width:100px; height:40px;line-height:40px; text-align:center; float:left; font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; }
.button ul li a:hover{ color:#019701}
.button ul li .hot{color:#8dc14b; }
.button_down{ background: url(../images/green_line.png) no-repeat;background-position:center bottom;}
.index_rem{ width:182px; text-align:center; position:absolute; z-index:3; right:155px; top:95px; padding-top:21px;}
.index_con{ background:#FFF; box-shadow:0 0 5px rgba(0,0,0,.2); width: 100%; padding-top: 12px; border-radius: 3px;}
.index_con p{ color:#666; padding-bottom:15px; font-size:14px; line-height: 25px;}
.triangle-up{width:0;height:0; position:relative; z-index: 1;border-left:15px solid transparent; border-right:15px solid transparent;  border-bottom:15px solid #fff;margin-top: -21px;  margin-left: auto; margin-right: auto;}

.triangle-up_app{width:0;height:0; position:relative; z-index: 1;border-left:15px solid transparent; border-right:15px solid transparent;  border-bottom:15px solid #fff;margin-top: -21px;  margin-left: auto; margin-right: auto;}

.df {  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.df_1 {  -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-tap-highlight-color: transparent;}
.df_2 {  -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; -webkit-tap-highlight-color: transparent;}
.mrl{ margin-left:auto; margin-right:auto;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mt10{ margin-top:10px !important}
.mt20{ margin-top:20px !important}
.mt30{ margin-top:30px !important}
.mt40{ margin-top:40px !important}
.mt50{ margin-top:50px !important}
.mt60{ margin-top:25px !important} 
.mb60{ margin-bottom:60px !important} 
.pt60{ padding-top:60px !important}
.hidd{ display:none;}
.db{ display: block;}
.pr{ position:relative}
.pa{ position:absolute}
.pf{ position:fixed}
.mtc{ margin-left: auto; margin-right: auto;}
.up_button{ opacity: .5; color: #000 !important;}
.kong_button{ width:180px; height:50px; line-height:50px; color:#999;  font-size:18px;border-radius: 48px; border: 1px solid #999;  padding: 15px 40px;}
.kong_button:hover{color:#ef2f65;  border: 1px solid #ef2f65; }
.kong_button_bf{ width:180px; height:50px; line-height:50px; color:#fff;  font-size:18px;border-radius: 48px; border: 1px solid #fff;  padding: 15px 40px;}
.kong_button_bf:hover{color:#ef2f65;  border: 1px solid #ef2f65; }
.icon_114_01,.icon_114_02,.icon_114_03{ background: url(../images/icon01.png) no-repeat; width: 114px; height: 114px; background-size:114px; display: inline-block; border-radius: 50%; border: 10px solid #fff; margin-top: -73px;}
.icon_114_01{ background-position: 0 0;}
.icon_114_02{ background-position: 0 -118px;}
.icon_114_03{ background-position: 0 -238px;}

#pagewrap{width: 100%;margin: 0px auto; background:#fff url(../images/main.jpg) no-repeat center;}
.banner_p{margin:0 auto; text-align:center; height:380px; overflow:hidden}
.bannerA{ background:#050403  url(../images/main.jpg) center center no-repeat; height:500px; min-width: 1090px;}
.bannerB{ background:#fff url(../images/banner04.png) center center no-repeat; height:490px; color:#FFF; text-align:center; min-width: 1090px;  }
.bannerC{ background:#fff url(../images/banner06.png) center center no-repeat; height:490px;  min-width: 1090px;}
.bannerF{ background:#fff url(../images/bg06.png) center center no-repeat; height:300px;  min-width: 1090px;}
.bannerC .con{ width:1090px; margin-left:auto; margin-right:auto; color:#FFF}
.bannerA .bannerA_img{width: 941px; margin: 0 auto; text-align: center; background: url(../images/banner_img.png) no-repeat; background-size: 100%; margin-bottom: 50px;}

.bannerA input{ outline:none;border: 1px solid #c3c2c2; height: 58px; padding: 5px 20px; line-height: 58px; border-radius: 10px; background: #ffffff; font-size: 25px; font-family: inherit;-webkit-appearance: none;}


.bannerA button{ width: 172px; height: 70px; line-height: 70px; color: #FFFFFF;font-size: 25px; font-family: inherit; background: #719e3e; margin-left: 20px; border: none; border-radius: 10px;}
.bannerD{ background: #98c75d; padding: 40px 0;}
.bannerD input{outline:none;  height: 60px; padding: 5px 20px; border: none; line-height: 60px; border-radius: 10px; background: #f6ffec; font-size: 25px; font-family: inherit;-webkit-appearance: none;}
.bannerD button{ width: 172px; height: 70px; line-height: 70px; color: #7ba45b;font-size: 25px; font-family: inherit; background: #f6ffec; margin-left: 20px; border: none; border-radius: 10px;}
.bannerE{ background: #1c1c25; color: #939395; font-size: 18px; padding: 40px 0; line-height: 32px;}
.bannerE .link{ font-size: 30px; color: #878793; text-decoration: none;}
.rwm img{height: 210px; background-size: 100%; margin-top: 30px; float: right; margin-right: 20px;}
.naber{ color: #fff; font-size: 48px; padding: 40px 0 30px 0;}
.bg05{ width: 100%;background:#070c0b url(../images/banner5.png) center center no-repeat; height: 300px;display: inline-table; min-width: 1090px;}
.bg_yello{background: #f5f1c4; padding: 20px 30px; color: #666; line-height: 25px; font-size: 14px;}
.bg_yello span{ color: red;}

.line{ height: 1px; background: #adadad; width: 100%;}
.f_14{ font-size:14px;}
.f_16{ font-size:16px !important}
.f_18{ font-size:18px;}
.f_20{ font-size:20px;}
.f_24{ font-size:24px;}
.f_26{ font-size:26px;}
.f_30{ font-size:30px;}
.f_40{ font-size:40px;}
.l_h20{ line-height:20px;}
.l_h25{ line-height:25px;}
.l_h30{ line-height:30px;}
.l_h40{ line-height:40px;}
.l_h60{ line-height:60px;}
.ovh{ overflow:hidden}
.w100{ width: 100%;}
.w290{ width: 290px;}
.w360{ width: 360px;}
.w50{width: 50%;}
.w40{width: 40%;}
.w25{ width: 25%;}
.w23{ width: 23%;}
.w30{width: 30%;}
.fl_l{ float: left;}
.fl_r{ float: right;}
/*手型鼠标*/
.c_h{cursor:hand;cursor:pointer}
button{cursor:hand;cursor:pointer}
.brc{ border-right: 1px solid #ccc;}
.bbc{ border-bottom: 1px solid #ccc;}
.ble{ border-left: 1px solid #ddd;}
.bte_2{ border-top: 2px solid #dee0e8;}
.p_lr{ padding-left: 10px; padding-right: 10px;;}
.p_lr_20{ padding-left: 20px; padding-right: 20px;;}
.pall_30{ padding: 30px;}
.pall_40{ padding: 40px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt40{ /*padding-top:40px;*/}
.pt50{ padding-top:50px;}
.pt130{ padding-top:130px;}
.pb20{ padding-bottom: 20px;}
.pb40{ padding-bottom: 40px;}
.pb60{ padding-bottom: 60px;}
.pr30{ padding-right: 30px;}
.erm{ width:581px; height:320px; text-align:center}
.content{width:1090px; margin:0 auto;}
.btd{border-top:1px solid #ddd}
.xiangmu{ width:100%;line-height:130px; margin-bottom:3px;color:#848484; float:left}
.xiangmu .biaoqian{ background:#e2dfdf; font-weight:bold; width:10%; text-align:center; float:left}
.xiangmu .x_fl{ width:19.6%; text-align:center;  height:160px; float:left; color:#848484; border-right:3px #f3f3f3 solid; background:#FFF;}
.xiangmu .x_fl span{ text-align:center; line-height:20px }
.img_ion{ padding-top:20px;}
.xiangmu .jiantou{ width:8px; height:16px; background:url(../images/jiantou.png) no-repeat; margin-right:-8px; float:right;position: relative; margin-top: 58px;}
.information{ color:#999; margin-top:10px;}

#footer{ width:100%; color:#878896; font-size:16px;  line-height: 40px; text-align:left; min-width: 1090px; background: #121218; display: inline-table;}

#footer1{ width:1100px; margin:auto  }

.text_color{ color:#333; line-height:30px; margin-top:10px;}

#div1{height:550px;width:500px; position:relative;font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
#div1 a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;padding:3px 6px;}
#div1 a:hover{border:1px solid #eee;background:#000;border-radius:5px;}

.icon{ width:612px; height:392px;display:block;}
.icon ul{ padding:0px; margin:0px;}
.icon ul li{ width:300px; height:146px; overflow:hidden; float:left; margin-right:6px; margin-bottom:50px; margin-top:50px;}
.icon ul li .tubiao{ width:146px; height:146px; margin-right:10px; float:left}
.icon ul li .text{ width:110px; height:146px; color:#FFF; float:left; padding-top:20px}
.icon ul li .text span{ width:100%; height:40px; overflow:hidden; line-height:30px; font-size:22px;font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.icon ul li .text p{ width:100%; height:70px; overflow:hidden; font-size:14px; padding-top:10px;}

.why_dh{text-align: center; background: #FCFCFC; line-height: 60px; color: #666666;}
.why_dh .df_1{ border-bottom: 1px solid #f2f2f2; border-right: 1px solid #F2F2F2;}
.sj_button{ width:390px; height:80px; color:#FFF; text-shadow:0 2px 3px #267d6a; background:rgba(28,175,154, .7); display:block; text-align:center; line-height:80px; font-size:22px; border-radius:4px; margin:0px auto; margin-top:150px;font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.sj_button:hover{ background:rgba(28,175,154, .8);}
.mt40{ margin-top:40px;}
.biaoti{ width:472px; height:116px; margin:0 auto; padding-top:40px;}
.zw_bg{ background:#FFF; color:#5e5e5e ; padding:20px 110px; line-height:30px;}
.chenshe{ color:#ff6500}
.left_text{ width:400px; float:left}
.right_tu{ width:300px; float:right;}
.clear{ clear:both}
.lxwm li { width:33.3%; float:left; margin-top:20px; margin-bottom:30px;}
.lxwm li .name{ font-size:24px; color:#333}
.lxwm li .email{ font-size:16px; color:#999}
.lxwm li .name:hover{ color:#ef2f65}
.lxwm li .email:hover{ color:#ef2f65}

.wmdfw{
	border: 2px solid #dedfe8;background: #f9f9f9; border-radius: 10px; font-size: 16px; color: #82838f; line-height: 28px; padding-bottom: 20px;
}
.liuc{ width:1200px; margin:0 auto; padding-top:45px;}

.lcxq{ margin-top:10px;}
.lcxq ul { margin:0; padding:0; margin-bottom:50px;}
.lcxq ul li{ margin-top:50px; float:left}

/*优势*/
.youshi{ padding-top: 20px; padding-bottom: 40px;}
.youshi li{ width: 50%; float: left; color: #666; padding: 10px 0;}
.youshi li .df_1{padding-right: 30px; padding-top: 10px;}

.ys_01,.ys_02,.ys_03,.ys_04{ margin: 0 30px; width: 70px; height: 74px; background:url(../images/youshi.png) no-repeat; background-size:70px ; display: inline-block; margin-top: 10px;}
.ys_01{ background-position:0 0 ;}
.ys_02{ background-position:0 -72px;}
.ys_03{ background-position:0 -144px;}
.ys_04{ background-position:0 -216px;}

/*多行业*/
.dhy{ padding-top: 20px; padding-bottom: 40px;}
.dhy li{ width: 50%; float: left; color: #666; padding: 10px 0;}
.dhy li .df_1{ padding-right: 30px; padding-top: 10px;}
.dhy_01,.dhy_02,.dhy_03,.dhy_04,.dhy_05,.dhy_06{ margin: 0 30px; width: 85px; height: 85px; background:url(../images/dhy.png) no-repeat; background-size:85px ; display: inline-block;}
.dhy_01{ background-position:0 0 ;}
.dhy_02{ background-position:0 -85px ;}
.dhy_03{ background-position:0 -170px;}
.dhy_04{ background-position:0 -254px;}
.dhy_05{ background-position:0 -340px;}
.dhy_06{ background-position:0 -425px;}

/*超强icon*/
.cq_icon_01,.cq_icon_02,.cq_icon_03,.cq_icon_04{ margin: 0 30px; width: 77px; height: 97px; background:url(../images/cq.png) no-repeat; background-size:77px ; display: inline-block;}
.cq_icon_01{ background-position: 0 0;}
.cq_icon_02{ background-position: 0 -97px;}
.cq_icon_03{ background-position: 0 -194px;}
.cq_icon_04{ background-position: 0 -291px;}

/*联系我们icon*/
.xh_icon_01,.xh_icon_02,.xh_icon_03{ margin: 0 30px; width: 79px; height: 88px; background:url(../images/xh.png) no-repeat; background-size:79px ; display: inline-block;}
.xh_icon_01{ background-position: 0 0;}
.xh_icon_02{ background-position: 0 -88px;}
.xh_icon_03{ background-position: 0 -175px;}

/*为什么要选我们*/
.why_list{ padding:40px 0;}
.why_list li{ width: 50%; padding: 15px 0; color: #666; float: left;}
.why_list li .df_1{ padding-right: 30px; padding-top: 10px;}

/*左滑*/
.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
.luara-left ul li img{width: inherit;height: inherit;}

.top_pm li{ float:left;width:260px; height:382px; margin-right:16px; overflow :hidden ;}
.top_pm li:last-child{ margin-right:0px;}
.top_pm li a{ width:100%; height:100%; overflow:hidden; display:block}
.top_pm li:hover .tm8{top:-382px;}
.tm8{ background:rgba(255,255,255, .85); line-height:30px; padding:15px; position:relative; z-index:1; color:#333;height: 354px; top:0px; font-size:16px;word-wrap: break-word;
word-break: normal;}
.name_top{ font-size:30px;}
.jineng{ color:#666; font-size:18px; margin-top:5px; margin-bottom: 10px;}
.miaoshu{ line-height:25px; word-wrap:break-word;word-break:break-all; display:block; width: 230px; color: #666; font-size: 14px;;}

.tm8,.index_rem,.kong_button:hover,.kong_button,.kong_button_bf:hover,.kong_button_bf,.red_button:hover,.red_button,.lxwm li .name,.lxwm li .email,.lxwm li .name:hover,.lxwm li .email:hover,.button ul li a:hover,.button ul li a
,.step li:hover,.index_rem_app{
    transition: all .35s ease;
    -o-transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
}
.step li{ float: left; display: black;}
.step li:hover{ margin-top:-20px;}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px;
        background: #999;   /* Center slide text vertically */
        -webkit-box-pack: center;   -ms-flex-pack: center;
        -webkit-justify-content: center; justify-content: center;
        -webkit-box-align: center;-ms-flex-align: center;
        -webkit-align-items: center; align-items: center;}
.swiper-slide img{ width: 100%;}
.green_button{ margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px; width: 350px; hanging-punctuation: 78px; line-height: 78px; color: #FFFFFF; font-size: 20px; text-align: center; background: #12c212;}
.about_l{ width: 150px; line-height: 40px; text-align: right; padding-right: 20px; color: #999;}
.cpbj{  width: 1038px; border: 1px solid #4C575C; border-top: none; padding: 25px; margin: 0 auto; color: #666; line-height: 30px; font-size: 14px; margin-top: -30px;}
.sk_div{ padding: 45px; border: 1px solid #c7c7c7;}
.jh_icon,.zfb_icon{ width: 78px; height: 78px; background: url(../images/zf_cion.png) no-repeat; background-size: 78px;}
.jh_icon{ background-position: 0 0;}
.zfb_icon{ background-position: 0 -80px;;}
.w750{ width: 750px; margin: 0 auto;}
.green .msq{ background: url(../images/smq.png) no-repeat; width: 11px; height: 11px; margin-left:15px;display: inline-block; position: absolute;margin-top: 14px; z-index: 1;}

.baojia{ width:100%; margin-top:-1px; border: none;border-collapse:collapse;}
.baojia td{ padding: .3rem;  line-height: 30px; padding: 25px; border: 1px solid #dadbe2; color: #0b0c19; font-size: 18px; text-align: center;}
.whidow{position: fixed; background:rgba(0,0,0, .5);  left: 0; top: 0; width: 100%; height: 100%; display: block;}
.whidow_div{ overflow: hidden; width: 890px; text-align: center; height: 460px; padding-top: 60px; position: fixed; border-radius: 10px; background: #FFFFFF; top: 20%; z-index: 999;left: 50%; margin-left: -445px; box-shadow: 0 10px 30px rgba(0,0,0, .4);}
.whidow_icon{ width: 80px; height: 80px; background: url(../images/window_icon.png) no-repeat; background-size: 80px; margin: 0 auto;}
.w_bottom{ position: absolute; bottom: 0; left: 0; background: #8dc14b; text-align: center; width: 100%;}
.w_bottom .button_icon{ margin: 50px auto; padding: 10px; width: 188px; background: rgba(255,255,255, .4); color: #fff; text-shadow: 0 2px 2px rgba(0,0,0, .1); font-size: 24px; text-align: center; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,.1);}
/*进入动画*/
#bounceIn{
-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
/*弹出动画*/
#bounceOut{
-webkit-animation:bounceOut 1s .2s ease both;
-moz-animation:bounceOut 1s .2s ease both;}
@-webkit-keyframes bounceOut{
0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.95)}
50%{opacity:1;
-webkit-transform:scale(1.1)}
100%{opacity:0;
-webkit-transform:scale(.3)}
}
@-moz-keyframes bounceOut{
0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(.95)}
50%{opacity:1;
-moz-transform:scale(1.1)}
100%{opacity:0;
-moz-transform:scale(.3)}
}
.start select{ outline:none;   width: 350px; border: 1px solid #ccc; height: 60px; border-radius: 10px; line-height: 60px; font-size: 24px; float: left;}
.start textarea{outline:none;  width: 360px; height: 120px; padding:10px; border: 1px solid #CCCCCC; line-height: 20px; font-size: 18px; border-radius: 10px; color: #333;font-family: "微软雅黑";}
.start .w500{ width: 500px; margin: 0 auto;}
.start .w500 .qx{ width: 160px; line-height: 50px; text-align: center; color: #666; border: 1px solid #ccc;background: #fff; border-radius: 6px; font-size: 24px; font-family: "微软雅黑";}
.start .w500 .qd{ width: 160px; line-height: 50px; text-align: center; color: #fff; border: 1px solid #8dc14b; background: #8dc14b;border-radius: 6px; font-size: 24px;font-family: "微软雅黑";}
.we_ys{ width: 442px; height: 182px; padding: 40px; background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,.1);}
.pl_bg01{ width: 969px; height:90px ; background: url(../images/pl01.png) no-repeat; background-size: 1200px; padding:109px 30px 0 146px ; font-size: 18px; line-height: 30px;}
.pl_bg02{ width: 927px; height:90px ; background: url(../images/pl02.png) no-repeat; background-size: 1200px; padding:109px 188px 25px 30px; ;font-size: 18px; line-height: 30px;}
.pl_bg03{ width: 969px; height:90px ; background: url(../images/pl03.png) no-repeat; background-size: 1200px; padding:109px 30px 0 146px ;font-size: 18px; line-height: 30px;}
.erma{ display: none;}
.qiehuan:hover .mingzi{ display: none;}
.qiehuan:hover .erma{ display: block;}