/*h5兼容*/
html {
font-size: 16px;
}
@media only screen and (min-width: 320px) {
html {
font-size: 15.147px !important;
}
}
@media only screen and (min-width: 375px) {
html {
font-size:16px !important;
}
}
@media only screen and (min-width: 400px) {
html {
font-size: 17.06666px !important;
}
}
@media only screen and (min-width: 414px) {
html {
font-size: 17.664px !important;
}
}
@media only screen and (min-width: 480px) {
html {
font-size: 20.48px !important;
}
}
*{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%;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
.dx-zhixunapp{display: block;}
.dx-zhixun{display: none;}
.head{display: none;}
.headapp{float: left; width: 100%;display: block;position: relative;z-index: 10;background-color: #fff;}
.headapp .headapp-le{float: left; padding: 4px 0 4px 10px;}
.headapp .headapp-le img{ height: 45px;}
.headapp .headapp-ri{float: right;}
.headapp .headapp-ri img{width: 55px;}
.dabox{ margin:auto;display: block; width: 95%;}
.bdabox{margin: auto; display:block; width: 95%;}
.app-navbo{float: left; width: 100%;display: block;}
.da-qqzx{position: fixed;display: block;right: 0;top: 40%;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 img{ margin: auto; display: block; width: 56px;position: relative;top:5px; }
.da-qqzx li a{ color: #fff;font-size: 12px;}
/*公司文化*/
.culture{ width:100%; overflow:hidden;display: flex; margin: auto; margin-top:10px; margin-bottom: 80px;}
.culture ul{ width:100%;;}
.culture li{ width:100%;; height:auto; display:block;}
.culture li a{ width:100%;; height:auto; display:block; background-color:#fff; border-top:1px #fff solid; border-bottom:1px #fff solid;}
.culture li a .culimg{ width:100%; height:auto; 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{ margin: auto;display: block; 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:100%; height:auto; overflow:hidden; float:left; margin:44px 0 0 0; padding: 0 15px;box-sizing:border-box; display:inline;}
.culture li a section h3{ width:100%; height:30px; display:block; overflow:hidden; font-size:18px; color:#1a1a1a; line-height:30px;}
.culture li a section p{ width:100%; height:auto; 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:100%; height:100px; overflow:hidden; float:left; margin:44px 0 0 20px; display:inline;}
.culture li a:hover section h3{ width:100%;; height:auto; display:block; overflow:hidden; font-size:18px; color:#fff; line-height:30px;}
.culture li a:hover section p{ width:100%;; height:auto; 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:auto; 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:auto; 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:85%; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cultureimg li{float: left;width: 100%; 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%; height: 9.375rem;}
.flexslider ul li{background-size: auto 9.375rem;background-position: center center; }
.banner-lit{ width:180px; height:9.375rem; position:absolute; top:0px; right:0; z-index:10001; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height: 220px;}
.banner .flexslider { position: relative; width: 100%; height: 9.375rem; overflow: hidden; z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 9.375rem;}
.banner .slides li a{ width:100%; height:9.375rem; 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: 95%;}
.dx-yctxt{ color: #333333;font-size: 1.375rem;text-align: center; width: 100%; margin-top: 35px;}
.dx-yct p{ color: #555555;font-size: 16px;text-align: center; margin: 12px 0 20px 0;}
.dx-yci{float: left;text-align: center; width: 100%;box-sizing: border-box; margin-top: 18px;}
.dx-yci ul li{float: left; width: 42%; height:16rem;border-radius: 10px; background-color: #fff;box-shadow: 0 0.5px 10px #d0d0d0; margin: 0px 4% 20px 4%; }
.dx-yci ul li img{width: 5rem; height: 5rem; margin: auto; display: block; margin-top: 18px;}
.dx-yci ul li div{ color: #333333;font-size: 18px; width:90%; margin: auto;}
.dx-yci ul li div p{ color: #999999;font-size: 14px; margin: 25px 0 0 0;line-height: 20px;}
.dx-fuwtab li{display: inline-block;height: 38px;width: 145px; cursor: pointer; line-height: 38px; border: 1px solid #dddddd;border-radius: 8px; margin: 0 8px 8px 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-fuwtab{float: left; width: 100%; margin: auto;text-align: center; margin-top: 2px; margin-bottom:25px;}
.dx-fuwl{float: left; width: 100%;}
.dx-fuwl h3{ color: #666666;font-size: 1.25rem;text-align: center; margin-bottom: 20px;}
.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: 75%;}
.dx-fuwlia p{ color: #888888;font-size: 14px; margin-top: 8px;}
.dx-fuwr{float: left; width: 50%;display: none;}
.dx-fuwr img{ width: 512px;}
.dx-fuwtra{float: left; width: 100%; margin-top: 22px;display: none;}
.dx-fuwtra a.left{display: inline-block; width: 138px; height: 32px;border-radius: 4px;background-color: #3179ff;color: #fff;text-align: center;margin-left: 0; 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: 0; background-color: #fff;color: #3179ff;text-align: center;line-height: 32px;font-size: 16px;}
.dx-fuwtra a.right:hover{background-color:#3179ff; color: #fff;}
.about{float: left; width: 100%;background-color: #fff;}
.aboutbox{margin: auto;background-color: #fff;display: flow-root;display: table; width: 100%; padding: 22px 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-rih{float: left; width: 100%;text-align: left; border-bottom: 2px solid #236efb; padding-bottom: 15px;}
.about-rih h3{font-weight: normal; color: #000000;font-size: 24px; width: 100%;}
.about-rih p{color: #999999;font-size: 14px; margin-top: 2px}
.about-txt{float: left; width: 100%; margin-top: 20px;text-indent: 2em;}
.about-txt p{color: #666666;font-size: 14px;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: 14px}
/*è”系我们*/
.about-rira{float:left;width: 92%; margin-right: 4%; margin-left: 4%;}
.about-add{float: left; width: 100%; margin-top: 25px}
.about-add li{float: left; width: 100%;line-height: 42px;height: auto;}
.about-add li p{color: #666666;font-size: 14px;}
.about-add li a p{color: #236efb;}
.lxwmadd{float: left; width: 100px;display: flex;align-items: center;justify-content: flex-start;color: #333;font-size: 14px;}
.lxwmadd img{ margin-right: 0px; width: 26px; height: 26px;}
.lxwm-riadd{float: left; width: 92%; margin-left: 4%; height: 355px;}
/*轮播*/
.anli-logo{display: block;float: left; width: 100%; padding-top: 1rem;}
.anli-logo ul li{float: left; width:31.333%; margin: 0 1% 2.2rem 1%; text-align: center;background:none;box-sizing: border-box; border-radius: 300px;}
.anli-logo ul li img{ margin: auto;display: block; width:6rem; height: 6rem;border-radius: 200px;border: 1px solid #ddd;}
.anli-logo ul li p{ margin-top: 0.5rem;}
.anli-logo ul li a{ color: #333;font-size: 0.875rem;}
.Box {position: relative; float:left; width:100%;display: none; }
.Box .content {width:100%;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: none;width: 100px;height:100%;position: absolute;top:10px;cursor: pointer;}
.Box .Box_con .btnl {display: none;background: url(../images/left.png) no-repeat left center;left:-100px;top: -65px;}
.Box .Box_con .btnr {display: none;background: url(../images/right.png) no-repeat right center;right:-100px;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:100%; margin:auto;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width:100%; position:relative; background-color:#fff; margin-bottom:40px;}
.dx-anli{float: left;width: 100%;}
.dx-anliimg{ float: left; width: 50%;display: none;}
.dx-anliimg img{ width: 608px;}
.dx-anlik{float: left; width: 100%;text-align: center; padding-top: 45px;}
.dx-anliks{width: 100%;text-align: center; margin-bottom: 40px;}
.dx-anliks span{ margin: auto;display: inline-block; width: 132px; height: 132px;border-radius:200px;background-color: #00a0e9;}
.dx-anliks img{ width: 100%;}
.dx-anlif{float: left; width: 100%;}
.dx-anlif p{ width: 100%;background-color: #fff;border-radius: 10px;box-sizing: border-box; padding: 30px 30px; box-shadow: 0 0 0 #fff; color: #444444;line-height: 28px;font-size: 14px;text-align: left;}
.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 100%; height: 43rem;}
.dx-aboutbr{float: left; margin: 0px 0; width: 100%; height: 220px;background: url(../images/br3.jpg) center center no-repeat;background-size: 100% 180px;}
.dx-aboutbr ul{display:-webkit-flex; display: flex; margin-top: 40px; }
.dx-aboutbr ul li{-webkit-flex:1; flex:1;text-align: center; color: #fff; font-size: 14px;}
.dx-abouttx{float: left; margin: 0px 0 0px 0; width: 100%; height: 27rem;background-color: #fff; padding: 0 15px 20px 15px;box-sizing: border-box;}
.dx-abouttxh{float: left; width: 100%; color: #000000;font-size: 1.125rem;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-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: 0px; box-sizing: border-box;}
.dx-newsls{float: left; width: 100%;background-color: #fff; margin: 0 0px;}
.dx-newslsa{float: left; width: 100%;position: relative; height: 214px;cursor: pointer;display:none;}
.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; bottom: 12px;line-height: 20px; color: #fff;font-size: 16px;left: 0px; width: 100%;text-align: center;}
.dx-newsb{float: left; width: 100%; padding: 2px 0;display:none;}
.dx-newsb li{float:left; width: 100%; padding: 20px;box-sizing: border-box;}
.dx-newsbi{float: left; width:92px; height: 52px;display:flex;align-items:center;justify-content: center;}
.dx-newsbi img{ width: 100%;}
.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 15px;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: 180px; 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, .dx-zhixunapp{float: left;position: fixed;z-index: 10;bottom: 0; width: 100%;background: url(../images/br1.jpg) center center no-repeat;background-size: 100% 85px; height: 85px;}
.dx-zhixunbox{ width: 95%; margin: auto;text-align: center;}
.dx-zhixunbox h3{color: #ffffff;font-size: 1.125rem;letter-spacing: 4px; margin-top: 6px; margin-bottom: 2px;}
.dx-zhixunbox p{display: none; font-size: 0.875rem;letter-spacing: 2px; color: #fff;font-weight: normal; margin: 5px 0 5px 0;}
.dx-zhixunbox a{font-weight: bold; margin: auto;display: block; background-color: #fff;color:#0066ff;font-size: 0.875rem;text-align: center; width: 285px; height: 45px;line-height: 45px;border-radius: 100px;}
/*footer*/
.dx-fooet{float: left; width: 100%;border-bottom:1px solid #dddddd;display: none;}
.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: 3px 0 3px 0;}
.dx-fole li a{ color: #666666;font-size: 12px;}
.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; padding-bottom:60px;}
.dx-yqil a{display: inline-block;font-size: 13px; color: #999999; margin-right: 8px;position: relative;top: -2px;}
/*定制小程序*/
.dx-ali{display: none;}
.banner-dx{float: left; width: 100%; height: auto;overflow: hidden;}
.banner-dx img{ height: 120px; width: 120%; margin: auto;display: block;}
.dx-ycix{float: left;width: 100%; padding: 20px 0 30px 0; }
.dx-ycix li{float: left; width: 50%;text-align: center; height: auto; margin: 0 0px 30px 0px;}
.dx-ycix li img{ margin: auto; display: block; width:100px;}
.dx-ycix li div{ color: #333333;font-size: 1.25rem;}
.dx-ycix li p{font-size: 1rem; color: #666666;width: 100%; margin-top: 20px; padding: 0 5%;box-sizing: border-box;line-height: 32px;}
.dx-ximg{float: left; width: 100%;text-align: center; margin-top: 20px;}
.dx-ximg img{height: 100%; width: 100%; margin: 0 0px 20px 0;}
.dx-xda{float: left;width: 100%;text-align: center; padding: 30px 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: 420px; 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: 50px;}
.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;display: none; }
/*案例*/
.anlisimg{float: left; width: 100%;overflow: hidden; }
.anlisimg img{ margin: auto; display: block; width:auto; height:8rem; margin-left: -20%;}
.anli-bl{width: 100%; padding: 0 0px; }
.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:0;}
/*手机右侧滑出样式*/
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block; width:4.5rem;}
header img.left{ float:left; overflow:hidden; height: auto; margin:0px 0px 0px 0.625rem;}
header img.right{ float:right;width:2.625rem; height: auto; margin:0.2rem 0.2rem 0px 0px;}
header{ height:3.437rem; width:100%; background:url(../images/z6.png) center center no-repeat;background-size: auto 100%; line-height:3.437rem; position: fixed;top: 0; left: 0;z-index:3;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
header .lateral-menu-is-open {
/* translate to show the lateral menu */
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%);
}
.cd-main-content {
/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
height: 100%;
background-color:#fff;
z-index: 2;
padding-top:3.4375rem;
padding-bottom:4.5rem;
height: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%);
}
header.lateral-menu-is-open {
/* translate to show the lateral menu */
-webkit-transform: translateX(-40%);
-moz-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-o-transform: translateX(-40%);
transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block; padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) {#cd-top-nav { display: block;}}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; height: 100%; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
opacity:0;
/* this span is the central line in the menu menu */
display: inline-block;
position: absolute;
left:40%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width:40px;
height:40px;
background-color: #FFF;
/* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
content: '';
opacity:0;
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
bottom: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
top: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
#cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
#cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
right:-40%;
top: 0;
/* the secondary navigation is covered by the main element */
width:40%;
box-shadow: 0px 0px 5px #adadad;
background-color:#ffffff;
overflow-y: auto;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
/* this creates the subtle slide in animation of the navigation */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding:10px 10px 10px 10px;box-sizing: border-box;width: 100%; display: none;position: absolute;background: #f1efe1; z-index: 999;}
#cd-lateral-nav .sub-menu li{height: 32px;line-height: 32px;overflow: hidden;}
li.item-has-children{ height:50px; line-height:50px; }
li.item-has-childrens{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:0.75rem; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation { margin: 20px 0;}}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
/* smooth the scrolling on touch devices - webkit browsers */
-webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu */
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu */}
#cd-lateral-nav .item-has-children > a::after {
content: '';
display: block;
height: 11px;
width: 8px;
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 1em;
/* background: url("../img/cd-arrow.svg") no-repeat center center;
background-size: 8px 11px;*/
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials { padding: 0 32px;}
#cd-lateral-nav .socials:after { content: "";display: table; clear: both;}
#cd-lateral-nav .socials a {
height: 32px;
width: 32px;
float: left;
padding: 0;
background-image: url("../img/cd-socials.svg");
background-repeat: no-repeat;
background-size: 128px 64px;
background-color: #FFF;
margin-right: .5em;
border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google { background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px;}
/*手机右侧滑出样式*/
/*兼容*/
@media screen and (min-device-width:500px){ html, body{ width:500px; margin:auto;}}
@media screen and (min-width: 400px) and (max-device-width:420px){
.dx-anlix{ float: left;width: 100%; height: 520px; background: url(../images/br4.jpg) center center no-repeat;background-size: 1920px 570px;overflow: hidden;}
}
@media screen and (min-width: 350px) and (max-device-width:365px){
}
@media screen and (min-width: 310px) and (max-device-width:330px){
/*公司简介*/
.dx-about{float: left; width: 100%;background: url(../images/br2.jpg) no-repeat center center;background-size:1920px 100%; height: 52rem;}
.dx-aboutbr{float: left; margin: 0px 0; width: 100%; height: 220px;background: url(../images/br3.jpg) center center no-repeat;background-size: 100% 180px;}
.dx-aboutbr ul{display:-webkit-flex; display: flex; margin-top: 40px; }
.dx-aboutbr ul li{-webkit-flex:1; flex:1;text-align: center; color: #fff; font-size: 14px;}
.dx-abouttx{float: left; margin: 0px 0 0px 0; width: 100%; height: 32rem;background-color: #fff; padding: 0 15px 20px 15px;box-sizing: border-box;}
.dx-abouttxh{float: left; width: 100%; color: #000000;font-size: 1.125rem;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-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;}
}
/*新闻中心*/
.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 10px; margin: 0 5px 10px 5px;}
.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; -webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s; width: 90%;box-sizing: border-box; margin: 0 5% 25px 5%; 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:190px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-i img{ width: 100%;min-height: 190px;}
.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;}
/*新闻详情*/
.news-left{ margin: auto; width: 100%; 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 20px 30px 0px;box-sizing: border-box; width: 100%; display: inline-table; overflow: hidden;color: #666; font-size: 14px; line-height: 30px;}
.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; margin-bottom: 10px; }
.news-lebt a.right{line-height: 40px; border-radius: 40px; border: 1px #e4eaec solid; color: #76838f; padding: 0 25px; font-size: 14px;float: right;margin-bottom: 10px;}
.news-lebt a:hover{background-color: #145fec; color: #fff;}
/*直播*/
.zhi-top{float: left; width:100%;text-align: center;}
.zhi-top h3{font-size: 24px;font-weight: normal;}
.zhi-top ul{width: 100%; margin: 50px 0 50px 0;float: left;}
.zhi-top ul li{float: left;cursor: pointer; width:33.333%; color: #000;font-size: 14px; margin-bottom: 30px;}
.zhi-top ul li img{ margin: auto;display: block; width: 86px; height: 87px;}
.zhi-li{float: left;text-align: center; width: 100%;}
.zhi-li h3{font-size: 24px; margin: 50px 0 40px 0;font-weight: normal;}
.zhi-li ul{width: 100%; margin: 0 0 50px 0;float: left;}
.zhi-li li{display: inline-block;position: relative;top: 0; cursor: pointer; font-size: 16px; color: #333; width: 45%; 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: 50px 0 50px 0; height: auto;}
.zhi-gnl{float: left; width: 100%;}
.zhi-gnl h3{font-size: 24px; color: #333;font-weight:normal; margin-top: 0px; margin-bottom: 20px;}
.zhi-gnl ul{width: 100%; height: 300px; 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: 40px;line-height: 20px; font-size: 14px;padding: 10px 0px 10px 10px; color: #333; border-left: 4px solid #FFF; margin-bottom: 5px;}
.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; width: 100%;}
.zhi-zj{float: left;width: 100%;text-align: center;margin: 50px 0 20px 0;}
.zhi-zj h3{font-size: 24px;font-weight: normal;}
.zhi-zjl{float: left; width: 100%;}
.zhi-zjl ul{margin: 50px 0 0px 0;float: left; width: 100%; padding: 0 0px;box-sizing: border-box;}
.zhi-zjl ul li{float: left;width: 100%;position: relative; height: 300px; margin: 0 0px 20px 0px; position: relative; overflow: hidden; background-color: #FFFFFF;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);}
.zhi-zjli{float: left; width: 100%; height: 150px;}
.zhi-zjli img{width: 100%;}
img.imgzbr{position: absolute;right: 30px; width: 77px;top: 105px;}
.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: 24px; margin: 80px 0 50px 0; font-weight: normal;}
.zhi-anli ul{ width: 100%;float: left;}
.zhi-anli ul li:last-child { margin-left: 5%;}
.zhi-anli ul img{ margin-top: 10px;}
.zhi-anli ul li{ font-size: 20px; float: left; color: #555; margin-left: 5%; margin-right:5%; width: 90%; 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;}