*{font-family:"微软雅黑";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
:hover{ transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
.headapp{display: none;}
.app-navbo{display: none;}
.dx-zhixunapp{display: none;}
.dx-zhixun{display:block;}
/*index*/
.head{float: left; width: 100%; height: 100px;}
.dabox{ margin:auto;display: block; width: 1200px;}
.bdabox{margin: auto; display:block; width: 1400px;}
.headl{float: left;display: flex;align-items: center;justify-content: center;height: 100px; }
.headl img{ width: 186px; height: 47px;}
.headr{float: right; height: 100px;}
.headr ul{ display: table; width: 940px; /*Optional*/ table-layout: fixed; /*Optional*/}
.headr ul li{display: table-cell;position: relative;	}
.headr ul li.active:before {opacity: 1; content: " ";width: 60px;position: absolute; left: 50%; margin-left: -30px; height: 2px;bottom: 28px;background-color:#3179ff; 
   transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.headr ul li.active a{ color: #145fec;}
.headr ul li a{line-height: 100px;text-align: center; color: #333333;font-size: 16px;}
.headr ul li:hover a{ color: #145fec;}
.headr ul li:before {opacity: 0; content: " ";width: 0px;position: absolute; left: 50%; margin-left: -30px; height: 2px;bottom: 28px;background-color:#3179ff; 
   transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.headr ul li:hover:before {opacity: 1; content: " ";width: 60px; bottom: 28px; }
.da-qqzx{position: fixed;display: block;right: 0;top: 60%;z-index: 100; padding: 10px 0 20px 0; background-color:#de1b1b; width: 64px;}
.da-qqzx li{float: left;position: relative; width: 100%;text-align: center; margin-bottom: 10px;}
.da-qqzx li.active img.acimg{position: absolute;left: -113px;display: none; width: 105px;}
.da-qqzx li.active:hover img.acimg{display: block;}
.da-qqzx li.acc p{display: none;position: absolute;left: 0; background-color: rgba(0, 0, 0, 0.55); color: #fff;border-radius: 5px; padding: 10px 10px; }
.da-qqzx li.acc:hover p{position: absolute;left: -145px;bottom: 5px; display:block;font-size: 18px;}
.da-qqzx li img{ margin: auto; display: block; width: 56px;position: relative;top:5px; }
.da-qqzx li a{ color: #fff;font-size: 12px;}
/*公司文化*/
.culture{ width:1200px; overflow:hidden;display: flex; margin: auto; margin-top:10px; margin-bottom: 80px;}
.culture ul{ width:1200px;}
.culture li{ width:1200px; height:190px; display:block;}
.culture li a{ width:1200px; height:188px; display:block; background-color:#fff; border-top:1px #fff solid; border-bottom:1px #fff solid;}
.culture li a .culimg{ width:280px; height:188px; overflow:hidden; float:left; text-align:center; vertical-align:middle;}
.culture li a .culimg span{ height:100%; vertical-align:middle; display:inline-block; *display:inline;}
.culture li a .culimg img{ max-width:280px; max-height:188px; vertical-align:middle;}
.culture li a .culimg .choose_img1{ display:block; display:inline;}
.culture li a .culimg .choose_img2{ display:none;}
.culture li a section{ width:750px; height:100px; overflow:hidden; float:left; margin:44px 0 0 20px; display:inline;}
.culture li a section h3{ width:750px; height:30px; display:block; overflow:hidden; font-size:18px; color:#1a1a1a; line-height:30px;}
.culture li a section p{ width:750px; height:66px; display:block; overflow:hidden; margin-top:4px; font-size:12px; color:#909090; line-height:22px;}
.culture li a:hover{ background-color:#145fec; border-top:1px #f0f0f0 solid; border-bottom:1px #f0f0f0 solid;}
.culture li a:hover .culimg .choose_img1{ display:none;}
.culture li a:hover .culimg .choose_img2{ display:block; display:inline;}
.culture li a:hover section{ width:750px; height:100px; overflow:hidden; float:left; margin:44px 0 0 20px; display:inline;}
.culture li a:hover section h3{ width:750px; height:30px; display:block; overflow:hidden; font-size:18px; color:#fff; line-height:30px;}
.culture li a:hover section p{ width:750px; height:66px; display:block; overflow:hidden; margin-top:4px; font-size:12px; color:#fff; line-height:22px;}
.culture li .jurjcm{ width: 100%; border-bottom:1px solid #ddd; padding-bottom: 20px;}
.culture li .jurjcm h4{ width:100%; height:30px; display:block; overflow:hidden; font-size:18px; color:#1a1a1a; line-height:30px; margin-bottom: 8px; margin-top: 20px;}
.culture li .jurjcm p{ width:100%; height:66px; display:block; overflow:hidden; margin-top:4px; padding-left: 10px;box-sizing: border-box; font-size:14px; color:#909090; line-height:22px;}
.cultureimg{float: left;width: 100%; margin-bottom: 50px;}
.cultureimg ul{ width:88%; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cultureimg li{float: left;width: 280px; margin-bottom: 45px;text-align: center;font-size:14px;color: #666;}
.cultureimg li img{ margin: auto; display: block; width: 100%; margin-bottom: 10px;}
/*轮播图*/
.banner{float: left; width: 100%;}
.banner-lit{ width:180px; height:400px; position:absolute; top:0px; right:0; z-index:100; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height: 220px;}
.banner .flexslider { position: relative; width: 100%; height: 510px; overflow: hidden;  z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 510px;}
.flexslider ul li{background-size: 1920px 510px;background-position: center center; }
.banner .slides li a{ width:100%; height:510px; display:block;}
.banner .flex-control-nav { position: absolute; bottom: 25px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width: 10px; height: 10px; line-height: 40px; overflow: hidden; -webkit-border-radius: 100%; border-radius:100%; cursor: pointer; background-color:#fff; font-size:0;}
.banner .flex-control-nav .flex-active { background-color:#e00904;}
.banner .flex-direction-nav{ position: absolute; z-index: 10001; width: 100%;}
.banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0;}
.dx-yc{float: left; width: 100%;}
.dx-yct{float: left; width: 100%;}
.daboxs{ margin:auto;display: block; width: 1275px;}
.dx-yctxt{ color: #333333;font-size: 36px;text-align: center; width: 100%; margin-top: 70px;}
.dx-yct p{ color:  #555555;font-size: 16px;text-align: center; margin: 8px 0 30px 0;}
.dx-yci{float: left;text-align: center; width: 100%;box-sizing: border-box; margin-top: 18px;}
.dx-yci ul li{float: left; transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;	 width: 355px;cursor: pointer; height: 320px;border-radius: 10px;  background-color: #fff;box-shadow: 0 0.5px 10px #d0d0d0; margin: 0px 34px 72px 34px; }
.dx-yci ul li:hover{ background-color:#fff;box-shadow: 0 0.5px 10px #77a6ff; } 
.dx-yci ul li:hover div{color:#3179ff;}
.dx-yci ul li img{width: 152px; height: 152px; margin: auto; display: block; margin-top: 18px;}
.dx-yci ul li div{ color: #333333;font-size: 18px; width: 60%; margin: auto;}
.dx-yci ul li div p{ color: #999999;font-size: 14px; margin: 25px 0 0 0;line-height: 20px;}
.dx-fuw{float: left; width: 100%;background-color: #f5f5f5;}
.dx-fuwtab{float: left; width: 100%; margin: auto;text-align: center;  margin-top: 2px; margin-bottom: 75px;}
.dx-fuwtab li{display: inline-block;height: 38px;width: 152px;cursor: pointer; line-height: 38px; border: 1px solid #dddddd;border-radius: 8px; margin: 0 8px;background-color: #fff; color: #666666;font-size: 18px;}
.dx-fuwtab li:hover{background-color: #3179ff; color: #fff}
.dx-fuwtab li.active{background-color: #3179ff; color:#fff;}
.dx-fuwtabb{float: left; width: 100%; padding-bottom: 15px;} 
.dx-fuwtabb li{float: left; width: 100%;display: none;}
.dx-fuwtabb li.thisclass{display: block;}
.dx-fuwl{float: left; width: 50%;}
.dx-fuwl h3{ color: #666666;font-size: 34px;text-align: left; margin-bottom: 35px;}
.dx-fuwli{float: left; width: 100%;}
.dx-fuwlis{float: left;width: 100%; margin-bottom: 20px;}
.dx-fuwli img{float: left; width: 56px; height: 56px; margin-top:0px; margin-right: 8px;}
.dx-fuwlia{float: left; color: #666666;font-size: 22px;width:80%;}
.dx-fuwlia p{ color: #888888;font-size: 14px; margin-top: 8px;}
.dx-fuwr{float: left; width: 50%;}
.dx-fuwr img{ width: 512px;}
.dx-fuwtra{float: left; width: 100%; margin-top: 22px;}
.dx-fuwtra a.left{display: inline-block; width: 138px; height: 32px;border-radius: 4px;background-color: #3179ff;color: #fff;text-align: center;line-height: 32px;font-size: 16px;}
.dx-fuwtra a.right{display: inline-block; width: 138px; height: 32px;border-radius: 4px;border: 1px solid #3179ff;box-sizing: border-box; margin-left: 22px; background-color: #fff;color: #3179ff;text-align: center;line-height: 32px;font-size: 16px;}
.dx-fuwtra a.right:hover{background-color:#3179ff; color: #fff;}
/*轮播*/
.anli-logo{display: none;}
.Box {position: relative; float:left; width:100%; display:block;}
.Box .content {width:100%;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 100px;height:100%;z-index: 1000; position: absolute;top:10px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/left.png) no-repeat left center;left:-2%;top: -65px;}
.Box .Box_con .btnr {background: url(../images/right.png) no-repeat right center;right:-5%;top: -65px;}
.Box .Box_con .btnl:hover {}
.Box .Box_con .btnr:hover {}
.Box .Box_con .conbox ul li a{ height:100%;}
.Box .Box_con .conbox {position: relative; height: 680px; overflow: hidden; padding:50px 0 0px 0; margin-bottom:20px; width:1300px; margin:auto;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:1300px; position:relative; background-color:#fff; margin-bottom:40px;}
.dx-anli{float: left;width: 100%;overflow: hidden;}
.dx-anliimg{ float: left; width: 50%;}
.dx-anliimg img{ width: 608px; margin: auto; display: block;}
.dx-anlik{float: left; width: 50%;text-align: center; padding-top: 75px;}
.dx-anliks{width: 615px;text-align: center; margin-bottom: 40px;}
.dx-anliks span{ margin: auto;display: inline-block; width: 132px; height: 132px;border-radius:200px;}
.dx-anliks img{ width: 100%;}
.dx-anlif{float: left; width: 100%;}
.dx-anlif p{ width: 615px;background-color: #fff;border-radius: 10px;box-sizing: border-box; padding: 30px 45px; box-shadow: 0 0 12px #ddd; color: #444444;line-height: 28px;font-size: 14px;text-align: left;}
.dx-anlif p:hover{text-decoration: underline;}
.boxagd{width:1200px; margin-top:40px; float:left;}
.boxagd a{ background-color:#0096ff; margin:auto; color:#fff; text-align:center; width:120px; height:40px; line-height:40px;}
/*公司简介*/
.dx-about{float: left; width: 100%;background: url(../images/br2.jpg) no-repeat center center;background-size:1920px 512px; height: 512px;}
.dx-aboutbr{float: left;  margin: 70px 0; width: 50%; height: 372px;background: url(../images/br3.jpg) center center no-repeat;background-size: 100% 372px;}
.dx-aboutbr ul{display:-webkit-flex; display: flex; margin-top: 110px; }
.dx-aboutbr ul li{-webkit-flex:1; flex:1;text-align: center; color: #fff; font-size: 14px;}
.dx-abouttx{float: left; margin: 70px 0; width: 50%; height: 372px;background-color: #fff; padding: 0 42px;box-sizing: border-box;}
.dx-abouttxh{float: left; width: 100%; color: #000000;font-size: 32px;text-align: center; margin-top: 25px;}
.dx-abouttxh span{ margin: auto; display: block; width: 60px; height: 3px;background-color:#3179ff;margin-top: 12px; margin-bottom: 25px;}
.dx-abouttxs{float: left; width: 100%}
.dx-abouttxs p{font-size: 14px;line-height: 26px; color: #444444;text-align: left; margin-bottom: 20px;}
.dx-abouttxs p:hover{text-decoration: underline;}
.dx-abouta{float: left;text-align: center; width: 100%;}
.dx-abouta a{margin: auto; display: block; width: 132px; height: 32px;background-color: #3179ff; color: #fff;text-align: center;line-height: 32px;border-radius: 100px;font-size: 14px;}
.dx-abouta a:hover{background-color: #1a50ec;} 
/*新闻*/
.dx-news{float: left; width: 100%;background-color: #f5f5f5;}
.dx-newsl{float: left; width: 100%; padding-left: 35px; box-sizing: border-box;}
.dx-newsls{float: left; width: 390px;background-color: #fff; margin: 0 6px;}
.dx-newslsa{float: left; width: 100%;position: relative; height: 214px;cursor: pointer;}
.dx-newslsa:hover img.newimg2{ -webkit-filter: brightness(0.6);
    filter: brightness(0.6);z-index: 2;}
.dx-newslsa img.newimg1{position: absolute;top: 0;left: 0;right: 0; width: 100%; height: 100%;z-index: 1;}
.dx-newslsa img.newimg2{position: absolute;top: 0;left: 0;right: 0; width: 100%; height: 100%;z-index: 2;}
.dx-newslsa p{position: absolute;z-index: 5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  bottom: 12px;line-height: 20px; color: #fff;font-size: 16px;left: 5%; width:90%;text-align: left;}
.dx-newsb{float: left; width: 100%; padding: 2px 0;}
.dx-newsb li{float:left; width: 100%; padding: 20px;box-sizing: border-box;}
.dx-newsbi{float: left; width:92px; height: 52px;overflow: hidden; display:flex;align-items:center;justify-content: center;}
.dx-newsbi img{ width: 100%; min-height: 48px}
.dx-newsb li p{color: #444444;font-size: 16px;line-height: 24px; margin-left: 105px;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;   }
.dx-newsbx{float: left; width: 100%; padding: 0 25px;box-sizing: border-box;}
.dx-newsbx li{float: left;width: 100%;cursor: pointer;  padding: 14px 0;box-sizing: border-box;border-bottom:1px solid #ddd;}
.dx-newsbx li:nth-last-child(1){ border: 0;}
.dx-newsm{float: left; width: 80px;text-align: center;}
.dx-newsm h3{ color: #999999;font-size: 42px;}
.dx-newsm  p{ color: #666666;font-size: 12px;}
.dx-newsp:hover{text-decoration: underline; color: #000;}
.dx-newsb li p:hover{text-decoration: underline; color: #000;}
.dx-newsp{float: left; width: 200px; margin-left: 9px; margin-top: 15px;line-height: 24px; color: #444444;font-size: 14px;
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;  }
.dx-newsx{float: right; height: 72px;display:flex;align-items: center;justify-content: center;}
.dx-newsx img{ width: 34px;}
.dx-newsfo{float: left; width: 100%; padding: 40px 0;}
.dx-newsfo a{ margin: auto; display: block; background-color: #fff;border-radius: 100px; width: 160px; height: 46px;border: 1px solid #dddddd; color: #333333;text-align: center;font-size: 16px;line-height: 46px;}
.dx-newsfo a:hover{ color: #fff;background-color: #3179ff;}
.dx-zhixun{float: left; width: 100%;overflow: hidden; background: url(../images/br1.jpg) center center no-repeat;background-size: 100% 214px; height: 214px;}
.dx-zhixunbox{ width: 500px; margin: auto;text-align: center;}
.dx-zhixunbox h3{color: #ffffff;font-size: 36px;letter-spacing: 4px; margin-top: 35px;margin-bottom: 0px;}
.dx-zhixunbox p{font-size: 20px;letter-spacing: 2px; color: #fff;font-weight: normal; margin: 10px 0 10px 0;}
.dx-zhixunbox a{font-weight: bold; margin: auto;display: block; background-color: #fff;color:#0066ff;font-size: 26px;text-align: center; width: 285px; height: 55px;line-height: 55px;border-radius: 100px;}
/*footer*/
.dx-fooet{float: left; width: 100%;border-bottom:1px solid #dddddd;}
.dx-fobo{float: left; margin-bottom:18px;}
.dx-fole{float: left; width: 140px; margin-right: 50px}
.dx-fole h3{ color: #444444;font-size: 18px;border-bottom: 1px solid #d0d0d0; padding: 30px 0 12px 0;}
.dx-fole ul{float: left; width: 50%; padding: 15px 0 0 0;}
.dx-fole li{cursor: pointer; width: 100%;float: left; color: #666666;font-size: 14px; margin: 4px 0 4px 0;}
.dx-fole li a{ color: #939393;font-size: 14px;}
.dx-fole li:hover, .dx-yqil a:hover{ color: #3179ff;text-decoration: underline;}
.dx-fori{float: right;text-align: center; margin-right: 80px;}
.dx-fori h3{olor: #444444;font-size: 18px; padding: 30px 0 12px 0;}
.dx-fori img{ margin: auto; display: block; width: 105px;}
.dx-fori p{ color: #666666;font-size: 12px;letter-spacing: 1px; margin-top: 5px;}
.dx-yqil{text-align: left; float: left; width: 100%;line-height: 42px; color: #555555;font-size: 13px;}
.dx-yqil a{display: inline-block;font-size: 13px; color: #999999; margin-right: 8px;position: relative;top: -2px;}
/*为什么要微信定制开发*/
.banner-dx{float: left; width: 100%; height: 510px;overflow: hidden;}
.banner-dx img{ width: 1920px; margin: auto;display: block;}
.dx-ycix{float: left;width: 100%;  padding: 40px 0 30px 0; }
.dx-ycix li{float: left; width: 332px;text-align: center; height: 300px; margin: 0 45px 30px 45px;}
.dx-ycix li img{ margin: auto; display: block; width:150px;}
.dx-ycix li div{ color: #333333;font-size: 30px;}
.dx-ycix li p{font-size: 16px; color: #666666;width: 100%; margin-top: 20px; padding: 0 12%;box-sizing: border-box;line-height: 32px;}
.dx-ximg{float: left; width: 100%;text-align: center; margin-top: 40px;}
.dx-ximg img{height: 326px; margin: 0 45px;}
.dx-xda{float: left;width: 100%;text-align: center; padding: 70px 0;}
.dx-xda a{ margin: auto; display: block; font-size: 14px;background-color: #1c69f7; width:210px; height: 42px;line-height: 42px; color: #fff;border-radius: 100px;} 
.dx-anlix{float: left;width: 100%; height: 570px; background: url(../images/br4.jpg) center center no-repeat;background-size: 1920px 570px;overflow: hidden;}
.dx-liuc{float: left; width: 100%;border: 1px solid #e1e1e1;background-color:#fff; box-sizing: border-box; margin-bottom: 80px;}
.dx-liuc li{float: left; width: 20%;position: relative; padding: 85px 24px 0 24px; height: 325px;cursor: pointer; box-sizing: border-box;}
.dx-liuc li img{ width: 24px; height: 24px;position: absolute;right: -12px;top: 50%; margin-top: -12px;}
.dx-liuc li:before{content: " ";width: 1px;position: absolute; right: 0; height:120px;top: 0rem;border-right: 1px solid #e1e1e1;}
.dx-liuc li:after{content: " ";width: 1px;position: absolute; right: 0; height:120px;bottom: 0rem;border-right: 1px solid #e1e1e1;}
.dx-liuc li:hover{background-color: #1c69f7;}
.dx-liuc li:hover h3, .dx-liuc li:hover h2, .dx-liuc li:hover p{ color: #fff;}
.dx-liuc li h3{ color: #1764f7;font-size: 30px;}
.dx-liuc li h2{ color: #000;font-size: 20px; margin: 25px 0 15px 0;}
.dx-liuc li p{ color: #666;font-size: 14px;line-height: 22px;}
/*案例*/
.anlisimg{float: left; width: 100%;overflow: hidden;}
.anlisimg img{ margin: auto; display: block;}
.anli-bl{width: 1340px; padding: 0 30px; }
.anlibox{float: left;background-color: #fff; width: 100%;border-radius: 8px;}
.anlibox{float: left; width: 100%; margin-bottom: 45px;box-shadow: 0 4px 20px #ddd;}
.anright .dx-anlik{position: relative;left:60px;}
/*新闻中心*/
.news{float: left; width: 100%;}
.news-top{float: left; width: 100%; margin-bottom: 50px;}
.news-top ul{margin: auto;text-align: center;}
.news-top ul li{display: inline-block;font-size: 16px;background-color: #e6e6e6; height: 36px;line-height: 36px; padding: 0 20px; margin: 0 8px;}
.news-top ul li a{ color: #666;}
.news-top ul li.active{background-color: #145fec;}
.news-top ul li.active a{ color:#fff;}
.news-bot{float: left; width: 100%;}
.news-bot ul{  margin: auto;text-align: center;}
.news-bot ul li{display: inline-block;position: relative;top: 0;box-sizing: initial; -webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s; width: 370px; margin: 0 15px 25px 15px; padding: 30px 30px 0 30px; background-color: #fff;}
.news-bot ul li:hover{top: -10px;box-shadow: 0 2px 10px #e4e4e4;}
.news-i{float: left; width: 100%; height: 225px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-i img{ width: 100%;min-height: 225px;}
.news-t{float: left; width: 100%;text-align: left;}
.news-txt{float: left; width: 100%;font-size: 18px; color: #555; margin-top: 20px;}
.news-bot ul li:hover .news-txt{ color: #145fec;}
.news-t p{float: left; width: 100%; color: #999;font-size: 14px;line-height: 24px; margin-top: 12px;display: -webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.news-time{float: left; width: 100%;border-top:1px solid #ddd; margin-top: 20px;padding: 18px 0;}
.news-timel{float: left;font-size: 12px; color: #999;}
.news-timel h3{font-size: 38px; color: #777;line-height: 38px;}
.news-time img{float: right;}
/*菜单*/
.njsh-anniu{float: left;width: 100%; padding: 30px 0 50px 0;text-align: center;}
.njsh-anniu li.active{color: #fff;background-color: #145fec;}
.njsh-anniu li{cursor: pointer; display:inline-block;border: 1px solid #dddddd;height: 26px;line-height: 24px; padding: 0 12px; margin: 0 7px 5px 7px; color: #666666;font-size: 12px;}
.njsh-anniu li:hover{ color: #fff;background-color: #145fec;}
.njsh-anniu li a{width: 100%; display:inline-block;height: 26px;color: #666666;font-size: 12px;}
.njsh-anniu li:hover a{ color: #fff;}
/*新闻详情*/
.dxnews-lia{float: left; width: 100%;background-color:#fff;font-size: 18px;}
.dxnews-lia ul{ margin: auto;display: block;  width: 1200px;}
.dxnews-lia ul li{display: inline-block; line-height: 48px;}
.dxnews-lia ul li a{font-size: 14px;color: #444;}
.dxnews-lia ul li:hover a{color:#145fec;}
.news-left{ margin: auto; width: 1200px; margin-top: 55px; margin-bottom: 55px; padding: 30px;box-sizing: border-box;background-color: #fff;display: table;}
.news-let{float: left; width: 100%;background-color: #fff;border-bottom: 1px #eef0f3 solid;  padding-bottom: 20px;}
.news-let h3{font-size: 28px;line-height: 30px; padding: 12px 0; font-weight: normal; color: #555;}
.news-let p{font-size: 14px; color: #999;}
.news-letxt{    padding: 30px 120px 30px 0px;box-sizing: border-box; width: 100%; display: inline-table; overflow: hidden;color: #666; font-size: 14px;  line-height: 30px;}
.news-letxt a{display: inline-block;}
.news-letxt img{max-width: 100%; padding: 10px 0;display:block;}
.news-lebt{float: left; width: 100%; border-top:1px solid #e4e4e4; padding-top: 30px;}
.news-lebt a.left{line-height: 40px; border-radius: 40px;  border: 1px #e4eaec solid; color: #76838f; padding: 0 25px; font-size: 14px;float: left; }
.news-lebt a.right{line-height: 40px; border-radius: 40px;  border: 1px #e4eaec solid; color: #76838f; padding: 0 25px; font-size: 14px;float: right;}
.news-lebt a:hover{background-color: #145fec; color: #fff;}
.about{float: left; width: 100%;background-color: #fff;}
.aboutbox{margin: auto;background-color: #fff;display: flow-root;display: table; width: 1400px; padding: 72px 0px 0px 0px;box-sizing: border-box;}
.about-le{float: left; width: 645px; height: 355px;background: url(../images/about1.png) right center no-repeat;background-size:auto 307px;}
.about-le img{ height: 355px;}
.about-ri{float: right;width: 660px; margin-left: 45px;}
.about-rih{float: left; width: 100%;text-align: left; border-bottom: 2px solid #236efb; padding-bottom: 15px;}
.about-rih h3{font-family: "å¾®è½¯é›…é»‘";font-weight: normal; color: #000000;font-size: 30px; width: 100%;}
.about-rih p{color: #999999;font-size: 16px; margin-top: 2px}
.about-txt{float: left; width: 100%; margin-top: 20px;text-indent: 2em;}
.about-txt p{color: #666666;font-size: 16px;line-height: 34px; margin-bottom: 14px;}
.dx-aboutbot{float: left; width: 84%; margin: 0 8%;box-sizing: border-box;display: flex; display: -webkit-flex;border-top: 1px solid #eeeeee; margin-top: 60px;}
.dx-aboutbot .dx-ancita{margin: auto; display: flex;  align-items: center; height: 150px;}
/*å›¢é˜Ÿé£Žé‡‡*/
.about-ttfc{float: left; width:100%; padding: 0  46px 0px 46px;box-sizing: border-box;}
.about-ttfc li{ margin: 0 22px 0px 22px;float:left; width:390px;}
.about-ttfc li img{ width: 100%; height: 290px;}
.about-ttfc li p{ height: 70px;line-height: 54px;color: #222222;font-size: 16px}
/*è”ç³»æˆ‘ä»¬*/
.about-rira{float:left;width: 660px; margin-right: 45px;}
.about-add{float: left; width: 100%; margin-top: 25px}
.about-add li{float: left; width: 100%; height: 42px;line-height: 42px;}
.about-add li p{color: #666666;font-size: 16px;}
.about-add li a p{color: #236efb;}
.lxwmadd{float: left;  width: 158px;display: flex;align-items: center;justify-content: flex-start;color: #333;font-size: 16px;}
.lxwmadd img{ margin-right: 15px; width: 26px; height: 26px;}
.lxwm-riadd{float: left; width: 650px; height: 355px;}
/*直播*/
.zhi-top{float: left; width:100%;text-align: center;}
.zhi-top h3{font-size: 34px;font-weight: normal;}
.zhi-top ul{width: 100%; margin: 80px 0 80px 0;float: left;}
.zhi-top ul li{float: left;cursor: pointer; width:16.6%; color: #000;font-size: 18px;}
.zhi-top ul li img{ margin: auto;display: block; width: 129px; height: 128px;}
.zhi-li{float: left;text-align: center; width: 100%;}
.zhi-li h3{font-size: 34px; margin: 80px 0 40px 0;font-weight: normal;}
.zhi-li ul{width: 100%; margin: 0 0 80px 0;float: left;}
.zhi-li li{display: inline-block;position: relative;top: 0; cursor: pointer; font-size: 20px; color: #333; width: 286px; height: 325px;background-color:#fff;border: 1px solid #fff; margin: 10px 4px 5px 4px;}
.zhi-li li:hover{top: 0px;box-shadow: 0px 0px 30px #d8d8d8; -webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
.zhi-li li img{ margin: auto; display: block; width: 62px; height: 62px; margin-top: 60px; margin-bottom: 20px;}
.zhi-li li p{font-size: 14px; color: #666; margin: auto; margin-top: 15px;line-height: 24px; width: 65%;}
.zhi-gn{float: left; width: 100%; margin: 80px 0 80px 0;  height: 500px;}
.zhi-gnl{float: left; width: 50%;}
.zhi-gnl h3{font-size: 28px; color: #333; margin-top: 50px; margin-bottom: 20px;}
.zhi-gnl ul{width: 534px; height: 347px; background: rgba(255,255,255,1);  box-shadow: 4px 7px 18px 0px rgba(0, 0, 0, 0.05);border-radius: 1px;padding-top: 30px;}
.zhi-gnl ul li{ cursor:pointer; height: 60px;line-height: 60px; font-size: 16px; color: #333;  border-left: 4px solid #FFF; padding-left: 30px; margin-bottom: 25px;}
.zhi-gnl ul li.active{  border-left: 4px solid #6468F0;  background: #EDEEFF;   color: #6468F0;}
.zhi-gnr{float: right;}
.zhi-gnr li{display: none;}
.zhi-gnr li.thisclass{display: block;}
.zhi-gnr li img{display: block;float: right;}
.zhi-zj{float: left;width: 100%;text-align: center;margin: 80px 0 50px 0;}
.zhi-zj h3{font-size: 34px;font-weight: normal;}
.zhi-zjl{float: left; width: 100%;}
.zhi-zjl ul{margin: 50px 0 0px 0;float: left; width: 100%; padding: 0 30px;box-sizing: border-box;}
.zhi-zjl ul li{float: left;width: 535px;position: relative; height: 340px; margin: 0 16px 36px 16px;  position: relative; overflow: hidden;  background-color: #FFFFFF;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06);}
.zhi-zjli{float: left; width: 535px; height: 200px;}
.zhi-zjli img{width: 100%;}
img.imgzbr{position: absolute;right: 30px; width: 77px;top: 170px;}
.zhi-zjlt{width: 90%; padding: 0 5%;float: left;}
.zhi-zjlt div{ text-align: left;   font-weight: bold;font-size: 18px; font-family: PingFang SC;   color: rgba(51, 51, 51, 1); line-height: 24px; margin-top: 20px;}
.zhi-zjlt p{  text-align: left;  font-size: 15px; font-family: PingFang SC;font-weight: 400;  color: rgba(136, 136, 136, 1); line-height: 24px;margin-top: 10px;}
.zhi-anli{float: left;width: 100%;text-align: center;margin: 0px 0 80px 0;}
.zhi-anli h3{font-size: 34px; margin: 80px 0 50px 0; font-weight: normal;}
.zhi-anli ul{ width: 100%;float: left;}
.zhi-anli ul li:last-child { margin-left: 35px;}
.zhi-anli ul img{ margin-top: 10px;}
.zhi-anli ul li{ font-size: 24px; float: left; color: #555; margin-left: 35px; margin-right:35px;  width: 330px; height: 330px;  background: #FFFFFF;   border-radius: 0;  display: flex; flex-direction: column; align-items: center;margin-top: 10px; cursor: pointer;position: relative; overflow: hidden;   transition: height 0.5s; }
.zhi-anli ul li:hover{box-shadow: 0px 0px 30px #d8d8d8; -webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
.zhi-anli ul li p{font-size: 14px; color:#999; width: 80%; margin-top: 20px;}
.footer-ri{ float: right;  margin-top: 30px;}
.footer-ri1{ float: left;  width: 300px;  }
.footer-ri1 .footer-ritel{ float: left;width: 100%; font-size: 14px;color: #939393;}
.footer-ri1 .footer-ritel img{ width: 24px;height:24px; float: left; margin-right: 8px; margin-top: 1px;}
.footer-ri1 .footer-ritel h3{font-family:"DINPro-Bold"; font-size: 32px;color: #444; margin-top: 10px;}
.footer-ri1 .footer-ritels{font-size: 14px;color: #939393; float: left; width: 100%; margin: 12px 0 5px 0;}
.footer-ri1 .footer-riqq{ float: left;width: 100%; font-size: 14px;color: #939393;}
.footer-ri1 .footer-radd{float: left;width: 100%;position: relative; font-size: 12px;margin: 18px 0 10px 0; line-height: 22px;}
.footer-ri1 .footer-radd div{ width: 165px;right: 0;top:0; position: absolute;}
.footer-ri2{ float: left; margin-left: 5px;}
.footer-ri2 .footer-riimg{ font-size: 14px;color: #939393; text-align: center;line-height: 35px;}
.footer-ri2 .footer-riimg img{ margin: auto; display: block; width: 110px; height: 110px;}


/*分销*/
.fenxiao-1F{ width: 100%; background-color:#f3f3f5; float: left; padding-bottom: 60px;}
.fenxiao-1Fbox{ width: 1200px; margin: auto; display: table;}
.fenxiao-1Fbox img{ height: 429px; margin: auto; display: block;} 
.fenxiao-text{margin: auto; display: table; width: 1200px;text-align: center; color: #999999;font-size: 14px; margin-top: 48px; margin-bottom: 80px;}
.fenxiao-text h3{ font-size: 32px; color: #333333;font-family: "黑体"; margin-bottom:8px;}
.fenxiao-2F{width: 100%; background-color:#fff; float: left;}
.fenxiao-2Fbox{width: 1375px;  margin: auto; display: table;}
.fenxiao-2Fbox ul {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.fenxiao-2Fbox ul li{position: relative;  display: inline-block; width: 225px; font-size: 16px; color: #333333; text-align: center;font-family: "黑体";	 margin-bottom: 40px;line-height: 50px;}
.fenxiao-2Fbox ul li img{margin: auto;display: block; width:100px ;height: 100px; margin-bottom: 10px;}
.fenxiao-3F{ width: 100%; background-color:#f3f3f5; float: left;  padding-bottom: 10px;}
.fenxiao-3Fbox{ width: 1252px; margin: auto; display: table;}
.fenxiao-3Fbox ul li{position: relative; float:left; width: 260px; border-radius: 10px; margin: 0 26px 50px 26px; background-color: #fff; height: 220px;}
.fenxiao-3Fbox ul li .fenxiao-3Fimg{ width: 260px; height: 130px; float: left; display: flex;}
.fenxiao-3Fbox ul li .fenxiao-3Fimg .fximg1{ width:260px; height: 130px;position: absolute;top:0;left:0;right: 0; z-index: 1;}
.fenxiao-3Fbox ul li .fenxiao-3Fimg .fximg2{ width: 110px; height: 78px; margin: auto; display: block;position: relative;z-index: 5;}
.fenxiao-3Fbox ul li .fenxiaotxt{ float: left; width: 238px; padding:0 12px; text-align: center; color:#666666; font-size: 14px;font-family: "黑体";}
.fenxiao-3Fbox ul li .fenxiaotxt span{ color: #333;  display: inline-block; width: 100%;  font-size: 20px;  margin: 18px 0 6px 0;font-family: "黑体";}
.fenxiao-ter{ width: 1084px; margin: auto; border-radius: 10px; margin-top: 50px; padding: 22px 58px; border:1px #ddd dashed; line-height: 36px;}
.fenxiao-ter div{float: left; color: #333; font-size: 16px;}
.fenxiao-ter p{ width: 1100px; color: #666; font-size: 16px;}
.fenxiao-5F{ background-color: #f3f3f5; float: left; width: 100%;}
.fenxiao-tab{ margin: auto; display: table; width: 1200px;}
.fenxiao-tabul{ float:left; width: 100%; height: 50px; background-color: #fff;}
.fenxiao-tabul li{ float:left; width: 25%; text-align: center;font-size: 20px;line-height: 50px; color: #333;cursor: pointer;  font-family: "方正黑体";}
.fenxiao-tabul li span{font-size: 16px;}
.fenxiao-tabul li.active{ color: #22d97c;}
.fenxiao-tabli{ margin-top: 60px; float:left; margin-bottom: 60px;}
.fenxiao-tabli li{ display: none; width: 100%;}
.fenxiao-tabli li img{margin: auto; display: block;}
.fenxiao-tabli li.thisclass{ display: block;}
/*拼团*/
.piantuan-1Fbox{width: 1200px; margin: auto; display: table;}
.piantuan-1Fbox ul{margin:auto; display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;}
.piantuan-1Fbox li{font-size: 18px; color: #333333;  width: 285px; height: 285px; text-align: center; background-color: #FFF;}
.piantuan-1Fbox li img{ margin: auto; display: block; margin-top: 40px; margin-bottom: 20px;}
.piantuan-1Fbox li p{ width:180px; margin: auto;line-height: 22px; margin-top: 18px; display: block; color: #666666; font-size: 14px;}
.pintuan-text{margin: auto; display: table; width: 1200px;text-align: center; color: #999;  margin-top: 55px; margin-bottom: 45px;}
.pintuan-text p{ text-align: center; width: 752px; line-height: 22px; margin: auto; font-size: 14px; color: #999;}
.pintuan-text h3{ font-size: 32px; color: #333333;font-family: "黑体"; margin-bottom:8px; text-align: center;}
.piantuan-2Fbox{width: 1200px; margin: auto; display: table;}
.piantuan-2Fbox img{ margin: auto; display: block; max-width: 100%;  margin-bottom: 50px;}
.piantuan-3Fbox{width: 1200px; margin: auto; display: table;}
.pintuan-5Fbox{width: 1300px;  margin: auto; display: table; padding-bottom: 10px; }
.pintuan-5Fbox ul {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.pintuan-5Fbox ul li{position: relative;  display: inline-block; width: 255px; font-size: 24px; color: #333333; text-align: center;font-family: "黑体";	 margin-bottom: 40px;line-height: 50px;}
.pintuan-5Fbox ul li img{margin: auto;display: block; width:100px ;height: 100px; margin-bottom: 10px;}
.pintuan-5Fbox ul li p{ text-align: center; color: #666; font-size: 14px; width: 180px; margin: auto; display: block;line-height: 24px;}
/*社区*/
.shiqu-1Fbox{ width: 1200px; margin: auto; display: table;}
.shiqu-1fle{ float: left; margin-bottom: 70px;}
.shiqu-1fle img{ height: 364px;}
.shiqu-1fri{ float: right; width: 620px; margin-top: 30px;}
.shiqu-1fri p{font-size: 16px; color:#333;line-height: 30px; text-align: left;  margin-top: 25px; }
.shequ-2F{ float: left; width: 100%; height: 575px; background: url(../images/sq2.png) no-repeat center center; background-size:1920px 575px;}
.shequ-2Fbox{ display:block; margin: auto; width: 1200px;}
.shequ-2Fbox ul{ margin:auto; display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;}
.shequ-2Fbox ul li{ width: 215px; text-align: center; color: #333333; font-size: 18px;line-height: 30px; margin-top: 20px;}
.shequ-2Fbox ul li img{ width: 200px; height: 200px; margin: auto; display: block; margin-bottom: 30px;}
.fenxiao-4F{ float:left; width: 100%;}
.fenxiao-4F img{ margin-top: 20px;}
.shequ-3Fbox{ margin: auto; display:table; width: 1200px; }
.shequ-3Fbox ul{margin:auto; display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;}
.shequ-3Fbox ul li{ width: 360px; height: 380px; background-color: #FFF; margin-bottom: 60px;}
.shequ-3Fbox ul li .shequ-4li{ color: #fff; font-family: 黑体; font-size: 16px; text-align: center; height: 128px;}
.shequ-3Fbox ul li .shequ-4li p{ font-size: 24px; width: 80%; margin-left: 10%; margin-right: 10%; margin-bottom: 12px; float: left; margin-top: 30px; }
.shequ-4lis{ width: 78%; margin: 0 11%; font-size: 14px; color: #666666;line-height: 26px;  padding-top: 30px; }
.shequ-4lis div{ margin: auto; width: auto; height: 40px; font-size: 14px;text-align: center; color: #fff;line-height: 40px;  border-radius: 100px; margin-top: 20px; }
.shequ-4lis div.active1{background-color:#50b3f7; }
.shequ-4lis div.active2{background-color:#6380fe; }
.shequ-4lis div.active3{background-color:#8d72ff; }
.shequ-4Fbox{margin: auto; display:table; width: 1200px; margin-bottom: 80px; margin-top: 70px;}
.shequ-4Fbox ul{margin:auto; display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;} 
.shequ-4Fbox ul li{position: relative; width: 200px; cursor: pointer; text-align: center; font-size: 14px; color: #333;}
.shequ-4Fbox ul li img.active{ width: 48px; height: 48px; margin: auto; display: block; margin-bottom: 20px;}
.shequ-4Fbox ul li img{
	 transition:All 0.1s ease-in-out;
    -webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;
    }
.shequ-4Fbox ul li img.actives{opacity: 0; position: absolute; margin: auto; display: block;top:0;left:0;right:0;}
.shequ-4Fbox ul li:hover img.active{opacity: 0;}
.shequ-4Fbox ul li:hover img.actives{opacity: 1;}
.shequ-4Fbox ul li:hover{ color: #ff4035;}
.shequ-6F{ float: left; width: 100%; background: url(../images/sq16.png) no-repeat center center; background-size:1920px 280px; height: 280px;}
.shequ-6F p{ text-align: center; margin: auto; color:#FFF; margin-top: 65px; margin-bottom: 45px; font-size: 34px;}
.shequ-6F .shequ-6Fbox{     margin: auto;  display: table; text-align: -webkit-center;}
.shequ-6F .shequ-6Fbox input.active{text-indent: 18px; color: #999999;  font-size: 16px; display: inline-block; background-color: #FFF; height: 40px; width: 450px; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.shequ-6F .shequ-6Fbox input.actives{ width: 97px; height: 40px; border: 1px solid #f5f8ff; background-color: #6398ff;  font-size: 16px; color: #FFF;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.shequ-6F .shequ-6Fbox input.actives:active{ background-color: #5086f0;}
/*社群*/
.shiqun-1Fbox{margin:auto; width: 1200px; display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;}
.shiqun-lu{ width: 290px;}
.shiqun-lu li{ float: left; background-color: #fff; color: #333333; font-size: 16px; width: 100%; height: 100px;line-height: 100px; margin-bottom: 1px;display: flex;align-items: center;justify-content:left;}
.shiqun-lu li div{background-color: #eb6100; width: 10px; height: 10px;border-radius: 100px; margin-right: 20px; margin-left: 25px;}
.shequn-2Fbox{ width: 1200px; margin: auto;}
.shequn-2Fbox img{ width: 1100px; margin: auto; display: block; margin-bottom: 50px;}
.shequn-3Fbox{ width: 1120px; margin: auto;}
.shequn-3Fbox li{ float: left; width: 280px; text-align: center; margin-bottom: 65px;}
.shequn-3Fbox li img{ margin: auto; width: 48px; height: 48px; margin-bottom: 22px;}
.shequn-3Fbox li span{ width: 100%;  color: #333333; font-size: 16px; display: inline-block; margin-bottom: 15px; font-family: 黑体;}
.shequn-3Fbox li p{ font-size: 14px; color: #666666;line-height: 28px; font-family: 黑体; width: 78%; margin:auto; }
/*外卖*/
.wiamai-2Fbox{width: 1200px; margin: auto; display: table; margin-bottom: 50px;}
.waimai-1Fbox{ width: 1200px; margin: auto;}
.waimai-1Fbox img{ margin: auto; height: 397px;}
.waimai-taba{ float: left; width: 530px;}
.waimai-taba li{ display: none;}
.waimai-taba li.thisclass{ display: block;}
.waimai-taba img{ width: 530px;}
.waimai-tabs{ float: right; width: 632px;}
.waimai-tabs li{ float: left;position: relative; width: 99px; cursor: pointer; height: 99px; border: 1px solid #d1e5ff; margin: 0 28px 28px 28px; border-radius: 10px; font-size: 14px; color: #333; text-align: center;}
.waimai-tabs li img.active{ display: none;}
.waimai-tabs li img{ margin: auto; display: block; width: 48px; height: 48px; margin-top:12px; margin-bottom: 6px;}
.waimai-tabs li:hover{ color: #ff8003; border: 1px solid #ff8003; }
.waimai-tabs li:hover img.active{ display: block;position: absolute;top:0; margin: auto;top:12px;left:0;right:0;}
.waimai-5Fbox, .waimai-6Fbox{width: 1200px; margin: auto;color:#333; text-align: center; font-size: 20px; font-family: 黑体;margin-bottom: 60px;}
.waimai-5Fbox ul, .waimai-6Fbox ul{ margin:auto;  display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;}
.waimai-5Fbox li{ width:261px; float:left; }
.waimai-5Fbox li img{ width: 261px;}
.waimai-6Fbox li { width: 236px; float: left; }
.waimai-6Fbox li img{ width: 236px; margin-bottom: 30px;}
.waimai-6Fbox li p{ color:#666; font-size: 14px;text-align: center; margin-top: 20px;}
.waimai-7Fbox{width: 1200px;  margin: auto; display: table; padding-bottom: 10px; }
.waimai-7Fbox ul {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.waimai-7Fbox ul li{position: relative;  display: inline-block; width: 296px; font-size: 20px; color: #333333; text-align: center;font-family: "黑体";	 margin-bottom: 80px;line-height: 50px;}
.waimai-7Fbox ul li img{margin: auto;display: block; width:100px ;height: 100px; margin-bottom:15px;}
.waimai-7Fbox ul li p{ text-align: center; color: #666; font-size: 14px; width: 180px; margin: auto; display: block;line-height: 22px; margin-top:0px;}
/*首页*/
.piantuan-1Fbox li.active{ transition:All 0.2s ease-in-out;position: relative;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out; width: 268px; cursor: pointer; border-radius: 10px; border:1px solid #eeeeee;}
.piantuan-1Fbox li.active img.dinone{ display: none;}
.piantuan-1Fbox li.active:hover img.dinone{ display: block;position: absolute; margin: auto;left:0;right:0;top:40px;}
.piantuan-1Fbox li.active:hover{ background-color: #5097ff; color:#fff;}
.piantuan-1Fbox li.active:hover p{transition:All 0.2s ease-in-out;position: relative;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;color:#fff;}
.scindex-2F{ width: 100%; float:left; background: url(../images/ind6.jpg) no-repeat center center; background-size:1920px 560px; height: 560px; margin-top: 50px;}
.scindex-2Fbox{ width: 1200px;margin: auto; display: table; padding-top:50px ; color: #fff;}
.scindex-2Fboxle{ float: left; width:190px;margin-left: 40px; padding: 17px 0; border-right: 1px solid #fff;}
.scindex-2Fboxle li{cursor: pointer; transition:All 0.1s ease-in-out;
 	-webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out; width: 140px; height: 55px; line-height: 55px; text-align: center; font-size: 18px; margin: 14px 0;}
.scindex-2Fboxle li.active{ color: #ffffff; background-color: #5097ff;}
.scindex-2Fboxri{float: left; margin: 45px 0 0 75px; width: 800px;font-family: "黑体";}
.scindex-2Fboxri .scindex-text{ float: left; width: 100%; font-size: 32px; color: #fff;font-family: "黑体"; margin-bottom: 20px; }
.scindex-2Fboxri .scindex-texts{ float: left; width: 100%; font-size: 14px; line-height: 30px;font-family: "微软雅黑"; margin-bottom: 42px;}
.scindex-2Fboxri .scindex-img{ float: left; width: 658px; margin-bottom: 60px;}
.scindex-2Fboxri .scindex-botton{ float: left; width: 100%;}
.scindex-2Fboxri .scindex-botton a{ transition:All 0.1s ease-in-out;
 	-webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;float: left; display:flex;align-items: center;justify-content: center; color: #fff; line-height: 40px; font-size: 16px; width:126px; height: 40px; border: 2px solid  #fff; margin-right: 20px;}
.scindex-2Fboxri .scindex-botton img{ width: 30px; height:50px;}
.scindex-2Fboxri .scindex-botton a:hover{ background-color: #5097ff; border:2px solid #5097ff;}
.scinde-5Fbox, .scinde-6Fbox{ width: 1200px; margin: auto; padding-bottom: 25px;}
.scinde-5Fbox li{ margin: 0 36px 30px 36px;position: relative;
	transition:All 0.1s ease-in-out;
 	-webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;cursor: pointer; display: inline-block; width: 160px; height: 160px;border-radius: 10px; border: 1px solid #eeeeee; text-align: center;}
.scinde-5Fbox li img{ width: 100px; height: 100px; margin: auto;display: block; margin-top: 5px;}
.scinde-5Fbox li img.active{position:absolute;top:0;left:0;right:0;opacity: 0;}
.scinde-5Fbox li:hover{ background-color:#5097ff; color: #fff;}
.scinde-5Fbox li:hover img.active{opacity: 1;}
.scinde-6Fbox-top{ float: left; width: 100%;}
.scinde-6Fbox ul{margin:auto; width: 100%; display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    display: flex;
    justify-content: space-between;}
.scinde-6Fbox li{display: none; position: relative; float: left;  height: 355px}
.scinde-6Fbox li.thisclass{ display: block; }
.scinde-6Fboxs{ display: inline-block; margin: 0 10px; width: 100%;width: 270px;position: relative; border-radius: 10px; box-shadow: 0 0 10px #d2d2d2; background-color: #FFF; height: 355px}
.scinde-6Fboxs p{position: absolute;bottom:25px; width: 100%; font-size: 18px; color: #666666; text-align: center;}
.scinde-6Fboxsimg{ float: left; width: 100%; height: 240px; overflow: hidden;}
.scinde-6Fboxsimg img{min-height: 270px; width: 100%;}
.scinde-6Fboxsimga{position: absolute; top:210px;left:0;right:0; margin: auto; height: 70px; text-align: center;}
.scinde-6Fboxsimga img{ margin: auto; display: block;box-shadow: 0 0 10px #eee; }
.scinde-6Fbox-bot{position: absolute; bottom:10px; width: 100%; text-align: center; margin-top: 40px; margin-bottom: 40px;}
.scinde-6Fbox-bot ul{   margin: auto; display: table;text-align: -webkit-center;}
.scinde-6Fbox-bot ul li{cursor: pointer; display: inline-block; width: 50px; background-color: #bfbfbf; margin: 0 5px; height: 6px; color: #666; border-radius: 5px;}
.scinde-6Fbox-bot ul li.active{ background-color: #e00904;}
.scinde-7Fbox{ width: 1208px; margin: auto; display: table; margin-bottom: 20px;}
.scinde-7Fbox li{ float: left; width: 294px; margin: 0 4px; text-align: center;  font-size: 18px; color: #333; height: 192px;}
.scinde-7Fbox li img{ margin: auto; cursor: pointer; display: block;width: 294px;height: 120px; margin-bottom: 18px;}
.scinde-7Fbox li img:hover{	transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}


.bannerxmrjgs{float: left; width: 100%;overflow: hidden;text-align: center;}
.bannerxmrjgs img{ height: 500px;}
@media screen and (min-width: 1350px) and (max-width: 1650px){
	.anlisimg, .bannerxmrjgs{display: flex;align-items: center;justify-content: center;}
	.aboutbox{width: 100%;}
	.da-qqzx{position: fixed;display: block;right: 0;bottom: 10%;top: auto; z-index: 100; padding: 10px 0 20px 0; background-color:#de1b1b; width: 64px;}
	.bannerxmrjgs img{position: relative;}
	.anlisimg img{ margin: auto; display: block;position: relative;}
	.banner-dx img{ width: 1920px; margin: auto;display: block;position: relative;left: -10%;}
}
























