/* CSS Document */

.ban_yx{ width:100%; background:url(../image/ban1.jpg) no-repeat center; height:645px; margin:0 auto; }

.yx_bk1{ width:1100px; margin:0 auto; margin-top:30px;}
.yx_biaot h1{ font-size:35px; text-align:center;}
.yx_biaot h1 i{ color:#ff5e01; font-weight:bold;}
.yx_biaot p{ font-size:12px; color:#888888; text-align:center;text-transform:uppercase;}

.yx_nr{ width:100%; margin:0 auto; }
.n_lelf{ float:left; width:660px; margin-right:40px; background: }
.n_bt{ font-size:24px; color:#ff5e01; background:url(../image/s1.jpg) no-repeat; height:58px; padding-left:50px; padding-top:20px;  }
 
.n_lelf ul{ width:760px; }
.n_lelf ul li{ width:189px; margin-right:1px; float:left;}
.n_lelf ul li .tu{ width:189px; background:#e7e5e6; height:130px; }
.n_lelf ul li .tu img{ margin:0 auto; padding-top:45px; display:block;}
.n_lelf ul li p{ width:139px; height:100px; background:#ff6d00; font-size:16px; line-height:30px; color:#FFF; padding-left:50px; padding-top:30px;}
.n_lelf ul li p b{ font-weight:bold; display:block;}
.n_lelf ul li p.p2{ background:#988e8c !important;}


.n_right{ float:right; width:250px;}
.n_bt2{ font-size:24px; color:#ff5e01; background:url(../image/s2.jpg) no-repeat; height:58px; padding-left:50px; padding-top:20px;  }
.n_right p{ font-size:16px; line-height:45px; background:url(../image/s3.jpg) no-repeat 0 center; padding-left:30px;}




.yx_bk2{ width:100%; background:#3f3f3f;  margin:0 auto;margin-top:50px;}
.yx_biaot1 h1{ font-size:35px; text-align:center; color:#fff; padding-top:30px;}
.yx_biaot1 h1 i{ color:#ff5e01; font-weight:bold;}

.zhuanqian{ width:1000px; margin:0 auto; margin-top:30px;}
.zq_le{ float:left;}
.zq_le p{ font-size:18px; color:#fff; line-height:38px;}
.zq_le p.p3{ color:#ff6d00;}
.zq_le p.p4{ color:#ff6d00; font-size:24px;}
.zq_le p i{font-size:20px; color:#fff; }


.zq_ri{ float:right;}
.zq_ri img{ width:300px;}

.dibu_zq{ width:1000px;margin:0 auto; margin-top:30px; background:#000000; height:60px;  }
.z_l{ float:left;}
.z_r{ float:right; font-size:30px; color:#ff6d00; line-height:60px;}
.z_r i{ font-size:20px; color:#fff;} 
.z_r a{ float:right; margin-left:90px; width:300px; height:35px; background:#ff6d00; border-radius:5px; color:#fff; text-align:center; line-height:35px; font-size:20px; margin-top:10px; margin-right:30px;}




.yx_bk3{ width:1000px; margin:0 auto; margin-top:30px;}
.sq_yx{ margin-top:50px;}
.sq_l{ float:left;}
.sq_r{ float:right; width:500px;}
.sq_r p{ font-size:26px; font-weight:bold; margin-bottom:30px;}
.sq_r p i{ font-size:35px; color:#ff6d00; font-weight:bold; }
.sq_r span{ font-size:15px; line-height:30px; display:block; padding-bottom:5px;}
.sq_r span b{ color:#ff6d00;}
.sq_r p.pp1{ font-size:24px !important; font-weight: normal !important; margin-bottom:30px;}
.sq_r p.pp1 i{ font-size:30px !important; color:#ff6d00; font-weight: normal !important; }


.dibu_sq{ width:1000px;margin:0 auto; margin-top:30px; background:#232323; height:60px;  }
.dibu_sq .z_l{ float:left;}
.dibu_sq .z_r{ float:right; font-size:30px; color:#ff6d00; line-height:60px;}
.dibu_sq .z_r i{ font-size:20px; color:#fff;} 
.dibu_sq .z_r a{ float:right; margin-left:50px; width:300px; height:35px; background:#ff6d00; border-radius:5px; color:#fff; text-align:center; line-height:35px; font-size:20px; margin-top:10px; margin-right:30px;}






.yx_bk4{ width:100%; margin:0 auto; background:#f2f2f2; }

.yx_biaot3 h1{ font-size:35px; text-align:center; padding-top:50px;}
.yx_biaot3 h1 i{ color:#ff5e01; font-weight:bold;}
.yx_biaot3 p{ font-size:12px; color:#888888; text-align:center;text-transform:uppercase;}



.jzlc{width: 1200px;margin: auto;margin-top: 70px;}
.jzlc_bottom{width:250px;}
.jzlc li{float: left;padding-left:75px; margin-right:75px;}
.jzlc_bottom a{width: 250px;height:262px;}
.jzlc_bottom a img{position: relative;width: 250px;}
.jzlc_bottom a span{display: block;position: absolute;margin-left: 95px;font-size: 18px;font-weight: bold;color: #fff;margin-top: -160px;}
.jzlc_bottom p{font-size: 14px;color: #666666;text-align: center;line-height: 25px;padding-top: 20px;}







.yxfs{width: 1100px;margin: auto;margin-top: 20px; padding-bottom:80px;}
.yxfs li{width:490px;height:140px;background: #fff;float: left;margin-top: 30px;margin-left:30px;margin-right: 30px;}
.yxfs li .xlh{width:490px;height: 90px;}
.xlh_lef{float: left;width: 120px;height: 88px; padding-top:26px; padding-left:30px;}
.xlh_right{width:320px;height: 80px;float: right;margin-top:25px; margin-right:20px;}
.xlh_right .ssll{font-size:22px;font-weight: bold;color: #333333;}
.xlh_right .ssll2{font-size:16px;color: #414141;padding-top: 5px; line-height:26px; }
 



.yx_bk5{ width:100%; margin:0 auto; margin-top:30px; margin-bottom:50px; }

.moddle{width:1100px;margin: 0 auto;overflow: hidden; margin-top:30px; padding-bottom:20px;}

.moddle-bot{margin-right:18px; margin-left:18px;float:left;margin-top:19px;width:330px;}
.moddle-bot>a{display: block; background:#f2f2f2;padding: 10px 10px 1px 10px;}
.moddle-bot>a>img{width: 100%;height: 100%;}
.moddle-bot>a>div{width:166px;height:36px;background:#ff5e01;border-radius:20px;line-height:36px;text-align:center;color:#fff;font-size:18px;margin:12px auto;}
.moddle-bot1{margin-right:0;}









/*、、、、、、、、、、、、、、、、、、、、、、、、、400电话、、、、、、、、、、、、、、、、、、、、、、、、、、、、、*/

.ban_400{ width:100%; background: url(../image/ban2.jpg)no-repeat; height:430px; margin:0 auto; }

.b1_400{ width:1200px; margin:0 auto; margin-top:50px;}
.bt_400{ font-size:34px; text-align:center; color:#005197; font-weight:bold;}
.nr_400{ width:1100px; margin:0 auto; font-size:15px; line-height:30px; margin-top:20px; text-align:center;}




.b2_400{ width:1200px; margin:0 auto; margin-top:50px;}
.gn_400{ width:1200px; margin:0 auto; margin-top:30px;}
.gn_400 ul li{ float:left; width:528px; margin-left:15px; margin-right:15px; border:1px #cccccc solid; padding:20px; margin-top:30px;}

.gn_400l{ float:left; width:170px; border-right:2px #005197 solid; padding-top:30px; height:150px;}
.gn_400l p{ width:90px; padding-left:30px; padding-right:30px; font-size:18px;  margin-left:20px; background:#005197; padding-top:15px; padding-bottom:15px; color:#fff; text-align:center; }
.gn_400l a{ width:150px; height:40px; line-height:40px; text-align:center; color:#fff; background:#ea5623; display:block; margin-left:20px; margin-top:5px;}



.gn_400r{ float:right; width:330px;}
.gn_400r h4{ font-size:16px; border-bottom:1px #999 dashed; line-height:23px; padding-bottom:8px;}
.youshi { padding-bottom:8px;}
.youshi p{ font-size:16px; line-height:28px; color: #777;}



.xingxiang{ width:1200px; margin:0 auto; margin-top:20px;}

.xingxiang ul li{ float:left; width:308px; border:1px  #cccccc solid; margin-left:15px; margin-right:15px; padding:20px 30px;  }
.xingxiang ul li .tu_img{ float:left; padding-top:10px; }
.xingxiang ul li .wz_nr{ width:200px; float:right; font-size:16px; line-height:28px;}

.hengtiao{ width:100%; background:url(../image/ban2s.jpg) no-repeat center; height:200px; margin-top:30px; margin-bottom:30px;}




.b3_400{ width:1200px; margin:0 auto; margin-top:50px;}
.licheng{ width:1200px; margin:0 auto; margin-top:40px; margin-bottom:60px;}
.b3_400 p{ color:#F00; font-size:16px; margin-bottom:150px; padding-left:30px; }






/*、、、、、、、、、、、、、、、、、、、、、、、、、平台开发、、、、、、、、、、、、、、、、、、、、、、、、、、、、、*/

.ban_kaifa{width:100%; background: url(../image/ban3.jpg)no-repeat; height:540px; margin:0 auto;}
.kf_jianjie{ width:100%; margin:0 auto; background:#f5f3f3;}
.kf_1200{ width:1100px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.kf_le{ float:left; width:780px; font-size:18px; line-height:38px; text-indent:2em;}
.kf_ri{ float:right; width:250px; padding-top:5px;}




.wzys{width: 1226px;margin: auto; margin-top:30px;}
.wzys li{float: left;margin-top: 20px;width:274px;height:400px;margin-left: 13px;margin-right: 13px;}
.wzys li a{width: 110px;height: 110px;background: #10a2cb;border-radius: 50%;margin: auto;display: block;transition:all .4s ease-in-out 0s;}
.wzys_bottom{width: 110px;height: 110px;background: url(../image/akkakaka.png) no-repeat;background-position: 50% 50%;}
.wzys li p{font-size: 18px;font-weight: bold;text-align: center;color: #262626;padding-top: 20px;}
.wzys li span{font-size: 14px;display: block; color: #888888;padding-top: 20px;line-height: 25px;width:254px; padding-left:10px; padding-right:10px;}
 
.wzys_bottom1{width: 110px;height: 110px;background: url(../image/eoeoeoeo.png) no-repeat;background-position: 50% 50%;}
.wzys_bottom2{width: 110px;height: 110px;background: url(../image/mamamama.png) no-repeat;background-position: 50% 50%;}
.wzys_bottom3{width: 110px;height: 110px;background: url(../image/apapapap.png) no-repeat;background-position: 50% 50%;}
 


.wzys li a:hover{background: #F97200;transition:all .4s ease-in-out 0s;}





.main_box{ width:1200px; margin:0 auto;}
.sy-title2{text-align:center; margin:0px auto; padding-top:30px; padding-bottom:50px;}
.sy-title2 h1{ font-size:35px; color:#0ca0cb;  line-height:65px; text-align:center;}
.sy-title2 h2{ font-size:20px; color:#4a4a4c; padding:1px 0 10px 0; text-align:center;}
.sy-title2 h3{ color:#b2b2b3; font-size:11px; text-align:center; text-transform:uppercase;}
.sy-title2  p{ text-align:center; line-height:30px; margin-top:50px; color:#757477; font-size:14px;}

/*==============首页f2=====================*/
.f2 #sy-case{ width:100%; background:#f9f9f9; padding:20px 0 40px 0;}
.f2 #sy-case ul{ margin-top:0px;}
.f2 #sy-case ul li{ position:relative;  background:#ededee; margin:0; width:380px; float:left; display:block; overflow:hidden; margin-left:10px; margin-right:10px; margin-bottom:30px;}
.f2 #sy-case ul li .box{ display:block; width:300px;}
.f2 #sy-case ul li .box img{ width:400px; height:210px;}
.f2 #sy-case ul li .box h1 a{ height:50px; line-height:50px; display:block; padding:0 20px; }
.f2 #sy-case ul li .box h1 a strong{ color:#444545; font-size:14px;}
.f2 #sy-case ul li .box h1 a span{ color:#a9a9a9; font-size:12px; float:right;}
.f2 #sy-case ul li .hover  a{ opacity:0; display:block; position:absolute; top:0; width:100%; height:193px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}

.f2 #sy-case ul li .hover img{ display:block; margin:0 auto; padding-top: 76px; }
.f2 #sy-case ul li:hover .hover a{ opacity:1;}
.f2 #sy-case ul li:hover{ background:#0ca0cb;}
.f2 #sy-case ul li:hover span{ color:#fff !important;}
.f2 #sy-case ul li:hover strong{ color:#fff !important;}
.f2  #bnt_more{  height:36px; border:1px solid #f97200; margin:60px auto 20px auto; width:180px; height:45px; text-align:center; border-radius:5px; display:block; line-height:45px; text-align:center;  font-size:14px; color:#ff1b00;}
.f2  #bnt_more:hover{ background:#f97200; color:#fff;   }











.ban_xmt{width:100%; background: url(../image/ban4.jpg)no-repeat center; height:235px; margin:0 auto;}

.bt_xmt{ width:1200px; border-bottom:1px #CCC solid; margin:0 auto; height:40px; margin-top:20px;}
.bt_xmt p{ width:380px; background:#fff; height:40px; text-align:center; font-size:39px; margin:0 auto; position: relative; top:12px; color:#ff0000;letter-spacing:5px;}

.nr_xmt{ font-size:26px; margin:0 auto; text-align:center; background:url(../image/z8.png) no-repeat 0 center; margin-top:60px; font-weight:bold; height:50px; width:650px; }

.wx_xmt{ width:800px; margin:0 auto; margin-top:30px;}
.wx_xmt p{ width:180px; float:left; margin-left:10px; margin-right:10px; margin-bottom:10px; background:#ec8303; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; font-weight:bold;}
.wx_xmt p.d1{ background:#0279be !important;}




.bk1_xmt{ width:100%; margin:0 auto; background: url(../image/bjs.jpg) no-repeat center; margin-top:30px;}
.xm_1200{ width:860px; margin:0 auto; padding-top:60px; padding-bottom:60px;}
.le_xmt{ float:left; padding-top:80px;width:450px;}
.le_xmt p{ font-size:37px; color:#ec8303; }
.le_xmt span{ font-size:24px; color:#fff; text-align:right; display:block; margin-top:20px;}
.le_xmt a{ font-size:22px; color:#fff; margin-top:70px; display:block; text-align:right; height:30px;}
.le_xmt a b{ margin-left:100px;padding-top:8px; display:block; float:left; }
.le_xmt a i{ font-size:28px; }
.le_xmt a:hover{ color:#ec8303;}


.ri_xmt{ float:right;}


.lbt_c{ font-size:30px; text-align:center; margin-top:50px;}
.xiangmu{ width:900px; margin:0 auto;}
.xiangmu p{ float:left; width:200px; background:#fff;-moz-box-shadow:1px 1px 5px #8c8c8c; -webkit-box-shadow:1px 1px 5px #8c8c8c; box-shadow:1px 1px 5px #8c8c8c; margin-left:10px; margin-right:10px; height:40px; line-height:40px; text-align:center; margin-bottom:30px; margin-top:30px; font-size:16px;}
.lbt_c1{ font-size:30px; text-align:center; margin-bottom:90px;}













.ban_gzh{width:100%; background: url(../image/ban5.jpg) no-repeat center; height:245px; margin:0 auto;}


.IntegratedCent{overflow: hidden; padding-top:70px;}
.IntegratedCent>div{float: left;margin-right: 93.3px;}
.IntegratedCent-top,.IntegratedCent-bot{text-align: center;}
.IntegratedCent-title{margin: 20px 0 14px 0;font-size: 24px;color: #000000;}
.IntegratedCent-dection{margin-bottom: 94px;font-size:14px;color:#717171;}
.IntegratedCent>div:nth-child(1){margin-left:80px;margin-right: 0;}
.IntegratedCent>div:nth-child(2){margin-left: 80px;margin-right: 0;}
.IntegratedCent>div:nth-child(3){margin-left: 80px;margin-right:0;}
.IntegratedCent>div:nth-child(4){margin-left: 80px;margin-right: 80px;}
.IntegratedCent>div:last-child{margin-right: 0;}



.bk_gzh{ width:1200px; margin:0 auto; margin-top:50px; }
.fw_gzh{ font-size:34px; text-align:center;}
.fw_gzh i{ color:#f08832;}

.zt1{ color:#a73177;}
.zt2{ color:#3161a7;}
.zt3{ color:#31a783;}
.zt4{ color:#3161a7;}

.img_w{ width:100%; background:url(../image/b2.png) no-repeat center; height:558px;}



.bk1_gzh{ width:1200px; margin:0 auto; margin-top:80px; margin-bottom:50px; }







.gongneng{ width:1200px; margin:0 auto; margin-top:30px;}
.gongneng ul li{ float:left; width:280px; margin-left:10px; margin-right:10px; margin-top:20px;}
.gongneng ul li h1{ font-size:19px; text-align:center; height:40px; line-height:40px; background:#00a2e9; color:#fff;}
.gongneng ul li .nr{width:244px; border:3px #00a2e9 solid; padding:15px; height:200px;  }
.gongneng ul li .nr p{ font-size:18px; line-height:35px;}


.gongneng ul li.gn_1{ float:left; width:380px !important; margin-left:10px; margin-right:10px; margin-top:20px;}
.gongneng ul li.gn_1 .nr{width:344px !important; border:3px #00a2e9 solid; padding:15px; height:270px !important;  }
.gongneng ul li.gn_1 .nr p{ font-size:18px; line-height:35px; float:left; padding-right:10px;}


.gongneng ul li.gn_2{ float:left; width:280px !important; margin-left:10px; margin-right:10px; margin-top:20px;}
.gongneng ul li.gn_2 .nr{width:244px !important; border:3px #00a2e9 solid; padding:15px; height:200px !important;  }
.gongneng ul li.gn_2 .nr p{ font-size:18px; line-height:35px; float:left; padding-right:10px;}


.hyxt_1{ width:1200px; margin:0 auto; margin-top:30px;}
.hyxt_1 p{ float:left; width:151px; text-align:center; height:40px; line-height:40px; color:#fff; background:#00a2e9; margin-left:10px; margin-right:10px; font-size:16px;}


.liucheng{ width:1200px; height:404px; margin:0 auto; margin-top:20px; margin-bottom:40px;}









.ban_wzjs{width:100%; background: url(../image/ban6.jpg) no-repeat center; height:620px; margin:0 auto;}









/*小程序了解*/
.understand{width: 1200px;margin: 0 auto;overflow: hidden; margin-top:80px; padding-bottom:80px;}
.understand-bot>div{overflow: hidden;}
.understand-bot>div>div{float: left;width: 600px;}
.CentTopData{overflow: hidden;}
.CentTopData>div{float: left;}
.CentBotData{font-size: 18px;line-height: 2;}
.evenright{width: 570px !important;margin: 0 15px;padding-top: 70px;}
.TopData-right{font-size: 30px;font-weight: 500;line-height: 80px;padding-left: 11px;}
.evenLeft>img{width: 100%;}
.CentBanner{width: 100%;max-height: 470px;overflow: hidden;}
.CentBanner>img{width: 100%;}

.anniu{ width:110px; height:30px; line-height:30px; text-align:center; border-radius:5px; background:#C00; font-size:13px; margin-top:15px;}
.anniu a{ color:#fff;}
.anniu a:hover{ color:#fff; }


.g1{ padding-top:20px !important;}









.dhzx1{ width:100%; background: url(../image/dhzx.jpg) no-repeat center; height:160px; margin:0 auto; }


.dhzx{ width:1200px; background: url(../image/dhzx1.jpg) no-repeat center; height:160px; margin:0 auto;}