@charset "utf-8";
/* CSS Document */
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-135{padding-bottom: 135%;}
.rect-136{padding-bottom: 136%;}
.rect-138{padding-bottom: 138%;}
.rect-140{padding-bottom: 140%;}
.rect-142{padding-bottom: 142%;}
.rect-150{padding-bottom: 150%;}
.rect-165{padding-bottom: 165%;}
.rect-167{padding-bottom: 169%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.particle-canvas {width: 105%;height: 100vh; background:#280a38;background: linear-gradient(to bottom, rgb(12, 7, 87) 0%,rgb(85, 11, 87) 100%);vertical-align: middle;}
.index-banwrap{position:relative;width:100%;height:0;padding-bottom:47.4542%;overflow:hidden}
.index-banwrap .index-banner{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.index-banwrap .index-banner .bx-wrapper{width:100%;height:100%}
.index-banwrap .index-banner .bx-viewport{width:100%;height:100%}
.index-banwrap .index-banner .slides:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none}
.index-banwrap .index-banner .slides{*zoom:1}
.index-banner .slides{width:300%}
.index-banner .slides li{float:left;width:33.3333%;overflow:hidden}
.index-banner .linerbg{position:absolute;left:0;top:0;width:100%;z-index:30;height:140px;background:url("../images/hdbanbg01.png") repeat-x 0 0}
.index-banner a{display:block}
.index-banner img{display:block;max-width:none;width:100%}
.index-banner li{position:relative}
.index-banner li .m-line-more{display:none;visibility:hidden}
.index-banner .flex-direction-nav{display:none}
.index-banner .flex-control-nav{z-index:20;bottom:38px}
.index-banner .flex-control-nav li{margin:0 3px;line-height:0;height:2px;width:94px;background-color:#fff}
.index-banner .flex-control-nav .cur{background-color:#f97b15}
.index-banner .flex-control-nav a{-webkit-border-radius:0;border-radius:0;width:94px;height:2px;background:none;-webkit-box-shadow:none;box-shadow:none;opacity:1;-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;-moz-transition:all ease 0.3s;transition:all ease 0.3s;padding:15px 0;margin-top:-16px}
.index-banner .flex-control-nav .flex-active{opacity:1;background:none}
.index-banner .slide01 .imgpopup{position:absolute;right:0;bottom:0;z-index:3;width:72.39583%}
.index-banner .slide01 .imgpopup img{vertical-align:top;width:100%}
.index-banner .slide01 .textpopup{position:absolute;top:32.5%;left:50%;z-index:9999999;letter-spacing:2px; margin-left:-800px;color:#fff}
.index-banner .slide01 .tit{margin-bottom:25px;font-size:60px;line-height:60px;letter-spacing:4px; width:72.39583%;news_list_space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide01 .tit1{margin-bottom:25px;font-size:60px;line-height:60px;letter-spacing:4px; width:95.39583%;news_list_space:nowrap;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}
.index-banner .slide01 .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;news_list_space:nowrap}
.index-banner .slide01 .m-line-more{-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;width:72.39583%;width:138px;border-color:#a19583;color:#fff}
.index-banner .slide01 .m-line-more:hover{color:#fff}
.index-banner .slide01 .m-line-more:hover::after{background-color:#a19583}
.index-banner .slide01 .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide01 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide02 .imgpopup02 .before{-webkit-transform:translate(80px, 60px);-moz-transform:translate(80px, 60px);-ms-transform:translate(80px, 60px);-o-transform:translate(80px, 60px);transform:translate(80px, 60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide02 .imgpopup02 .after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.index-banner .slide02 .imgpopup02 img{position:absolute;z-index:10;width:auto}
.index-banner .slide02 .imgpopup02 .pop01{ top:28.5%;left:50.34375%;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide02 .imgpopup02 .pop02{ top:38.375%;left:76.04167%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.index-banner .slide02 .imgpopup02 .pop03{ top:48%;left:45.22917%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.index-banner .slide02 .imgpopup02 .pop04{ top:78%;left:46.22917%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s}
.index-banner .slide02 .textpopup{position:absolute;top:32.5%;left:50%;z-index:20;letter-spacing:2px; margin-left:-800px;color:#fff}
.index-banner .slide02 .tit{margin-bottom:25px;font-size:60px;line-height:60px; letter-spacing:4px; width:72.39583%;news_list_space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide02 .tit1{margin-bottom:25px;font-size:60px;line-height:60px; font-weight:600;letter-spacing:4px; width:82.39583%;news_list_space:nowrap;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}
.index-banner .slide02 .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;news_list_space:nowrap}
.index-banner .slide02 .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide02 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide03{position:relative}
.index-banner .slide03 .textpopup03{position:absolute;top:32.5%;left:50%;letter-spacing:2px; z-index:20;margin-left:-800px;color:#fff}
.index-banner .slide03 .textpopup03 .ico{margin-bottom:26px}
.index-banner .slide03 .textpopup03 .ico img{width:auto}
.index-banner .slide03 .textpopup03 .tit{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;font-size:60px;line-height:60px;margin-bottom:25px;letter-spacing:4px; color:#fff}
.index-banner .slide03 .textpopup03 .tit1{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;font-size:60px;line-height:60px;margin-bottom:25px; font-weight:600;letter-spacing:4px; color:#fff}
.index-banner .slide03 .textpopup03 .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;news_list_space:nowrap}
.index-banner .slide03 .textpopup03 .m-line-more{border-color:#fff;color:#fff;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s}
.index-banner .slide03 .textpopup03 .m-line-more::after{background-color:#fff}
.index-banner .slide03 .textpopup03 .before{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide03 .textpopup03 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide03 .imgpopup03 .before{-webkit-transform:translate(80px, 60px);-moz-transform:translate(80px, 60px);-ms-transform:translate(80px, 60px);-o-transform:translate(80px, 60px);transform:translate(80px, 60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide03 .imgpopup03 .after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.index-banner .slide03 .imgpopup03 img{position:absolute;z-index:10;width:auto}
.index-banner .slide03 .imgpopup03 .pop01{ top:70.5%;left:35.34375%;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide03 .imgpopup03 .pop04{ top:57.675%;left:34.29167%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide03 .imgpopup03 .pop02{ top:68.375%;left:53.04167%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s}
.index-banner .slide03 .imgpopup03 .pop03{ top:48%;left:65.22917%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.index-banner .slide03 .imgpopup03 .pop05{ top:80.875%;left:32.29167%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide04{position:relative}
.index-banner .slide04 .textpopup{position:absolute;top:33%;left:50%;z-index:20;letter-spacing:2px; margin-left:-800px;color:#fff;}
.index-banner .slide04 .textpopup .tit{margin-bottom:25px; font-size:60px; line-height:60px;width:72.39583%;letter-spacing:4px; news_list_space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide04 .textpopup .tit1{margin-bottom:25px; font-size:60px; font-weight:600;line-height:60px;width:72.39583%;letter-spacing:4px; news_list_space:nowrap;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.index-banner .slide04 .textpopup .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;news_list_space:nowrap}
.index-banner .slide04 .textpopup .m-line-more{-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;width:72.39583%;width:138px;border-color:#fff;color:#fff}
.index-banner .slide04 .textpopup .m-line-more::after{background-color:#fff}
.index-banner .slide04 .textpopup .m-line-more:hover{color:#fff}
.index-banner .slide04 .textpopup .m-line-more:hover::after{background-color:#fff}
.index-banner .slide04 .textpopup .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}
.index-banner .slide04 .textpopup .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.index-banner .slide04 .imgpopup img{position:absolute;z-index:10; width:auto;}
.index-banner .slide04 .imgpopup .pop01{top:20.375%;left:35.90625%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s}
.index-banner .slide04 .imgpopup .pop02{top:4%;left:58.24167%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide04 .imgpopup .pop03{top:30.375%;left:55.1125%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.index-banner .slide04 .imgpopup .pop04{top:-21.8%;left:61.57292%; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.index-banner .slide04 .imgpopup .pop05{top:-8%;left:80.625%;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}
.index-banner .slide04 .imgpopup .pop06{top:83.5%;left:48.29167%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s }
.index-banner .slide04 .imgpopup .pop07{top:18.125%;left:77.32292%;  -webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s}
.index-banner .slide04 .imgpopup .pop08{top:56.8%;left:51.45167%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s }
.index-banner .slide04 .imgpopup .pop09{top:44.525%;left:74.02292%;  -webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.index-banner .slide04 .imgpopup .pop10{top:70.8%;left:70.45167%;-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s }
.index-banner .slide04 .imgpopup .pop11{top:57.525%;left:93.02292%;-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s }
.index-banner .slide04 .imgpopup .pop01.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop02.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop03.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)}
.index-banner .slide04 .imgpopup .pop04.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)}
.index-banner .slide04 .imgpopup .pop05.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)}
.index-banner .slide04 .imgpopup .pop06.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop07.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop08.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop09.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop10.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .pop11.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)}
.index-banner .slide04 .imgpopup .before{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s}
.index-banner .slide04 .imgpopup .before.after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.iban-index{float:left;line-height:70px;color:#333}

.anniu{position:absolute;bottom:0;right:5%;z-index:30; height:90px;padding:0 40px 0 50px/*background:rgba(255,255,255,0.7);*/ }
.anniu .g-in{position:relative;}
.anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left;padding-left:46px; margin-bottom:30px; float:left; }
.anniu .pageOn:before{content:"";display:block;width:20px;height:2px;background-color:#fff;position:absolute;left:0px;top:50%;margin-top:5%;}
.anniu .pageOn span{background-color:transparent;}
.anniu .pageOn .swiper-pagination-total{font-size:22px;}
.anniu .pageOn em{font-size:26px;}
.anniu .circle{position:static; float:left; margin-top:5px;}
.anniu .btnG{float:right; }
.anniu .btn{position:static;width:40px;height:40px;margin:0px 5px;border-radius:100%;transition:all 0.3s; }
.anniu .prev{float:left;background:url(../images/baprev.png) center no-repeat;background-color:#fff;}
.anniu .prev:hover{background:url(../images/baprev1.png) center no-repeat;background-color:#f97b15;transform:translateX(-10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}
.anniu .next{float:left;background:url(../images/banext.png) center no-repeat;background-color:#fff; margin-left:20px;}
.anniu .next:hover{background:url(../images/banext1.png) center no-repeat;background-color:#f97b15;transform:translateX(10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}

.swiper-num {position: absolute;width: 165px;left:10%;bottom: 0;z-index: 2; color:#fff;}
.swiper-num .active {display: inline-block;}
.swiper-num span {font-size: 32px; margin:0 5px;}
.swiper-num .total {display: inline-block; font-size:28px;}

.pagesection{padding:100px 0 80px; overflow:hidden;}
.pagepadding{padding:60px 0; overflow:hidden;}
.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup {margin-left: -700px}.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 40px;line-height: 48px}.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup03 .txt, .w-lg .index-banner .slide04 .textpopup .txt {margin-bottom: 40px;font-size: 16px;line-height: 28px}.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup03 .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more {width: 120px;height: 28px;line-height: 28px}.w-lg .index-banner .slide03 .textpopup03 {margin-left: -700px}.w-lg .index-banner .slide03 .textpopup03 .ico {margin-bottom: 22px}.w-lg .index-banner .slide03 .textpopup03 .ico img {width: 84px}.w-lg .index-banner .slide03 .textpopup03 .tit {margin-bottom: 42px;font-size: 42px;line-height: 52px}.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup {margin-left: -660px}.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup03 .tit, .w-md .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 30px;line-height: 40px}.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt {margin-bottom: 30px;font-size: 14px;line-height: 24px}.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px}.w-md .index-banner .slide03 .textpopup03 {margin-left: -660px}.w-md .index-banner .slide03 .textpopup03 .ico {margin-bottom: 21.32px}.w-md .index-banner .slide03 .textpopup03 .ico img {width: 79.54px}.w-md .index-banner .slide03 .textpopup03 .tit {margin-bottom: 41px;font-size: 39.36px;line-height: 49.2px}.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup {margin-left: -600px}.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit {margin-bottom: 10px;font-size: 28px}.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt {margin-bottom: 30px;font-size: 18px;line-height: 28px}.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px}.w-sm .index-banner .slide03 .textpopup03 {margin-left: -600px}.w-sm .index-banner .slide03 .textpopup03 .ico {margin-bottom: 19.5px}.w-sm .index-banner .slide03 .textpopup03 .ico img {width: 72.75px}.w-sm .index-banner .slide03 .textpopup03 .tit {margin-bottom: 37.5px;font-size: 36px;line-height: 45px}.w-sm .index-banner .slide04 .textpopup {margin-left: -600px}.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup {margin-left: -700px}.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 40px;line-height: 48px}.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt {margin-bottom: 40px;font-size: 16px;line-height: 28px}.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more {width: 120px;height: 28px;line-height: 28px}.w-lg .index-banner .slide03 .textpopup03 {margin-left: -700px}.w-lg .index-banner .slide03 .textpopup03 .ico {margin-bottom: 22px}.w-lg .index-banner .slide03 .textpopup03 .ico img {width: 84px}.w-lg .index-banner .slide03 .textpopup03 .tit {margin-bottom: 42px;font-size: 42px;line-height: 52px}.w-lg .inside-banner .case-ban-info h2 {font-size: 50px;line-height: 60px}.w-lg .inside-banner .feature h3 {font-size: 20px;line-height: 40px;text-align: left}.w-lg .inside-banner .feature h4 {font-size: 90px;line-height: 94px}.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup03, .w-md .index-banner .slide04 .textpopup {margin-left: -660px}.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 30px;line-height: 40px}.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup03 .txt, .w-md .index-banner .slide04 .textpopup .txt {margin-bottom: 30px;font-size: 18px;line-height: 24px}.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px}.w-md .index-banner .slide03 .textpopup03 {margin-left: -660px}.w-md .index-banner .slide03 .textpopup03 .ico {margin-bottom: 21.32px}.w-md .index-banner .slide03 .textpopup03 .ico img {width: 79.54px}.w-md .index-banner .slide03 .textpopup03 .tit {margin-bottom: 41px;font-size: 39.36px;line-height: 49.2px}.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup03, .w-sm .index-banner .slide03 .textpopup {margin-left: -47%}.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit {margin-bottom: 10px;font-size: 28px}.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup03 .txt, .w-sm .index-banner .slide04 .textpopup .txt {margin-bottom: 30px;font-size: 18px;line-height: 28px}.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px} .w-sm .index-banner .slide03 .textpopup03 .ico {margin-bottom: 19.5px}.w-sm .index-banner .slide03 .textpopup03 .ico img {width: 72.75px}.w-sm .index-banner .slide03 .textpopup03 .tit {margin-bottom: 25px;font-size: 36px;line-height: 40px}.w-sm .index-banner .slide04 .textpopup {margin-left: -48%}

@media (max-width: 1600px){
.index-banner .slide04 .imgpopup img{  width:23%;}
.index-banner .slide03 .imgpopup03 .pop01{ top:62.5%;left:19.34375%;}
.index-banner .slide02 .imgpopup02 .pop02{ top:34.375%;left:76.04167%;}
}
@media (max-width: 1440px){
.index-banner .slide01 .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px; }
.index-banner .slide02 .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px;}
.index-banner .slide03 .textpopup03 .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px;}
.index-banner .slide04 .textpopup .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px;}
.anniu{ right:1%; }
.index-banner .slide02 .imgpopup02 .pop01{ top:25.5%;left:50.34375%; width:30%;}
.index-banner .slide02 .imgpopup02 .pop02{ top:30.375%;left:76.04167%; width:18%;}
.index-banner .slide02 .imgpopup02 .pop03{ top:40%;left:45.22917%; width:9%;}
.index-banner .slide02 .imgpopup02 .pop04{width:40%;}
.index-banner .slide03 .imgpopup03 .pop01{ top:68.5%;left:18.34375%; width:18%;}
.index-banner .slide03 .imgpopup03 .pop02{ top:68.375%;left:53.04167%; width:20%}
.index-banner .slide03 .imgpopup03 .pop03{ top:48%;left:65.22917%; width:10%}
.index-banner .slide03 .imgpopup03 .pop04{ top: 57.875%;left: 30.29167%;width: 10%;}
.index-banner .slide03 .imgpopup03 .pop05{ top:73.875%;left:30.29167%;width:18%;}

}
@media (max-width: 1366px){
.index-banwrap{ padding-bottom:48.2542%;}
}
@media (max-width: 1280px){
.index-banwrap{ padding-bottom:51.2542%;}
.index-banner .slide02 .imgpopup02 .pop04{ top:73%;left:46.22917%; width:40%;}
}
@media (max-width: 1200px){
.index-banner .slide02 .imgpopup02 .pop01{ top:30.5%;left:50.34375%;width:30%;}
.index-banner .slide02 .imgpopup02 .pop02{ top:40.375%;left:76.04167%;width:15%;}
.index-banner .slide02 .imgpopup02 .pop03{ top:40%;left:45.22917%;width:9%;}
.index-banner .slide02 .imgpopup02 .pop04{ top:77%;left:46.22917%;width:40%;}
.index-banner .slide03 .imgpopup03 .pop01{ top:67.5%;left:19.34375%;width:22%;}
.index-banner .slide03 .imgpopup03 .pop04{ top:52.875%;left:26.29167%;width:10%;}
.index-banner .slide03 .imgpopup03 .pop02{ top:68.375%;left:53.04167%;width:22%;}
.index-banner .slide03 .imgpopup03 .pop03{ top:47%;left:63.22917%;width:12%;}
.index-banner .slide03 .imgpopup03 .pop05{ top:76.875%;left:28.29167%;width:22%;}
.index-banner .slide01 .tit{font-size:40px;line-height:40px;}
.index-banner .slide01 .tit1{font-size:40px;line-height:40px; margin-bottom:15px;}
.index-banner .slide01 .txt{ margin-top:20px; margin-bottom:32px;font-size:20px;line-height:32px;}
.index-banner .slide02 .tit1{font-size:40px;line-height:40px; margin-bottom:15px;}
.index-banner .slide02 .txt{ margin-top:20px; margin-bottom:32px;font-size:20px;line-height:32px;}
.index-banner .slide03 .textpopup03 .tit1{font-size:40px;line-height:40px; margin-bottom:15px;}
.index-banner .slide03 .textpopup03 .txt{ margin-top:10px; margin-bottom:32px;font-size:20px;line-height:32px;}
.index-banner .slide04 .textpopup .tit1{font-size:40px;line-height:40px;}
}

@media (max-width: 768px){
.index-banwrap {padding-bottom: 76%}
.index-banwrap .index-banner{ top:0px;}
.index-banwrap ul {height: 100%}
.index-banwrap ul li {height: 100%}
.index-banwrap ul a {height: 100%;overflow: hidden}
.index-banwrap .iban {position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: auto;height: 100%}
.index-banner .bx-pager {bottom: 0}
.index-banner .bx-pager .bx-pager-item a {width: 50px}
.index-banner .linerbg {display: none}
.index-banner .slide01 .textpopup {top:18.5%; left: 0;margin-left: 0;padding: 30px 15px 15px}
.index-banner .slide01 .tit {margin-bottom: 8px;font-size: 16px;line-height: 26px;width: 72.39583%;news_list_space: normal}
.index-banner .slide01 .txt {news_list_space: normal;margin-bottom: 12px;font-size: 10px;line-height: 22px}
.index-banner .slide02 .textpopup {top:18.5%; left: 0;margin-left: 0;padding: 30px 15px 15px}
.index-banner .slide02 .imgpopup img{width:23%;}
.index-banner .slide03 .textpopup03 {top:18.5%;left: 0;margin-left: 0;padding: 30px 15px 15px}
.index-banner .slide03 .textpopup03 .ico {margin-bottom: 10px}
.index-banner .slide03 .textpopup03 .ico img {width: 150px}
.index-banner .slide04 .textpopup {top:18.5%; left: 0;margin-left: 0;padding: 30px 15px 15px}

.iban-index{float:left;line-height:30px;color:#333}

.iban-nav {display: none}
.scroll-tips {display: none}
.index-banner .slide02 .imgpopup02 .pop01{ top:38.5%;left:50.34375%;width:33%;}
.index-banner .slide02 .imgpopup02 .pop02{ top:48.375%;left:76.04167%;width:18%;}
.index-banner .slide02 .imgpopup02 .pop03{ top:45%;left:45.22917%;width:12%;}
.index-banner .slide02 .imgpopup02 .pop04{ top:75%;left:46.22917%;width:43%;}
.index-banner .slide03 .imgpopup03 .pop01{ top:65.5%;left:17.34375%;width:28%;}
.index-banner .slide03 .imgpopup03 .pop04{ top:53.875%;left:22.29167%;width:12%;}
.index-banner .slide03 .imgpopup03 .pop02{ top:70.375%;left:60.04167%;width:26%;}
.index-banner .slide03 .imgpopup03 .pop03{ top:52%;left:66.22917%;width:12%;}
.index-banner .slide03 .imgpopup03 .pop05{ top:72.875%;left:28.29167%;width:20%;}
.index-banner .slide04 .imgpopup .pop01{top: 10.375%;left: 35.90625%;}
.index-banner .slide04 .imgpopup .pop02{top:4%;left:58.24167%; }
.index-banner .slide04 .imgpopup .pop03{top: 22.375%;left: 54.5125%;}
.index-banner .slide04 .imgpopup .pop04{top:-13.8%;left:63.57292%;  }
.index-banner .slide04 .imgpopup .pop05{top:0;left:80.625%; }
.index-banner .slide04 .imgpopup .pop06{top: 59.5%;left: 47.29167%;}
.index-banner .slide04 .imgpopup .pop07{top: 19.125%;left: 76.85292%;}
.index-banner .slide04 .imgpopup .pop08{top: 40.8%;left: 50.95167%; }
.index-banner .slide04 .imgpopup .pop09{top: 38.525%;left: 73.02292%;}
.index-banner .slide04 .imgpopup .pop10{top: 57.8%;left: 69.45167%;}
.index-banner .slide04 .imgpopup .pop11{top:57.525%;left:91.02292%;}
.index-banner .slide01 .tit{font-size:24px;line-height:26px;}
.index-banner .slide01 .tit1{font-size:24px;line-height:26px;}
.index-banner .slide01 .txt{ margin-top:0px; margin-bottom:25px;font-size:18px;line-height:26px;}
.index-banner .slide02 .tit1{font-size:24px;line-height:26px;margin-bottom: 15px;}
.index-banner .slide02 .txt{ margin-top:0px; margin-bottom:25px;font-size:18px;line-height:26px;}
.index-banner .slide02 .tit {margin-bottom: 8px;font-size: 24px;line-height: 26px;width: 72.39583%;}
.index-banner .slide03 .textpopup03 .tit {font-size: 24px;line-height: 26px;margin-bottom:15px;}
.index-banner .slide03 .textpopup03 .tit1{font-size:24px;line-height:26px; margin-bottom:15px;}
.index-banner .slide03 .textpopup03 .txt{ margin-top:0px; margin-bottom:25px;font-size:20px;line-height:26px;}
.index-banner .slide04 .textpopup .tit {margin-bottom: 8px;font-size: 24px;line-height: 26px;width: 72.39583%;news_list_space: normal}
.index-banner .slide04 .textpopup .txt {margin-bottom: 0;font-size: 18px;line-height:26px;news_list_space: normal}
.index-banner .slide04 .textpopup .tit1{font-size:24px;line-height:26px;}

.anniu{position:absolute;bottom:0;right:0;z-index:30; height:40px;padding:0 10px 0 10px/*background:rgba(255,255,255,0.7);*/ }
.swiper-num { width: 105px;left:10%; }
.swiper-num span {font-size:28px; margin:0 2px;}
.swiper-num .total { font-size:22px;}
.anniu .pageOn:before{ margin-top:7%;}
.anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left;padding-left:26px; margin-bottom:0px; }
}
@media (max-width:600px){
.index-banwrap {padding-bottom: 80%}
.index-banner .slide01 .textpopup {top:10.5%;}
.index-banner .slide01 .tit{ margin-bottom:10px;}
.index-banner .slide01 .tit1{margin-bottom:0px;}
.index-banner .slide02 .textpopup {top:10.5%;}
.index-banner .slide01 .tit{font-size:20px;line-height:26px;}
.index-banner .slide01 .tit1{font-size:20px;line-height:26px; width:100%;letter-spacing:2px;}
.index-banner .slide01 .txt{ font-size:15px;}
.index-banner .slide02 .tit1{font-size:20px;line-height:26px;margin-bottom: 10px;width:100%;letter-spacing:2px;}
.index-banner .slide02 .txt{ font-size:15px;}
.index-banner .slide02 .tit {margin-bottom: 8px;font-size: 20px;line-height: 26px;width: 78.39583%;}
.index-banner .slide03 .textpopup03 {top:10.5%;}
.index-banner .slide03 .textpopup03 .tit {font-size: 20px;line-height: 26px;margin-bottom:10px;}
.index-banner .slide03 .textpopup03 .tit1{font-size:20px;line-height:26px; margin-bottom:15px;width:100%;letter-spacing:2px;}
.index-banner .slide03 .textpopup03 .txt{ font-size:15px;}
.index-banner .slide03 .imgpopup03 .pop05{ top:75.875%;width:21%;}
.index-banner .slide03 .imgpopup03 .pop01{ top:65.5%;left:10.34375%;}
.index-banner .slide04 .textpopup {top:10.5%;}
.index-banner .slide04 .textpopup .tit {margin-bottom: 8px;font-size: 20px;line-height: 26px;width: 72.39583%;news_list_space: normal}
.index-banner .slide04 .textpopup .txt { font-size:15px;}
.index-banner .slide04 .textpopup .tit1{font-size:20px;line-height:26px;width:100%;letter-spacing:2px; }
.index-banner .slide04 .imgpopup img{  width:28%;}
.index-banner .slide04 .imgpopup .pop01{top: 25.375%;left: 20.90625%;}
.index-banner .slide04 .imgpopup .pop02{top:8%;left:49.24167%; }
.index-banner .slide04 .imgpopup .pop03{top: 29.375%;left: 45.5125%;}
.index-banner .slide04 .imgpopup .pop04{top:-12.8%;left:53.57292%;  }
.index-banner .slide04 .imgpopup .pop05{top:0;left:76.625%; }
.index-banner .slide04 .imgpopup .pop06{top: 71.5%;left: 36.29167%;}
.index-banner .slide04 .imgpopup .pop07{top: 21.125%;left: 72.85292%;}
.index-banner .slide04 .imgpopup .pop08{top: 50.8%;left: 40.95167%; }
.index-banner .slide04 .imgpopup .pop09{top: 41.525%;left: 69.14292%%;}
.index-banner .slide04 .imgpopup .pop10{top: 61.8%;left: 65.45167%;}
.index-banner .slide04 .imgpopup .pop11{top:81.525%;left:61.02292%;}

}
@media (max-width:600px){
.index-banner .slide01 .textpopup {top:8.5%;}
.index-banner .slide02 .textpopup {top:8.5%;}
.index-banner .slide03 .textpopup03 {top:8.5%;}
.index-banner .slide04 .textpopup {top:8.5%;}
}
@media (max-width:450px){
.index-banner .slide01 .textpopup {top:5.5%;}
.index-banner .slide02 .textpopup {top:5.5%;}
.index-banner .slide03 .textpopup03 {top:5.5%;}
.index-banner .slide04 .textpopup {top:5.5%;}
}

@media (max-width:1024px) {
.pagesection{padding:50px 0;}
.pagepadding{padding:50px 0}
}
@media (max-width: 600px) {
.pagesection{padding:30px 0;}
.pagepadding{padding:30px 0}
}
.index_title{position: relative; margin-bottom:30px;}
.index_title:before {content: attr(data-text);font-family:sans-serif;display: inline-block;position: absolute;width: 100%;z-index: -1;font-size: 130px;text-align: center;left: 50%;top: 15%;opacity: 0.05;text-transform: capitalize;font-weight: 600;line-height: 26px;transform: translate(-50%, -50%); text-transform:uppercase;}
.index_title .en{font-size:40px; line-height:40px;margin-bottom:15px;color:#333;letter-spacing:8px; text-align:center;}
.index_title .en span{ color:#f97b15; font-weight:bold; }
.index_title .cn{font-size:26px;line-height:62px; color:#999; font-weight:normal; text-align:center;font-family: 'Microsoft YaHei', 'SourceHanSansCNLight';}
.index_title .cn span{color:#f97b15}
@media (max-width:1366px) {
.index_title:before {font-size: 100px;}
}
@media (max-width:1200px) {
.index_title:before {font-size: 80px;}
.index_title .en{font-size:30px; }
.index_title .cn{font-size:22px;letter-spacing:2px; }
}
@media (max-width:768px) {
.index_title{ margin-bottom:20px;}
.index_title:before {font-size: 40px;}
.index_title .en{font-size:24px;letter-spacing:4px; margin-bottom:5px;}
.index_title .cn{font-size:20px; line-height:32px;letter-spacing:0px;}
}
@media (max-width:450px) {
.index_title .en{font-size:20px;letter-spacing:2px; }
.index_title .cn{font-size:16px; line-height:30px; }
}
.inedx_about{}
.inedx_about .index_title .en{ text-align:left;}
.inedx_about .index_title .cn{ text-align:left;}
.inedx_about .index_title:before{left: 28%;}
.inedx_about .intro{position:relative;padding:0px 37% 86px 0;font-size:16px;line-height:30px}
.inedx_about .intro strong{font-weight:normal;color:#e20000}
.inedx_about .year{position:absolute;right:7px;top:-20px;z-index:3;text-align:right;}
.inedx_about .year span{letter-spacing:4px; line-height:38px; }
.inedx_about .main-business .business-item .inner{position:relative}
.inedx_about .main-business .business-item .inner .line{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#f97b15;-webkit-transition:width ease-in-out 0.5s;-o-transition:width ease-in-out 0.5s;-moz-transition:width ease-in-out 0.5s;transition:width ease-in-out 0.5s}
@media (max-width:1280px) {
.inedx_about .year img{ width:100%;}
.inedx_about .intro{position:relative;padding:0px 42% 86px 0;}

}
@media (max-width:768px) {
.inedx_about .year{ display:none;}
.inedx_about .intro{padding:0px 0 20px 0;}
}
/*

.inedx_server {padding-bottom: 20px;background: #F5F5F5}
.inedx_server>p {margin-bottom: 10px;color: #333;font-size: 14px;text-align: center;opacity: 0;transform: translateY(20px);-webkit-transform: translateY(20px);transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 1.2s;-webkit-transition-delay: 1.2s}
.inedx_server>.title {margin-bottom: 22px;width: 0;height: 76px;overflow: hidden;color: #fff;font-size: 30px;font-weight: bold;line-height: 76px;text-align: center;background: #000;box-sizing: border-box;transition: all 0.5s linear;-webkit-transition: all 0.5s linear}
.inedx_server.active>.title {width: 100%}
.inedx_server>.title p {padding: 0 30px;transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 0.8s;-webkit-transition-delay: 0.8s;}
.inedx_server.active>p,
.inedx_server.active>.title p {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
.inedx_server .img {margin-right: 12px;text-align: center}
.inedx_server>ul {margin: 0 auto;padding: 0 65px;position: relative;z-index: 1; }
.inedx_server>ul>li {margin-bottom: 60px;padding: 40px;width: 50%;height: 420px;float: left;position: relative;cursor: pointer;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s; z-index: -10}
.inedx_server>ul>li:before {width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: #F46301;content: "";z-index: -2;transition: all 0.3s;-webkit-transition: all 0.3s}

.inedx_server>ul>.li02:before {background: #FDB200}
.inedx_server>ul>.li03:before {background: #2344A7}
.inedx_server>ul>.li04:before {background: #2B52D3;}
.inedx_server li .title {color: #fff !important;font-size: 24px;line-height: 1.1}
.inedx_server>ul>li:nth-child(1) * {color: #fff}
.inedx_server>ul>li:nth-child(2) * {color: #fff}
.inedx_server>ul>li:nth-child(3) * {color: #fff}
.inedx_server>ul>li:nth-child(4) * {color: #fff}

.inedx_server li .title>span {margin-top: 11px;display: block;font-size: 18px;color: #fff !important}
.inedx_server li .img {position: absolute;right: 55px;top: 42px}
.inedx_server li ul {padding-top: 20px;position: absolute;left: 45px;top: 50%; width:80%; transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.inedx_server li:hover ul {display: block}
.inedx_server li li {margin: 0 8px 10px 0;padding: 0 10px;float: left;color: #f46301;font-size: 16px;line-height: 28px;border: 2px solid #fff;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;}
.inedx_server li li.style01 {color: #fff; }
.inedx_server li .clear {clear: both}
@media (max-width: 1201px) and (min-width: 768px){
.inedx_server .img {margin: 0 auto;max-width: 90%;}	
.inedx_server li .img {right: 15px;}
.inedx_server li ul {left: 19%;}
.inedx_server > ul > li:hover:after {right: 0 !important;}
.inedx_server>ul>li {margin-bottom:30px;}
}
@media (max-width: 768px){
.inedx_server>ul>li {width: 100%;height: 320px;float: none; padding:20px;}
.inedx_server>ul { padding: 0 10px;}
.inedx_server li .img {position: absolute;right: 0px;top: 3px}
.inedx_server li ul { left: 32px; }
.inedx_server li li.style02 { font-size:18px; line-height: 32px; }
.inedx_server>ul>li:hover:after {right: 0px; }
.inedx_server>ul>li:after{ background-size:25% 25%;}
.inedx_server li ul {padding-top: 0px;top: 43%;}
.inedx_server li li {margin: 0 3px 10px 0; }
.inedx_server li .title>span {margin-top: 6px; font-size: 16px; }
.inedx_server li .title { font-size: 20px}
.inedx_server>ul>li:after { right: 10px;}
.inedx_server>ul>li:hover:after {right: 10px;}
.inedx_server>ul>.li02:hover:after {right: 10px;}
.inedx_server>ul>.li03:hover:after {right: 10px;}
.inedx_server>ul>.li04:hover:after {right:10px;}

}
*/
.inedx_server {padding-bottom: 20px;background: #F5F5F5}
.inedx_server>p {margin-bottom: 10px;color: #333;font-size: 14px;text-align: center;opacity: 0;transform: translateY(20px);-webkit-transform: translateY(20px);transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 1.2s;-webkit-transition-delay: 1.2s}
.inedx_server>.title {margin-bottom: 22px;width: 0;height: 76px;overflow: hidden;color: #fff;font-size: 30px;font-weight: bold;line-height: 76px;text-align: center;background: #000;box-sizing: border-box;transition: all 0.5s linear;-webkit-transition: all 0.5s linear}
.inedx_server.active>.title {width: 100%}
.inedx_server>.title p {padding: 0 30px;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 0.8s;-webkit-transition-delay: 0.8s;}
.inedx_server.active>p,
.inedx_server.active>.title p {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
.inedx_server .img {margin-right: 12px;text-align: center}
.inedx_server>ul {margin: 0 auto;padding: 0 65px;position: relative;z-index: 1; }
.inedx_server>ul>li {margin-bottom: 60px;padding: 40px;width: 50%;height: 420px;float: left;position: relative;cursor: pointer;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #FFF;z-index: -10}
.inedx_server>ul>li:before {width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: #F46301;content: "";z-index: -2;transition: all 0.3s;-webkit-transition: all 0.3s}
.inedx_server>ul>li:hover:before {background: #fff}
.inedx_server>ul>.li02:before {background: #FDB200}
.inedx_server>ul>.li03:before {background: #2344A7}
.inedx_server>ul>.li04:before {background: #2B52D3;}
.inedx_server li .title {color: #fff !important;font-size: 24px;line-height: 1.1}
.inedx_server>ul>li * {color: #fff}
.inedx_server>ul>li:hover:nth-child(1) * {color: #F46301}
.inedx_server>ul>li:hover:nth-child(2) * {color: #FDB200}
.inedx_server>ul>li:hover:nth-child(3) * {color: #2344A7}
.inedx_server>ul>li:hover:nth-child(4) * {color: #2B52D3}
.inedx_server>ul>li a:hover {color: #fff}
.inedx_server>ul>li .style01 a,
.inedx_server>ul>li .style02 a {color: #fff}
.inedx_server>ul>li .style01 a:hover,
.inedx_server>ul>li .style02 a:hover {color: #fff}
.inedx_server>ul>li:nth-child(2) .style01 a:hover,
.inedx_server>ul>li:nth-child(2) .style02 a:hover {color: #FDB200}
.inedx_server>ul>li:nth-child(3) .style01 a:hover,
.inedx_server>ul>li:nth-child(3) .style02 a:hover {color: #2344A7}
.inedx_server>ul>li:nth-child(4) .style01 a:hover,
.inedx_server>ul>li:nth-child(4) .style02 a:hover {color: #2B52D3}
.inedx_server li .title>span {margin-top: 11px;display: block;font-size: 18px;color: #fff !important}
.inedx_server li .img {position: absolute;right: 55px;top: 42px}
.inedx_server li .arrow {position: absolute;right: 100px;bottom: 40px}
.inedx_server li ul {padding-top: 10px;position: absolute;left: 232px;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.inedx_server li.li01:hover .title {color: #F46301 !important;}
.inedx_server li.li01:hover .title>span { color: #F46301 !important}
.inedx_server li.li02:hover .title {color: #FDB200 !important;}
.inedx_server li.li02:hover .title>span { color: #FDB200 !important}
.inedx_server li.li03:hover .title {color: #2344A7 !important;}
.inedx_server li.li03:hover .title>span { color: #2344A7 !important}
.inedx_server li.li04:hover .title {color: #2B52D3 !important;}
.inedx_server li.li04:hover .title>span { color: #2B52D3 !important}
.inedx_server li:hover ul {display: block}
.inedx_server li:hover .arrow {display: none}
.inedx_server li:hover .img {background: url(../images/img02_on.png) no-repeat;}
.inedx_server .li02:hover .img {background: url(../images/img03_on.png) no-repeat;}
.inedx_server .li03:hover .img {background: url(../images/img04_on.png) no-repeat}
.inedx_server .li04:hover .img {background: url(../images/img05_on.png) no-repeat}
.inedx_server li:hover .img img {visibility: hidden}
.inedx_server li li {margin: 0 8px 10px 0;padding: 0 10px;float: left; font-size: 16px;line-height: 28px;border: 2px solid #fff;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;}
.inedx_server li:hover li {margin: 0 8px 10px 0;padding: 0 10px;float: left;color: #fff;font-size: 16px;line-height: 28px;border: 2px solid #F46301;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;}
.inedx_server li:hover li.style01 a{color: #F46301; }
.inedx_server li:hover li.style02 a{color: #F46301;font-size: 24px;line-height: 46px;}
.inedx_server li:hover li:hover {background-color: #F46301;color: #fff}
.inedx_server li:hover li:hover a {color: #fff}
.inedx_server li li.style01:hover,
.inedx_server li li.style02:hover {border: 2px solid #F46301;color: #fff;background-color: #FFF}
.inedx_server li li.style01:hover a,
.inedx_server li li.style02:hover a {color: #f46301}
.inedx_server li.li02:hover li {margin: 0 8px 10px 0;padding: 0 10px;float: left; font-size: 16px;line-height: 28px;border: 2px solid #FDB200;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;}
.inedx_server .li02:hover li:hover {color: #FDB200;border-color: #FDB200}
.inedx_server .li02:hover li.style01 {background-color: #FDB200; color:#fff;}
.inedx_server .li02:hover li.style01 a{ color:#fff;}
.inedx_server .li02:hover li.style02 {background-color: #FDB200}
.inedx_server .li02:hover li:hover {background-color: #FDB200;color: #fff}
.inedx_server .li02:hover li:hover a {color: #fff}
.inedx_server .li02:hover li:hover.style01 a{ color:#fff;}
.inedx_server .li02:hover li.style02:hover {border: 2px solid #FDB200;color: #FDB200;background-color: #FFF}
.inedx_server .li02:hover li.style02:hover a {color: #fdac00}
.inedx_server .li03 li {color: #2241a7;border-color: #fff}
.inedx_server .li03 li.style01 {background-color: #2241a7}
.inedx_server .li03 li.style02 {background-color: #2241a7}
.inedx_server .li03 li:hover {background-color: #2241a7;color: #fff}
.inedx_server .li03 li.style01:hover,
.inedx_server .li03 li.style02:hover {border: 2px solid #2241a7;color: #2241a7;background-color: #FFF}
.inedx_server .li03 li.style01:hover a,
.inedx_server .li03 li.style02:hover a {color: #2241a7}
.inedx_server .li03:hover li.style01 a,
.inedx_server .li03:hover li.style02 a {color: #fff}
.inedx_server .li03:hover li.style02:hover {border: 2px solid #2344A7;color: #fff;background-color: #2344A7}
.inedx_server li.li03:hover li {color: #2344A7;border-color: #2344A7}
.inedx_server .li03:hover li:hover{background-color: #2344A7 }
.inedx_server .li03:hover li:hover a {color: #fff}
.inedx_server .li03:hover li:hover.style01 a{ color:#fff;}
.inedx_server .li03:hover li.style01:hover a,
.inedx_server .li03:hover li.style02:hover a {color: #fff}
.inedx_server .li04 li {color: #2B52D3;border-color: #fff}
.inedx_server .li04 li.style01 {background-color: #2B52D3}
.inedx_server .li04 li.style02 {background-color: #2B52D3}
.inedx_server .li04 li:hover {background-color: #2951d3;color: #fff}
.inedx_server .li04 li:hover a {color: #fff;}
.inedx_server .li04 li.style01:hover,
.inedx_server .li04 li.style02:hover {border: 2px solid #2951d3;color: #fff;background-color: #2951d3}
.inedx_server .li04:hover li.style01 a,
.inedx_server .li04:hover li.style02 a {color: #fff}
.inedx_server .li04:hover li.style02:hover {border: 2px solid #2B52D3;color: #fff;background-color: #2951d3}
.inedx_server li.li04:hover li {color: #2B52D3;border-color: #2B52D3}
.inedx_server .li04:hover li:hover{background-color: #2951d3 }
.inedx_server .li04:hover li:hover a {color: #fff}
.inedx_server .li04:hover li:hover.style01 a{ color:#fff;}
.inedx_server .li04:hover li.style01:hover a,
.inedx_server .li04:hover li.style02:hover a {color: #fff}
.inedx_server li .clear {clear: both}
@media (max-width: 1366px){
.inedx_server li ul {padding-top: 10px;position: absolute;left: 7%;top: 50%;}
}
@media (max-width: 1201px) and (min-width: 768px){
.inedx_server .img {margin: 0 auto;max-width: 90%;}	
.inedx_server li .img {right: 15px;}
.inedx_server li ul {left: 19%;}
.inedx_server > ul > li:hover:after {right: 0 !important;}
.inedx_server>ul>li {margin-bottom:30px;}
}
@media (max-width: 768px){
.inedx_server>ul>li {width: 100%;height: 320px;float: none; padding:20px;}
.inedx_server>ul { padding: 0 10px;}
.inedx_server li .img {position: absolute;right: 0px;top: 3px}
.inedx_server li ul { left: 22px; }
.inedx_server li li.style02 { font-size:18px; line-height: 32px; }
.inedx_server>ul>li:hover:after {right: 0px; }
.inedx_server>ul>li:after{ background-size:25% 25%;}
.inedx_server li ul {padding-top: 0px;top:63%;}
.inedx_server li li {margin: 0 3px 7px 0; padding: 0 5px; }
.inedx_server li .title>span {margin-top: 6px; font-size: 16px; }
.inedx_server li .title { font-size: 20px}
.inedx_server>ul>li:after { right: 10px;}
.inedx_server>ul>li:hover:after {right: 10px;}
.inedx_server>ul>.li02:hover:after {right: 10px;}
.inedx_server>ul>.li03:hover:after {right: 10px;}
.inedx_server>ul>.li04:hover:after {right:10px;}
}
.index_case{ padding:100px 0 0px;}
.case_list{ width:100%}
.case{background-color: #ffffff; width:100%}
.case a{width: 25%;float: left; height:3.2rem;overflow: hidden;position: relative;}
.case a:hover .overlay-con{ opacity: 1; filter: alpha(opacity=1)}
.case a img{width: 100%;height:100%;}
.case .overlay-con{  position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background-color: rgba(245,137,8,0.9); 	/*background-color: rgba(0,0,0,0.8);*/opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;text-align: center;color: #fff;}
.case .overlay-con:after {content: "";width: 0%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(0);}
.case .overlay-con:hover:after {content: "";width: 90%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(1);transform: scaleX(1)}
.case .overlay-con:before {content: "";width: 0%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(0);}
.case .overlay-con:hover:before {content: "";width: 90%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(1);transform: scaleX(1)}
.case span.inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:inline-block;}
.case span.inner:after {content: "";width: 1px;height: 0%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;display:block;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(0);}
.case span.inner:hover:after {content: "";width: 1px;height: 85.2%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(1);transform: scaleY(1)}
.case span.inner:before {content: "";width: 1px;height: 0%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;display:block;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(0);}
.case span.inner:hover:before {content: "";width: 1px;height: 85.2%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(1);transform: scaleY(1)}
.case .overlay-con:before {content: "";width: 0%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(0);}
.case .overlay-con:hover:before {content: "";width: 90%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(1);transform: scaleX(1)}
.case .overlay-con h2{font-weight: normal;font-size: .27rem;position: relative;top: 50%;margin-top: -1em;}
.case .overlay-con p{font-size: 1.166em;}
#particles {position: absolute;width: 100%;height: 100%;z-index: 4;}
@media (max-width: 1760px){
.case a{ height:3.0rem;}
}
@media (max-width: 1640px){
.case a{ height:2.8rem;}
}
@media (max-width: 1366px){
.case a{ height:2.6rem;}
}

@media (max-width: 1200px){
.case a{width: 33.33333333%; height:3.3rem;}
}
@media (max-width: 1180px){
.case a{height:3.2rem;}
}
@media (max-width: 768px){
.index_case{ padding:30px 0 0px;}
.case a{width: 50%; height:2.8rem;}
}
@media (max-width: 450px){
.case a{width: 100%; height:4.8rem;}
}

/*
.index_case_con{width:100%;margin:0 auto}
.index_case_con li{float:left;width:25%;height:0;padding-bottom:16.5%;overflow:hidden;position:relative}
.index_case_con li img{width:100%;-webkit-transition:all .5s;transition:all .5s;border:0;display:inline-block; position:relative;}
.index_case_con li img:after{ content:"";width: 100%;height: 100%;background: rgba(0,0,0,0.9);position: absolute;top: 0;left: 0; z-index:999;}
.index_case_con li .case_hover{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#bcc563;transform:translateY(120%) skewY(10deg);transition:transform 400ms cubic-bezier(0.7,0,0.3,1) 100ms}
.index_case_con li .case_text{position:absolute;width:100%;bottom:0;z-index:1;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:transform 400ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 800ms cubic-bezier(0.7,0,0.3,1);color:#fff;padding:30px 20px}
.index_case_con li .case_text:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8))}
.index_case_con li .case_text h3{font-weight:700;z-index:2;position:relative}
.index_case_con li .case_text p{font-weight:700;z-index:2;position:relative}
.index_case_con li:hover .case_hover{transform:translateY(0%) skewY(0deg);transition:transform 500ms cubic-bezier(0.7,0,0.3,1) 0ms}
.index_case_con li:hover .case_text{transform:translateY(0%);opacity:1;transition:transform 500ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 300ms cubic-bezier(0.7,0,0.3,1) 100ms}
.index_case_con li:hover img{-webkit-transform: scale(1.1);	-moz-transform: scale(1.1);	-ms-transform: scale(1.1);	transform: scale(1.1)}


@media only screen and (max-width:1100px){.index_case_con li .case_text{padding:10px 5%; width:90%;}
.index_case_con li .case_text p{font-size:12px}}

@media only screen and (max-width:767px){
.index_case_con li{width:50%;padding-bottom:32%;}
.index_case_con li .case_text h3{ font-size:18px;}
.index_case_con li{width:50%;padding-bottom:28%}
}

@media only screen and (max-width:425px){
.index_case_con li{ padding-bottom:33%;}
.index_case_con li .case_text h3{ font-size:16px;}
}
@media (max-width: 768px){
.index_case{ padding:30px 0 0px;}
}
*/
.index_news_bg {background:#f4f4f4;overflow:hidden;}
.index_news .col-lg-4{ width:33.3333%; float:left;}
.index_news .left {background:#fff;padding:20px 25px 0px; position:relative;}
.index_news .left img{ width:100%;}
.index_news .left:hover {box-shadow:5px 5px 5px #e4e3e3; }
.index_news .left a .tit { width:100%;height:125px; border-bottom:1px solid #e6e6e6;box-sizing:border-box; }
.index_news .left a .tit p { font-size:18px;margin-top:25px;margin-bottom:13px;news_list_space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_news .left a .tit span { display:block;overflow:hidden;font-size:15px;}
.index_news .left a:hover .tit p {color: #f7941d;}
.index_news_num {background:#fff;height:100px;box-sizing:border-box;}
.col-lg-4 .index_news_num{}
.index_news_num .index_news_num_left {float:left;}
.index_news_num a {float:right;width:31px;height:17px;display:block;background:url(../images/index-img9-red.png) no-repeat center;height:110px;}
.index_news_num .index_news_num_left .index_news_data {font-size:36px;color:#999;font-weight:bold;display:block;margin-top:20px;margin-bottom:3px;}
.index_news_num .index_news_num_left .index_news_year {font-size:14px;color:#999;}
.index_news .right .index_news_text { height:270px;margin-left:30px;width:calc(100% - 30px); margin-bottom:30px; background:#fff;}
.index_news .right .index_news_text:hover {box-shadow:5px 5px 5px #e4e3e3;}
.index_news .right .index_news_text a{transition: all .3s;}
.index_news .right .index_news_text:hover a{color: #f7941d;transition: all .3s;}
.index_news .right .index_news_text:nth-child(3),.index_news .right .index_news_text:nth-child(4) {margin-bottom:0;}
.index_news .right .index_news_text>a {color:#333;font-size:18px;display:block;padding:20px 25px 10px; overflow:hidden;line-height: 1.3;text-overflow:ellipsis;}
.index_news .right .index_news_text>span {margin:0 25px;display:block;line-height:32px;font-size:15px;color:#666;position:relative;z-index:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index_news .right .index_news_text {position:relative;}
.index_news .right .index_news_text .index_news_num {border-top:1px solid #e6e6e6; position:absolute;bottom:0;left: 0;right: 0;margin: 0 25px;}
#conbanner{width: 100%;height: 360px;background: #ff6701;/*background: #f97b15;*/display: flex;align-items: center;justify-content: center;}
#conbanner canvas {display: block;vertical-align: middle;width: 100%;height: 100%;}
.conbannerbg{position: relative;}
.con_text{position: absolute;left: 0;top: 80px;width:100%; text-align: center; color:#fff;}
.con_text h1{ margin-bottom:20px;}
.fooform-list {margin: 60px auto 0;}
.fooform-list li { float: left; margin-right: 1.38%;}
.fooipn1, .fooipn2 { width: 17.36%;}
.fooipn3 { width: 47.22%;}
.fooipn4 { width: 13.61%;}
.fooform-list li.fooipn4{ margin-right:0px;}
.fooform-list input { width: 100%; height: 60px; border: 0; text-indent: 20px;}
.fooform-btn { width: 100%; height: 62px; border: 2px solid #fff; background: 0 0; font-size: 14px; color: #fff;}
.fooform-list input { -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; cursor: text; font: 400 13.3333px "微软雅黑"; padding: 1px 5px; border-width: 2px; border-color:#fff; border-image: initial;}
@media screen and (max-width: 1720px){
.index_news .right .index_news_text { height:260px;}
}
@media (max-width: 1660px){
.index_news .right .index_news_text { height:250px;}
}
@media screen and (max-width: 1658px){
.index_news .right .index_news_text { height:260px;}
}
@media screen and (max-width: 1630px){
.index_news .right .index_news_text { height:250px;}
}
@media screen and (max-width: 1440px){
.index_news .left a .tit { width:100%;height:145px; border-bottom:1px solid #e6e6e6;box-sizing:border-box; }
.index_news .right .index_news_text { height:258px; }
}
@media screen and (max-width: 1366px){
.index_news .right .index_news_text { height:247px; }
}
@media screen and (max-width: 1200px){
.index_news .left a .tit { width:100%;height:160px; }
}
@media screen and (max-width: 992px){
.index_news .right .index_news_text { height:215px; }
.index_news .right .index_news_text>a {padding:20px 25px 10px;}
.index_news .right .index_news_text>span { line-height:28px;}
.index_news_num { height:100px; }
.index_news_num a { height:100px;}
.index_news_num .index_news_num_left .index_news_data { margin-top:20px; }
.fooform-list {margin:30px auto 0;}
.fooform-list li { float: left; margin-bottom:10px;}
.fooform-list li:nth-child(2n){ margin-right:0px;}
.fooipn1, .fooipn2 { width: 48.36%;}
.fooipn3 { width: 79.22%;}
.fooipn4 { width: 18.61%;}
.fooform-list input {height:50px; width: 100%; }
.fooform-btn {height: 52px;}

}
@media screen and (max-width: 768px){
.index_news .left a .tit {height:192px; }
}
@media screen and (max-width: 768px){
#conbanner{height: 390px; }
.fooform-list li{margin-right: auto; }
.fooform-list li.fooipn2 { float: none; text-align:center;}
.fooform-list li:nth-child(2n){ margin-right: auto;}
.fooipn1, .fooipn2 { width:92%; margin-bottom:10px; margin-left:auto; margin-right:auto;}
.fooipn3 { width:92%; margin:0 auto}
.fooipn4 { float:none;text-align:center; width: 33.61%; margin:0 auto;}
.fooform-list li.fooipn4 { margin:10px auto; }
.fooform-btn { height:40px;}
.con_text{ top: 40px; }
.con_text h1{ font-size:1.4em; margin-bottom:10px;}
.con_text h2{ font-size:1.2em;}
.fooform-list {margin: 30px auto 0; width:100%;}
.fooform-list input {  height: 40px; }
.fooform-list li{ float:none;}
.index_news .left{ margin-bottom:20px;}
.index_news .col-lg-4 { width:100%;}
.index_news .right .index_news_text {margin-left:0px;width:calc(100% - 0px); margin-bottom:20px; }
}

.about-title { text-align: center; }
.about-title_en { color: #000000; font-size: 42px; font-family: Arial; line-height: 40px; text-transform: uppercase; }
.about-title_cn { color: #000000; font-size: 24px; line-height: 28px; margin-top: 30px; }
.about-title_white .about-title_en { color: #fff; }
.about-title_white .about-title_cn { color: #fff; }
.about_title {text-align: center;}
.about_title h2, .about-title h4 {margin: 0}
.about_title h2 {margin-bottom: 35px;font-size: 42px;font-weight: 200;color: #333}
.about_title h4 {font-size:1.5em;color: #666}
#aboutbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/aboutbg1.jpg);  }
#newsbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/newsbg1.jpg);  }
#markingbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/markingbg1.jpg);  }
#webbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/webbg1.jpg);  }
#casebody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/casebg1.jpg);  }
#serverbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/serverbg1.jpg);  }
#contactbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/contactbg1.jpg);  }
.aboutbody_1{padding-top:13em;text-align:center; color:#fff; padding-bottom:13em;}
.aboutbody_1_1 span{font-size:3em;}
.aboutbody_1_1{margin-top:7em;}
.aboutbody_1_2 span{font-size:1.875em;  }
.aboutbody_1_2{margin:2.5em 0; margin-bottom:7em;}
.aboutbg{overflow:hidden;background:#fff; padding:9em 0 7.5em;}
.aboutbody_1_3 ul{ margin:30px 0;}
.aboutbody_1_3 ul li{float:left; width:33.333333%; text-align:center;}
.aboutbody_1_3_mid{padding:0 2em;}
.aboutbody_1_3_1 span{position:relative; padding:0 3.5em; display:inline-block;}
.aboutbody_1_3_1 span b{ font-size:4em;position:absolute; right:0; top:-0.5em;}
.aboutbody_1_3_1 span i{font-style:inherit; font-size:5.5em;}
.aboutbody_1_3_2,.aboutbody_1_3_3{font-size:1.125em;}
.aboutbody_1_3_3{margin-top:1em;}
.inner-nav{height:100px;position:absolute;left:200px;right:200px;margin-top:-50px;z-index:2;background-color:#fff;border-radius:10px;box-shadow:0 8px 24px 0 rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center}
.inner-nav a{display:inline-block;font-size:18px;padding:0 6px;position:relative}
.inner-nav a span{position:relative;z-index:2;text-transform:uppercase}
.inner-nav a::after{content:"";display:block;width:100%;height:1px;position:absolute;bottom:1px;left:0;right:0;z-index:1;transition:all 0.3s}
.inner-nav a:hover::after,.inner-nav a.active::after{background-color:#ff6701}
.inner-nav i{display:inline-block;width:1px;height:15px;background-color:#ddd;margin:0 24px;flex-shrink:0}
@media (max-width: 1440px){
.aboutbody_1{padding-top:10em; padding-bottom:10em;}
}
@media (max-width: 1366px){
.aboutbody_1{padding-top:8em; padding-bottom:8em;}
.inner-nav{height:80px;}
}
@media screen and (max-width: 1200px){
.inner-nav{height:80px; left:60px;right:60px;margin-top:-40px;}
.inner-nav i{ margin:0 10px;}
.aboutbg{overflow:hidden;background:#fff; padding:7em 0 5em;}
.aboutbody_1 {padding-top:10em;padding-bottom: 7em;}
.aboutbody_1_1 {margin-top: 3.5em;}
.aboutbody_1_1 span {font-size: 2em;}
.aboutbody_1_2 {margin-top: 1.5em;margin-bottom: 6em;}
.aboutbody_1_2 span {font-size: 1.125em;}
.aboutbody_1_3_1 span i{font-size:4.5em;}
.about-title_en {font-size: 32px; line-height: 40px; }
.about_title h2 {margin-bottom: 35px;font-size: 32px;}
.about_title h4 {font-size:1.2em; }

}
@media screen and (max-width:1024px){
.about-title_en {font-size: 30px; line-height: 35px; }
.about_title h2 {margin-bottom: 15px;font-size: 30px;}
}
@media screen and (max-width:992px){
#aboutbody{background-size:100% auto;}
#newsbody{background-size:100% auto;}
#markingbody{background-size:100% auto;}
#webbody{background-size:100% auto;}
#casebody{background-size:100% auto;}
#serverbody{background-size:100% auto;}
#contactbody{background-size:100% auto;}
.aboutbody_1_1 span {font-size: 22px;}
.aboutbody_1_3_1 span i{font-size:3.5em; margin-top:20px;}

}
@media screen and (max-width: 768px){
.inner-nav{height:70px; left:20px;right:20px;margin-top:-35px;}
.aboutbody_1 {padding-top:7em;padding-bottom: 3em;}
.aboutbody_1_1 {margin-top: 3em;}
.aboutbody_1_1 span {font-size: 1.25em;}
.aboutbody_1_2 {margin-top: 1em;margin-bottom: 4em;}
.aboutbody_1_2 span {font-size: 1em;}
.inner-nav a{ font-size:16px;}
.about_title h2 { font-size: 22px;}
.about-title_en {font-size:28px; line-height: 36px;}
.about-title_cn {font-size: 20px; line-height: 28px; margin-top: 10px; }
.about_title h4 {font-size:1.1em; }

}
@media screen and (max-width: 720px){
.inner-nav{ display:none; height:0px;}
.aboutbody_1 {padding-top:1em;padding-bottom:1em;}
.aboutbg {padding:2em 0 2em;}
.aboutbody_1_1 {margin-top: 2em;}
.aboutbody_1_2 {margin-top: 0em;margin-bottom: 0em;}
.aboutbody_1_3_1 span b{right:20px; font-size:2.5em;}
.aboutbody_1_3_1 span i{font-size:2.5em; margin-top:20px;}
}
@media screen and (max-width: 480px){
.aboutbody_1_2, .aboutbody_2_3 {margin-top: 0.5em; line-height:24px;}
.aboutbody_1_3 ul li{width:100%; height:100px; text-align:center;}
.aboutbody_1_3_mid{padding:0 0em;}
.aboutbody_1_3_1{ float:left;}
.aboutbody_1_3_2{ float:left;}
#markingbody .aboutbody_1 {padding-top:1em;padding-bottom: 3em;}
}
@media screen and (max-width: 400px){
.aboutbody_1 {padding-top:1em;padding-bottom: 2em;}
}
.aboutbody_2_1_mid{ margin:0 auto; width:15.8125em; position:relative; height:19.625em;}
.aboutbody_2_1{margin-top:6.875em; margin-bottom:3em;}
.aboutbody_2_1_mid_left{position:absolute; left:0; top:0; width:100%; height:100%; background-position:left center; z-index:10; background-image:url(../images/img1.png); background-repeat:no-repeat;}
.aboutbody_2_1_mid_right{ background-position:right center;position:absolute; right:0; top:0; width:100%; height:100%;  background-image:url(../images/img2.png); background-repeat:no-repeat;}
.aboutbody_2_1_mid:hover .aboutbody_2_1_mid_left{background-position:right center;}
.aboutbody_2_1_mid:hover .aboutbody_2_1_mid_right{background-position:left center;}
.aboutbody_2_2 span{text-align:center; font-size:3em; color:#000;}
.aboutbody_2_2 b{ color:#fd8c04;}
.aboutbody_2_3 span{font-size:1.5em;}
.aboutbody_2_3,.aboutbody_2_2,.aboutbody_2_4{text-align:center;}
.aboutbody_2_3{margin-top:1.5em;}
.aboutbody_2_4{ margin-top:5em;margin-bottom:7em;}
.about-goal { padding: 92px 0; height: 426px; background:#e76d29 url(../images/bg_about_goal.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
.about-goal_text { padding-top: 164px; position: relative; text-align: center; color: #ffffff; font-size: 36px; font-family: "微软雅黑"; line-height: 1.62; }
.about-goal_text p { color: #ffffff; font-size: 42px; font-family: "微软雅黑"; line-height: 1.9; }
.about-goal_text:after { content: ""; position: absolute; top: 57px; left: 50%; width: 1px; height: 60px; background-color: #ffffff; }
.about-idea_item:after { content: ""; display: block; clear: both; height: 0; }
.about-idea_imge { float: right; width: 50%; }
.about-idea_imge a { display: block; padding-bottom: 60.75%; position: relative; overflow: hidden; }
.about-idea_imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
.about-idea_text { float: left; width: 50%; padding-bottom: 30.375%; background-color: #ffffff; position: relative; }
.about-idea_card { position: absolute; top: 50%; left: 0; width: 100%; padding: 8.3333334%; box-sizing: border-box; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.about-idea_desc { color: #000000; font-size: 16px; text-align: center; line-height: 1.88; padding-top: 9.7916667%; position: relative; min-height: 9.375em; }
.about-idea_desc p { color: #000000; font-size: 16px; line-height: 1.88; }
.about-idea_desc:before { content: ""; position: absolute; top: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; margin-top: 4.5%; background-color: #ff4229; }
.about-idea_item:first-child .about-idea_imge { float: left; }
.about-idea_item:first-child .about-idea_text { float: right; }
.about-idea_item:hover .about-idea_imge img { opacity: 0.8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.about-server { background:#f4f4f4;padding-top: 100px;text-align: center;}
.about-server-list {display: inline-block;margin-top: 104px;}
.server-one {display: inline-block; margin: 0 3.2% 100px;width: 245px;width: 16.334%;vertical-align: top;}
.server-one-img {display: inline-block;margin-bottom: 36px;border: 2px solid #fd8c04;width: 106px;height: 106px;line-height: 102px;text-align: center;border-radius: 50%;}
.server-one-desc h3 {margin: 0;margin-bottom: 20px;font-size: 18px;color: #fd8c04;}
.server-one-desc p.desc {margin-bottom: 0;line-height: 24px; color: #898989;}
.server-one.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} 
.server-one.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} 
.server-one.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} 
.server-one.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;} 
.about_join{padding: 100px 0;}
.about_join .desc{ text-align:center; line-height:32px; font-size:18px; margin:50px 0; }
.about_join .desc stong{ color:#fd8c04;}
@media screen and (max-width:1200px) {
.aboutbody_2_2 span{ font-size:2em;}
.aboutbody_2_4{ margin-top:3em;margin-bottom:4em;}
.about-goal_text p { font-size: 32px; line-height:1.5;}
.about-idea_card {top: 60%;padding: 4.3333334%;}
.server-one {margin: 0 1.2% 50px; width: 20.334%;}
.about-server {padding-top: 60px;}
.about_join{padding:60px 0;}
.about_join .desc{ margin:30px 0; }
.about-goal { padding:50px 0; height: 350px;}
}
@media screen and (max-width:992px) {
.aboutbody_2_2 span{ font-size:22px;}
.aboutbody_2_3 span{font-size:1.2em;}
.aboutbody_2_3{margin-top:1em;}
.aboutbody_2_4{ margin-top:2em;margin-bottom:4em;}
.about-idea_card {padding: 8.3333334% 2%;  }
.about-server-list { margin-top:60px;}
.server-one {margin: 0 1% 50px; width: 22%;}
.about-server {padding-top: 40px;}
.about_join .desc{line-height:28px; font-size:16px; margin:30px 0; }
.about-goal_text p { font-size: 26px; line-height:1.5;}
.about-idea_item:first-child .about-idea_imge { width:100%; }
.about-idea_item:first-child .about-idea_text { width:100%;}
.about-idea_imge { float: none; width:100%;}
.about-idea_text { padding-bottom: 50.375%;width:100%;}
}
@media screen and (max-width:768px) {
.about_join{padding:30px 0;}
.about-goal_text p { font-size: 22px; line-height:1.5;}
.server-one {margin: 0 1% 50px; width: 47%;}
.server-one-desc p.desc { padding:0 1%;}
.about-idea_text { padding-bottom: 70.375%;}

}

.news_list{ padding:8em 0 5em; background:#fff;}
#gallery-wrapper {position: relative; margin:50px auto;}
img.thumb {width: 100%;max-width: 100%;height: auto;}
.news_list_panel {position: absolute;background: #f4f4f4;border-radius: 5px;}
.news_list_panel:hover {box-shadow:0 15px 15px rgba(107,107,107,.05);background:#f60;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.news_list_panel img{ width:100%;}
.news_list_panel a{display:block; padding:40px; overflow:hidden; margin:0px;}
.news_list_panel_1{ margin-bottom:1.2em;font-size:20px; color:#333; font-weight:600; padding-bottom:1em; border-bottom:1px #ccc solid; }
.news_list_panel_2{margin:0px; padding:0px; clear:both; ine-height:1.7em; margin-top:1.2em; margin-bottom:1em;}
.news_list_panel_3{margin:0px; padding:0px; clear:both; color:#868686;}
.news_list_panel:hover .news_list_panel_1{ color:#fff;border-bottom:1px #fff solid;}
.news_list_panel:hover .news_list_panel_2{ color:#fff;}
.news_list_panel:hover .news_list_panel_3{ color:#fff;}
.wall {display: block;position: relative;}
.wall-column {display: block;position: relative;width: 33.3337%;float: left;padding: 0 1%;box-sizing: border-box;}
.article {display: block;margin: 0 0 8% 0;border-radius: 3px;transition: all 100;overflow: hidden;position: relative;}
.article:hover{ transform: scale(1.01);}
.article img {display: block;width: 100%;margin: 0 0 5% 0;}
.news_list{ padding:8em 0 5em; background:#fff;}
#gallery-wrapper {position: relative; margin:50px auto;}
img.thumb {width: 100%;max-width: 100%;height: auto;}
.news_list_panel {position: absolute;background: #f4f4f4;border-radius: 5px;}
.news_list_panel:hover {box-shadow:0 15px 15px rgba(107,107,107,.05);background:#f60;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.news_list_panel img{ width:100%;}
.news_list_panel a{display:block; padding:40px; overflow:hidden; margin:0px;}
.news_list_panel_1{ margin-bottom:1.2em;font-size:20px; color:#333; font-weight:600; padding-bottom:1em; border-bottom:1px #ccc solid; }
.news_list_panel_2{margin:0px; padding:0px; clear:both; ine-height:1.7em; margin-top:1.2em; margin-bottom:1em;}
.news_list_panel_3{margin:0px; padding:0px; clear:both; color:#868686;}
.news_list_panel:hover .news_list_panel_1{ color:#fff;border-bottom:1px #fff solid;}
.news_list_panel:hover .news_list_panel_2{ color:#fff;}
.news_list_panel:hover .news_list_panel_3{ color:#fff;}
.wall {display: block;position: relative;}
.wall-column {display: block;position: relative;width: 33.3337%;float: left;padding: 0 1%;box-sizing: border-box;}
.article {display: block;margin: 0 0 8% 0;border-radius: 3px;transition: all 100;overflow: hidden;position: relative;}
.article:hover{ transform: scale(1.01);}
.article .img { width: 100%;}
.article img {display: block;width: 100%;margin: 0 0 5% 0;}
#news-finished{text-align: center;float: none;clear: both;color:#999;}
.grid-wrap {clear: both;margin: 0 auto;padding: 0;}
.grid {padding: 0;list-style: none;min-height: 500px}
.grid li {float: left;overflow: hidden;width:  31.3337%; margin: 0 1% 20px;text-align: left;vertical-align: top}
.js .grid li {display: none;float: left}
.js .grid.loaded li {display: block}
@media screen and (max-width:1200px) {
.news_list_panel a{padding:15px; }
.news_list_panel_1{ font-size:16px; }
}
@media screen and (max-width:600px) {
  .grid li { width: 48%;  }

}
@media screen and (max-width:425px) {
  .grid li { width: 98%;  }

}
.newsinfo{  padding:9em 0 3em; background:#fff;}
.newsinfo_1_left{float:left; width:70%;}
.newsinfo_1_right{float:right; width:23%; background:#fafafa; padding:2.5%; margin-left:2%;}
.newsinfo_1_left_1{ font-size:1.875em;}
.newsinfo_1_left_2{ margin-top:1em; padding-bottom:1em;border-bottom: 1px solid #e0e0e0;}
.newsinfo_1_left_2 span{display: inline-block;margin-right: 2.8%; color:#999;}
.newsinfo_1_left_3{  margin-bottom:5em;}
.newsinfo_1_left_4{ overflow:hidden;border:1px #e0e0e0 solid;}
.newsinfo_1_left_4_left{float:left; width:50%;}
.newsinfo_1_left_4_right{float:right; width:50%; text-align:right;}
.newsinfo_1_left_4_mid{padding:0 1.5em;}
.newsinfo_1_left_4_mid a{padding-top:2em; padding-bottom:2em; padding-right:2em;display:block; padding-left:3.3125em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img2.png);}
.newsinfo_1_left_4_right .newsinfo_1_left_4_mid a{ padding-left:2em; padding-right:3.3125em; background-position:right center; background-image:url(../images/img3.png);}
.newsinfo_1_left_4_left:hover .newsinfo_1_left_4_mid a{ color:#4d4d4d; background-image:url(../images/img5.png);}
.newsinfo_1_left_4_right:hover .newsinfo_1_left_4_mid a{background-image:url(../images/img4.png);color:#4d4d4d;}
.newsinfo_1_left_4_left:hover,.newsinfo_1_left_4_right:hover{background-color:#fff;}
.newsinfo_1{margin-bottom:5em;}
.newsinfo_1_right_1{ font-size:1.875em; margin-bottom:20px; }
.newsinfo_1_right_3 ul li{border-top: 1px solid #e0e0e0;overflow:hidden; padding:1.5em 0;}
.newsinfo_1_right_3_1{font-size:1.125em;}
.newsinfo_1_right_3_2{ margin-top:0.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden; height:3.428571428571429em; }
@media screen and (max-width:1200px) {
.news_list{ padding:6em 0 3em;}
.newsinfo{  padding:6em 0 3em;}
.newsinfo_1_left_1{ font-size:1.2em;}
.newsinfo_1_left{width:100%;}
.newsinfo_1_right{width:90%; padding:5%; margin-left:0px;}
.newsinfo_1_right{margin-top:3em;}}
@media screen and (max-width:992px) {
.newsinfo_1_left_1{text-align:center; font-size:18px; }
.newsinfo_1_left_2{text-align:center;}
.newsinfo_1_left_3{margin-bottom:3em;}
.newsinfo_1_left_4_mid a{font-size:0.9375em;}
.newsinfo_1_right_1{font-size:1.125em;}
.newsinfo_1{margin-bottom:2em;}
.newsinfo_1_left_4_left{float:left; width:100%;}
.newsinfo_1_left_4_right{float:left; width:100%; text-align:left;}
.newsinfo_1_left_4_mid a {background-image: none;padding-left:0;padding-bottom:0.5em;padding-top:0.5em;}
.newsinfo_1_left_4_right .newsinfo_1_left_4_mid a {background-image: none;padding-left: 0;}
}
@media screen and (max-width:768px) {
.wall-column {width: 50%;}
.news_list_panel_1{ margin-bottom:1.1em;font-size:18px; font-weight: normal;}
.news_list{ padding:4em 0 3em;}
.newsinfo{  padding:4em 0 3em;}

}
@media screen and (max-width:500px) {
.news_list{ padding:2em 0 3em;}
.newsinfo{  padding:2em 0 3em;}
.newsinfo_1_left_1{font-size:17px; }
.newsinfo_1_left_4{ display:none; }
.newsinfo_1_right {margin-top: 0; }
.wall-column {width: 100%;}
.news_list_panel a{padding:20px;}
.news_list_panel_1{ margin-bottom:1.1em;font-size:16px;}
}
.newsinfo_1{overflow:hidden;}
.website_1{text-align:center; padding:9em 0 1em; background:#fff;}
.website_1_1 span{text-align:center; font-size:3em; color:#000;}
.website_1_2{ margin-top:3em;margin-bottom:3em;}
.website_1_2 p{ font-size:16px; line-height:30px;}
.website_service{ padding: 2% 0 5%;margin: 0 auto 2% auto;border-bottom: 1px solid #eee;}
.website_service li{display: block;float: left;width: 16.666%;}
.website_service li .left{width: 100%;height: 75px;}
.website_service li.fwli1 .left{ background: url(../images/icon_web_1_1.png) center no-repeat;}
.website_service li.fwli1:hover .left{ background: url(../images/icon_web_1_2.png) center no-repeat;}
.website_service li.fwli2 .left{ background: url(../images/icon_web_2_1.png) center no-repeat;}
.website_service li.fwli2:hover .left{ background: url(../images/icon_web_2_2.png) center no-repeat;}
.website_service li.fwli3 .left{ background: url(../images/icon_web_3_1.png) center no-repeat;}
.website_service li.fwli3:hover .left{ background: url(../images/icon_web_3_2.png) center no-repeat;}
.website_service li.fwli4 .left{ background: url(../images/icon_web_4_1.png) center no-repeat;}
.website_service li.fwli4:hover .left{ background: url(../images/icon_web_4_2.png) center no-repeat;}
.website_service li.fwli5 .left{ background: url(../images/icon_web_5_1.png) center no-repeat;}
.website_service li.fwli5:hover .left{ background: url(../images/icon_web_5_2.png) center no-repeat;}
.website_service li.fwli6 .left{ background: url(../images/icon_web_6_1.png) center no-repeat;}
.website_service li.fwli6:hover .left{ background: url(../images/icon_web_6_2.png) center no-repeat;}
.website_service li .right{width: 90%;height: 75px; padding:2% 5%;}
.website_service li .right h2{font-size: 18px;font-weight: normal;color: #333;margin: 0 0 10px 0;}
.website_service li .right p{ line-height: 26px;color: #888; font-size:14px;}
.website_service *{-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.website_content{}
.website_content .button_more{margin: 30px 0 0 0;}
.website_cate{ margin-bottom:3%; }
.website_cate h1{margin: 0 0 30px 0;font-family: "微软雅黑", Microsoft Yahei;font-size: 3em;line-height: 72px;}
.website_cate p{font-size: 18px;line-height: 30px;color: #6e6e6e;}
.website_cate .text{width: 30%;}
.website_cate .pic_website{width: 70%;position: relative;}
.website_cate1 .text{ float: left; margin: 14% 0 0 0;}
.website_cate1 .pic_website{ float: right; text-align: right;}
.website_cate1 .pic_website img:nth-child(1){ margin: 30px 400px 255px 0;}
.website_cate1 .pic_website img:nth-child(2){ position: absolute; right: 55px; top: 160px;}
.website_cate1 .pic_website img:nth-child(3){ position: absolute; right: 30px; bottom:30px;}
.website_cate1 .button_more{ float: left;}
.website_cate2 .text{ float: right!important; margin: 11% 0 0 0; text-align: right;}
.website_cate2 .pic_website{ float: left; text-align: left;}
.website_cate2 .button_more{ float: right;}
.website_cate3 .text{ float: left; margin: 14% 0 0 0;}
.website_cate3 .pic_website{ float: right; text-align: right; margin-bottom:3%;}
.website_cate3 .pic_website img:nth-child(1){ margin: 0 25px 80px 0;}
.website_cate3 .pic_website img:nth-child(2){ position: absolute; right: 0; top: 75px;}
.website_cate3 .pic_website img:nth-child(3){ position: absolute; right: 0; bottom: 0;}
.website_cate3 .button_more{ float: left;}
@media screen and (max-width:1440px) {
.website_cate1 .pic_website img:nth-child(1){ margin: 30px 200px 255px 0;}
.website_cate1 .pic_website img:nth-child(2){ right: 0px; top: 180px;}
.website_cate1 .pic_website img:nth-child(3){ bottom:80px;}
.website_cate2 .pic_website img{ width:30%;}
.website_service{ padding: 2% 0 8%;}
.website_cate h1{ line-height:52px;}
}
@media screen and (max-width:1200px) {
.website_1{  padding:6em 0 1em;}
.website_1_1 span{ font-size:2em;}
.website_1_2{ margin-top:2em;margin-bottom:2em;}
.website_service li{display: block;float: left;width: 33.333337%; margin-bottom:5%;}
.website_cate{ margin-bottom:1%; }
.website_cate .text{width:40%;}
.website_cate .pic_website{width: 60%;}
.website_cate1 .text{ float: left; margin: 8% 0 0 0;}
.website_cate h1{ font-size: 2em;line-height:42px;}
.website_cate p{font-size: 16px;line-height: 26px;}
.website_cate3 { padding-bottom:3em;}
.website_cate1 .pic_website img:nth-child(1){margin: 30px 220px 170px 0;max-width: 52%;}
.website_cate1 .pic_website img:nth-child(2){top: 100px;max-width: 47%;}
.website_cate1 .pic_website img:nth-child(3){bottom: 50px;max-width: 50%;}
.website_cate2 .pic_website img{max-height: 460px;}
.website_cate3 .pic_website img:nth-child(1){max-width: 60%;margin: 0 205px 80px 0;}
.website_cate3 .pic_website img:nth-child(2){max-width: 38%;right: 0;top: -15px;}
.website_cate3 .pic_website img:nth-child(3){max-width: 53%;right: 0;bottom: 15px;}
.website_cate4 .pic_website img:nth-child(2){left: 90px;}
.website_cate4 .pic_website img:nth-child(3){left: 195px;}
}
@media screen and (max-width:992px) {
.website_1_1 span{ font-size:20px;}
.website_cate1 .pic_website img:nth-child(1){margin: 30px 130px 100px 0;max-width: 59%;}
.website_cate1 .pic_website img:nth-child(2){top: 96px;max-width: 47%;}
.website_cate1 .pic_website img:nth-child(3){bottom: 30px;max-width: 50%;}
.website_cate2 .pic_website img{max-height: 390px;}
.website_cate3 .pic_website img:nth-child(1){max-width: 76%;margin: 0 110px 80px 0;}
.website_cate3 .pic_website img:nth-child(2){max-width: 38%;right: -12px;top: 12px;}
.website_cate3 .pic_website img:nth-child(3){max-width: 60%;right: 0;bottom: 40px;}

}
@media screen and (max-width:768px) {
.website_cate .text{width:45%;}
.website_cate .pic_website{width:55%;}
.website_cate h1{ font-size: 20px;line-height:32px;}
.website_cate1 .pic_website img:nth-child(1){ margin: 30px 200px 150px 0;}
.website_cate1 .pic_website img:nth-child(2){ right: 0px; top: 130px;}
.website_cate1 .pic_website img:nth-child(3){ right:30px; bottom:50px;}
.website_cate1 .text{ float: left; margin: 3% 0 0 0;}
.website_cate2 .text{ margin: 3% 0 0 0;}
.website_cate3 .text{ margin: 4% 0 0 0;}
.website_cate3 .pic_website img:nth-child(2){top: 65px;}
.website_service li{width: 50%; margin-bottom:17%;}
}
@media screen and (max-width:500px) {
.website_1{  padding:2em 0 3em;}
.website_cate .text{width:100%;}
.website_cate .pic_website{width:100%;}
.website_cate2 .text{ float: left!important; text-align: left;}
.website_cate2 .button_more{ float: left;}
}
.button_more{width: 310px;height: 60px;text-align: center;line-height: 56px;display: block;margin: 4% auto 0 auto;color: #333;font-size: 16px;position:relative;overflow: hidden;color: #fff; background-image: linear-gradient(#ff8421, #fe8417,#fe8814,#ff7e00);}
.button_more:before {content: '';position: absolute;background: #fff;width: 25px;height: 60px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:skewX(-25deg);-moz-transform: 	skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg);}
.button_more:hover:before {width: 45px;left: 355px;}
.button_more span{width: 12px;height: 11px;background: url(../images/icon_tri.png) center no-repeat;background-size: contain;display: inline-block;margin: 0 0 0 5px;-webkit-transform:rotate(180deg);-moz-transform: 	rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: 	all 0.5s;-o-transition:all 0.5s;transition: 		all 0.5s;}
@media screen and (max-width:1200px) {
.button_more{width:210px;height: 50px;line-height: 46px;}
}
@media screen and (max-width:768px) {
.button_more{width:170px;height: 40px;line-height: 41px;}
}
.marketbody_2_1_mid{ margin:0 auto; width:15.8125em; position:relative; height:19.625em;}
.marketbody_2_1{margin-top:6.875em; margin-bottom:3em;}
.marketbody_2_1_mid_left{position:absolute; left:0; top:0; width:100%; height:100%; background-position:left center; z-index:10; background-image:url(../images/img1.png); background-repeat:no-repeat;}
.marketbody_2_1_mid_right{ background-position:right center;position:absolute; right:0; top:0; width:100%; height:100%;  background-image:url(../images/img2.png); background-repeat:no-repeat;}
.marketbody_2_1_mid:hover .marketbody_2_1_mid_left{background-position:right center;}
.marketbody_2_1_mid:hover .marketbody_2_1_mid_right{background-position:left center;}
.marketbody_2_2 span{text-align:center; font-size:3em; color:#000;}
.marketbody_2_2 b{ color:#fd8c04;}
.marketbody_2_3 span{font-size:1.5em;}
.marketbody_2_3,.marketbody_2_2,.marketbody_2_4{text-align:center;}
.marketbody_2_3{margin-top:1.5em;}
.marketbody_2_4{ margin-top:3em;}

.net1{padding: 120px 0;min-height: 540px;background: url(../images/net_1.png) left top no-repeat;background-size: 100%;text-align: center;}
.net1 .tt{font-size: 36px;color: #fff;}
.net1 .ul1 *{transition: all .5s;-webkit-transition: all .5s;}
.net1 .ul1{margin-top: 80px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.net1 .ul1 li{width: 14.2857%;float: left;height: 495px;box-sizing: border-box;background: #fff;position: relative;}
.net1 .ul1 li .img{display: block; margin: 60px auto; overflow: hidden;position: relative;}
.net1 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom:  0;left: 0;background: #fd8c04;z-index: 9;}
.net1 .ul1 li .ltt{font-size: 24px;}
.net1 .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8;}
.net1 .ul1 li s{display: block;width: 1px ;height: 320px;background: #eee;position: absolute;right: 0;top: 98px;}
.net1 .ul1 li:hover{background: #eee;}
.net1 .ul1 li:hover:before{width: 100%;}
.net2{padding: 0 0 120px;text-align: center;}
.net2 .tt{font-size: 36px;}
.net2 .abtn{margin: 50px 0 20px;}
.net2 .abtn *{transition: all .5s;-webkit-transition: all .5s;}
.net2 .abtn span{display: inline-block;position: relative;font-size: 22px;color: #666; margin: 0 30px;cursor: pointer;}
.net2 .abtn span s{display: block;position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: #000;}
.net2 .abtn span:hover,.net2 .abtn span.act{color: #000;}
.net2 .abtn span:hover s,.net2 .abtn span.act s{width: 100%;}
.net2 .ul1{}
.net2 .ul1 li{display: none;}
.net2 .ul1 li:nth-child(1){display: block;}
.net2 .ul1 li .ltt{ color: #666;}
.net2 .ul1 li .ltc{width: 360px;height: 360px;position: relative;box-sizing: border-box;margin: 50px auto 0;border:2px solid #fa761d;border-radius: 50%;}
.net2 .ul1 li .ltc .tq1{width: 160px;height: 160px;background: #e96e0c;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda2 2s infinite linear ;-webkit-animation:bianda2 2s infinite linear;}
.net2 .ul1 li .ltc .tq2{width: 160px;height: 160px;background: #ff841e;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda 2.5s infinite linear;-webkit-animation:bianda 2.5s infinite linear;}
.net2 .ul1 li .ltc .tq3{width: 160px;height: 160px;background: #fa761d;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;}
@-webkit-keyframes bianda{0%{-webkit- transform:scale(1);opacity: 1;}100%{-webkit- transform:scale(1.5);opacity: 0;}}
@keyframes bianda{0%{-ms- transform:scale(1);}100%{-ms-  transform:scale(1.5);}0%{-moz- transform:scale(1);}100%{-moz-  transform:scale(1.5);}0%{-o- transform:scale(1);}100%{-o- transform:scale(1.5);}0%{ transform:scale(1);opacity: 1;} 100%{ transform:scale(1.5);opacity: 0;}}
@-webkit-keyframes bianda2{0%{-webkit- transform:scale(1);opacity: 1;}100%{-webkit- transform:scale(2);opacity: 0;}}
@keyframes bianda2{0%{-ms- transform:scale(1);}100%{-ms-  transform:scale(1.8);}0%{-moz- transform:scale(1);}100%{-moz-  transform:scale(1.8);}0%{-o- transform:scale(1);}100%{-o- transform:scale(1.8);}0%{ transform:scale(1);opacity: 1;} 100%{ transform:scale(1.8);opacity: 0;}}
.net2 .ul1 li .ltc .txt1{position: absolute;width: 380px;line-height: 80px;font-size: 20px;top: 0;left: -280px;}
.net2 .ul1 li .ltc .txt1 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: right;margin-top: 40px;}
.net2 .ul1 li .ltc .txt1 img{float: right;display: block;}
.net2 .ul1 li .ltc .txt2{position: absolute;width: 430px;line-height: 80px;font-size: 20px;top: 0;right: -320px;}
.net2 .ul1 li .ltc .txt2 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: left;margin-top: 40px;}
.net2 .ul1 li .ltc .txt2 img{float: left;display: block;}
.net2 .ul1 li .ltc .txt3{position: absolute;width: 380px;line-height: 80px;font-size: 20px;bottom: 0px; left: -280px;}
.net2 .ul1 li .ltc .txt3 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: right;margin-top: 40px;}
.net2 .ul1 li .ltc .txt3 img{float: right;display: block;}
.net2 .ul1 li .ltc .txt4{position: absolute;width: 430px;line-height: 80px;font-size: 20px;bottom: 0;right: -320px;}
.net2 .ul1 li .ltc .txt4 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: left;margin-top: 40px;}
.net2 .ul1 li .ltc .txt4 img{float: left;display: block;}
.net3{padding: 120px 0;text-align: center; background: #fafafa;}
.net3 .wrap .tt{font-size: 36px;}
.net3 .ul1{margin: 60px 0 0}
.net3 .ul1 li{width: 18.5%;float: left; background:#fff; padding:30px 0.5%; border-right:1px solid #f4f4f4;}
.net3 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto;/*width: 160px;height: 160px;background:#f7941d;overflow: hidden;border-radius: 50%;*/} 
.net3 .ul1 li .ltt{font-size: 20px;margin: 20px 15px;}
.net3 .ul1 li .ltc{font-size: 14px;line-height: 2; padding:0 15px;}
.net4{padding: 120px 0; }
.net4 .wrap .tt{font-size: 36px;}
.net4 .ul1{margin: 60px 0 0}
.net4 .ul1 li{width:32%;float: left;  padding:30px 0.5%;}
.net4 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto;/*width: 160px;height: 160px;background:#f7941d;overflow: hidden;border-radius: 50%;*/} 
.net4 .ul1 li .ltt{font-size: 20px;margin: 20px 15px;}
.net4 .ul1 li .ltc{font-size: 14px;line-height: 2; padding:0 15px;}
.case_lists{padding: 9em 0; min-height:400px; background:#fff; margin-bottom:120px;}
.case_lists .case a {width: 31.93337%; margin-right:2%; margin-bottom:2%; height:3.5rem}
.case_lists .case:nth-child(3n) a{ margin-right:0;}
.case_detail{ padding-top:7em; background:#fff; height:100%;overflow:hidden;}
.case_detail .case_detail_top { padding-bottom:5em; margin-bottom:5em; min-height:10em;border-bottom: 1px solid #dedede;}
.case_detail .case_detail_top dl{display: block;position: relative;}
.case_detail .case_detail_top dl dt{width: 3.8rem;display: block;position: absolute;left: 0;top: 0;}
.case_detail .case_detail_top dl dt h3{font-size: .36rem;color: #333333;line-height: .46rem;font-weight: normal;margin: 0;}
.case_detail .case_detail_top dl dt span{font-size: .26rem;line-height: .36rem; color:#666666;}
.case_detail .case_detail_top dl dt p{display:block;margin: 0;font-size: .18rem;color: #999999;margin-top: .65rem;font-weight: normal;}
.case_detail .case_detail_top dl dd{display: block;margin-left: 5rem;position: relative;}
.case_detail .case_detail_top dl dd h3{font-size: .36rem;color: #444444;font-weight: normal;position: absolute;line-height: .34rem;top: .03rem;}
.case_detail .case_detail_top dl dd p{color: #666666;font-weight: normal;margin-left: 1.4rem;font-size: 18px;line-height: .32rem;text-align: justify;}
.case-content{display: block;width: 100%; margin-top: .9rem;padding-bottom: 1.5rem; text-align:center;border-bottom: 1px solid #dedede;}
.link-case{padding: 40px 0;}
.link-case a{color:#000;}
.link-case a:hover{ color:#f7941d;}
.link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center; float:left;}
.link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center; float:right;}
@media screen and (max-width:1440px) {
.net4 .ul1 li .img img{ width:100%;} 
}
@media screen and (max-width:1366px) {
.net1{padding: 60px 0}
.net1 .ul1 li{ height: 405px;}
.net1 .ul1 li s{height: 280px;}
.net1 .ul1 li .ltt{font-size: 20px;}
.net1 .ul1 li .img{margin: 30px auto 20px;}
.net1 .ul1 li .img img{ width:100%;}
.net1 .tt{font-size: 26px;color: #fff;}
.net2 .tt{font-size: 26px;}
.net3 .ul1 li .img img{ width:100%;}
.net3 .wrap .tt{font-size: 26px;}
.net3 .ul1 li .ltt{font-size: 18px;margin: 15px 10px;}
.net4 .wrap .tt{font-size: 26px;}
.case-content img{ width:100%;}
.case_detail{ padding-top:4em; }
}
@media screen and (max-width:1200px) {
.case_detail{ padding-top:3em; }
.case_lists{  padding:6em 0;min-height:500px; }
.case_detail .case_detail_top dl dd p{ font-size: 16px; line-height:1.8; }
.marketbody_2_2 span{ font-size:2em;}
.marketbody_2_3{margin-top:1em;}
.marketbody_2_4{ margin-top:2em;}
.marketbody_2_3 span{font-size:1.2em;}
.net1 .ul1 li .img{margin: 30px auto 10px;}
.net1 .ul1 li{width: 33.333337%;}
.net1 .ul1 li{ height: 435px;}
.net1 .ul1{margin-top: 40px;}
.net2{padding: 0 0 60px;}
.net2 .abtn{margin: 30px 0 20px;}
.net2 .abtn span{font-size: 18px;}
.net2 .ul1 li .ltc .txt1{font-size:16px;top: 0;left: -200px;width: 300px;}
.net2 .ul1 li .ltc .txt2{font-size: 16px;top: 0;right: -200px;width: 300px;}
.net2 .ul1 li .ltc .txt3{font-size: 16px;bottom: 0px; left: -200px;width: 300px;}
.net2 .ul1 li .ltc .txt4{font-size: 16px;bottom: 0;right: -200px;width: 300px;}
.net2 .ul1 li .ltc .txt1 s{display: block;width: 80px;}
.net2 .ul1 li .ltc .txt2 s{display: block;width: 80px;}
.net2 .ul1 li .ltc .txt3 s{display: block;width: 80px;}
.net2 .ul1 li .ltc .txt4 s{display: block;width: 80px;}
.net3{padding: 60px 0;}
.net3 .ul1{margin: 30px 0 0}
.net3 .ul1 li { height:320px;}
.net3 .ul1 li .ltc{ line-height:1.7; padding:0 10px;}
.net4{padding: 50px 0; }
.net4 .ul1{margin:30px 0 0}
}
@media screen and (max-width:768px) {
.case_detail{ padding-top:2em; }
.case-content{margin-top: .4rem;padding-bottom: 1rem; }
.case_lists .case a {width: 49%;}
.case_lists .case:nth-child(2n) a,.case_lists .case:nth-child(6n) a{ margin-right:0;}
.case_lists .case:nth-child(2n+1) a{ margin-right:2%;}
.case_detail .case_detail_top dl dt{width:100%; height:120px;display: block;position: static;left: 0;top: 0;}
.case_detail .case_detail_top dl dt h3{ font-size:20px;line-height: .5rem; }
.case_detail .case_detail_top dl dt p{ margin-top: .25rem; font-size:15px; }
.case_detail .case_detail_top dl dd{display: block;margin-left: 0;position: static; width:100%;}
.case_detail .case_detail_top dl dd p{ margin-left:0;font-size: 15px;line-height:1.8;text-align: justify;}

.marketbody_2_2 span{ font-size:22px;}
.net1 .tt{font-size: 22px;color: #fff;}
.net1 .ul1 li .ltc{ margin-top: 0px;}
.net2 .tt{font-size: 22px;}
.net3 .wrap .tt{font-size: 22px;}
.net4 .wrap .tt{font-size: 22px;}
.net1 .ul1 li{ height: 400px;}
.net1{padding: 30px 0}
.net2 .ul1 li .ltc .txt1 s{display: block;width: 40px;}
.net2 .ul1 li .ltc .txt2 s{display: block;width: 40px;}
.net2 .ul1 li .ltc .txt3 s{display: block;width: 40px;}
.net2 .ul1 li .ltc .txt4 s{display: block;width: 40px;}
}
@media screen and (max-width:500px) {
.case_lists{  padding:2em 0 3em;min-height:700px;}
.case_lists .case a { height:2.4rem}
.marketbody_2_3 span{font-size:1em;}
.marketbody_2_4{ margin-top:1em;}
.net1 .ul1 li{width: 50%;}
.net1 .ul1 li{ height: 330px;}
.net1 .ul1 li s{height: 200px;}
.net2{padding: 0 0 30px;}
.net2 .ul1{ margin-top:30px; clear:both;}
.net2 .ul1 li .ltc{width: auto;height: auto; margin: 40px auto 0;border:0px solid #fa761d;}
.net2 .ul1 li .ltc .tq1{ display:none}
.net2 .ul1 li .ltc .tq2{ display:none}
.net2 .ul1 li .ltc .tq3{ display:none}
.net2 .ul1 li .ltc .txt1{font-size:16px;top: 0;left:0px;width: 80%;position: static; margin-bottom:10px;}
.net2 .ul1 li .ltc .txt2{font-size: 16px;top: 0;right: 0px;width: 80%;position: static; margin-bottom:10px; }
.net2 .ul1 li .ltc .txt3{font-size: 16px;bottom: 0px; left:0px;width: 80%;position: static; margin-bottom:10px;}
.net2 .ul1 li .ltc .txt4{font-size: 16px;bottom: 0;right: 0px;width: 80%;position: static; margin-bottom:10px;}
.net2 .ul1 li .ltc .txt1 img{float: left;display: block; }
.net2 .ul1 li .ltc .txt2 img{float: left;display: block; }
.net2 .ul1 li .ltc .txt3 img{float: left;display: block;}
.net2 .ul1 li .ltc .txt4 img{float: left;display: block;}
.net2 .ul1 li .ltc .txt1 s{display:none;}
.net2 .ul1 li .ltc .txt2 s{display:none;}
.net2 .ul1 li .ltc .txt3 s{display:none;}
.net2 .ul1 li .ltc .txt4 s{display:none;}
.net3 .ul1 li { height:360px;}
.net3 .ul1 li{width: 48%;float: left;}
.net4 .ul1 li{width:100%;float: none;  padding:30px 0;}
.net4 .ul1{margin:0px 0 0}

}
@media screen and (max-width:400px) {
.net1{min-height:auto;}
.net1 .ul1 li{ height: 320px;}
.net1 .ul1 li .ltt{font-size: 16px;}
.net1 .ul1 li .ltc{ font-size: 13px; line-height: 1.5;}
}
.ser_part1 {overflow:hidden;background:#fff; padding:6em 0;}
.ser_part1 .ser-item {float: left;width:33.3333337%}
.ser_part1 .ser-item.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.ser_part1 .ser-item.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.ser_part1 .ser-item.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} 
.ser_part1 .ser-item .inner {position: relative;margin: 0 27px}
.ser_part1 .ser-item .inner:hover .id {	color: #ccc}
.ser_part1 .ser-item .inner:hover h2{color: #f7941d}
.ser_part1 .ser-item .inner:hover .sub {border-bottom-color: #f7941d\9}
.ser_part1 .ser-item .inner:hover .line {width: 100%}
.ser_part1 .ser-item .inner .line {position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color:#f7941d;-webkit-transition: width ease-in-out 0.5s;-o-transition: width ease-in-out 0.5s;-moz-transition: width ease-in-out 0.5s;transition: width ease-in-out 0.5s}
.ser_part1 a:hover .ac {display: block;}
.ser_part1 a:hover img{display: none;}
.ser_part1 .ico{display:block;margin-bottom:12px;height:82px;line-height:82px;}
.ser_part1 .ico img{vertical-align: top;}
.ser_part1 .ico .ac{display:none; }
.ser_part1 .id {position: absolute;	right: 27px;top: 0;	font-size: 100px;line-height: 100px;color: #f2f2f2;	font-weight: bold;	-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;	transition: all ease .3s}
.ser_part1 h2 {display: block;padding: 40px 0 21px;font-size: 26px;line-height: 24px; font-weight: bold; color: #1a1a1a; -webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;	transition: all ease .3s}
.ser_part1 .sub { padding-top:60px;padding-bottom: 55px;height: 130px;border-bottom: 2px solid #ccc}
.ser_part1 .sub a {	display: block;	padding-left: 30px;	font-size: 14px;line-height: 36px;	color: #666;}
.ser_part1 .sub a:hover {	color: #d80000;	background-image: url("../images/ibuslineac.png")}
.ser_part2{padding: 5% 0;background: #f6f8fb;}
.ser_part2 ul{margin: 4% 0 0 0;}
.ser_part2 ul li{display: block;float: left;width: 18%;margin: 0 9.333% 5% 0;text-align: center;}
.ser_part2 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.ser_part2 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.ser_part2 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;}
.ser_part2 ul li.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.ser_part2 ul li:nth-child(4n){margin: 0 0 3% 0; }
.ser_part2 ul li img{height: 58px; margin-bottom:15px;}
.ser_part2 ul li span{font-size: 18px;color: #f7941d;display: block;font-weight: bold;margin: 0 0 10px 0;}
.ser_part2 ul li p{ color: #6e6e6e;text-align: center;line-height: 30px;height: 60px;}
.ser_part2 ul li:hover img {-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation: 	icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;}
.section_title{text-align: center;}
.section_title span{font-size: 3em;font-family:"微软雅黑", Microsoft Yahei;color: #151515;font-weight: bold;}
.section_title{color: #888888;}
.section_title p{line-height: 34px;font-size: 18px;}
.ser_part3{padding: 5% 0;}
.ser_part3 .section_title span{color: #f7941d; }
.ser_part3 .section_title p{ margin-top:40px;}
@media screen and (max-width:1200px) {
.ser_part1{  padding:4em 0; }
.section_title span{font-size: 2em;}
.ser_part2{padding: 5% 0 2%;}
.ser_part2 ul li{display: block;float: left;width: 21%;margin: 0 5.333% 9% 0;text-align: center;}

}

@media screen and (max-width:768px) {
.ser_part1{  padding:0em 0 3em; }
.ser_part1 .ser-item .inner { margin: 0 17px}
.ser_part1 .id { right: 7px; font-size:60px;line-height: 60px;}
.ser_part1 h2 {display: block;padding: 20px 0 21px;font-size: 20px;}
.ser_part1 .sub { padding-top:10px;padding-bottom: 55px;height: 170px;}
.section_title span{font-size: 20px;}
.ser_part2 ul li{display: block;float: left;width: 22%;margin: 0 3.333% 9% 0;}
.ser_part2 ul li span{font-size: 17px; }
.ser_part2 ul li p{line-height: 26px; height:80px; }

}
@media screen and (max-width:600px) {
.ser_part1 .ser-item { width:100%}
.ser_part1 .sub { padding-bottom: 30px;height: 100px; margin-bottom:20px;}
.ser_part2{padding: 5% 0 0;}
.ser_part2 ul li{ width: 49%;margin: 0 2% 9% 0;}
.ser_part2 ul li:nth-child(2n){ margin-right:0px;}
.section_title p{line-height: 30px;font-size: 16px;}
.ser_part3{padding: 8% 0;}
}
@keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
  0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
  25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
  50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
  75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
  85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
}

.contact_part1{ background:#fff; padding:5em 0 2em; }
.touch-list { margin: 3% -1.4534883%; }
.touch-list:after { content: ""; display: block; clear: both; height: 0; }
.touch-card { float: left; height: 170px; width: 30.5084746%; padding: 1.6949153% 2.8248588%;box-shadow:0 8px 24px 3px rgba(0,0,0,0.1); margin: 0 1.4124294% 40px; background-color: #fafafa; box-sizing: border-box; position: relative; overflow: hidden; }
.touch-icon { display: block; width: 36px; height: 36px; line-height: 1; color: #333; font-size: 36px; margin-top: 5px; }
.touch-name { color: #666666; font-size: 16px; line-height: 1.88; margin-top: 12px; }
.touch-main { color: #000000; font-size: 22px; line-height: 1.37; }
.touch-code { position: absolute; top: 50%; right: 0; width: 46.2962963%; margin-right: 9.2592593%; min-width: 190px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.touch-code_item { float: left; width: 40%; min-width: 75px; }
.touch-code_item dt { border: 1px solid #e8e8e8; line-height: 0; }
.touch-code_item dt img{ width:100%;}
.touch-code_item dd { color: #000000; font-size: 14px; text-align: center; line-height: 1; margin-top: 12px; }
@media screen and (max-width:1200px) {
.contact_part1{  padding:4em 0 2em; }
}
@media screen and (max-width:1024px) {
.contact_part1{  padding:3em 0 2em; }
.touch-main {font-size: 20px;}
.touch-code {right: 0; width: 46.2962963%; text-align:right; }
.touch-code_item { float: right; }
}
@media screen and (max-width:768px) {
.touch-card { float: left; width:47%; padding:3% 5%; }
.touch-main {font-size: 18px;}
}
@media screen and (max-width:600px) {
.contact_part1{  padding:0em 0 2em; }
.touch-card { width:97%; height:150px; }

}

.processbg{padding: 100px 0;height: 526px;background: url("../images/bg_progress.jpg") center no-repeat;}
.processbg .title{ text-align:center; width: 80%;margin: 0 auto;}
.processbg .title span{font-size:40px; font-variant:normal; color: #151515; text-align:center;}
.processul{position:relative;width: 80%;margin: 0 auto;height: 626px;}
.processul li{display: block;position: absolute;text-align:center;transform: translate(0px, 0px);}
.processul li p{margin: 25px 0 0 0;color:#151515;font-size: 20px;font-weight: bold;font-family: "微软雅黑", Microsoft Yahei;}
.processul li span{color:#666666; line-height:20px; font-family: "微软雅黑", Microsoft Yahei;}
.processul li:nth-child(1){ left: 230px;  top: 87px;  }
.processul li:nth-child(2){ left: 356px;  top: 241px; }
.processul li:nth-child(3){ left: 516px;  top: 141px; }
.processul li:nth-child(4){ left: 654px;  top: 268px; }
.processul li:nth-child(5){ left: 809px;  top: 45px;  }
.processul li:nth-child(6){ left: 970px;  top: 163px; }
.processul li:nth-child(7){ left: 1104px; top: 18px;  }
.processul li:nth-child(8){ left: 1240px; top: 174px; }
.processul li:nth-child(9){ left: 1395px; top: 68px;  }
.processul li .light{width: 8px;height: 8px;border-radius: 50%;background: #fff;position: relative;margin: 25px auto;}
.processul li .light:after{content: "";position: absolute;display: block;left: -3px;top: -3px;z-index: -1;width: 14px;height: 14px;border-radius: 50%;background: #666;}
.processul li:hover .light:after{ animation:Circle 1.2s infinite linear; }
.processul li:hover .light:after{ animation:Circle 1.2s infinite linear; }
.processul li:hover p{color: #ff6701;}
.processul li .icon{width:52px;height:52px;margin: 0 auto;background: #ccc;-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.processul li:nth-child(1) .icon{ background: url(../images/icon_process_1_1.png) center no-repeat; }
.processul li:nth-child(2) .icon{ background: url(../images/icon_process_2_1.png) center no-repeat; }
.processul li:nth-child(3) .icon{ background: url(../images/icon_process_3_1.png) center no-repeat; }
.processul li:nth-child(4) .icon{ background: url(../images/icon_process_4_1.png) center no-repeat; }
.processul li:nth-child(5) .icon{ background: url(../images/icon_process_5_1.png) center no-repeat; }
.processul li:nth-child(6) .icon{ background: url(../images/icon_process_6_1.png) center no-repeat; }
.processul li:nth-child(7) .icon{ background: url(../images/icon_process_7_1.png) center no-repeat; }
.processul li:nth-child(8) .icon{ background: url(../images/icon_process_8_1.png) center no-repeat; }
.processul li:nth-child(9) .icon{ background: url(../images/icon_process_9_1.png) center no-repeat; }

.processul li:nth-child(1):hover .icon{ background: url(../images/icon_process_1_2.png) center no-repeat; }
.processul li:nth-child(2):hover .icon{ background: url(../images/icon_process_2_2.png) center no-repeat; }
.processul li:nth-child(3):hover .icon{ background: url(../images/icon_process_3_2.png) center no-repeat; }
.processul li:nth-child(4):hover .icon{ background: url(../images/icon_process_4_2.png) center no-repeat; }
.processul li:nth-child(5):hover .icon{ background: url(../images/icon_process_5_2.png) center no-repeat; }
.processul li:nth-child(6):hover .icon{ background: url(../images/icon_process_6_2.png) center no-repeat; }
.processul li:nth-child(7):hover .icon{ background: url(../images/icon_process_7_2.png) center no-repeat; }
.processul li:nth-child(8):hover .icon{ background: url(../images/icon_process_8_2.png) center no-repeat; }
.processul li:nth-child(9):hover .icon{ background: url(../images/icon_process_9_2.png) center no-repeat; }
.processul li.cur .icon{-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: 	all 0.5s;-o-transition: 		all 0.5s;transition: 		all 0.5s;}
@keyframes Circle{0%{transform:scale(.5);}50%{transform:scale(1);}100%{transform:scale(.5);}}
@media screen and (max-width:1440px) {
.processul li:nth-child(1){left: 58px;top: 80px;}
.processul li:nth-child(2){left: 180px;top: 245px;}
.processul li:nth-child(3){left: 325px;top: 136px;}
.processul li:nth-child(4){left: 428px;top: 274px;}
.processul li:nth-child(5){left: 567px;top: 80px;}
.processul li:nth-child(6){left: 701px;top: 195px;}
.processul li:nth-child(7){left: 799px;top: 20px;}
.processul li:nth-child(8){left: 909px;top: 155px;}
.processul li:nth-child(9){left: 1025px;top:5px;}
}
@media screen and (max-width:1366px) {
.processul{ width: 90%;}
.processul li:nth-child(1){left: 80px;top: 82px;}
.processul li:nth-child(2){left: 181px;top: 235px;}
.processul li:nth-child(3){left: 331px;top: 128px;}
.processul li:nth-child(4){left: 420px;top: 275px;}
.processul li:nth-child(5){left: 546px;top: 94px;}
.processul li:nth-child(6){left: 672px;top: 220px;}
.processul li:nth-child(7){left: 760px;top: 43px;}
.processul li:nth-child(8){left: 900px;top: 150px;}
.processul li:nth-child(9){left: 1030px;top: 25px;}
}
@media screen and (max-width:1280px) {
.processul li:nth-child(2){left: 181px;top: 245px;}
.processul li:nth-child(5){left: 546px;top: 85px;}
.processul li:nth-child(6){left: 672px;top: 210px;}
.processul li:nth-child(7){left: 760px;top:30px;}
.processul li:nth-child(9){left: 1030px;top: 5px;}
}
@media screen and (max-width: 1200px) {
.processul li:nth-child(1){left: 18px;top: 83px;}
.processul li:nth-child(2){left: 109px;top: 235px;}
.processul li:nth-child(3){left: 229px;top: 124px;}
.processul li:nth-child(4){left: 318px;top: 276px;}
.processul li:nth-child(5){left: 474px;top: 95px;}
.processul li:nth-child(6){left: 610px;top: 214px;}
.processul li:nth-child(7){left: 708px;top: 33px;}
.processul li:nth-child(8){left: 818px;top: 147px;}
.processul li:nth-child(9){left: 938px;top: 23px;}
}
@media screen and (max-width:1024px) {
.processul{ width: 100%;}
.processul li:nth-child(1){left: 18px;top: 83px;}
.processul li:nth-child(2){left: 109px;top: 250px;}
.processul li:nth-child(3){left: 229px;top: 129px;}
.processul li:nth-child(4){left: 318px;top: 276px;}
.processul li:nth-child(5){left: 423px;top: 100px;}
.processul li:nth-child(6){left: 531px;top: 239px;}
.processul li:nth-child(7){left: 610px;top: 60px;}
.processul li:nth-child(8){left: 705px;top: 160px;}
.processul li:nth-child(9){left: 805px;top: 12px;right: 0;}
}
@media screen and (max-width:992px) {
.processbg{height: auto;background: url(../images/bg_progress.png) center;}
.processul{margin: 40px auto 0 auto;height: auto;}
.processul li{position: relative;left: auto !important;top: auto !important;right: auto !important;width: 33.333%;float: left;margin: 0 0 3% 0;}
.processul li p{font-size: 16px;}
.processul li span{height: 32px;display: block;}
.processul li .light{display: none;}
}
@media screen and (max-width:602px) {
.processbg{ padding:60px 0;}
.processul li span{height:40px;}
.processbg .title span{font-size:24px;}

}
.tablemar{ width:78%; margin:0 auto 30px; padding:50px 0;}
.tablemar tr{ height:80px; }
.tablemar .tr1{ height:100px;}
.tablemar tr td{ padding:0 30px;}
.tablemar .input_domain{ width:88%; float:left; line-height:60px; padding-left:2%;}
.tablemar .input_submit{width:10%; float:left; line-height:60px; background:#f7941c; color:#fff;}
.domain .title{ font-size:24px; line-height:60px;}
.pageMail { background:#fff;}
.pageMail .pageMail_pt1 .col{width:32.63337%; float:left; margin-right:1%; margin-bottom:50px;}
.pageMail .pageMail_pt1 .col:nth-child(3){ margin-right:0px;}
.pageMail .pageMail_pt1 .col-wrap{height: auto;border:1px solid #e8e8e8;position:relative; padding-bottom:30px; }
.pageMail .pageMail_pt1 .col-wrap:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}
.pageMail .pageMail_pt1 .tit{ height:140px; background:#f7941c; color:#FFF;text-align:center;}
.pageMail .pageMail_pt1 b{font-weight:400;font-size:24px;display:block;padding:30px 0 10px}
.pageMail .pageMail_pt1 .p1{ margin-bottom:30px}
.pageMail .pageMail_pt1 .cont{ padding:10px 20px;}
.pageMail .pageMail_pt1 .info{  margin:0 auto; text-align:center;}
.pageMail .pageMail_pt1 .style2{ text-align: center; height:140px; padding:20px 0; border-bottom:1px dashed #e8e8e8;}
.pageMail .pageMail_pt1 .style2 p{line-height:34px;font-size:18px;color:#666}
.pageMail .pageMail_pt1 .btn{width:40%;height:50px;line-height:50px;font-size:15px;margin:0 auto; text-align:center;}
.pageMail .pageMail_pt1 .btn a{color: #ff6701;border: 1px solid #ff6701; padding:10px 20px;}
.pageMail .m-features {height:70px;border-bottom:1px dashed #e8e8e8; margin-bottom:20px; padding:20px 0;}
.pageMail .m-features p{ width:70%; margin:0 auto;}
.pageMail .m-features p span { float: left; width:40%; margin-bottom:20px; text-align:left; padding-left:27px;}
.pageMail .m-features p span { line-height: 16px; background: url(../images/features.png) no-repeat; background-position: 0 -1006px; color: #666;}
.pageMail_pt2 {background-color:#fafafa;}
.pageMail_pt2 .c-section-hd{ margin-bottom:30px; text-align:center;}
.pageMail_pt2 .c-section-hd p{ font-size:16px; line-height:30px;}
.pageMail_pt2 ul li { width:25%; float:left; margin-bottom:25px; text-align:center;}
.pageMail_pt2 ul li .c-media {line-height: 1.5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 20px;display: block;}
.pageMail_pt2 ul li .c-media-img {width: 100%;text-align: center;}
.pageMail_pt2 ul li .c-media-body {margin-top: 20px;}
.pageMail_pt2 ul li .c-media-heading {text-align: center;font-size:20px;color: #333;margin: 0;padding: 0;font-weight: 400;line-height: 1.5;}
.pageMail_pt2 ul li .c-media-info { color: #666;margin-top: 10px;line-height: 1.7;word-wrap: break-word;}

@media screen and (max-width:1440px) {
.pageMail .m-features {height:100px;}
.pageMail .pageMail_pt1 .style2{height:150px;}
}
@media screen and (max-width:1366px) {
.pageMail .pageMail_pt1 .style1 .item{ margin-right:5px}
}
@media screen and (max-width:1200px) {
.pageMail .pageMail_pt1 .style1 .item{ margin-right:2px}
.pageMail_pt2 .c-section-hd{ margin-bottom:20px;}
}
@media screen and (max-width:1024px) {
.pageMail .m-features {height:110px;}
.pageMail .pageMail_pt1 .style1 .item{ width:62px;}
.pageMail .pageMail_pt1 .style2{height:180px;}
.pageMail .pageMail_pt1 .style2 p{line-height:30px;}
}
@media screen and (max-width:768px) {
.pageMail .pageMail_pt1 .col{width:100%; margin-right:0; margin-bottom:20px;}
.pageMail .pageMail_pt1 .style2{height:140px;}
.pageMail .pageMail_pt1 .style1 .item{ width:60px;}
.pageMail_pt2 ul li { width:50%; margin-bottom:15px;}
.tablemar{ width:98%; margin:0 auto 30px; padding:0px 0;}
.tablemar tr td{ padding:0 10px;}
.tablemar .input_domain{ width:80%;}
.tablemar .input_submit{width:18%;}

}
@media screen and (max-width:600px) {
.pageMail_pt2 ul li { width:100%;}

}
.c-section-tit{text-align:center;text-align:center;font-size:32px;color:#000;font-weight:400;line-height:46px}
.c-section-des{text-align:center;text-align:center;font-size:16px;color:#666;margin:10px 0 0;line-height:28px}
.c-section-des a{color:#00a4ff}
.c-section-des a:hover{text-decoration:underline}
@media screen and (max-width:1200px) {
.c-section-tit{ font-size:28px; line-height:40px}
}
@media screen and (max-width:768px) {
.c-section-tit{ font-size:22px; line-height:30px}
}
.record{ margin-bottom:50px; }
.set_tab{ width:100%; border:1px solid #ddd; margin-top:15px; margin-bottom:35px; background-color:#FFF;}
.set_tab1{ width:100%; border:1px solid #ddd; margin-top:15px; background-color:#FFF;}
.set_top{ width:100%;height:55px; line-height:35px; border-bottom:1px solid #ddd; background-color:#FFF;}
.tab_tit{width:19.9%;height:55px;display:block; float:left;text-align:center;line-height:55px; color:#323232;border-top-width: 2px;border-right-width: 1px;border-top-style: solid;border-right-style: solid;border-top-color: #F7921E;border-right-color: #ddd}
.tab_tit_on,.tab_tit2_on:hover{ width:19.9%;height:55px; display:block; float:left; text-align:center; line-height:55px; color:#323232; border-top:2px solid #F7921E; border-right:1px solid #ddd;}
.tab_tit_off,.tab_tit2{ width:19.9%;height:55px; display:block; float:left; text-align:center; line-height:55px;border-right:1px solid #ddd;}
.set_top a:last-child{ border-right:0px;}
.main_box_r .f20{ color: #EC0000; margin-bottom:15px; margin-top:15px;}
.set_content{ width:100%; padding-bottom:15px; padding-top:8px; text-align:left}
.set_content .zysx{ width:100%; margin:20px auto; width:94%; border-bottom:1px dashed #ddd; color:#5a5a5a; line-height:26px; padding-bottom:10px;}
.set_content .zysx span{ color:#f34d02; font-weight:bold;}
.set_content .sxzl{ border-bottom:0; margin-bottom:0;}
.orange{ color:#f34d02;}
.set_content img{ margin-left:20px;}
.set_content1{ background-color:#FFF;}
.tuiguangbg{padding: 9em 0 3em;}
.tuiguang{padding: 5px 0 60px;min-height: 870px;background-color:#fafafa;text-align: center;}
.tuiguang .ul1 *{transition: all .5s;-webkit-transition: all .5s;}
.tuiguang .ul1{margin-top: 80px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.tuiguang .ul1 li{width:33.333373333%;float: left;height: 495px;box-sizing: border-box;background: #fff;position: relative;}
.tuiguang .ul1 li .img{display: block; margin: 60px auto; overflow: hidden;position: relative;}
.tuiguang .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom:  0;left: 0;background: #fd8c04;z-index: 9;}
.tuiguang .ul1 li .ltt{font-size: 24px;}
.tuiguang .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8; padding:0 20px;}
.tuiguang .ul1 li s{display: block;width: 1px ;height: 320px;background: #eee;position: absolute;right: 0;top: 98px;}
.tuiguang .ul1 li:hover{background: #eee;}
.tuiguang .ul1 li:hover:before{width: 100%;}

.main_serve_b{padding: 9em 0 5.5em; }
.serve_b h2{ font-size:28px;}
.se_title{ padding:40px 0; overflow:hidden;}
.se_title .bt_x{ display:inline-block; _display:inline; padding:2px 0; border-bottom:3px solid #4c4c4c;}
.ser_content{ width:98%; text-align:left; padding:15px 1% 8px; }
.ser_tab{ height: auto; padding-bottom:20px; }
.tc{ text-align:center;}
.f24{ font-size:24px;}
.f20{ font-size:20px;}
.advantage-wrap { padding-top:70px; background:#eef7f5; padding-bottom:70px;}
.advantage-title { color:#333; text-align:center;font-size: 28px; font-weight: bold;  line-height: 40px; margin-bottom:15px;}
.advantage { border-radius:0px; /*background:rgba(0,0,0,.1);*/ margin-top:30px; overflow:hidden; }
.advantage ul {padding:0px 15px 0;overflow:hidden; }
.advantage ul:last-child {border-top:1px dashed rgba(255,255,255,0.4);}
.advantage ul li {width: 18.5%;padding: 10px;float: left; /*border-right:1px dashed rgba(255,255,255,0.4)*/;}
.advantage ul li .advantage-item { background:#fff; border: 1px solid #dfdfdf; border-radius:10px; height:260px;}
.advantage ul li:last-child {border-right:none;}
.icon-box {width: 150px;height: 130px;border-radius: 50%;background-color: #fff;position: relative;margin: 0 auto; text-align:center; line-height:150px;}
.advantage-item .iconfont img{ width: 80%;}
.advantage h3 {font-size: 24px; font-weight:normal;color: #333;margin: 10px 0;text-align: center;}
.advantage p { padding:0 20px;font-size: 15px;color: #999;line-height: 180%; text-align: center;}
.show-wrap { padding-top:70px; background:#164332; padding-bottom:70px;}
.show-wrap:after {content:""; clear:both; display:block;}
.showbg { padding-bottom:80px;}
.showbg:after {content:""; clear:both; display:block;}
.show-title { color:#fff; text-align:center;font-size: 28px; font-weight: bold;  line-height: 40px; margin-bottom:15px;}
.show-wrap .ioc {height: 3px;width: 220px;margin: 0 auto;display: block;background: rgba(255,255,255,0.35);}
.showbg {margin-top:30px; padding:70px 80px; background:#fff; border-radius:10px;}
.showbg dl { float:left;}
.showbg dl:last-child {float:right;}
.showbg dl dt { margin-bottom:30px; text-align:left;padding-left:30px;}
.showbg dl dt span {background:#0fb264; border-radius:30px; font-size:16px; display:inline-block; color:#fff; padding:10px 30px 10px 40px; line-height:16px; position:relative;}
.showbg dl dt span i {position:absolute; width:60px; height:60px; text-align:center; line-height:60px; background:#f60; border-radius:50%; left:-30px; top:-12px;}
.showbg dl dt span i img{ width: 50%;}
.case-wrap {padding-top:70px; padding-bottom:70px; background:#fafffe; }
.casebg { background:#fff;  border-radius:8px; border-radius:10px; border: 1px solid #dfdfdf;}
.case-title { color:#333; text-align:center;font-size: 28px; font-weight: bold;  line-height: 40px; margin-bottom:15px;}
.case-subtitle { font-size:28px; text-align:center; margin-top:30px; }
.case-subtitle span { color:#f00; color:#ff3c00; font-weight:700;}
.casebg { margin-top:50px; position:relative;}
.casebg ul {padding:30px 50px; overflow:hidden;}
.casebg ul li {width:20%; float:left; margin-bottom:18px; font-size:16px;}
.casebg ul li a { color:#006cff;}
.case-wrap .ioc {height: 3px;width: 220px;margin: 0 auto;display: block;background: rgba(0,0,0,0.35);}
.case-btitle { text-align:center; position:absolute; bottom:-22px; left:50%; margin-left:-242px; }
.case-btitle span { font-size:24px; line-height:24px; display:inline-block; background-image:linear-gradient(#2becc1, #277966); color:#fff; border-radius:30px; padding:10px 50px; }
@media screen and (max-width:1600px) {
.advantage ul li {width: 18.2%; }
.advantage h3 {font-size: 22px; }
}
@media screen and (max-width:1440px) {
.advantage ul li {width: 18%; }
.advantage h3 {font-size: 20px; }
.showbg dl { float:left; width: 56%;}
.showbg dl:last-child {float:right; width: 38.3%;}
.showbg dl img { width: 100%;}
}
@media screen and (max-width:1366px) {
.showbg {padding:50px 60px;}
}
@media screen and (max-width:1280px) {
.advantage-title { margin-bottom: 5px; line-height: 35px;}
.show-title { margin-bottom: 5px; line-height: 35px;}
.case-title { margin-bottom: 5px; line-height: 35px;}
.advantage-wrap { padding-top:50px; padding-bottom:50px;}
.show-wrap { padding-top:50px; padding-bottom:50px;}
.case-wrap {padding-top:50px; padding-bottom:50px;}
}
@media screen and (max-width:1080px) {
.advantage ul li {width: 17.8%; }
.advantage h3 {font-size: 20px; }
.advantage p { padding:0 10px; line-height: 150%; }
.icon-box {width: 120px;height: 100px;border-radius: 50%; line-height:120px;}
.advantage-item .iconfont img{ width: 70%;}

}
@media screen and (max-width:992px) {
.advantage ul li {width: 17.5%; }
.showbg dl:last-child {float:left; margin-top: 30px;}
.advantage-wrap { padding-top:40px; padding-bottom:40px;}
.show-wrap { padding-top:40px; padding-bottom:40px;}
.case-wrap {padding-top:40px; padding-bottom:40px;}
.showbg dl { float:left; width: 100%;}
.showbg dl:last-child {float:left; width: 100%;}
.showbg dl img{ width: auto; max-width: 100%;}
}
@media screen and (max-width:892px) {
.advantage ul li {padding: 7px;}
.advantage h3 {font-size: 18px; }
}
@media screen and (max-width:772px) {
.showbg {padding:30px 30px;}
.icon-box {width: 100px;height: 80px;line-height:100px;}
}
@media screen and (max-width:600px) {
.advantage ul li {width: 47%; }
.advantage ul li .advantage-item { height:220px;}
.advantage-title { font-size: 20px; line-height: 30px;}
.show-title { font-size: 20px; line-height: 30px;}
.case-title { font-size: 20px; line-height: 30px;}
}
@media screen and (max-width:500px) {
.advantage ul li {width: 46%; }
}  
@media screen and (max-width:380px) {
.advantage ul li {width: 45%; }
} 
.codiv1{display: flex;justify-content: space-between;padding: 20px 0px;letter-spacing: 2px;}
.codiv1>div{margin-top: 80px;width: 50%;}
.codiv1>div>h3{color: #fbd792;font-weight: 900;}
.codiv1>div>h4{font-weight: 900;position: relative;bottom: 18px;left: 1px;}
.codiv1>div>button{font-size: 18px;font-weight: 800;padding: 4px 20px;color: #2e519e;border: 1px solid #2e519e;background-color: white;border-radius: 20px;margin-top: 20px;}
.codiv2{display: flex;flex-wrap: wrap;}
.codiv2>div{width: 43%;height: 125px; margin-top: 20px; margin-right: 30px;}
.codiv2>div>p{ padding: 10px 5px; line-height: 180%; font-size: 16px; letter-spacing: 1px;}
.codiv2>div>div{display: flex;}
.codiv2>div>div>h3{font-size: 20px;font-weight: 900;padding: 2px 10px;}
.condiv1{width: 1200px;margin: 0px auto;}
.condiv1 h2{font-size: 30px;font-weight: 900;padding:80px;color: #2e519e;text-align: center;}
.condiv1>div{display: flex;justify-content: space-between;}
.condiv11{width: 540px;height: 320px;background-color: #5776bb;}
.condiv12{width: 580px;height: 280px;margin-top: 50px;}
.condiv12 h3{font-size: 24px;font-weight: 600;padding-left: 10px;border-left: #2e519e solid 8px;}
.condiv12 p{font-size: 16px;margin-top: 40px;line-height: 200%;}
.f-s-24{font-size: 24px}
.f-s-26{font-size: 26px}
.f-s-28{font-size: 28px}
@media screen and (max-width:1200px) {
.tuiguangbg{padding: 6em 0 3em;}
.main_serve_b{padding: 6em 0 2.5em; }
.codiv1 img{ width:100%;}
.codiv1>div{ width:78%;}
.codiv2>div{width: 47%; margin-right: 10px;}
.codiv2>div>div>h3{font-size: 18px;}
}
@media screen and (max-width:1024px) {
/*.main_serve_b{padding: 4em 0 3em; }*/
.codiv1 img{ width:50%;}
.codiv1>div{ width:98%; margin-top:40px;}
.set_top{ height:90px; line-height:35px;border-bottom:0px;}
.tab_tit{width:33%;height:43px; line-height:43px;border-bottom: 1px solid #ddd;}
.tab_tit_off{ width:33%;height:45px; line-height:45px;border-bottom: 1px solid #ddd;}
.tab_tit2{ width:33%;height:45px; line-height:45px;border-bottom: 1px solid #ddd;}
.tab_tit_on,.tab_tit2_on:hover{ width:33%;height:43px; line-height:43px;border-bottom: 1px solid #ddd;}
.set_top a:last-child{ border-right:1px solid #ddd;}
.tuiguang .ul1{margin-top:40px;}
}
@media screen and (max-width:768px) {
.codiv1{display: block;}
.codiv1 img{ width:90%; margin:0 auto; text-align:center;}
.codiv1>div{ width:100%;}
.tuiguang .ul1 li{height: 380px;}
.tuiguang .ul1 li .img{margin: 20px auto;}
.tuiguang .ul1 li .ltt{font-size: 20px;}
.tuiguang .ul1 li s{ width:0px;}
}
@media screen and (max-width:600px) {
.main_serve_b{padding: 1em 0 3em; }
.serve_b h2{ font-size:20px;}
.set_top{ height:140px; }
.tab_tit{width:49.725%;}
.tab_tit_off,.tab_tit2{ width:49.725%;}
.tab_tit_on,.tab_tit2_on:hover{ width:49.725%;}
.set_top a:nth-child(2n){ border-right:0px solid #ddd;}
.tuiguangbg{padding: 1em 0 3em;}
.tuiguang .ul1 li{width:49%;}
.tuiguang .ul1 li .img{margin: 10px auto;}
.tuiguang .ul1 li .img img{ width:100%;}
.tuiguang .ul1 li .ltt{font-size: 18px;}
.ser_content{ width:96%; text-align:left; padding:15px 2% 8px; }
.f24{ font-size:20px;}
.f20{ font-size:18px;}
.serve_b img{ width:100%;}
.ser_tab img{ width:100%;}
.main_serve_b img{ width:100%;}
.se_title{ padding:20px 0; overflow:hidden;}

}
@media screen and (max-width:400px) {
.tuiguang .ul1 li{width:100%;}
}
.main_bg_about_400cn { width: 100%;clear:left;font-family: "微软雅黑";font-size: 12px;color: #5c5c5c;}
.main_about_400cn { padding-top:25px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dcdddd; padding-bottom:20px; height:auto; overflow:hidden;}
.main_about_400cn2 {width:900px;padding-left:40px;padding-top:25px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dcdddd;float: left;padding-bottom:30px;font-size:14px;padding-right:20px;}
.main_about_400cn3 {width:900px;padding-left:40px;padding-top:25px;float: left;font-size:14px;padding-right:20px;border-bottom: 1px solid #DCDDDD; padding-bottom:25px;}
.main_01 h4{ font-size:22px;line-height: 2;font-weight: normal;text-align: center;}
.main_01 .nr{ line-height: 1.5; padding-top:30px; padding-bottom:30px;}
.main_01 img{ width:100%;}
.main_02{ padding-top: 30px;background: #ededed;height: 470px;overflow: hidden;text-align: center;position: relative;}
.main_02 .title h4{ font-size: 22px;line-height: 2;color: #333;font-weight: normal;text-align: center;}
.main_02 .title span{font-size: 20px;color: #357cb2;line-height: 2; text-align:center;}
.main_02 .title p{font-size: 16px;color: #666;line-height: 2; text-align:center;}
.main_02 .div_l{ position: absolute;width: 390px;text-align: right;left: 0;bottom: 30px;height: 180px;}
.main_02 .div_l h2{font-size: 18px !important;color: #357cb2 !important;line-height: 2; font-weight:600; text-align:right;}
.main_02 .div_l h2 font{ color: #18923b;font-size: 18px;}
.main_02 .div_l p{ font-size: 16px;color: #666666;line-height: 2; text-align:right;}
.main_02 .div_r{ position: absolute;width: 410px;text-align: left;right: 0;bottom: 30px;height: 180px;}
.main_02 .div_r h2{font-size: 18px!important;color: #357cb2!important;line-height:2!important;font-weight:600; }
.main_02 .div_r h2 font{color: #18923b;font-size: 18px;}
.main_02 .div_r p{ font-size: 16px;color: #666666;line-height: 2; padding-left:10px;}
.main_03{ padding-top: 30px;height: 920px;overflow: hidden;background: #fff;text-align: center;position: relative;}
.main_03 h4{font-size: 26px;line-height: 2;color: #333;font-weight: normal; margin-bottom:40px; text-align: center;}
.main_03 .title{width:40%; float:left; padding-top:100px; padding-right:8%;font-size:18px;line-height: 2;color: #444344; text-align: right;}
.main_03 .img{ width:48%; float:left; padding:10px;}
.main_04{height: 940px;overflow: hidden;background: #fff;text-align: center;position: relative;}
.main_04 h4{font-size: 22px;line-height: 2;color: #333;font-weight: normal; text-align: center;}
.main_04 .img{ width:50%; float:left;}
.main_04 .title{font-size: 20px;line-height: 2;color: #444344; width:50%; float:right;margin-top: 150px;text-align: right;}
.main_04 .title h4{ color: #19b955;font-size: 22px;line-height: 2; font-weight:600; text-align:right;}
.main_04 .title p{ font-size:18px;line-height: 2; text-align:right;}
.main_04 .title1 {font-size: 20px;line-height: 2;color: #444344; width:50%; float:left;margin-top: 130px;text-align: right;}
.main_04 .title1 h4{ color: #19b955;font-size: 22px;line-height: 2;font-weight:600; text-align:right;}
.main_04 .title1 p{ font-size:18px;line-height: 2; text-align:right;}
.main_05 { padding-top: 30px; padding-bottom:30px;overflow: hidden;background: #ededed;text-align: center;}
.main_05 h4{ font-size: 22px;line-height: 2;color: #333;font-weight: normal;text-align: center;}
.main_05 img{ width:48%; float:left; padding:10px;}
.main_06{ padding-top: 30px; overflow: hidden;background: #fff;text-align: center;}
.main_06 h4{font-size:26px;line-height: 2;color: #333;font-weight: normal; text-align:center;}
.picScroll-left1{ overflow:hidden; position:relative;}
.picScroll-left1 .bd{ padding:0 50px;   }
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{ margin:0 25px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left1 .bd ul li .pic{ text-align:center; }
.picScroll-left1 .bd ul li .pic img{ width:220px;  display:block; }
.picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left1 .bd ul li .title{ line-height:24px;   }
.picScroll-left1 .prev{position: absolute;left: 1%;top: 50%;margin-top: -25px;display: block;width: 30px;height: 48px;background: url(../images/slider1.jpg) 0 0 no-repeat;}
.picScroll-left1 .next {position: absolute;right:  1%;top: 50%;margin-top: -25px;display: block;width: 30px;height: 48px;background: url(../images/slider2.jpg) 0 0 no-repeat;}
.main_serve_b .wrap1{ width:63%; margin:0 auto;}
.main_02_bg {background: #ededed;}
@media screen and (max-width:1600px) {
.main_serve_b .wrap1{ width:83%; margin:0 auto;}
}
@media screen and (max-width:1366px) {
.main_serve_b .wrap1{ width:88%; margin:0 auto;}
}
@media screen and (max-width:1280px) {
.main_serve_b .wrap1{ width:92%; margin:0 auto;}
}
@media screen and (max-width:1200px) {
.main_serve_b .wrap1{ width:96%; margin:0 auto;}
.picScroll-left1 .bd ul li{ margin:0 20px;}
}
@media screen and (max-width:1024px) {
.picScroll-left1 .bd ul li .pic img{ width:200px; }
.picScroll-left1 .bd ul li{ margin:0 10px;}
.main_03 .img{ width:46%; float:left; padding:10px;}
.main_04{height: 880px;}
.main_04 .title{font-size: 18px;line-height: 1.5;color: #444344; width:50%; float:right;margin-top: 100px;text-align: right;}
.main_04 .title h4{ color: #19b955;font-size: 18px;line-height: 1.5; font-weight:600; text-align:right;}
.main_04 .title p{ font-size:16px;line-height: 1.5; text-align:right;}
.main_04 .title1 {font-size: 18px;line-height: 1.5;color: #444344; width:46%; padding-right:4%; float:left;margin-top:100px;text-align: right;}
.main_04 .title1 h4{ color: #19b955;font-size: 18px;line-height: 1.5;font-weight:600; text-align:right;}
.main_04 .title1 p{ font-size:16px;line-height:1.5; text-align:right;}
.main_05 img{ width:46%; float:left; padding:10px;}

}
@media screen and (max-width:992px) {
.picScroll-left1 .bd ul li .pic img{ width:195px; }
.main_02 .div_l{ position: absolute;width: 370px;}
.main_02 .div_r{ position: absolute;width: 370px; }
.main_02 .div_l h2{font-size: 16px !important;}
.main_02 .div_r h2{font-size: 16px!important; }
.main_02 .div_r h2 font{font-size: 16px;}
.main_04 .title1 h4{font-size: 18px;}
.main_04 .title1 p{ font-size:16px;line-height:1.5;}
.main_04 .title p{ font-size:16px;line-height: 1.5;}
}
@media screen and (max-width:768px) {
.main_02 .title h4{ font-size: 20px;}
.main_02 .title span{font-size: 16px;}
.main_02 .title p{font-size: 15px;line-height: 1.5;}
.main_02 img{ width:20%; margin-top:30px;}
.main_02 .div_l{ position: absolute;width: 270px; text-align:center }
.main_02 .div_r{ position: absolute;width: 270px; text-align:center }

.main_02 .div_l p{line-height:1.5;}
.main_02 .div_r p{line-height:1.5;}
.main_03{height: 640px; }
.main_03 h4{font-size: 20px; margin-bottom:10px;}
.main_03 .img img{ width:100%;}
.main_03 .title{ font-size:16px;line-height:1.5; padding-top:60px;}
.main_04{height: 640px; }
.main_04 h4{font-size: 20px; margin-bottom:10px;}
.main_04 .title{margin-top:60px;}
.main_04 .title1 {margin-top:60px;}
.main_04 img{ width:100%;}

}
@media screen and (max-width:690px) {
.main_02{ height: 450px;}
.main_02 .div_l h2{ text-align: center;}
.main_02 .div_l p{ text-align:center;}
.main_02 img{ display:none;}
.main_03{height: auto; }
.main_04{height: auto; padding:30px 0;}
.main_02 .div_l{ position: static;width: 100%; height:120px; }
.main_02 .div_r{ position: static;width: 100%; height:120px; }
.main_02 .div_r p{ padding-left:0px;}
.main_03 .img{ width:96%; float: none; padding:10px;}
.main_03 .title{ width:100%; float:none; text-align:left; font-size:16px;line-height:1.5; padding-top:0px;}
.main_04 .img{ width:100%;}
.main_04 .title{margin-top:0px;float: none; width:100%;text-align: left; margin-bottom:10px;}
.main_04 .title1{margin-top:0px;float: none; width:100%;text-align: left; margin-bottom:10px;}
.main_04 .title h4{ color: #19b955;font-size: 16px;text-align:left;}
.main_04 .title p{ font-size:15px;line-height: 1.5; text-align:left;}
.main_04 .title1 h4{ color: #19b955;font-size: 16px; text-align:left;}
.main_04 .title1 p{ font-size:15px;line-height:1.5; text-align:left;}

}
@media screen and (max-width:475px) {
.main_02{ height: 480px;}
.picScroll-left1 .bd ul li .pic img{ width:215px; }
.picScroll-left1 .bd ul li{ margin:0 35px;}
.main_05 .wrap1 img{ width:96%; margin:0 auto;}
.main_02 .div_l{height:140px;}
.main_02 .div_r{height:140px;}

}
@media screen and (max-width:375px) {
.picScroll-left1 .bd ul li .pic img{ width:215px; }
.picScroll-left1 .bd ul li{ margin:0 25px;}
}
.down_info{ height:360px; margin:auto;width:90%; }
.down_info .img{ width:50%; float:left;}
.down_info1{ width:50%; float:left;}
.down_info1 h2{ margin-bottom:10px; font-size:36px; line-height:45px;}
.down_info1 p{padding:15px 0 0 5px;color:#102134;}
.down_info1 .download,.down_info1 .downloadm{background-image: url(../images/download.png);display:inline-block;width: 152px;height: 55px;background-repeat:no-repeat;background-position:top left;}
.down_info1 .download:hover{background-position:0 -56px;}
.down_info1 .download:active{background-position:0 -112px;}
.down_info1 .downloadm{ background-position:-193px 0; margin-left:15px;}
.down_info1 .downloadm:hover{background-position:-193px -56px;}
.down_info1 .downloadm:active{background-position:-193px -112px;}
.down_info2 { width:100%; margin-top:50px; border-top:1px solid #ccc;padding:60px 0;}
.down_info2 span{float:left;width:75%;height:125px;}
.down_info2 span p{ margin-bottom:20px;}
.down_info2 strong{width:220px;height:40px;display:block;}
.down_info2 strong h2 i{ font-size:28px; color:#C60000; font-weight:bold;}
.down_info2 img{float:right;height:245px;}
.excellent{width:100%; height:380px; padding:40px 0;margin:0 auto; border-top:1px solid #ccc;}
.excellent .fl{ float:left; width:50%;}
.excellent .fr{ float:right; width:50%;}
.excellent img{ width:auto; height:100%;}
.excellent .tr{ text-align:right;}
.excellent .title { margin-top:4%;}
.excellent .title h2{ font-size:36px; font-weight:bold; margin-bottom:20px;}
.excellent .title p{ font-size:26px; margin-bottom:15px;}
.excellent .hr{ height:1px; background:#333; width:100%;}
.excellent .info{ line-height:30px;}
.excellent .info ul{margin-top: 20px;}
.excellent .info ul li{ color: #666;}
.excellent .info ul li img{vertical-align: middle;margin: 0 4px;}
.excellent .info ul li i{color: #4ba7ff;}

@media screen and (max-width:1024px) {
.down_info{ height:240px;width:100%;}
.down_info .img img{ width:130%}
.down_info1 h2{ margin-bottom:0px; font-size:26px; line-height:35px;}
.excellent .title { margin-top:13%;}
.excellent .title h2{ font-size:30px;}
.excellent .title p{ font-size:22px;}
}
@media screen and (max-width:768px) {
.down_info1 h2{ font-size:20px; line-height:30px;}
.down_info2 {height:265px;margin-top:0px; padding:30px 0;}
.down_info2 span{float:left;width:68%; height:255px;}
.excellent{ height:250px; }
.excellent img{ display:none;}
.excellent .fl{ float: none; width:100%;}
.excellent .fr{ float: none; width:100%;}
.excellent .title { margin-top:2%;}
.excellent .title h2{ font-size:22px; margin-bottom:10px;}
.excellent .title p{ font-size:18px;}
}
@media screen and (max-width:660px) {
.down_info{ height: auto; margin:auto;width:90%; }
.down_info .img{ width:100%; float:left;}
.down_info1{ width:100%; float:left;}
.down_info2 {height: auto;margin-top:0px; }
.down_info2 span{float: none;width:100%; height:255px;}
.down_info2 img { display:none;}
.excellent{ height: auto; }
.excellent .title h2{ font-size:22px;margin-bottom:10px;}
.excellent .title p{ font-size:18px;}
.down_info2 { margin-top:30px; padding:30px 0;}
.down_info .img img{ width:155%}

}
@media screen and (max-width:425px) {
.excellent .title h2{ font-size:18px;margin-bottom:0px;}
.excellent .title p{ font-size:16px; line-height:26px;}

}

/*微信*/
.weixiin .title h2,.douyin .title h2{ margin-bottom:20px;}
.weixiin .title p,.douyin .title p{ font-size:16px;}
.weixin1{background:#fff;}
.weixin1 .circle_wrap{margin:20px auto 0;width:135px;height:135px;text-align:center;position:relative;}
.weixin1 .circle_wrap .circle1{width:135px;height:135px;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:rgba(252,179,38,0.2);z-index:111;}
.weixin1 .circle_wrap .circle2{width:115px;height:115px;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:rgba(252,179,38,1);z-index:222;transition:1s;}
.weixin1 .circle_wrap img{position:absolute; left:0; right:0; top:30px; margin:auto; z-index:333;}
.weixin1 .circle_wrap p{position:absolute; left:0; right:0; bottom:25px; margin:auto; z-index:333; color:#fff; font-size:16px;}
.weixin1 .circle_wrap:hover .circle2{width:135px; height:135px;}
.weixin1 .circle_wrap:hover img{ animation:rotate1 0.4s linear;}
.weixin1 .icon2{width:614px; height:72px; background:url(../images/f1_icon02.png) no-repeat center center; margin:0 auto;}
.weixin1 .ul_1{width:740px; margin:0 auto;}
.weixin1 .ul_1 li{float:left; margin-right:70px; width:130px; height:40px; line-height:40px; font-size:16px; border-radius:3px; text-align:center; color:#fcb326; border:1px solid #fcb326; transition:0.8s;}
.weixin1 .ul_1 li:hover{color:#fff; background:#fcb326;}
.center_center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.weixin2,.douyin2{background:#f9f9f9;}
.weixin2 ul,.douyin2 ul{margin-top:40px; width:102%; }
.weixin2 ul li,.douyin2 ul li{width:23%; margin-right:2%; height:350px; background:#fff; float:left; text-align:center; }
.weixin2 ul li:hover,.douyin2 ul li:hover{box-shadow:0 0 8px #ccc; transform:translate3d(0,-3px,0);}
.weixin2 ul li img{margin-top:30px;}
.weixin2 ul li h2{font-size:18px; color:#666; padding-top:25px;}
.weixin2 ul li p,.douyin2 ul li p{color:#999; }
.douyin2 ul li{width:21%; padding: 0 1%;}
.douyin2 ul li img{margin-top:60px;}
.douyin2 ul li h2{font-size:20px; color:#666; padding-top:35px; padding-bottom: 10px;}
.weixin3 ul{margin-top:30px; padding:0 5px;}
.weixin3 ul li{float:left; width:31.333337%; height:80px; padding:28px 15px; background:#fff;}
.weixin3 ul li:hover{background:#fda80a;}
.weixin3 ul li img{float:left;width:66px;height:66px;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.weixin3 ul li .text{float:left; width:80%; padding-left:18px;}
.weixin3 ul li h3{font-size:18px; color:#666;}
.weixin3 ul li p{ color:#999; font-size:15px; line-height:24px;}
.weixin3 ul li:hover h3{color:#fff;}
.weixin3 ul li:hover p{color:#fff;}
.weixin4 .content {margin-top: 40px;}
.weixin4 .content ul { width: 101%;}
.weixin4 .content ul li{width:15.6666666%; float:left; margin-right:1%;}
.weixin4 .content ul .show-txt{border: 1px solid #d7d7d7;background: #fff;padding: 10px;text-align: center;}
.weixin4 .content ul .show-txt img { width: 100%;}
.weixin4 .content ul .show-txt p {height: 50px;line-height: 50px;font-size: 16px;color: #333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.douyin3.pagepadding { padding-bottom: 150px;}
.douyin3 { background: url(../images/dy_bg.png) no-repeat center;}
.douyin3 .content{ background: hsla(0,0%,100%,.3); border: 0.5px solid hsla(0,0%,100%,.7); border-radius: 16px; height: 400px; padding: 50px; position: relative;margin-top: 44px; }
.douyin3 .content .douyin3_con{ width: 70%; float: left; }
.douyin3 .content .douyin3_con ul{ /*width: 102%; */height: 385px;}
.douyin3 .content .douyin3_con ul li{/*width:23%;margin-right: 2%; float:left;*/}
.douyin3 .content .douyin3_con ul li .box-container {background: hsla(0,0%,100%,.3); border: 0.5px solid hsla(0,0%,100%,.7); box-shadow:0 0 8px #ececec; border-radius: 16px; padding:40px 20px; height: 215px;}
.douyin3 .content .douyin3_con ul li .box-container h3{font-size: 22px; margin-bottom: 15px; font-weight: 700;color: #f7941d;}
.douyin3 .content .douyin3_con ul li .box-container .text { color: #666;}
.douyin3 .content .douyin3_con ul li .box-container:hover { background: linear-gradient(80.24deg,#fc6b14 8.77%,#f6862b 162.95%);}
.douyin3 .content .douyin3_con ul li .box-container:hover h3 { color: #fff;}
.douyin3 .content .douyin3_con ul li .box-container:hover .text { color: #fff;}
.douyin3 .content .link-button {background: linear-gradient(80.24deg,#fc6b14 8.77%,#f6862b 162.95%);border-radius: 8px;color: #fff; font-size: 18px;line-height: 20px;padding: 16px 32px;margin-bottom: 10px; margin-top: 30px; }
.douyin3 .douyin3_img { position: absolute; right: 0px; top: -100px; width: 30%; height: 150%; content: ""; background: url(../images/mob_bg.png) no-repeat top center; background-size: cover;}
.douyin3 .swiper-container-horizontal>.swiper-pagination-bullets,.douyin3 .swiper-pagination-custom,.douyin3 .swiper-pagination-fraction {bottom: 0px;}
.douyin3 .swiper-pagination-bullet-active { background: #f6862b;}
@media screen and (max-width:1366px) {
.douyin3 .content{ height: 345px; padding: 30px; margin-top: 44px; }
.douyin3 .content .douyin3_con ul {height: 325px; }
.douyin3 .content .douyin3_con ul li .box-container h3{font-size: 20px;  margin-bottom: 10px; }
.douyin3 .content .douyin3_con ul li .box-container { padding:20px 15px; height: 210px;}
.douyin3 .content .douyin3_con ul li .box-container .text { line-height: 28px;}
.douyin3 .content .link-button {margin-top: 10px; }
.douyin3 .content .link-button {font-size: 16px; padding: 14px 30px;}
}
@media screen and (max-width:1280px) {
.douyin3 .content{ height: 355px; padding: 20px; margin-top: 44px; }
.douyin3 .swiper-button-next,.douyin3 .swiper-button-prev{display: block; }
}
@media screen and (max-width:1200px) {
.douyin3 .content{ height: 325px; }
.douyin3 .content .douyin3_con ul {height: 295px; }
.douyin3 .content .douyin3_con ul li .box-container { padding:15px 10px; }
.douyin3 .content .douyin3_con ul li .box-container .text { line-height: 26px;}
}

@media screen and (max-width:992px) {
.douyin3 .douyin3_img { top: -70px; height: 120%; }
}
@media screen and (max-width:768px) {
.douyin3 .content .douyin3_con{ width: 60%; }
.douyin3 .douyin3_img { width: 40%; }
.douyin3 .content{ height: 285px; }
.douyin3 .content .douyin3_con ul {height: 275px; }
.douyin3 .douyin3_img { height: 150%; }
}
@media screen and (max-width:568px) {
.douyin3.pagepadding { padding-bottom: 40px;}
.douyin3 .content{ height: 265px; margin-top: 20px; padding: 0px; background: hsla(0,0%,100%,0); border: 0.5px solid hsla(0,0%,100%,0); }
.douyin3 .content .douyin3_con{ width: 100%; }
.douyin3 .douyin3_img { width: 0px; display: none; }
.douyin3 .content .douyin3_con ul {height: 255px; }
.douyin3 .content .douyin3_con ul li .box-container { padding:25px; height: 160px; }

}

.douyin .website_title{ margin: 30px auto; text-align: center; }
.website_douyin{ padding: 2% 0 5%;margin: 0 auto; }
.website_douyin li{display: block;float: left;width: 33.33333337%; margin-bottom: 30px; margin-top: 20px;}
.website_douyin li .left{width: 20%;height: 75px; float: left;}
.website_douyin li .right{width: 70%;height: 75px; float: left; padding:2% 5%;}
.website_douyin li .right h2{font-size: 18px;font-weight: normal;color: #333;margin: 0 0 10px 0;}
.website_douyin li .right p{ line-height: 26px;color: #888; font-size:14px;}
.website_douyin *{-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

@media screen and (max-width:1280px) {
.douyin .website_title{ margin: 20px auto; text-align: center; }
.website_douyin{padding: 0 0 5%;margin: 0 auto;}
}
@media screen and (max-width:1100px) {
.douyin .website_title img { max-width: 100%;}
.website_douyin li .left img { max-width: 100%;}
}
@media screen and (max-width:992px) {
.website_douyin li{width: 50%; margin-bottom:5%;}
}

@media screen and (max-width:768px) {
.website_douyin li{ margin-bottom:8%;}
.website_douyin{padding: 0 0 10%;margin: 0 auto;}
.douyin4.pagepadding {padding: 30px 0 0px;}
}
@media screen and (max-width:568px) {
.website_douyin li{ width: 100%;}
}
@media screen and (max-width:425px) {
.website_douyin li{ margin-bottom:6%;}
}

.douyin4.pagepadding{ padding: 60px 0 0px;} 
.douyin5 {background-color: #fafafa;}
.douyin5 .douyin5_list { margin: 30px auto;}
.douyin5 ul li { width:25%; float:left; margin-bottom:25px; text-align:center;}
.douyin5 ul li .douyin5-media {line-height: 1.5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 15px;display: block;}
.douyin5 ul li .douyin5-media-img {width: 100%;text-align: center;}
.douyin5 ul li .douyin5-media-img img{width: 100%;}
.douyin5 ul li .douyin5-media-body {margin-top: 20px;}
.douyin5 ul li .douyin5-media-info { color: #333;margin-top: 10px; padding-left: 35px;line-height:2; font-size: 18px; text-align: left; word-wrap: break-word; width: 70%; margin-left: auto; margin-right: auto; position: relative;}
.douyin5 ul li .douyin5-media-info:before{ position: absolute; left: 0px; top: 40%; content: ""; width: 16px; height: 16px; border-radius: 100%; background-color:#55bb6a;}
.douyin5 ul li .douyin5-media-info.bg2:before{background-color:#5b46f2; }
.douyin5 ul li .douyin5-media-info.bg3:before{background-color:#1d77dc; }
.douyin5 ul li .douyin5-media-info.bg4:before{background-color:#060f53; }
@media screen and (max-width:1440px) {
.douyin5 ul li .douyin5-media { padding: 10px;}
.douyin5 ul li .douyin5-media-info {width: 80%; font-size: 17px;}
.douyin5 ul li .douyin5-media-info:before{ width: 14px; height: 14px;}
}
@media screen and (max-width:1280px) {
.douyin5 ul li .douyin5-media-info {width: 90%; padding-left: 20px; line-height:1.7;}
.douyin5 ul li .douyin5-media-info:before{ width: 12px; height: 12px;}
}
@media screen and (max-width:1024px) {
.douyin5 ul li .douyin5-media-info { font-size: 16px; }
.douyin5 ul li .douyin5-media-info:before{ width: 10px; height: 10px;}
}
@media screen and (max-width:768px) {
.douyin5 ul li { width:50%; margin-bottom:15px;}
}
@media screen and (max-width:600px) {
.douyin5 ul li { width:100%;}
}
.douyin6 .douyin6_title h2{ font-size: 32px; margin-bottom: 30px; color: #ff6701; } 
.douyin6 .douyin6_title p{ font-size: 22px; line-height:2.7;}
@media screen and (max-width:1280px) {
.douyin6 .douyin6_title h2{ font-size: 28px; margin-bottom: 25px; } 
.douyin6 .douyin6_title p{ font-size: 20px; line-height:2.7;}
}
@media screen and (max-width:768px) {
.douyin6 .douyin6_title h2{ font-size: 24px; margin-bottom: 15px;} 
.douyin6 .douyin6_title p{ font-size: 18px; line-height:2.2;}
}
@media screen and (max-width:468px) {
.douyin6 .douyin6_title h2{ font-size: 22px; margin-bottom: 10px;} 
}


.resource-info-detail{display:flex;margin-top:98px}
.resource-info-detail .detail{display:flex;height:559px;justify-content:space-between;margin-bottom:88px;padding:0;width:1290px}
.resource-info-detail .phone,.resource-info-detail .phone:hover{height:1008px;position:relative;width:510px}
.resource-info-detail .phone:hover .hide{display:block!important}
.resource-info-detail .phone:not(:hover) .hide{display:none!important}
.resource-info-detail .phone .phone-shadow{left:0;position:absolute;top:0}
.resource-info-detail .phone .hide{display:none}
.resource-info-detail .phone .phone-border{height:633.4px;left:7.8px;position:absolute;top:5.8px;width:305.5px}
.resource-info-detail .phone .phone-content{background:#000;border:5px solid #000;border-radius:31px;box-sizing:border-box;display:flex;height:537px;left:121px;overflow:hidden;position:absolute;top:21px;width:254px}
.resource-info-detail .phone .phone-content>img{height:auto;left:0;position:absolute;top:0;width:100%}
.resource-info-detail .phone .phone-content>video{width:100%}
.resource-info-detail .phone .phone-content .current{transform:scale(1.08)}
.resource-info-detail .phone .phone-content .current-actived{transform:scale(1);transition:all .8s}
.resource-info-detail .phone .switch-btn{display:none;height:633.4px;padding-top:221px;position:absolute;top:0;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:64px}
.resource-info-detail .phone .switch-btn .iconfont{color:#999;font-size:14px;font-weight:700}
.resource-info-detail .phone .switch-btn:active>div,.resource-info-detail .phone .switch-btn:hover>div{background:hsla(0,0%,69%,.2)}
.resource-info-detail .phone .switch-btn>div{align-items:center;background:hsla(0,0%,69%,.2);border-radius:50%;cursor:pointer;display:flex;height:64px;justify-content:center;width:64px}
.resource-info-detail .phone .switch-btn>div img{height:12px;width:6px}
.resource-info-detail .phone .switch-btn.left{left:-5px}
.resource-info-detail .phone .switch-btn.right{right:3px}
.resource-info-detail .info{padding-top:24px;position:relative;width:694px}
.resource-info-detail .info.dongchedi-wrapper .info-desc .info-desc-text .content,
.resource-info-detail .info.dongchedi-wrapper .tabs .tab-item,
.resource-info-detail .info.faceu-wrapper .info-desc .info-desc-text .content,
.resource-info-detail .info.faceu-wrapper .tabs .tab-item,
.resource-info-detail .info.qingyan-wrapper .info-desc .info-desc-text .content,
.resource-info-detail .info.qingyan-wrapper .tabs .tab-item{color:#333}
.resource-info-detail .info.douyin-wrapper .action span{color:#0548ff!important;}
.resource-info-detail .info.douyin-wrapper .tab-item:hover{color:#5784ff!important}
.resource-info-detail .info .tabs{position:relative;width:100%}
.resource-info-detail .info .tabs .tab-item{color:#333;cursor:pointer;font-size:22px;line-height:24px;opacity:.6;padding-right:56px;text-align:left;transition:background .2s;white-space:nowrap}
.resource-info-detail .info .tabs .tab-item .tab-item-link{display:inline-block;font-weight:400;padding:24px 0 25px}
.resource-info-detail .info .tabs .tab-item-actived{opacity:1}
.resource-info-detail .info .tabs .tab-item-actived .tab-item-link{border-bottom:2px solid #3269ff;display:inline-block;font-weight:600;padding:24px 0 16px}
.resource-info-detail .info .tabs .tab-item:hover{color:#0548ff}
.resource-info-detail .info .tabs .tab-item.active{font-weight:700;transition:all .2s}
.resource-info-detail .info .tabs .tab-item a{color:#333;}
.resource-info-detail .info.zhuxiaobang-wrapper .action span{color:#0548ff!important;}
.resource-info-detail .info.zhuxiaobang-wrapper .tabs .tab-item:hover{color:#0548ff}
.resource-info-detail .info .info-desc{display:flex;flex-direction:column;margin-bottom:155px}
.resource-info-detail .info .info-desc .fade-switch-item:first-child{display:flex;flex-direction:column;justify-content:center;margin-bottom:45px;margin-top:60px}
.douyin3.content{color:#333;font-size:18px;line-height:32px}
.douyin3.action{align-items:center;cursor:pointer;display:flex;margin-top:40px}
.douyin3.action span{color:#0548ff;font-size:18px;line-height:24px;margin-right:8px;transition:color .2s}
.douyin3.action .iconfont{font-size:12px;transition:all .4s;vertical-align:2px}
.douyin3.action:hover .iconfont{margin-left:10px}
.resource-info-detail .info .info-desc .info-desc-radios{background:#fafafa;border-radius:23px;box-sizing:border-box;display:inline-block;height:46px;padding:4px;position:relative}
.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item{padding:0 20px}
.resource-info-detail .info .info-desc .info-desc-radios.toutiao{background:rgba(51,51,51,.1)}
.resource-info-detail .info .info-desc .info-desc-radios.toutiao .active{color:#ff5251}
.resource-info-detail .info .info-desc .info-desc-radios.douyin .active{color:#333}
.resource-info-detail .info .info-desc .info-desc-radios.xigua{background:rgba(51,51,51,.1)}
.resource-info-detail .info .info-desc .info-desc-radios.xigua .active{color:#fa5b7d}
.resource-info-detail .info .info-desc .info-desc-radios.dongchedi,
.resource-info-detail .info .info-desc .info-desc-radios.faceu,
.resource-info-detail .info .info-desc .info-desc-radios.qingyan,
.resource-info-detail .info .info-desc .info-desc-radios.zhuxiaobang{background:rgba(51,51,51,.1);color:#333!important}
.resource-info-detail .info .info-desc .info-desc-radios.dongchedi .active,
.resource-info-detail .info .info-desc .info-desc-radios.faceu .active,
.resource-info-detail .info .info-desc .info-desc-radios.qingyan .active,
.resource-info-detail .info .info-desc .info-desc-radios.zhuxiaobang .active{color:#fff!important}
.resource-info-detail .info .info-desc .info-desc-radios.dongchedi .info-desc-radios-item,
.resource-info-detail .info .info-desc .info-desc-radios.faceu .info-desc-radios-item,
.resource-info-detail .info .info-desc .info-desc-radios.qingyan .info-desc-radios-item,
.resource-info-detail .info .info-desc .info-desc-radios.zhuxiaobang .info-desc-radios-item{color:#333}
.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item{color:#333;cursor:pointer;display:inline-block;height:38px;line-height:38px;position:relative;text-align:center;z-index:30}
.resource-info-detail .info .info-desc .info-desc-radios .info-desc-radios-item.active{color:#fff;font-weight:700;transition:all .2s}




@media (max-width: 1700px){
    .weixin3 ul li{ width:31%; }
    .weixin3 ul li .text{float:left; width:78%; padding-left:12px;}
}
@media (max-width: 1440px){
    .weixin3 ul li{ width:30%; }
}
@media (max-width: 1200px){
    .weixin3 ul li .text{ width:76%; padding-left:10px;}
}
@media (max-width: 1100px){
    .weixin3 ul li .text{ width:72%; padding-left:10px;}
}
@media (max-width: 900px){
    .weixin3 ul li{float: none; width:98%; padding:28px 15px;}
}
@media screen and (max-width:768px) {
.weixin2 ul li img{ width:50%}
.weixin2 ul li{width:48%; margin-bottom:20px;}
.weixin4 .content { padding: 30px; }
.weixin4 .content ul li{width:48%; float:left; margin-right:2%; margin-bottom: 20px;}
}
@media screen and (max-width:660px) {
.weixiin h2{ font-size:20px; margin-bottom:20px;}
.weixiin .title{ margin-bottom:30px;}
.weixin1 { display:none;}
.weixin2 ul li{ height:300px;}
.weixin2 ul li img{ width:70%}
.weixin2 ul li p{ font-size:15px; line-height:26px;}
.weixin2 ul{margin-top:20px;}
.weixin4 .content { padding: 10px; }
.weixin4 .content ul .show-txt p {height: 40px;line-height: 40px;font-size: 15px; }

}
@media screen and (max-width:660px) {
.weixin3 ul li .text{float:left; width:70%; }
}
/*微博*/
.weibo_con .title {text-align: center;margin-bottom: 60px;}
.weibo_con .title img{margin: 0 auto;}
.weibo_con .weibo_pt1 ul{margin: 50px auto 80px; height:120px;}
.weibo_con .weibo_pt1 ul li{float: left;width: 31.333337%;margin-right: 2%;}
.weibo_con .weibo_pt1 ul li h3{font-size: 22px;margin-bottom: 13px;line-height: 22px;font-family: 'Microsoft YaHei';font-weight: bold;color:#333;}
.weibo_con .weibo_pt1 ul li p{color: #727272;line-height: 22px;padding-bottom: 30px;}
.weibo_con .icon_list{background: #F7F7F7;padding:70px 0;clear: both;overflow: hidden; }
.weibo_con .icon_list ul{ width:102%;}
.weibo_con .icon_list ul li{width:23%;margin-right: 2%; float:left;}
.weibo_con .icon_list ul li .ico{ width: 96px; height: 96px; line-height:96px; background: #b1e0f0; border-radius: 96px; text-align:center;margin: 0 auto 43px;}
.weibo_con .icon_list ul li .ico1{background: #b1e0f0;}
.weibo_con .icon_list ul li .ico2{background: #f8d790;}
.weibo_con .icon_list ul li .ico3{background: #77e0d1;}
.weibo_con .icon_list ul li .ico4{background: #f9b898;}
.weibo_con .icon_list ul li h3{text-align: center;}
.weibo_con .icon_list ul li .intro{text-align: center; width:98%; margin:0 auto; line-height:22px;color: #727272;}
.weibo_contennt{ color: #727272;line-height: 22px; }
.weibo_contennt h3{font-size: 22px;margin-bottom: 13px;margin-top:30px;line-height: 25px;font-family: 'Microsoft YaHei';font-weight: bold;color:#333;}
.weibo_contennt p{color: #727272;line-height: 22px;padding-bottom: 10px;text-indent: 28px;}
.weibo_contennt h4{ color: #f08300;font-weight: bold;padding: 10px 0;}
@media screen and (max-width:1200px) {
.weibo_contennt img{ width:100%;}
.weibo_contennt h3{font-size:18px; margin-top:20px;}
.weibo_con .weibo_pt1 ul{margin: 30px auto 50px;}
.weibo_con .icon_list{ padding: 50px 0; }
.weibo_con .weibo_pt1 ul li h3{font-size: 20px;}
}
@media screen and (max-width:600px) {
.weibo_con .weibo_pt1 ul{margin: 50px auto 80px; height:260px;}

.weibo_con .weibo_pt1 ul li{float: none;width: 100%;margin-right:0;}
.weibo_con .icon_list ul li{width:48%;margin-right: 2%; float:left; margin-bottom:20px;}
.weibo_con .icon_list{ padding: 30px 0; }
}
/*400*/
.main_about_400 h2{font-size:22px; text-align:center;}
@media screen and (max-width:600px) {
.txt_about_400cn img{ display:none;}
.txt_about_400cn div{ width:100%!important;}
}
/*软件平台*/
.pingtai{padding: 5px 0 30px;background-color:#fafafa;}
.pingtai .ul1{margin: 60px 0 0}
.pingtai .ul1 li{width:32%;float: left; padding:30px 0.5%;}
.pingtai .ul1 li .title{ background-color:#fff; padding:15px 0; }
.pingtai .ul1 li .img{display: block;overflow: hidden; margin: 0 auto;/*width: 160px;height: 160px;background:#f7941d;overflow: hidden;border-radius: 50%;*/} 
.pingtai .ul1 li .ltt{font-size: 20px;margin: 20px 15px;}
.pingtai .ul1 li .ltc{ line-height: 2; padding:0 15px;}
@media screen and (max-width:1440px) {
.pingtai .ul1 li .img img{ width:100%;}
}
@media screen and (max-width:600px) {
.pingtai .ul1 li{width:100%;float: none; padding:30px 0;}
.pingtai .ul1{margin: 20px 0 0}

}
/*软件开发*/
.soft p{ font-size:16px;}
.soft_title {font-size: 35px;padding-bottom: 15px; padding-top:15px;}
.soft_p {margin-bottom: 60px;font-size: 14px;}
.soft_pt{background-color:#f1f1f1; padding:4em 0;}
.soft_list {/*display: flex; justify-content: space-between;*/margin: 0 auto; height:240px;}
.soft_list .img_div { width:25%; float:left; text-align:center;}
.soft_list .img_div h2 {font-size: 20px;line-height: 55px;font-weight: bold;}
.soft_list .img_div span { padding:0 10px;color: #888888;display: block;}
.soft_pt2{ padding:4em 0;}
.soft_pt2 ul { margin-top:20px;}
.soft_pt2 ul li { width:18%; padding:1%; float:left;}
.soft_pt2 ul li .step{margin-bottom:30px;text-align:center; }
.soft_pt2 ul li .step span{}
.soft_pt2 ul li .step span canvas{width:80px !important;height:80px !important;}
.soft_pt2 ul li .step p{display:block;line-height:30px;color:#888; font-size:16px;}
.soft_pt2 ul li .step em{ font-style:normal;}
@media screen and (max-width:1024px) {
.soft_list .img_div h2 {font-size: 16px;line-height:35px; }
}
@media screen and (max-width:768px) {
.soft_pt2 ul li { width:31.33333337%; padding:1%;}
.soft_pt2 ul li .step p{ font-size:15px;}
.soft_pt{ padding:2em 0;}
.soft_pt2{ padding:2em 0;}
.soft_p {margin-bottom: 30px;}
.soft_list {/*display: flex; justify-content: space-between;*/margin: 0 auto; height:500px;}
.soft_list .img_div { width:50%; margin-bottom:20px;}
.soft_list .img_div img{ width:auto;}
.soft_list .img_div span{ line-height:28px;}
}
@media screen and (max-width:425px) {
.soft_pt2 ul li { width:48%; padding:1%;}
}


.sms_part1 h2{ font-size:28px;}
.sms_part1 p{ width: 70%; margin: 0 auto; text-align: center; line-height: 32px; font-size: 16px;}
.sms_part1 ul{margin: 3% 0 0 0;}
.sms_part1 ul li{display: block;float: left;width: 15.66666666667%;margin: 0 1% 5% 0;text-align: center;}
.sms_part1 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.sms_part1 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.sms_part1 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;}
.sms_part1 ul li.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.sms_part1 ul li img{height: 58px; margin-bottom:15px;}
.sms_part1 ul li span{font-size: 18px; display: block; color: #000; margin: 0 0 10px 0;}
.sms_part1 ul li p{ color: #6e6e6e;text-align: center;line-height: 30px;height: 60px;}
.sms_part1 ul li:hover img {-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation: 	icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;}
.sms_part2{padding:80px 0;text-align: center; background: #fafafa;}
.sms_part2 .wrap .tt{ font-size:28px; font-weight: bold;}
.sms_part2 .ul1{margin: 60px 0 0}
.sms_part2 .ul1 li{width: 18.5%;float: left; background:#fff; padding:35px 0.5%;  position: relative;}
.sms_part2 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto; } 
.sms_part2 .ul1 li .ltt{font-size: 20px;margin: 20px 15px;}
.sms_part2 .ul1 li .ltc{font-size: 14px;line-height: 2; padding:0 20%; height: 120px;}
.sms_part2 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom:  0;left: 0;background: #fd8c04;z-index: 9;}
.sms_part2 .ul1 li:hover{background: #eee;}
.sms_part2 .ul1 li:hover:before{width: 100%;}
.sms_part3{padding: 80px 0;text-align: center; }
.sms_part3 .set_tab{ margin-top: 60px; }
.sms_part3 .wrap .tt{ font-size:28px; font-weight: bold;}
.sms_part3 .tab_tit{width:33%;height:55px;display:block; float:left;text-align:center;line-height:55px; color:#323232; border-top-width: 2px;border-right-width: 1px;border-top-style: solid;border-right-style: solid;border-top-color: #F7921E;border-right-color: #ddd}
.sms_part3 .tab_tit_on,.sms_part3 .tab_tit2_on:hover{ width:33%;height:55px; display:block; float:left; text-align:center; line-height:55px; color:#323232; border-top:2px solid #F7921E; border-right:1px solid #ddd;}
.sms_part3 .tab_tit_off,.sms_part3 .tab_tit2{ width:33%;height:55px; display:block; float:left; text-align:center; line-height:55px;border-right:1px solid #ddd;}
.sms_part3 .ser_content{  height: 100%; min-height: 540px; padding:2px 0 0px; width: 100%;}
.sms_part3 .ser_content .ser_content_left{ width: 55%; float: left;background-color: #fff; text-align: center;}
.sms_part3 .ser_content .ser_content_left img{ text-align: center; margin: 20px auto;}
.sms_part3 .ser_content .ser_content_right{ background-color: #fafafa; width: 45%; float: left;}
.sms_part3 .ser_content .ser_content_right .ser_content_right_con{ padding: 70px 10%; min-height: 420px;}
.sms_part3 .ser_content .ser_content_right .ser_content_right_con .se_title { border-bottom: 1px solid #dddddd; padding-bottom: 20px; margin-bottom: 20px;}
.sms_part3 .ser_content .ser_content_right .ser_content_right_con .se_title .f24{ margin-bottom: 10px;}
.sms_part3 .ser_content .ser_content_right .ser_content_right_con .se_title p{ color: #999; line-height: 36px; font-size: 17px;}
.sms_part3 .ser_content .ser_content_right .ser_content_right_con .desc{ line-height: 32px; color: #666; font-size: 16px; }
@media screen and (max-width:1200px) {
.sms_part2{padding: 60px 0;}
.sms_part3{padding: 60px 0;text-align: center; }
.sms_part2 .ul1 li .img img{ width: 100%;}
.sms_part2 .ul1 li .ltc{ padding:0 10%; }
.sms_part1 h2{ font-size:22px;}
.sms_part2 .wrap .tt{ font-size:22px;}
.sms_part3 .wrap .tt{ font-size:22px;}
}
@media screen and (max-width:1024px) {
.sms_part1 p{ width: 100%;}
}
@media screen and (max-width:768px) {
.sms_part1 ul li{ width: 31.66666666667%; }
.sms_part1 img { width: auto;}
.sms_part2 .ul1 li{width:32%; }
}

@media screen and (max-width:600px) {
.sms_part3 .set_top{ height:56px; }
.sms_part1 ul li{ width: 48.66666666667%; }
.sms_part2 .ul1 li{width:49%; }
.sms_part3 .ser_content{  height: 100%; min-height: 540px; }
.sms_part3 .ser_content .ser_content_left{ width: 100%; float:  none;background-color: #fff; text-align: center;}
.sms_part3 .ser_content .ser_content_right{ background-color: #fafafa; width: 100%; float: none;}
.sms_part3 .ser_content .ser_content_left img{ text-align: center; margin: 0px auto;}
.sms_part3 .ser_content .ser_content_right .ser_content_right_con{ padding: 30px 2%; min-height: 270px;}
.sms_part3 .set_tab{ padding-bottom:0px;}
}

.promote_part1 h2{ font-size:28px;}
.promote_part1 .con {width: 80%; margin: 0 auto; }
.promote_part1 .con p{ text-align: center; line-height: 32px; font-size: 16px;}
.promote_part1 ul{margin: 3% 0 0 0;}
.promote_part1 ul li{display: block;float: left;width: 30.66666666667%;margin: 0 1.5% 5% 0;text-align: center;}
.promote_part1 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.promote_part1 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.promote_part1 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;}
.promote_part1 ul li .con_list { border: 1px solid #eee; padding: 20px; text-align: left;}
.promote_part1 ul li .img{ width: 36%; float: left;}
.promote_part1 ul li span{font-size: 15px; line-height: 25px; height: 75px; display: block; color: #666; text-align: left;}
.promote_part1 ul li h3{ color: #000; line-height: 30px; }
.promote_part1 ul li:hover img {-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation: 	icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;}
.promote_part1_bottom_left{ width: 50%; float: left;}
.promote_part1_bottom_right{ width: 50%; float: left;}
.promote_part1_bottom_right .img{ position: relative; background: url(../images/promote5.jpg) no-repeat center; height: 95px; width: 100%;}
.promote_part1_bottom_right .img:before{ position: absolute; left: 0px; top:48%; content: ""; height: 1px; background-color: #ccc; width: 34%;}
.promote_part1_bottom_right .img:after{ position: absolute; right: 0px; top:48%; content: ""; height: 1px; background-color: #ccc; width: 34%;}
.promote_part1_bottom_right .desc{ font-size: 16px; line-height: 32px;}
.promote_part2{padding: 80px 0;text-align: center; background:url(../images/promote_bg.jpg) no-repeat; height: 100%;}
.promote_part2 h2{ font-size:28px; font-weight: bold; color: #fff;}
.promote_part2 .ul1{margin: 20px 0; height: 150px;}
.promote_part2 .ul1 li{width: 13%;float: left; padding:30px 0.5%; position: relative;}
.promote_part2 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto; } 
.promote_part2 .ul1 li .ltt{font-size: 18px;margin: 15px 10px; color: #fff;}
.promote_part2 .ul1 li:after{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width:82px;height: 44px;top: 28%;right: -20%; z-index: 9; background: url(../images/line.png) no-repeat;}
.promote_part2 .ul1 li:last-child:after{ display: none;}
.promote_part3{padding: 80px 0;text-align: center; }
.promote_part3 h2{ font-size:28px; font-weight: bold;}
.promote_part3 ul {margin: 20px 0;}
.promote_part3 ul li{ margin-bottom: 80px;}
.promote_part3_left{ width: 50%;}
.promote_part3_right .title{ width: 200px; height: 45px; line-height: 45px; border-radius: 10px; text-align: center; background-color: #fe8613; color: #fff; font-size: 18px; margin-bottom: 40px;}
.promote_part3_right{ width: 50%; text-align: left; padding-top: 50px;}
.promote_part3 ul li:nth-child(2) .promote_part3_right .con_list{ width: 100%; float: right;}
.promote_part3_right .con_list .desc{ font-size: 16px; line-height: 32px; width: 100%;}
.promote_part3_right .con_list h3{ font-size: 20px; color: #000; margin-bottom: 15px;}
.promote_part3 ul li:nth-child(2) .promote_part3_right .title{ margin-right: 0px; float: right; }
.promote_part3 ul li:nth-child(2) .promote_part3_right .con_list .desc{ text-align: right;  float: right;}
@media screen and (max-width:1440px) {
.promote_part3_left img{ width: 100%;}
}
@media screen and (max-width:1366px) {
.promote_part1 .con {width: 100%; margin: 0 auto; }
.promote_part1 ul li{width: 31.66666666667%; }
.promote_part1_bottom_right .desc{ font-size: 15px; line-height: 30px;}
.promote_part2 .ul1 li:after{ right: -25%; }
}
@media screen and (max-width:1200px) {
.promote_part2{padding: 60px 0;}
.promote_part3{padding: 60px 0;text-align: center; }
.promote_part1 h2{ font-size:22px;}
.promote_part2 h2{ font-size:22px;}
.promote_part3 h2{ font-size:22px;}
}
@media screen and (max-width:1024px) {
.promote_part2 .ul1 li:after{ display: none;}
.promote_part1_bottom_left{ width: 100%; float: none;}
.promote_part1_bottom_left .img{ text-align: center; margin: 0 auto;}
.promote_part1_bottom_right{ width: 100%; float: none;}

}
@media screen and (max-width:768px) {
.promote_part1 ul li{display: block;float: left;width: 100%;margin: 0 0 5% 0;text-align: center;}
.promote_part3_right{ width: 50%; text-align: left; padding-top: 0px;}
.promote_part2 .ul1 li .ltt{font-size: 16px;margin: 10px 5px; color: #fff;}
.promote_part3_left{ width: 100%;}
.promote_part3_right{ width: 100%;}
}

@media screen and (max-width:680px) {
.promote_part2{ background-size: 100% 100%;}
.promote_part2 .ul1 li{width: 31%; padding:10px 0.5%;}
.promote_part2 .ul1 li:last-child{ display: none;}
.promote_part2 .ul1{margin: 20px 0; height: 280px;}
.promote_part1_bottom_right .img:before{ height: 0px; }
.promote_part1_bottom_right .img:after{ height: 0px;  }
.promote_part3 ul li{ margin-bottom: 30px;}
.promote_part3_right{ width: 100%; text-align: left; padding-top: 30px;}
.promote_part3 ul li:nth-child(2) .promote_part3_right .con_list{ width: 100%; float: left;}
.promote_part3 ul li:nth-child(2) .promote_part3_right .title{ margin-right: 0px; float: left; }
.promote_part3 ul li:nth-child(2) .promote_part3_right .con_list .desc{ text-align: left;  float: left;}

}

.feydj_part1 h2{ font-size:28px;}
.feydj_part1 p{ width: 70%; margin: 0 auto; text-align: center; line-height: 32px; font-size: 16px;}
.feydj_part1 ul{margin: 3% 0 0 0;}
.feydj_part1 ul li{display: block; margin: 0 0 5% 0;text-align: center;}
.feydj_part1 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;}
.feydj_part1 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;}
.feydj_part1 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;}
.feydj_part1 ul li.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;}
.feydj_part1 .pt50{ padding-top: 50px;}
.feydj_part1_bottom { margin-top: 3%;}
.feydj_part1_bottom_left{ width: 50%; float: left;}
.feydj_part1_bottom_right{ width: 50%; float: left;}
.feydj_part1_bottom_right .desc{ font-size: 16px; line-height: 32px; width: 88%;float: left;}
.feydj_part1 ul li .con_list { text-align: left;}
.feydj_part1 ul li .img{ width: 12%; float: left;}
.feydj_part1 ul li span{font-size: 16px; line-height: 30px; height: 75px; display: block; color: #666; text-align: left;}
.feydj_part1 ul li h3{ color: #000; line-height: 30px; font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.feydj_part2{padding: 0px 0 20px;text-align: center;/* background: #fafafa;*/}
.feydj_part2 h2{ font-size:28px; font-weight: bold;}
.feydj_part2 .ul1 *{transition: all .5s;-webkit-transition: all .5s;}
.feydj_part2 .ul1{margin-top: 3%;}
.feydj_part2 .ul1 li{width: 31.83333337%;float: left; margin-right: 2%; height: 335px; position: relative; box-sizing: border-box;background: #fff; margin-bottom: 50px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd; }
.feydj_part2 .ul1 li:nth-child(3n){ margin-right: 0px;}
.feydj_part2 .ul1 li .img{display: block; margin: 60px auto 30px; overflow: hidden;position: relative;}
.feydj_part2 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom:  0;left: 0;background: #fd8c04;z-index: 9;}
.feydj_part2 .ul1 li .ltt{font-size: 22px;}
.feydj_part2 .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8; width: 80%; margin-left: 10%; margin-right: 10%;}
.feydj_part2 .ul1 li:hover:before{width: 100%;}
.feydj_part3{padding: 30px 0 60px;text-align: center; }
.feydj_part3 h2{ font-size:28px; font-weight: bold;}
@media screen and (max-width:1366px) {
.feydj_part3 img{ width: 100%;}
}
@media screen and (max-width:1200px) {
.feydj_part1 .pt50{ padding-top: 20px;}
.feydj_part1_bottom_left{ width:100%; float: none;}
.feydj_part1_bottom_left .img{ text-align: center;}
.feydj_part1_bottom_right{ width: 100%; float: none;}
.feydj_part1 h2{ font-size:22px;}
.feydj_part2 h2{ font-size:22px;}
.feydj_part3 h2{ font-size:22px;}
.feydj_part3{padding: 10px 0 40px;text-align: center; }
}

@media screen and (max-width:768px) {
  .feydj_part1 p{ width: 98%;}
.feydj_part1 ul li h3{  font-size: 18px;  }
.feydj_part1_bottom_right .desc{  width: 90%;float: left;}
.feydj_part1 ul li .img{ width: 10%; float: left;}
.feydj_part2 .ul1 li .img{ margin: 30px auto 30px; }
.feydj_part2 .ul1 li .ltt{font-size: 20px;}
.feydj_part2 .ul1 li .ltc{ width: 90%; margin-left: 5%; margin-right: 5%;}
}

@media screen and (max-width:600px) {
.feydj_part1 ul li h3{  font-size: 16px;  }
.feydj_part1_bottom_right .desc{  width: 86%;float: left;}
.feydj_part1 ul li .img{ width: 14%; float: left;}
.feydj_part1 ul li img{ width: auto;}
.feydj_part2 .ul1 li{width: 48%; height: 335px; margin-bottom: 30px; }
}

.google_part2{padding: 80px 0;min-height: 540px;background: url(../images/net_1.png) left top no-repeat;background-size: 100%;text-align: center;}
.google_part2 h2{ font-size:28px; color: #fff; font-weight: bold;}
.google_part2 h2 span{ color: #fd8c04;}
.google_part2 .ul1 *{transition: all .5s;-webkit-transition: all .5s;}
.google_part2 .ul1{margin-top: 80px; padding: 50px 0;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;background: #fff;}
.google_part2 .ul1 li{width:40%;float: left;box-sizing: border-box; padding: 30px 0 30px 15%; }
.google_part2 .ul1 li .img{ font-size: 22px; color: #222; height: 70px;text-align: left;}
.google_part2 .ul1 li .ltc{ text-align: left; font-size: 16px;}
.google_part3 ul{ height: 180px;}
.google_part3 ul li img{height: 79px; margin-bottom:15px;}

.google_part4{padding: 80px 0 130px;min-height: 540px;background:#f7f7f7 url(../images/googlebg.jpg) left bottom no-repeat;background-size: 100%;text-align: center;}
.google_part4 h2{ font-size:28px; font-weight: bold;}
.google_part4 .ul1 *{transition: all .5s;-webkit-transition: all .5s;}
.google_part4 .ul1{margin-top: 40px; margin-bottom: 40px; -moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.google_part4 .ul1 li{width: 25%;float: left;height: 455px;box-sizing: border-box;background: #fff;position: relative;}
.google_part4 .ul1 li .img{display: block; margin: 60px auto 30px; overflow: hidden;position: relative;}
.google_part4 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom:  0;left: 0;background: #fd8c04;z-index: 9;}
.google_part4 .ul1 li .ltt{font-size: 22px; margin-bottom: 15px;}
.google_part4 .ul1 li .ltc{color: #444;font-size: 16px;margin-top: 10px;line-height: 32px; width: 80%; margin-left: auto; margin-right: auto;}
.google_part4 .ul1 li s{display: block;width: 1px ;height: 300px;background: #eee;position: absolute;right: 0;top: 98px;}
.google_part4 .ul1 li:hover:before{width: 100%;}
@media screen and (max-width:1366px) {
.google_part2 .ul1{  padding: 30px 0; }
.google_part2 .ul1 li{ padding: 30px 0 30px 12%; }
}
@media screen and (max-width:1024px) {
.google_part2 .ul1 li{ padding: 30px 3% 30px 3%; }
.google_part2 .ul1 li{width:50%; }
.google_part4 .ul1 li .ltt{font-size: 20px; }
}
@media screen and (max-width:768px) {
.google_part3 ul{ height: 350px;}
.google_part4{padding: 80px 0 80px;min-height: 540px;}
.google_part2 .ul1 li{width:100%; }
}
@media screen and (max-width:668px) {
  .google_part4{padding: 50px 0 80px;min-height: 540px;}
  .google_part4 .ul1 li{width: 50%;}
  .google_part2{padding: 50px 0; }
  .google_part2 .ul1 li{ padding: 10px 3% 10px 3%; }
  .google_part2 .ul1 li .img{ font-size: 20px;}

}
@media screen and (max-width:425px) {
  .google_part3 ul{ height: 450px;}
  .google_part4 .ul1 li{width: 100%;height: 225px; }
  .google_part4 .ul1 li .img{margin: 30px auto 10px;}
  .google_part4 .ul1 li .ltc{font-size: 15px; line-height:28px; width: 96%; }

}

.bing_pt1 .bing_pt1_top{ width: 60%; margin: 0 auto; text-align: center;}
.bing_pt1 .bing_pt1_top p{ font-size: 24px;}
.banner_weiruan_list {display: flex;overflow: hidden;width: 100%; }
.weiruan_box {/*flex: 0 0 5.892rem; margin-right: 0.268rem; padding: 0.237rem 0; box-shadow: 0 0 16px #eee; border-radius: 0.126rem;*/background: #ffffff;}
.weiruan_img {width: 1.09rem; margin-left: 0.268rem;}
.weiruan_text {margin: 0.09rem 0.521rem 0.09rem 0.121rem;}
.weirun_t_text {font-size:15px;font-weight: normal;color: #666;}
.weiruan_t_data {font-size:30px;font-weight: bold;color: #fd8c04;}
.weiruan_sousuo_text {margin-top: 1.123rem;font-size: 0.256rem;font-weight: normal;color: #323b4b;}
.weiruan_center_shouz {display: flex;}
.bing_pt1_share {text-align: center;}
.bing_pt1_share li {flex: 0 0 5.01rem; margin-right: 0.1rem; margin-left: 0.1rem; background: #fff;border-radius: 15px;padding: 0.237rem 0;box-sizing: border-box;text-align: left;box-shadow: 0 0 16px #eee; margin-top: 10px;  margin-bottom: 20px;}
.bing_pt2 { background: #eef5f7; padding-top: 70px; padding-bottom: 70px;}
.bing_pt4 { background: #eef5f7; padding-top: 70px; }
.bing_pt2-title,.bing_pt3-title,.bing_pt4-title,.bing_pt5-title { color:#333; text-align:center;font-size: 30px; font-weight: bold;  line-height: 40px; margin-bottom:15px;}
.bing_pt2_content{ background: url(../images/world.png) no-repeat center right; margin-top: 80px;}
.bing_pt2_content_left{box-shadow: 0 0 16px #eee; margin-top: 10px; margin-bottom: 20px; background: #fff;border-radius: 10px;padding:0.237rem 0.237rem; width: 24%;}
.market_share {text-align: center;}
.market_share li { margin: 3% 0px;background: #fff; padding: 50px 0px;box-sizing: border-box;padding-left: 160px;text-align: left;background-position: 20px center;background-repeat: no-repeat; border-bottom: 1px solid #eeeeee; }
.market_share li.bg_global {background-image: url("../images/map1.png");background-size: 120px;}
.market_share li.bg_europe {background-image: url("../images/map2.png");background-size: 120px;}
.market_share li.bg_usa {background-image: url("../images/map3.png");background-size: 120px;}
.market_share .location {font-size: 30px;color: #fd8c04;font-weight: bold;}
.market_share .description {color: #666;font-size: 20px;margin-top: 10px;}
.market_share .description span {color: #fd8c04;font-weight: bold;}
.market_share li:last-child { border-bottom: 0px solid #eeeeee; }
.bing_pt3,.bing_pt5 { padding-top: 70px; padding-bottom: 70px;}
@media screen and (max-width:1600px) {
.bing_pt1_share li {flex: 0 0 4.61rem; }
.weiruan_text {margin: 0.09rem 0.325rem 0.09rem 0.1rem;}
.weiruan_t_data {font-size:28px;}
.bing_pt2_content{background-size: 97%;}
.market_share li { margin: 2% 0px;}
.market_share .location {font-size: 28px;}
.market_share .description { font-size:18px;}
}
@media screen and (max-width:1420px) {
.weiruan_text {margin: 0.09rem 0.321rem 0.09rem 0.121rem;}
.market_share li { padding: 40px 0px; padding-left: 130px;background-position: 10px center;}
.market_share li.bg_global { background-size: 100px;}
.market_share li.bg_europe { background-size: 100px;}
.market_share li.bg_usa { background-size: 100px;}
.market_share .location {font-size: 26px;}
}
@media screen and (max-width:1366px) {
.bing_pt2,.bing_pt3,.bing_pt5{padding-top: 60px; padding-bottom:60px;}
.bing_pt4{padding-top: 60px;}
.bing_pt2-title,.bing_pt3-title,.bing_pt4-title,.bing_pt5-title { font-size: 28px;}
.weiruan_t_data {font-size:26px;}
.market_share li { padding: 35px 0px; padding-left: 120px;background-position: 0px center;}
}
@media screen and (max-width:1280px) {
.bing_pt1 .bing_pt1_top{ width: 70%; }
.bing_pt1_share li {flex: 0 0 4.85rem; }
.bing_pt2_content{ margin-top: 50px;}
.weiruan_text {margin: 0.09rem 0.3rem 0.09rem 0.1rem;}
.weiruan_t_data {font-size:24px;}
.bing_pt2-title,.bing_pt3-title,.bing_pt4-title,.bing_pt5-title  { margin-bottom: 5px; line-height: 35px; font-size: 26px;}
}
@media screen and (max-width:1240px) {
.bing_pt1 .bing_pt1_top p{ font-size: 22px;}
.bing_pt2,.bing_pt3,.bing_pt5{ padding-top: 50px; padding-bottom:50px;}
.bing_pt4{ padding-top: 50px;}
.bing_pt2-title,.bing_pt3-title,.bing_pt4-title,.bing_pt5-title { font-size: 24px;}
.weiruan_text {margin: 0.09rem 0.23rem 0.09rem 0.1rem;}
}
@media screen and (max-width:1199px) {
.weiruan_text {margin: 0.09rem 0.2rem 0.09rem 0.1rem;}
.weiruan_img { margin-left: 0.168rem;}
.weiruan_t_data {font-size:22px;}
.bing_pt2_content_left{ width: 26%;}
.market_share .location {font-size: 24px;}
}
@media screen and (max-width:1140px) {
.weiruan_text {margin: 0.09rem 0.12rem 0.09rem 0.1rem;}
.bing_pt1_share li {flex: 0 0 4.95rem; }
}
@media screen and (max-width:1024px) {
.bing_pt1 .bing_pt1_top{ width: 90%; }
.bing_pt1 .bing_pt1_top p{ font-size: 20px;}
.bing_pt2-title,.bing_pt3-title,.bing_pt4-title,.bing_pt5-title { font-size: 22px;}
.weiruan_img {width:0.99rem; margin-left: 0.1rem;}
.weiruan_img img{ width: 100%;}
.weiruan_text {margin: 0px 0.1rem 0px 0.1rem;}
.weiruan_t_data {font-size:20px;}
.market_share .location {font-size: 22px;}
.market_share li { padding-left: 110px;}
.market_share .description { font-size:16px;}
}
@media screen and (max-width:992px) {
.weiruan_text { margin: 0px 0.05rem 0px 0.05rem;}
.weirun_t_text {font-size:14px; line-height: 20px;}
.bing_pt2,.bing_pt3,.bing_pt5{ padding-top: 40px; padding-bottom:40px;}
.bing_pt4{ padding-top: 40px; }
.bing_pt2_content{background-size: cover!important; padding-bottom: 40%; background: url(../images/world1.png) no-repeat center; }
.bing_pt2_content_left{box-shadow: 0 0 16px #eee; margin-top: 10px; margin-bottom: 20px; background: #fff;border-radius: 10px;padding:0rem; width: 100%;}
.market_share li {display: inline-block; border-bottom:0px solid #eeeeee; border-right: 1px solid #eeeeee; width: 31.3333%;margin: 0.52% 1%; box-sizing: border-box;padding-left: 90px;text-align: left;background-position: 0px center;background-repeat: no-repeat; }
.market_share li.bg_global { background-size: 80px;}
.market_share li.bg_europe { background-size: 80px;}
.market_share li.bg_usa { background-size: 80px;}
.market_share .location {font-size: 20px;}
.market_share .description { margin-top: 5px; font-size: 16px;}
.market_share li:last-child { border-bottom: 0px solid #eeeeee; border-right: 0px solid #eeeeee; }
}
@media screen and (max-width:880px) {
.bing_pt1_share li {flex: 0 0 4.85rem; }
.weiruan_text { margin: 0px 0.025rem 0px 0.025rem;}
.weiruan_t_data {font-size:18px;}
}
@media screen and (max-width:800px) {
.bing_pt1_share li {flex: 0 0 3.7rem; }
.weiruan_t_data {font-size:16px;}
}
@media screen and (max-width:768px) {
.bing_pt1 .bing_pt1_top{ width: 100%; }
.bing_pt1 .bing_pt1_top img { max-width: 100%; width: auto;}
.bing_pt1_share li {flex: 0 0 3.55rem; }
.bing_pt2 { padding-top: 30px; padding-bottom:30px; background:#eef5f7 url(../images/world2.png) no-repeat center bottom; background-size: 100%; }
.bing_pt3,.bing_pt5 { padding-top: 30px; padding-bottom:30px;}
.bing_pt4 { padding-top: 30px; }
.bing_pt2_content{ margin-top: 20px; padding-bottom:40%; background: none;}
.market_share li { margin: 0.52% 0.5%; }
.market_share .description { margin-top: 0px; font-size: 15px;}
}
@media screen and (max-width:668px) {
.banner_weiruan_list {display: block;overflow: hidden;width: 100%; }
.bing_pt2-title,.bing_pt3-title,.bing_pt4-title,.bing_pt5-title { font-size: 20px; line-height: 30px;}
.market_share li {padding: 15px 0px; padding-left: 65px; }
.market_share li.bg_global { background-size: 60px;}
.market_share li.bg_europe { background-size: 60px;}
.market_share li.bg_usa { background-size: 60px;}
.market_share .location {font-size: 18px;}
.market_share .description { margin-top: 0px; font-size: 14px;}
}
@media screen and (max-width:600px) {
.market_share li {padding: 10px 0px; padding-left: 60px; }
.market_share .location {font-size: 16px; line-height: 26px;}
.market_share .description {font-size: 13px; line-height: 24px;}
}
@media screen and (max-width:468px) {
.market_share li {padding: 5px 0px; padding-left: 50px; }
.market_share li.bg_global { background-size: 50px;}
.market_share li.bg_europe { background-size: 50px;}
.market_share li.bg_usa { background-size: 50px;}
.market_share .location {font-size: 15px; }
.market_share .description {font-size: 12px; line-height: 20px;}
}
@media screen and (max-width:425px) {
.market_share .location {font-size: 13px; }
.bing_pt2_content{ padding-bottom:32%; }
}
.bing_pt3_list ul li { width:24%; float: left; padding:30px 0.5%;}
.bing_pt3_list ul li .con { padding: 25% 13% 30%;text-align: center; border-radius: 15px; box-shadow: 0 0 16px #eee;}
.bing_pt3_list ul li .con .icon {display: block;margin: 0 auto;}
.bing_pt3_list ul li .con .title {font-size: 18px;color: #333;line-height: 52px; margin-top: 20px;}
.bing_pt3_list ul li .con .info {font-size: 36px;line-height: 36px; font-weight: bold; color: #333; margin-top: 3%;text-align: center;}
.bing_pt3_list ul li .con .icon1 {display: none;margin: 0 auto;}
.bing_pt3_list ul li:hover .con{ background: #fd8c04; }
.bing_pt3_list ul li:hover .con .icon {display: none;}
.bing_pt3_list ul li:hover .con .icon1 {display: block;}
.bing_pt3_list ul li:hover .con .title { color: #fff; }
.bing_pt3_list ul li:hover .con .info { color: #fff; }
@media(max-width:1600px) {
.bing_pt3_list ul li .con { padding: 25% 10% 30%;}
}
@media(max-width:1440px) {
.bing_pt3_list ul li .con { padding: 25% 8% 30%;}
.bing_pt3_list ul li .con .info {font-size: 34px;}
}
@media(max-width:1280px) {
.bing_pt3_list ul li .con .title {font-size: 16px; line-height: 42px;}
.bing_pt3_list ul li .con .info {font-size: 32px;}
}
@media(max-width:1200px) {
.bing_pt3_list ul li .con .title { line-height: 26px; margin-top: 15px;}
}
@media(max-width:1120px) {
.bing_pt3_list ul li .con { padding: 25% 6% 25%;}
.bing_pt3_list ul li .con .info {font-size: 28px;}
}
@media(max-width:1080px) {
.bing_pt3_list ul li .con { padding: 25% 4% 25%;}
}
@media(max-width:992px) {
.bing_pt3_list ul li .con .title { height: 60px; }
.bing_pt3_list ul li .con { padding: 25% 10% 25%;}
}
@media(max-width:768px) {
.bing_pt3_list ul li { width:49%; padding:20px 0.5% 20px;}
.bing_pt3_list ul li .con { padding: 25% 8% 25%;}
.bing_pt3_list ul li .con .title { line-height: 38px; margin-top:10px; height: auto;}
}
@media(max-width:568px) {
.bing_pt3_list ul li { padding:15px 0.5% 15px;}
.bing_pt3_list ul li .con { padding: 20% 4% 20%;}
.bing_pt3_list ul li .con .title { line-height: 28px; }
}
@media(max-width:500px) {
.bing_pt3_list ul li .con .title { line-height: 26px; height: 45px; }
}
@media(max-width:425px) {
.bing_pt3_list ul li .con .info {font-size: 24px;}
}
.bing_pt4_content { margin-top: 40px;}
.bing_pt4_content .left{width:25%; float: left;}
.bing_pt4_content .cover{position:absolute; left:0; top:25%; width:100%;}
.bing_pt4_content .cover .box{padding:65px 80px 0 18%; text-align: center;}
.bing_pt4_content .cover .box .tit{font-size:24px; font-weight: bold; line-height:58px; margin-bottom: 20px; color:#fff; }
.bing_pt4_content .cover .box .con{font-size:18px; line-height:30px; color:#fff; width:100%;}
@media (max-width:1840px) {
.bing_pt4_content .cover .box{padding:55px 80px 0 14%;}
}
@media (max-width:1740px) {
.bing_pt4_content .cover .box{padding:55px 80px 0 9%;}
}
@media (max-width:1640px) {
.bing_pt4_content .cover .box{padding:55px 80px 0 17%;}
}
@media (max-width:1580px) {
.bing_pt4_content .cover .box{padding:55px 60px 0 12%;}
}
@media (max-width:1540px) {
.bing_pt4_content .cover .box{padding:55px 50px 0 10%;}
.bing_pt4_content .cover .box .con{font-size:17px;}
}
@media (max-width:1440px) {
.bing_pt4_content .cover .box{padding:55px 45px 0 12%;}
.bing_pt4_content .cover .box .tit{font-size:22px; line-height:50px; margin-bottom: 10px;}
}
@media (max-width:1366px) {
.bing_pt4_content .cover{ top:25%; }
.bing_pt4_content .cover .box{padding:55px 8% 0 8%;}
.bing_pt4_content .cover .box .tit{font-size:20px; margin-bottom: 0px; }
.bing_pt4_content .cover .box .con{font-size:16px; }
}
@media (max-width:1200px) {
.bing_pt4_content .cover{ top:22%; }
.bing_pt4_content .cover .box{padding:55px 4% 0 4%;}
.bing_pt4_content .cover .box .tit{font-size:18px; padding-bottom: 0px; margin-bottom: 0px; }
}
@media (max-width:1080px) {
.bing_pt4_content .cover .box{padding:45px 3% 0 3%;}
}
@media (max-width:1024px) {
.bing_pt4_content .cover .box .con{font-size:15px; line-height: 28px; }
}
@media (max-width:768px) {
.bing_pt4_content .left{width:50%; float: left;}
.bing_pt4_content .cover .box{padding:45px 80px 0 4%;}
}
@media (max-width: 568px){
.bing_pt4_content .cover .box{padding:45px 10px 0 4%;}
.bing_pt4_content .cover .box .tit{font-size:20px;}
.bing_pt4_content .cover .box .con{ line-height: 28px;}
}
@media (max-width: 468px){
.bing_pt4_content .left{width:100%; float: left;}
.bing_pt4_content .left .rect-140{padding-bottom: 120%;}
}
.bing_pt5_content { margin-top: 40px;}
.bing_pt5_content .bing_pt5_content_left{ width: 48%; margin-left: 1%; margin-right: 1%; float: left; font-size: 18px; line-height: 32px; color: #666; }
.bing_pt5_content .bing_pt5_content_left .con{padding:15% 15% 15% 47%; }
.bing_pt5_content .bing_pt5_content_left .tit{ margin-bottom: 30px;}
.bing_pt5_content .bing_pt5_content_right{ width: 48%; margin-left: 1%; margin-right: 1%; float: left;}
@media (max-width:1540px) {
.bing_pt5_content .bing_pt5_content_left .con{padding:15% 15% 15% 37%; }
}
@media (max-width:1480px) {
.bing_pt5_content .bing_pt5_content_left .con{padding:15% 15% 15% 27%; }
.bing_pt5_content .bing_pt5_content_right img{ max-width: 100%;}
}
@media (max-width:1280px) {
.bing_pt5_content .bing_pt5_content_left{ font-size: 17px; line-height: 28px; }
}
@media (max-width:992px) {
.bing_pt5_content .bing_pt5_content_left .con{padding:15% 15% 15% 17%; }
.bing_pt5_content_left .img img{ max-width: 100%;}
}
@media (max-width:768px) {
.bing_pt5_content .bing_pt5_content_left{ font-size: 16px; line-height: 28px; }
}
@media (max-width:768px) {
.bing_pt5_content .bing_pt5_content_left .con{padding:15% 12% 15% 12%; }
}
@media (max-width:568px) {
.bing_pt5_content .bing_pt5_content_left{ width:98%; margin-left: 1%; margin-right: 1%; float: none;}
.bing_pt5_content .bing_pt5_content_left .con{padding:0px 2% 5% 2%; }
.bing_pt5_content .bing_pt5_content_left .tit{ margin-bottom: 0px;}
.bing_pt5_content .bing_pt5_content_right{ width: 98%; margin-left: 1%; margin-right: 1%; float: none;}
}

/*2024.07.05*/
.acg_pt1 h2,.acg_pt2 h2,.acg_pt3 h2,.acg_pt4 h2{ font-size:30px;} 
.acg_pt1 .tc{ text-align: center;}
.acg_pt1 .img{ width: 100%; text-align: center; margin: 0 auto;}
.acg_pt1 .img img{max-width: 100%; }
.acg_pt2 { background: #eef5f7; }
.acg_inda{width:100%;  text-align: center; margin: 0 auto; /* display: block; position: relative;*/ overflow: hidden;}
.menu2box{ width: 75%; margin: 0 auto;/* display: block; position: relative;*/ z-index: 22;}
.menu2box ul li { display:block; font-size: 18px; margin: 0 1%; padding-top:2%; float: left; height:180px; width:170px; cursor:pointer; background: url(../images/acgbg2.png) no-repeat; background-size: 165px 170px;  color: #333333; }  
.menu2box ul li.hover { background: url(../images/acgbg1.png) no-repeat; background-size: 165px 170px; color: #ffff; } 
.menu2box ul li div{height:72px; background-size: 72px 72px; background-position: top center; background-repeat: no-repeat;  }  
.menu2box ul li.hover div{  background-size: 72px 72px;} 
.menu2box ul li:nth-child(1) div{ background-image: url(../images/pic_acg_typeb1.png);}
.menu2box ul li:nth-child(1).hover div{ background-image: url(../images/pic_acg_typea1.png);}
.menu2box ul li:nth-child(2) div{ background-image: url(../images/pic_acg_typeb2.png); }
.menu2box ul li:nth-child(2).hover div{ background-image: url(../images/pic_acg_typea2.png); }
.menu2box ul li:nth-child(3) div{ background-image: url(../images/pic_acg_typeb3.png); }
.menu2box ul li:nth-child(3).hover div{ background-image: url(../images/pic_acg_typea3.png); }
.menu2box ul li:nth-child(4) div{ background-image: url(../images/pic_acg_typeb4.png); }
.menu2box ul li:nth-child(4).hover div{ background-image: url(../images/pic_acg_typea4.png); }
.menu2box ul li:nth-child(5) div{ background-image: url(../images/pic_acg_typeb5.png); }
.menu2box ul li:nth-child(5).hover div{ background-image: url(../images/pic_acg_typea5.png); }
.menu2box ul li:nth-child(6) div{ background-image: url(../images/pic_acg_typeb6.png); }
.menu2box ul li:nth-child(6).hover div{ background-image: url(../images/pic_acg_typea6.png); }
.main2box{ width: 100%; margin-top: 50px;/* position: relative; display: block; */ margin-left: auto; margin-right: auto;}
#main2 ul {display: none;}
#main2 ul.block {display: none; }
.acg_inda_txt{ width: 100%; line-height: 100px; font-size: 24px; color: #333; display: block; position: relative; overflow: hidden; }
.acg_inda_lst{ width: 96%; margin: 0 auto; display: block; position: relative; overflow: hidden; padding:50px 0; background-color:#fff;border-radius:10px;box-shadow:0 8px 24px 0 rgba(0,0,0,0.1);}
.acg_inda_lst li{ width:200px; text-align: center; display: table-cell;padding: 0 35px; position: relative; overflow: hidden;  }
.acg_inda_lst li img{ max-width: 200px; display: block; text-align: center; -webkit-transition: .3s;transition: .3s; padding-top: 10px; }
.acg_inda_lst li:hover img{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.banas { width:100%; height:auto; margin:0 auto; text-align:center; }
.banas img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center;  -webkit-transition: .3s;transition: .3s; padding-top: 10px;}
.banas:hover img{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.acg_prev{ width:48px; height: 48px; position: absolute; top:221px; z-index: 999; left:30px; background: url(../images/prev_gray.png) no-repeat center; display: block;}
.acg_next {width: 48px; height: 48px; position: absolute; top: 221px; z-index: 999;  right:30px;  background: url(../images/next_gray.png) no-repeat center; display: block;}  
.acg_gdxg .swiper-wrapper{ background: #fff;  border-radius: 5px;}
.swiper-paginat{bottom:15px;left:0;width:100%}
.swiper-paginat .swiper-pagination-bullet{width:40px;height:4px;margin:0 10px;display:inline-block; background:#fff;opacity:.2}
.swiper-paginat .swiper-pagination-bullet-active{opacity:1;background:#fff}
.acg_pt3 .tc{ width: 70%; margin: 0 auto; text-align: center;}
.acg_pt3.pagepadding{ padding-top:0px;}
.acg_pt3 h2{ margin-bottom: 30px;}
.acg_mjapp{ width: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; padding: 50px 0 0px;background: #fff; }
.acg_mjapple{ width: 40%; float: left;margin-left: 20px; }
.acg_mjapple img { max-width: 100%;}
.acg_mjapprg{ width: 50%; float: right; }
.acg_mjapprg h3{ font-size: 22px; line-height: 40px; height: 40px; color: #000; display: block; width: 100%; }
.acg_mjapprg ul{ width: 100%; display: block; position: relative; overflow: hidden; }
.acg_mjapprg ul li{ padding: 35px 0 50px 35px; border: 1px solid #dfe0e0; display: block; float: left;box-sizing: border-box;  width: 48%; margin-top: 30px; -webkit-transition: .3s;transition: .3s;}
.acg_mjapprg ul li h2{font-size: 24px; line-height: 40px; height: 40px; display: block; width: 100%; font-weight: normal; position: relative; overflow: hidden;}
.acg_mjapprg ul li em{ width: 24px; height: 2px; background: #fd8c04; margin-top: 10px; margin-bottom: 10px; float: left; display: block; position: relative; }
.acg_mjapprg ul li h3{font-size: 15px; line-height: 30px; color: #666; display: block; width: 100%; font-weight: normal; position: relative; overflow: hidden;}
.acg_mjapprg ul li:nth-child(2n){ margin-left:4%;} 
.acg_mjapprg ul li:hover{background-color: #fd8c04;border: 1px solid #fd8c04; -webkit-transform:translateX(5px);transform:translateX(5px);-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc;}
.acg_mjapprg ul li:hover h2{ color: #fff;}
.acg_mjapprg ul li:hover em{ background: #fff;  }
.acg_mjapprg ul li:hover h3{ color: #fff;  }
.acg_pt4 { background: #eef5f7; }
.acg_pt4 .acg_pt4_ul{ margin:30px 0;}
.acg_pt4 .acg_pt4_ul li{float:left; width:25%; text-align:center; -webkit-transition: .3s;transition: .3s;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_mid{padding:0 6em;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{margin-top:1em; font-size:24px; color: #333;}
.acg_pt4 .acg_pt4_ul li:hover{ -webkit-transform:translateY(8px);transform:translateY(8px);}
.acg_pt5{ background: url(../images/acgbg3.jpg) no-repeat center; background-size: cover;}
.acg_pt5.pagepadding{ padding: 110px 0;}
.acg_pt5 .tit{ font-size: 40px; text-align: center; font-weight: bold; margin-bottom: 40px; color: #fff;}
.acg_pt5 .desc{ font-size: 24px; text-align: center; line-height: 50px; margin-bottom: 40px; color: #fff;}
.acg_pt5 .more{ width: 180px; height: 60px; line-height: 60px; background-color: #fd8c04; text-align: center; margin: 0 auto; border-radius: 5px;}
.acg_pt5 .more a { color: #fff; font-size: 16px;}
.acgdyy_pt6{ background: url(../images/acgdyy_pt6.jpg) no-repeat center; background-size: cover;}
.acgdyy_pt6.pagepadding{ padding: 150px 0;}
.acgdyy_pt6 .tit{ font-size: 40px; text-align: center; font-weight: bold; margin-bottom: 40px; color: #fff;}
.acgdyy_pt6 .desc{ font-size: 24px; text-align: center; line-height: 50px; color: #fff;}

@media screen and (max-width:1730px) {
.menu2box{ width: 84%; }
.acg_inda_lst{ width: 100%; }
}
@media screen and (max-width:1600px) {
.menu2box{ width: 76%; }
.menu2box ul li { font-size: 17px;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_mid{padding:0 4em;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{ font-size:22px;}
}
@media screen and (max-width:1560px) {
.menu2box{ width:90%; }
}
@media screen and (max-width:1420px) {
.acg_pt1 h2,.acg_pt2 h2,.acg_pt3 h2,.acg_pt4 h2{ font-size:26px;} 
.acg_mjapprg ul li h2{font-size: 22px; }
.menu2box{ width: 84%; }
.menu2box ul li { height:150px; width:145px; background-size: 145px 150px; font-size: 16px;}  
.menu2box ul li div{height:68px; background-size: 68px 68px; }  
.menu2box ul li.hover { background-size: 145px 150px; } 
.menu2box ul li.hover div{ background-size: 68px 68px;} 
.acg_pt5.pagepadding{ padding: 90px 0;}
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 36px;}
.acg_pt5 .desc,.acgdyy_pt6 .desc{ font-size: 22px;line-height:40px; }
.acgdyy_pt6.pagepadding{ padding: 120px 0;}
}

@media screen and (max-width:1280px) {
.acg_pt1 h2,.acg_pt2 h2,.acg_pt3 h2,.acg_pt4 h2{ font-size:24px;} 
.menu2box ul li { height:160px; width:145px; background-size: 145px 150px; }  
.menu2box ul li div{height:60px; background-size: 60px 60px; }  
.menu2box ul li.hover { background-size: 145px 150px; } 
.menu2box ul li.hover div{ background-size: 60px 60px;} 
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_mid{padding:0 3em;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{ font-size:20px;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_1 img{ max-width: 100%;}
.acg_pt5.pagepadding{ padding: 70px 0;}
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 34px;}
.acg_pt5 .desc,.acgdyy_pt6 .desc{ font-size: 20px; }
.acgdyy_pt6.pagepadding{ padding: 100px 0;}
}
@media screen and (max-width:1200px) {
.menu2box{ width: 88%; }
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{ font-size:18px;}
.acg_mjapprg ul li{ padding: 35px 0 30px 35px; }
.acg_mjapprg ul li h2{font-size: 20px; }
.acg_mjapprg h3{ font-size: 20px; line-height: 30px; height: 30px; }
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 32px; margin-bottom: 30px;}
}
@media screen and (max-width:1180px) {
.menu2box{ width: 94%; }
.acg_inda_txt{ font-size: 22px; line-height: 60px;}
.acg_mjapprg ul li{ padding: 20px 0 20px 25px; }
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_mid{padding:0 2em;}
.acgdyy_pt5 ul li .img{ width: 40%;}
}
@media screen and (max-width:1100px) {
.menu2box{ width: 96%; }
}
@media screen and (max-width:1080px) {
.menu2box{ width:100%; }
.acg_inda_lst{padding: 30px 0; }
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{ font-size:17px;}
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 30px;}
}
@media screen and (max-width:1034px) {
.acg_pt1 h2,.acg_pt2 h2,.acg_pt3 h2,.acg_pt4 h2{ font-size:22px;} 
.acg_inda_txt{ font-size: 20px; line-height: 40px;}
.menu2box ul li { height:150px; width:140px; background-size: 135px 140px; }  
.menu2box ul li div{height:50px; background-size: 50px 50px; }  
.menu2box ul li.hover { background-size: 135px 140px; } 
.menu2box ul li.hover div{ background-size: 50px 50px;} 
.acg_pt3 .tc{ width: 90%; }
.acg_mjapple{ margin-left: 0px; }
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 28px;}
.acg_pt5 .desc,.acgdyy_pt6 .desc{ line-height: 38px;}
.acgdyy_pt6.pagepadding{ padding: 70px 0;}
}
@media screen and (max-width:1000px) {
.menu2box ul li {margin: 0 0.5%; }  
.acg_mjapp{ padding:30px 0 0px; }
}
@media screen and (max-width:940px) {
.menu2box ul li { height:145px; width:135px; background-size: 125px 130px; }  
.menu2box ul li.hover { background-size: 125px 130px; } 
.acg_pt5.pagepadding,.acgdyy_pt6.pagepadding{ padding: 50px 0;}
}
@media screen and (max-width:900px) {
.menu2box ul li { height:140px; width:130px; background-size: 125px 130px; }  
.menu2box ul li.hover { background-size: 125px 130px; } 
.acg_mjapprg ul li{ padding: 10px 0 15px 15px; margin-top: 15px; }
.acg_mjapprg ul li h2{font-size: 18px;line-height: 30px;height: 30px;}
.acg_mjapprg ul li em{ margin-top: 5px; margin-bottom: 5px; }
.acg_pt5 .tit{ margin-bottom: 40px;}
.acg_pt5 .desc{margin-bottom: 40px;}
}
@media screen and (max-width:865px) {
.menu2box ul li { height:130px; width:120px; background-size: 115px 120px; }  
.menu2box ul li.hover { background-size: 115px 120px; } 
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{ font-size:16px; line-height: 24px;}
.acg_mjapp{ padding:20px 0 0px; }
.acg_mjapprg ul li h2{font-size: 16px;line-height: 26px;height: 26px;}
.acg_mjapprg ul li h3{font-size: 14px; line-height: 26px;}
.acg_mjapprg ul li em{ margin-top: 2px; margin-bottom: 2px; }
.acg_mjapprg h3{ font-size: 18px; line-height: 26px; height: 26px; }
}
@media screen and (max-width:800px) {
.menu2box ul li { height:130px; width:110px; background-size: 110px 110px; }  
.menu2box ul li.hover {background-size: 110px 110px;} 
}
@media screen and (max-width:765px) {
.menu2box ul li { height:120px; width:105px; background-size: 105px 105px; }  
.menu2box ul li.hover { background-size: 105px 105px; } 
.menu2box ul li {font-size: 15px; }
.acg_inda_txt{ font-size: 18px; line-height:35px;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_mid{padding:0 0.5em;}
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 26px; margin-bottom: 30px;}
.acg_pt5 .desc,.acgdyy_pt6 .desc{ font-size: 18px; line-height: 32px; margin-bottom: 30px;}
}
@media screen and (max-width:700px) {
.menu2box ul li { height:110px; width:95px; background-size: 95px 95px; padding-top: 1%;}  
.menu2box ul li.hover { background-size: 95px 95px; } 
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 24px;}
.acg_pt3 h2{ margin-bottom: 20px;}
}
@media screen and (max-width:630px) {
.menu2box ul li { height:110px; width:90px; background-size: 90px 90px; padding-top: 1%; font-size: 13px;}  
.menu2box ul li.hover { background-size: 90px 90px; } 
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 22px;margin-bottom: 20px;}
}
@media screen and (max-width:600px) {
.acg_pt1,.acgdyy_pt1{ margin-top: 20px;}
.acg_pt1 h2,.acg_pt2 h2,.acg_pt3 h2,.acg_pt4 h2{ font-size:20px;} 
.menu2box ul li { height:100px; width:90px; background-size: 85px 90px; }  
.menu2box ul li div{height:40px; background-size: 40px 40px; }  
.menu2box ul li.hover { background-size: 85px 90px; }
.menu2box ul li.hover div{ background-size: 40px 40px;} 
.acg_mjapprg{ width: 55%; }
.acg_mjapprg ul li{ padding:5px 0 10px 5px; margin-top: 10px; }
.acg_mjapprg h3{ font-size: 16px; line-height: 25px; height: 25px; }
.acg_mjapprg ul li h3{font-size: 13px; line-height: 24px;}
}
@media screen and (max-width:599px) {
.menu2box{ width: 86%; }
.menu2box ul li { height:150px; width:145px; background-size: 145px 145px; margin: 0 1.5%; font-size: 16px; }  
.menu2box ul li.hover { background-size: 145px 145px; } 
.menu2box ul li div{height:70px; background-size: 70px 70px; }  
.menu2box ul li.hover div{ background-size: 70px 70px;} 
.acg_pt5 .more{ width: 160px; height: 40px; line-height: 40px; }
}
@media screen and (max-width:580px) {
.menu2box ul li { height:140px; width:138px; background-size: 138px 138px; }  
.menu2box ul li.hover { background-size: 138px 138px; } 
}
@media screen and (max-width:550px) {
.menu2box ul li { width:135px; background-size: 135px 135px; }  
.menu2box ul li.hover { background-size: 135px 135px; } 
}
@media screen and (max-width:540px) {
.menu2box ul li { height:135px; width:125px; background-size: 125px 125px; }  
.menu2box ul li.hover { background-size: 125px 125px; } 
}
@media screen and (max-width:528px) {
.menu2box{ width: 90%; }
.menu2box ul li { height:130px; width:125px; background-size: 125px 125px; margin: 0 1%;}  
.menu2box ul li.hover { background-size: 125px 125px; } 
.menu2box ul li div{height:70px; background-size: 70px 70px; }  
.menu2box ul li.hover div{ background-size: 70px 70px;} 
.acg_mjapprg{ width: 57%; }
.acg_inda_txt{ font-size: 18px; line-height: 30px;}
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 24px; margin-bottom: 25px;}
.acg_pt5 .desc,.acgdyy_pt6 .desc{ font-size: 16px; line-height: 30px; margin-bottom: 25px;}
}
@media screen and (max-width:480px) {
.acg_pt3 .tc{ width: 100%; }
.acg_mjapple{ width: 100%; float: none;}
.acg_mjapprg{ width: 100%; }
.acg_mjapprg ul li{ padding:10px 0 10px 10px; margin-top: 15px; }
.acg_mjapprg h3{ font-size: 18px; line-height: 28px; height: 28px; }
.acg_mjapprg ul li h3{font-size: 15px; line-height: 28px;}
.acg_pt4 .acg_pt4_ul { margin:0px 0;}
.acg_pt4 .acg_pt4_ul li{ width:50%; }
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{ height: 70px;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_mid{padding:0 0.5em;}
.acg_pt4 .acg_pt4_ul li .acg_pt4_ul_1{ width: 50%; margin: 0 auto;}
.acg_inda_txt{ font-size: 16px; line-height: 28px;}
.acg_pt4 .acg_pt4_ul .acg_pt4_ul_2{height: 50px; min-height: 50px;}
}
@media screen and (max-width:460px) {
.menu2box ul li { height:135px; width:120px; background-size: 120px 120px; }  
.menu2box ul li.hover { background-size: 120px 120px; } 
}
@media screen and (max-width:445px) {
.menu2box{ width: 93%; }
}
@media screen and (max-width:435px) {
.menu2box{ width: 96%; }
}
@media screen and (max-width:415px) {
.menu2box{ width: 100%; }
}
@media screen and (max-width:400px) {
.menu2box{ width: 96%; }
.menu2box ul li { height:135px; width:110px; background-size: 110px 110px; }  
.menu2box ul li.hover { background-size: 110px 110px; } 
.menu2box ul li div{height:60px; background-size: 60px 60px; }  
.menu2box ul li.hover div{ background-size: 60px 60px;} 
}

.acgdyy h2{font-size: 30px;}
.sec-con1-list{padding-top: 67px;font-size: 0;letter-spacing: 0; width: 102%; margin-right: -2%;position: relative;}
.con1-list-item{ vertical-align: top;width: 31.333333333%; padding-right: 2%; margin-bottom: 39px; float: left;}
.con1-item-box{ height: 200px;background: #FFFFFF;padding: 40px 54px 0; border-bottom: 3px solid #fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);position: relative; border-radius: 5px;}
.con1-item-box .con1-item-icon{position: absolute;right: 46px;top: 25%;max-width: 124px;}
.con1-item-box .con1-item-icon img{width: 100%;}
.con1-item-title{font-size: 24px;color: #333333;line-height: 56px;}
.con1-item-desc{font-size: 16px;color: #5E5E5E;line-height: 32px;width: 55%; margin-top: 10px;}
.con1-list-item:hover .con1-item-box{ border-bottom: 3px solid #fd8c04;}
@media (min-width:1260px) and (max-width: 1459px) {
.acgdyy h2{font-size: 28px;}
.sec-con1-list{padding-top: 58px; }
.con1-list-item{width: 31%; margin-bottom: 32px;}
.con1-item-box{ height:180px;}
.con1-item-box .con1-item-icon{right: 28px;top: 28px;max-width: 100px;}
.con1-item-title{line-height: 52px;}
.con1-item-desc{ width: 70%; margin-top: 0px;}
}
@media  (max-width: 1259px) {
.acgdyy h2{font-size: 26px;}
.sec-con1-list{padding-top: 50px}
.con1-list-item{width: 31%;margin-bottom: 30px;}
.con1-item-box{ height:160px;padding: 30px 40px 0;}
.con1-item-box .con1-item-icon{right: 24px;top: 24px;max-width: 88px;}
.con1-item-title{font-size: 22px;line-height: 46px;}
.con1-item-desc{ width: 75%;font-size: 15px;line-height: 30px; margin-top: 0px; }
}
@media  (max-width: 1200px) {
.con1-item-box{ height:130px;padding: 15px 20px 0;}
.con1-item-title{font-size: 20px;line-height: 40px;}
.con1-item-desc{ line-height: 28px; }
.con1-item-box .con1-item-icon{right: 14px; }
}
@media (max-width: 991px) {
.acgdyy h2{font-size: 24px;}
.sec-con1-list{padding-top: 40px;}
.con1-list-item{width: 48%; margin-bottom: 30px;}
.con1-item-box{ padding: 32px 20px 0;}
.con1-item-box .con1-item-icon{right: 14px;top: 24px;max-width: 80px;}
.con1-item-title{font-size: 20px;line-height: 35px;}
.con1-item-desc{ line-height: 28px;  margin-top: 0px;}
}
@media (max-width: 767px) {
.sec-con1-list{padding-top: 30px; }
.con1-list-item{ margin-bottom: 20px;}
.con1-list-item:nth-child(5),.con1-list-item:nth-child(6){ margin-bottom: 0px;}
.con1-item-box{ padding: 15px 15px 0;}
.con1-item-box .con1-item-icon{right: 15px;top: 25%;max-width: 66px;}
}
@media (max-width: 500px) {
.acgdyy h2{font-size: 22px;}
.con1-list-item{width: 100%;padding: 0 5px;margin-bottom: 20px;}
.con1-item-box{height: auto;padding: 30px 20px 20px;max-width: 360px;margin: 0 auto;}
.con1-list-item:nth-child(5){ margin-bottom: 20px;}
}
.acgdyy_pt2 { background: #eef5f7;}
.acgdyy_pt2 .list{ margin-top: 50px;width: 102%; padding-right: -2%;}
.acgdyy_pt2 .list li { width: 23%; float: left; margin-right: 2%; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); }
.acgdyy_pt2 .list li .con { padding: 25% 13% 25%;text-align: center; background: #fff; border-radius: 5px;}
.acgdyy_pt2 .list li .con .icon { text-align: center; margin: 0 auto;}
.acgdyy_pt2 .list li .con .title {font-size: 24px;color: #333;line-height: 42px; margin-top: 30px;}
.acgdyy_pt2 .list li .con .info {font-size: 16px;line-height: 30px;color: #666;  height: 154px;  margin-top: 3%;text-align: center;}
.acgdyy_pt2 .list li .con .icon1 {display: none; text-align: center;}
.acgdyy_pt2 .list li:hover .con{ background: #fd8c04; height: 100%;}
.acgdyy_pt2 .list li:hover .con .icon {display: none;}
.acgdyy_pt2 .list li:hover .con .icon1 {display: block; margin: 0 auto;}
.acgdyy_pt2 .list li:hover .con .title { color: #fff; }
.acgdyy_pt2 .list li:hover .con .info { color: #fff; }
@media (max-width:1280px) {
.acgdyy_pt2 .list{ margin-top: 40px;}
.acgdyy_pt2 .list li .con .title {font-size: 22px;}
}
@media (max-width:1200px) {
.acgdyy_pt2 .list{ margin-top: 30px;}
.acgdyy_pt2 .list li .con { padding: 20% 10% 20%;}
.acgdyy_pt2 .list li .con .title {font-size: 20px;margin-top: 20px;}
.acgdyy_pt2 .list li .con .info { height: 125px; }
}
@media (max-width:1024px) {
.acgdyy_pt2 .list li .con { padding: 15% 7% 15%;}
.acgdyy_pt2 .list li .con .title { margin-top:20px;}
}
@media (max-width:768px) {
.acgdyy_pt2 .list li { width:48%; float: left; margin-top: 10px; margin-bottom: 20px; }
.acgdyy_pt2 .list li:nth-child(3) ,.acgdyy_pt2 .list li:nth-child(4) {margin-bottom: 1%;}
.acgdyy_pt2 .list li:nth-child(2n){ margin-right: 0px;}
.acgdyy_pt2 .list li .con .title {font-size: 18px; margin-top: 10px;}
}
@media (max-width:568px) {
.acgdyy_pt2 .list li .con { padding: 15% 10% 15%;}
}
@media (max-width:428px) {
.acgdyy_pt2 .list li .con { padding: 15% 5% 12%;}
.acgdyy_pt2 .list li .con .info {font-size: 15px;line-height: 28px;}
.acgdyy_pt2 .list li .con img{ width: 40%;}
}
@media (max-width:378px) {
.acgdyy_pt2 .list li .con { padding: 10% 3% 10%;}
}

.acgdyy_pt3 { background:url(../images/acgdyy_pt3.jpg) no-repeat; background-size:cover;}
.acgdyy_pt3 h2{color: #fff;}
.acgdyy_pt3 .list{ margin-top: 50px;width: 102%; padding-right: -2%;}
.acgdyy_pt3 .list li { width: 31.333333337%; float: left; margin-right: 2%; margin-bottom: 20px;margin-top: 15px;}
.acgdyy_pt3 .list li .con { padding: 5% 10% 5%;text-align: center; background: #fff; border-radius: 5px;}
.acgdyy_pt3 .list li .con .icon { text-align: center; margin: 0 auto;}
.acgdyy_pt3 .list li .con .title {font-size: 24px;color: #333;line-height: 42px;}
.acgdyy_pt3 .list li .con .info {font-size: 16px;line-height: 30px;color: #666;  height: 70px;  margin-top: 3%;text-align: center;}

@media (max-width:1280px) {
.acgdyy_pt3 .list{ margin-top: 40px;}
.acgdyy_pt3 .list li .con .title {font-size: 22px; line-height: 28px;}
.acgdyy_pt3 .list li .con .info { height: 90px; }
}
@media (max-width:1200px) {
.acgdyy_pt3 .list{ margin-top: 30px;}
.acgdyy_pt3 .list li .con .title {font-size: 20px;}
}
@media (max-width:768px) {
.acgdyy_pt3 .list li { width:48%; float: left; }
.acgdyy_pt3 .list li .con .title {font-size: 18px;}
}
@media (max-width:428px) {
.acgdyy_pt3 .list li .con { padding: 5% 5% 5%;}
.acgdyy_pt3 .list li .con .info {font-size: 15px;line-height: 28px;}
}
@media (max-width:378px) {
.acgdyy_pt3 .list li .con { padding: 5% 3% 5%;}
}
.acgdyy_pt4 .desc{ font-size: 15px; width: 80%; margin: 0 auto; text-align: center; line-height: 32px; margin-top: 30px;}
.acgdyy_pt4 .content{ margin-top: 40px;}
.acgdyy_pt4 .content .left { width: 38%; margin-right: 4%; float: left;}
.acgdyy_pt4 .content .left ul li { clear: both; margin-bottom: 15px; z-index: 99;}
.acgdyy_pt4 .content .left ul li .num { width: 20%; float: left; padding-top:26%; z-index: 99;}
.acgdyy_pt4 .content .left ul li .num img{ z-index: 99;}
.acgdyy_pt4 .content .left ul li .num1{ background: url(../images/num1.png) no-repeat left; z-index: 99;}
.acgdyy_pt4 .content .left ul li .num2{ background: url(../images/num2.png) no-repeat left; z-index: 99;}
.acgdyy_pt4 .content .left ul li .num3{ background: url(../images/num3.png) no-repeat left; z-index: 99;}
.acgdyy_pt4 .content .left ul li .num4{ background: url(../images/num4.png) no-repeat left; z-index: 99;}
.acgdyy_pt4 .content .left ul li .com { width: 80%; float: left;}
.acgdyy_pt4 .content .left ul li .com .contents { box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); padding: 25px 30px; }
.acgdyy_pt4 .content .left ul li .com .title {font-size: 24px;color: #333;line-height: 42px; margin-bottom: 10px;}
.acgdyy_pt4 .content .left ul li .com .infos {font-size: 16px;line-height: 30px;color: #666;  height: 60px; }
/*
.acgdyy_pt4 .content .left { position: relative;}
.acgdyy_pt4 .content .left .line{ left: 20px; top: 15%; position: absolute; content: ""; width: 30px; height: 76%; background: url(../images/acgline.png) repeat-y; z-index: 1;} 
*/
.acgdyy_pt4 .content .right { width: 58%; float: left;}
.acgdyy_pt4 .content .right img{ max-width: 100%; }
.acgdyy_pt5 { background:url(../images/acgdyy_pt5.jpg) no-repeat; background-size:cover;}
.acgdyy_pt5 ul { margin-top: 50px;}
.acgdyy_pt5 ul li {float: left; width: 30%; padding:35px 0 35px 40px; margin-bottom: 30px; background: url(../images/acgdyy_pt5_bg.png) no-repeat left center; background-size:cover;}
.acgdyy_pt5 ul li .img{ float: left;}
.acgdyy_pt5 ul li .tit{ float: left; font-size: 24px;line-height: 35px; color: #333; padding-left: 10%; padding-top: 10%;}
.acgdyy_pt5 ul li:nth-child(4) { margin-left: 16%;}
@media (max-width:1440px) {
.acgdyy_pt5 ul li .img img{ width: 80%;}
.acgdyy_pt5 ul li .tit{ font-size: 22px; padding-left: 7%;}
}
@media (max-width:1280px) {
.acgdyy_pt5 ul { margin-top: 40px;}
.acgdyy_pt4 .content .left ul li .com .title {font-size: 22px; margin-bottom: 0px;}
.acgdyy_pt4 .content .left ul li .com .contents { padding: 20px 25px; }
.acgdyy_pt4 .content .left ul li .com .infos {font-size: 15px;line-height: 28px; height: 50px; }
.acgdyy_pt5 ul li { padding:30px 0 30px 35px; }
.acgdyy_pt5 ul li .img img{ width: 70%;}
.acgdyy_pt5 ul li .tit{ font-size: 20px; padding-left: 3%; }
}
@media (max-width:1200px) {
.acgdyy_pt5 ul { margin-top: 30px;}
.acgdyy_pt4 .content .left ul li .com .title {font-size: 20px; }
.acgdyy_pt4 .content .left ul li .com .contents { padding: 15px 20px; }
.acgdyy_pt5 ul li { padding:30px 0 30px 23px; }
.acgdyy_pt5 ul li .tit{ padding-left: 0px; padding-top: 5%;}
}
@media (max-width:1024px) {
.acgdyy_pt4 .content .left ul li .com .title {font-size: 20px;}
.acgdyy_pt4 .content .left ul li .com .contents { padding: 10px 15px; }
.acgdyy_pt5 ul li { padding:25px 0 25px 20px; }
.acgdyy_pt5 ul li .tit{ padding-left: 0px; padding-top: 2%;font-size: 18px; line-height: 32px;}
}
@media (max-width:768px) {
.acgdyy_pt3 .list li { width:48%; float: left; margin-bottom: 0px;}
.acgdyy_pt4 .desc{ width: 90%; line-height: 30px; margin-top: 20px;}
.acgdyy_pt4 .content{ margin-top: 30px;}
.acgdyy_pt4 .content .left ul li .com .title {font-size: 18px;}
.acgdyy_pt4 .content .left ul li .com .contents { padding: 15px 20px; }
.acgdyy_pt4 .content .left { width: 100%; margin-right: 0; }
.acgdyy_pt4 .content .right { width: 100%; float: none;}
.acgdyy_pt4 .content .left ul li .num { width: 13%; padding-top: 15%; }
.acgdyy_pt4 .content .left ul li .com { width: 85%; float: left;}
.acgdyy_pt4 .content .left ul li .com .infos { height: auto; }
.acgdyy_pt3 .list li .con .info { height: 110px; line-height: 28px;}
}
@media (max-width:630px) {
.acgdyy_pt4 .desc{ width: 100%;}
.acgdyy_pt5 ul li {float: left; width: 46%; }
.acgdyy_pt5 ul li:nth-child(4) { margin-left: 0%;}
.acgdyy_pt5 ul li:nth-child(5) { margin-left: 25%; margin-bottom: 0px;}
}
@media (max-width:530px) {
.acgdyy_pt5 ul li {float: left; width: 96%; }
.acgdyy_pt5 ul li .img{width: 30%;}
.acgdyy_pt5 ul li:nth-child(5) { margin-left: 0%; margin-bottom: 0px;}
.acgdyy_pt5 ul li .tit{ padding-top: 4%;}
.acgdyy_pt4 .content .left ul li .num { width: 16%; }
.acgdyy_pt4 .content .left ul li .com { width: 82%; }
}
@media (max-width:440px) {
.acgdyy_pt4 .content .left ul li .num { padding-top: 30%;}
.acgdyy_pt5 ul li { padding:25px 0 25px 20px; }
.acg_pt5 .tit,.acgdyy_pt6 .tit{ font-size: 22px; margin-bottom: 20px;}
}