@charset "utf-8";/* CSS Document */ @font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1608188715284'); /* IE9 */ src: url('../fonts/iconfont.eot?t=1608188715284#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../fonts/iconfont.woff?t=1608188715284') format('woff'), url('../fonts/iconfont.ttf?t=1608188715284') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg?t=1608188715284#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.fenbanner .icon-up7:before { content: "\e722"; } .icon-bottom7:before { content: "\e723"; } .icon-left7:before { content: "\e724"; } .icon-right7:before { content: "\e725"; } .icon-up9:before { content: "\e72a"; } .icon-left30:before { content: "\e79b"; } .icon-right30:before { content: "\e79c"; } .icon-download2:before { content: "\e7a1"; } .icon-download3:before { content: "\e7a2"; } .icon-search5:before { content: "\e7b3"; } .icon-home:before { content: "\e624"; } .icon-edit:before { content: "\e611"; } .icon-facebook:before { content: "\e620"; } .icon-vk:before { content: "\e735"; } .icon-pinterest:before { content: "\e8ab"; } .icon-jian2:before { content: "\e600"; } .icon-linkedin:before { content: "\e648"; } .icon-youtube:before { content: "\e6d6"; } .icon-twitter:before { content: "\e607"; } .icon-jia2:before { content: "\e608"; } .icon-bigger:before { content: "\e647"; } .icon-left:before { content: "\e72c"; } .icon-right:before { content: "\e72d"; } .icon-up1:before { content: "\e72e"; } .icon-bottom1:before { content: "\e72f"; } .icon-left1:before { content: "\e730"; } .icon-right1:before { content: "\e731"; } .icon-up:before { content: "\e73e"; } .icon-bottom:before { content: "\e73f"; } .icon-instagram:before { content: "\e79d"; } .icon-tumblr:before { content: "\e79e"; } .icon-download:before { content: "\e7a0"; } .icon-download1:before { content: "\e7a7"; } .icon-search4:before { content: "\e7b2"; } .icon-address:before { content: "\e7bc"; } .icon-email:before { content: "\e7bd"; } .icon-contact:before { content: "\e7be"; } .icon-whatsapp:before { content: "\e7bf"; } .icon-fax:before { content: "\e7c2"; } .icon-mobile:before { content: "\e7c6"; } .icon-phone:before { content: "\e7c8"; } .icon-tel:before { content: "\e7c7"; } .icon-phone1:before { content: "\e7cb"; } .icon-skype:before { content: "\e7cc"; } .icon-whatsapp1:before { content: "\e7c1"; } .icon-address1:before { content: "\e7c3"; } .icon-contact1:before { content: "\e7c4"; } .icon-email1:before { content: "\e7c5"; } .icon-skype1:before { content: "\e7c9"; } .icon-fax1:before { content: "\e7ca"; } .icon-qq:before { content: "\e7ce"; } .icon-tel1:before { content: "\e7cd"; } .icon-wechat:before { content: "\e7cf"; } .icon-phone2:before { content: "\e7d0"; } .icon-message:before { content: "\e7da"; } .icon-calendar:before { content: "\e7e1"; } .icon-calendar1:before { content: "\e7e3"; } .icon-top:before { content: "\e7ed"; } .icon-youbian:before { content: "\e60f"; } .icon-left10:before { content: "\e7f0"; } .icon-right10:before { content: "\e7f1"; } .icon-jt:before { content: "\e621"; } .icon-menu:before { content: "\e601"; } html {font-size: 62.5%;height: 100%} body {margin: 0 auto;font-family: 'Microsoft YaHei', 微软雅黑; font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden} img {border: none;} ul li {list-style-type: none;} ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;} img{display:block;} a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;} h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;} .clear {clear: both;} .maln {margin-left: auto !important} input, textarea, select {font-family:HelveticaLTStd-Light, Arial, Helvetica, sans-serif; font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;} .fl {float:left;} .fr1 {float:right;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} ::selection { color: #fff; background: #3C3C92;} * { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box; } ::-webkit-input-placeholder {/* WebKit browsers */ color:#333;opacity:1} :-o-placeholder {/* Mozilla Firefox 4 to 18 */ color:#333;opacity:1 } ::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#333;opacity:1 } :-ms-input-placeholder {/* Internet Explorer 10+ */ color:#333;opacity:1 } .sousuo input::-webkit-input-placeholder {/* WebKit browsers */ color:#999999;opacity:1} .sousuo input:-o-placeholder {/* Mozilla Firefox 4 to 18 */ color:#999999;opacity:1 } .sousuo input::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#999999;opacity:1 } .sousuo input:-ms-input-placeholder {/* Internet Explorer 10+ */ color:#999999;opacity:1 } .lang { background: url(../images/lang.png) no-repeat; } @media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}} @media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}} @media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}} @media screen and (min-width:1380px) {.zong1 {width: 1360px;margin: auto;}} @media screen and (max-width:1379px) {.zong1 {width: 1200px;margin: auto;}} @media screen and (min-width:1000px) and (max-width:1219px) {.zong1 {width: 980px;margin: auto;}} @media screen and (max-width:999px) {.zong1 {width: 95%;margin: auto;}} /*.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;} .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;} .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;} .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;} .at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;} .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;} .at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;} .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}*/ .at-cv-share a .label{color:#fff} /* head */ .head{} .head .zong1{ position:relative; z-index:1px;} .het{ padding:16px 0;} .shejiao{ float:right; margin-right:10px;} .shejiao a{ display:block; float:left; line-height:28px; text-align:center; color:#333333; font-size:14px; margin-right:15px; margin-top:2px;} .htag{ float:left; color:#666666; line-height:28px; max-width:50%; font-size:16px; font-size:1.6rem;} .htag a,.htag span{ color:#666666;} /* sousuo */ .sousuo{ width:32px; height:32px; position:absolute; right:0px; top:6px; z-index:9999;} .sousuo form{ width:236px; height:0px; overflow:hidden; position:absolute; right:0px; top:37px;background:#fff;border:0px solid rgba(0,0,0,0); border-radius:18px;color:#2f3135; transition:0.5s; z-index:99999} .sou{width: 180px;height:28px;line-height:28px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; background:none} .suo{width:28px;height:28px; float:right; background:none; position:relative; z-index:9999999; border-radius:18px; cursor:pointer;} .sou1{ width:28px; height:28px; text-align:center; line-height:28px; border-radius:5px; color:#333333; position:absolute; right:0px; top:0px; font-size:18px !important; cursor:pointer; z-index:99990} .sou2{ display:block; width:32px; line-height:32px; border-radius:16px; text-align:center; color:#333333; font-size:14px; font-size:1.4rem; cursor:pointer;} .sou2 i{ margin-right:7px; font-size:20px; display:inline-block; vertical-align:middle;} .sousuof form{ height:30px;border:1px solid #2e427a;} .yvn{ position:absolute; right:40px; top:10px; z-index:9999; border:1px solid #666666; border-radius:8px; padding-left:5px;} .yvzhonga{ display:inline-block; vertical-align:middle; background:url(../images/yvzhong.png) no-repeat right center; padding-right:30px; line-height:25px; font-size:14px; font-size:1.4rem; color:#666666; padding-left:3px; cursor:pointer; z-index:99999} .yvul{ min-width:100%; max-width:200px; position:absolute; top:36px; right:0px; background:#fff; border:1px solid #a0a0a0; border-radius:5px; display:none;} .yvul a{ display:block; padding:5px 10px; font-size:14px; font-size:1.4rem; line-height:24px; color:#333; border-radius:3px;} .yvn>i{ display:inline-block; vertical-align:middle;} .yvul a{ position:relative; padding-left:40px;} .yvul a i{ position:absolute; left:10px; top:50%; transform:translateY(-50%);} .hexin{ float:left;} .hexin p{ font-size:16px; font-size:1.6rem; color:#ffffff; line-height:30px; margin-right:10px; font-family:Arial, Helvetica, sans-serif} .hexin a{ color:#fff;} .hexin i{ padding-right:15px;} .het a:hover{ color:#3C3C92;} .yvul a:hover{ background:#3C3C92;} .head>.zong{position:relative;z-index:99;} .logo img{display:inline-block; vertical-align:middle; margin:auto; height:100%; max-height:50px;} .daoz{ float:right; width:1000px; width:auto\9\0; margin-top:39px; position:relative;} .daohang{ text-align:center;display: -webkit-flex;　display: -moz-flex;　display: flex;display:-moz-box; display:-webkit-box; display:box; display: -ms-flexbox; display:block\9\0;} .daohang>li{ float:left; position:relative;z-index:999;　-ms-flex: 1;　-webkit-flex: 1;flex: 1;-moz-box-flex:1.0;-webkit-box-flex:1.0; box-flex:1.0; margin-left:20px\9\0; text-align:center; padding:0px;} .daohang>li>a{display:inline-block;font-size:18px;font-size:1.8rem; line-height:36px; position:relative; overflow:hidden; font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif; color: #999999; position:relative; padding-bottom:10px;} .daohang>li:hover>a{ color:#333333;} .dangqiandao>a{ color:#333333!important;} .yijiw{ padding-top:5px; background:#ffffff; background:rgba(255,255,255,0); position:absolute;width:202px;top:-9999px; left:0px; text-align:left;border-radius: 10px;box-shadow: 0px 4px 6px 0px rgba(32, 23, 10, 0.24);} .yiji{ background:#ffffff;} .yiji li{position:relative;transition:0.5s; padding:5px;} .yiji li a{display:block;font-size:16px;font-size:1.6rem;line-height:0px;padding:3px 10px;} .yiji li:hover{} .yiji li:hover>a{background:#3C3C92;} .erji{position:absolute;width:202px;background:#ffffff;top:-9999px;left:100%;box-shadow: 0px 4px 6px 0px rgba(32, 23, 10, 0.24);} .sanji{position:absolute;width:202px;background:#ffffff;top:-9999px;left:100%;box-shadow: 0px 4px 6px 0px rgba(32, 23, 10, 0.24);} .daohang>li:hover .yijiw{top:45px;} .daohang>li:hover .yiji>li>a{line-height:24px;} .yiji>li:hover .erji{top:0px;} .yiji>li:hover .erji>li>a{line-height:24px;} .erji>li:hover .sanji{top:0px;} .erji>li:hover .sanji>li>a{line-height:24px;} .matn{margin-top:auto !important;} .xnav{display:none} /* banner */ .slideshow { position: relative; z-index:1} .slideshow .wp { position: absolute; z-index:2; left: 50%; margin-left: -600px; top: 50%; margin-top: -166.5px; } .slideshow .wp img { max-width: 100%; max-height: 80%; } .slideshow .item a img { width: 100%; -webkit-transition: all 6s ease-out; -o-transition: all 6s ease-out; -moz-transition: all 6s ease-out; transition: all 6s ease-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slick-dots{position: absolute; right:12%; bottom:15px;text-align: center; padding-top:75px;} .slick-dots:before{ content:""; position:absolute; width:2px; height:69px; background:#fff; left:50%; margin-left:-1px; top:0px;} .slick-dots li{display: block;} .slick-dots li button{cursor: pointer; font-size: 16px; border: none;outline: none; margin:4px 0; line-height:20px; background:none; color:#fff; transition:0.5s;} .slick-dots li.slick-active button{ color:#3C3C92;} .slick-prev,.slick-next{ width: 43px; height: 43px; top:50%; margin-top:-21px; border: 0px; font-size: 0px; cursor: pointer; transition:0.5s; display:none !important} .slick-prev{ position: absolute; left:70px; z-index: 999;} .slick-next {position: absolute; right:70px; z-index: 999;} .slick-prev:hover{} .slick-next:hover {} .slideshow .item.slick-active.item_one img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .slideshow .item.slick-active.item_one.on img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slick-list,.slick-slider,.slick-track{position:relative;display:block} .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden} .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{top:0;left:0} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} @media screen and (max-width:1379px) { .daoz{ width:950px; width:auto\9\0} } @media screen and (max-width:1219px) { .daoz{ width:730px; width:auto\9\0} .daohang>li>a{ font-size:14px; font-size:1.4rem;} } @media screen and (min-width:1000px) {.carousel,.nav,.clear3{display: none}} @media screen and (max-width:999px) { .head .zong{ padding-bottom:0px;} .het{ padding:0px;} .daoz,.yijiw,.yiji2,.htag,.hexin,.shejiao,.sousuo{ display:none} .yvn{ position:absolute; top:15px; margin-top:0px; border-color:#333} .clear3{clear:both;} .yvzhonga{ border-color:#333; color:#333; padding-left:5px; line-height:24px; font-size:12px; font-size:1.2rem;} .yvzhonga:before{ display:none} .yvul a{ font-size:12px; font-size:1.2rem;} .slick-dots{ right:5%; bottom:10px; padding-top:0px;} .slick-dots:before{ display:none} .slick-dots li button{ font-size: 14px; margin:2px 0;} .xnav{ display:block} .nav { position:fixed;width: 35px;height: 25px;background: #fff;right:2.5%;top:15px;cursor: pointer; border-radius:5px; z-index: 999999999} .nav span {display: block;width: 20px;height: 2px;background: #3C3C92;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 99999991} .nav .nav1 {margin-top: -1px;} .nav .nav2 {margin-top: -8px;} .nav .nav3 {margin-top: 6px;} .nav:hover .nav1 {width: 25px;} .navh .nav1 {transform: rotate(45deg)} .navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;} .navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;} .navh:hover .nav2 {margin-top: -8px;margin-left: 7px;} .navh:hover .nav3 {margin-top: 5px;margin-left: -12px;} .smdaohang {position: fixed;width:300px;height:0px;overflow: auto;top:0px;right:0px;background:#000; background:rgba(0,0,0,0.8); z-index: 9999999;transition: 0.5s;text-align: center;} .smdaohangh {right: 0px; top:0px; height:100%;} .topnav {margin: auto;margin-top: 30px;padding: 20px;} ul.topnav li {text-align: left; position:relative;} ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;} ul.topnav ul {display: none;} ul.topnav ul li {clear: both;} ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;} ul.topnav ul li a:hover { } ul.topnav ul ul li a {padding-left: 40px;} ul.topnav ul ul ul li a {padding-left: 60px;} ul.topnav span { display:block; position:absolute; right:0px; top:7px; width:20px; height:20px; background:#fff; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50%; transition:0.5s;} ul.topnav span:before{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:0px; transform:rotate(45deg); transform-origin:right center} ul.topnav span:after{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-1px; transform:rotate(-45deg); transform-origin:right center; transition:0.5s;} ul.topnav span.yizi{ transform:rotate(90deg)} .smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff; border-radius:13px;} .smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left; border-radius:10px;} .smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;} .smdaohang form i {position: absolute;right: 10px;top: 5px;} } @media screen and (max-width:767px) { .slick-prev{ background:url(../images/balefth.png) no-repeat center; background-size:cover; left:10px;} .slick-next{ background:url(../images/barighth.png) no-repeat center; background-size:cover; right:10px;} .slick-prev,.slick-next{ width: 30px; height: 30px; border: 0px; font-size: 0px; cursor: pointer; transition:0.5s; background-size:100% auto !important;} } /* main1 */ .main1{ background:url(../images/m1bei.jpg) no-repeat center top; background-size:cover; padding-top:74px; padding-bottom:34px;margin-top: -1px;} .main1 .zong:after{ content:""; clear:both; display:block;} .m1biao{color:#fff; display:block; width:42%; float:left; text-align:center; font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif; font-size:52px; font-size:5.2rem; line-height:73px;} .m1n{ width:50%; float:right; position:relative;} .m1n i{ display:block; color:#fff; font-size:70px; position:absolute; left:0px; top:4px;} .m1xin{ padding-left:103px; margin-top:10px;} .m1xin span{ font-size:16px; font-size:1.6rem; color: #ffffff; line-height:24px;} .m1xin p{ color: #ffffff; font-size:30px; font-size:3rem; line-height:40px; font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif;} .m1xin p a{ display:block; color:#fff;} .m1biao:hover{ color:#fff;} .m1xin p a:hover{ color:#3C3C92;} @media screen and (max-width:999px) { .main1{ background:#000; padding-top:20px;} .m1biao{ width:100%; float:none; color:#fff; font-size:32px; font-size:3.2rem; line-height:40px; text-align:left;} .m1n{ width:100%; float:none; margin-top:20px;} .m1n i{ font-size:40px;} .m1xin{ padding-left:60px; margin-top:10px;} .m1xin p{ font-size:20px; font-size:2rem; line-height:24px;} } @media screen and (max-width:767px) { .m1biao{ font-size:22px; font-size:2.2rem; line-height:30px;} .m1xin span{ font-size:14px; font-size:1.4rem;} .m1xin p{ font-size:16px; font-size:1.6rem; line-height:24px;} } /* main2 */ .main2{ padding-top:68px; padding-bottom:44px;} .m2biao{font-weight: bold;letter-spacing: 0.1rem; display:block; text-align:center; font-family: HelveticaLTStd-Bold, Arial, Helvetica, sans-serif; font-size:30px; font-size:3rem; line-height:45px; position:relative; padding-bottom:14px;} .m2biao:before{ content:""; position:absolute; width:50px; height:2px; background:#333333; bottom:0px; left:50%; margin-left:-25px;} .m2pz a{ display:block; max-width:637px; margin:auto; font-size:16px; font-size:1.6rem; line-height:20px; color: #666666; text-align:center; margin-top:21px;} #outer { margin-top:32px;} #tab {overflow: hidden;zoom: 1; position:relative; text-align:center; font-size:0px;} #tab li{ display:inline-block; vertical-align:middle; *float:left; cursor:pointer; transition:0.5s; text-align:center; padding:0 8px; position:relative;} #tab li:before{ content:"/"; position:absolute; top:0px; left:-2px; line-height:24px; color: #666666;} #tab li a { display:inline-block; font-size:20px; font-size:2rem; color:#666666; line-height:24px; position:relative; overflow:hidden;} #tab li:hover a{ color:#3C3C92;} #tab li.current a{ color:#3C3C92;} #content {} #content .tabul {display: none; padding-top:35px;} #tab li:first-child:before{ display:none} .m2lie{ width:22.33%; float:left; margin-left:3.33%; margin-bottom:36px;} .m2tu{ display:block; position:relative; overflow:hidden;} .m2tun{ display:block; overflow:hidden;} .m2tun img{ width:100%; max-width:500px;} .m2zi{ padding:10px 20px; text-align:center;} .m2a{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; margin-top:8px; color: #000000; font-family: HelveticaLTStd-Bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .m2p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color: #666666; height:56px; overflow:hidden; margin-top:10px;} .m2lie:hover{ top:0px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);} .m2lie:hover a{ color:#3C3C92;} .m2biao:hover,.m2pz a:hover{ color:#3C3C92;} @media screen and (max-width:1219px) { #tab li{ padding:0 10px;} #tab li a { font-size:14px; font-size:1.4rem;} } @media screen and (max-width:999px) { .main2{ padding-bottom:29px; padding-top:10px;} .m2biao{ font-size:24px; font-size:2.4rem; line-height:35px; padding-bottom:10px;} .m2pz a{ font-size:14px; font-size:1.4rem; margin-top:15px;} #outer { margin-top:20px;} #content .tabul { padding-top:10px;} #tab li{ padding:0px; width:20%; margin:5px 0%; text-align:left; height:50px; line-height:50px; background:#fff; text-align:center;} #tab li a { padding-bottom:5px; font-size:13px; font-size:1.3rem; line-height:22px; display:inline-block; vertical-align:middle; padding:0 5px;} #tab li:before{ display:none} #tab li a:before{ display:none} #tab li:hover{ background:#3C3C92; color:#fff} #tab li.current{ background:#3C3C92; color:#fff} #tab li:hover a{ color:#fff} #tab li.current a{ color:#fff} .m2lie{ width:31.33%; margin:15px 1% !important;} .m2zi{ padding:10px 5px;} .m2a{ font-size:16px; font-size:1.6rem; margin-top:0px;} .m2p a{ font-size:14px; font-size:1.4rem; margin-top:5px; line-height:22px; height:44px;} } @media screen and (max-width:499px) { .m2biao{ font-size:22px; font-size:2.2rem; line-height:30px; padding-bottom:10px;} .m2pz a{ font-size:12px; font-size:1.2rem; margin-top:10px;} #tab li{ width:31.33%;} .m2lie{ width:48%; margin:15px 1% !important;} .m2a{ font-size:14px; font-size:1.4rem;} .m2p a{ font-size:12px; font-size:1.2rem;} } /* main3 */ .main3{} .main3:after{ content:""; clear:both; display:block;} .m3tu{ width:50%; float:left;} .m3tu img{ width:100%; max-width:960px;} .m3zi{ width:50%; float:right;} .m3zin{ width:550px; margin-left:49px;} .m3a{ display:block; font-family: HelveticaLTStd-Bold; font-size:36px; font-size:3.6rem; line-height:46px; margin-top:86px;font-weight: bold;letter-spacing: 0.1rem;} .m3p{color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; max-height:180px; overflow:hidden; margin-top:38px;} .m3p p{color: #666666;} .m3p p a{ display:block; color: #666666;} .m3mor{ display:inline-block; background:#000000; min-width:169px; line-height:45px; padding:0 5px; text-align:center; color: #ffffff; font-size:16px; font-size:1.6rem; margin-top:57px;} .m3zin a:hover{ color:#3C3C92;} .m3zin .m3mor:hover{ background:#3C3C92; color:#fff;} @media screen and (max-width:1699px) { .m3a{ margin-top:26px;} } @media screen and (max-width:1499px) { .m3a{ margin-top:0px;} .m3p{ margin-top:30px;} .m3mor{ margin-top:20px;} } @media screen and (max-width:1219px) { .m3zin{ width:470px; margin-left:20px;} .m3a{ font-size:24px; font-size:2.4rem; line-height:30px;} .m3p{ font-size:14px; font-size:1.4rem; line-height:24px; max-height:144px; margin-top:10px;} } @media screen and (max-width:999px) { .m3mor{ display:none} .m3zin{ width:95%; margin-left:2.5%;} .m3a{ font-size:22px; font-size:2.2rem; line-height:30px;} } @media screen and (max-width:767px) { .m3tu,.m3zi{ width:100%; float:none;} .m3tu{ margin-top:20px;} } /* main4 */ .main4{ padding-top:75px;} .main4:after{ content:""; clear:both; display:block;} .m4l{ width:50%; float:left;} .m4r{ width:36.75%; float:right; margin-right:42px; margin-top:45px;} .m4biao{font-family: HelveticaLTStd-Bold; font-size:36px; font-size:3.6rem; line-height:45px;font-weight: bold;letter-spacing: 0.1rem;} .m4pz a{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:34px;} .m4n{ padding-top:25px;} .m4n:after{ content:""; clear:both; display:block;} .m4lie{ width:45%; margin-top:35px;} .m4lie i{ color:#3C3C92; display:block; font-size:40px; line-height:40px;} .m4a{ display:block; font-family: HelveticaLTStd-Bold; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .m4p a{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:4px; height:84px; overflow:hidden;} .m4tu{ display:block; position:relative;} .m4tu img{ max-width:100%; margin:auto;} .m4tu:before{ content:""; position:absolute; width:100%; height:100%; margin-top:-36px; margin-left:42px; background:#3C3C92; z-index:-1} .main4 a:hover{ color:#3C3C92;} @media screen and (max-width:1219px) { .m4n{ padding-top:0px;} } @media screen and (max-width:999px) { .main4{ padding-top:30px;} .m4l{ width:50%; float:left;} .m4r{ width:48%; float:right; margin-right:0px; margin-top:0px;} .m4tu:before{ display:none} .m4biao{ font-size:26px; font-size:2.6rem; line-height:45px;} .m4pz a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;} .m4lie{ width:45%; margin-top:20px;} .m4lie i{ font-size:30px; line-height:30px;} .m4a{ font-size:14px; font-size:1.4rem; line-height:22px; margin-top:5px;} .m4p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:4px; height:72px;} } @media screen and (max-width:767px) { .m4l{ width:100%; float:none;} .m4r{ width:100%; float:none; margin-top:20px;} .m4biao{ font-size:22px; font-size:2.2rem; line-height:30px;} .m4pz a,.m4p a{ font-size:12px; font-size:1.2rem;} } /* main5 */ .main5{ padding-top:65px; padding-bottom:101px;} @media screen and (max-width:999px) { .main5{ padding-top:35px; padding-bottom:30px;} } /* foot */ .foot{ background:#1D1B1C; padding-top:40px; padding-bottom:6px; border-top:10px solid #3C3C92;} .fo1{ width:320px; float:right;} .fo2{ width:160px; float:left;} .fo3{ width: 380px; float: left; margin-left: 50px;} .fo4{ width:160px; float:left;} .footer-zhuyi{ margin-top: 30px; float: left; } .fo5{ width:600px; float: left; } .footer-zhuyi p{ color:#fff; font-size: 14px; } .fobiao{ display:block; font-size:24px; font-size:2.4rem; line-height:24px; color: #fff; font-family: HelveticaLTStd-Bold; position:relative;} .flogo{ display:block; width:209px;} .flogo img{ width:100%; max-width:209px;} .shejiao2{ margin-top:10px;} .shejiao2:after{ content:""; clear:both; display:block;} .shejiao2 a{ display:block; float:left; margin-left:15px; line-height:36px; text-align:center; color:#fff; font-size:20px; margin-top:11px;} .she1{ margin-left:auto !important} .fop{ font-size:14px; font-size:1.4rem; line-height:30px; color: #fff; margin-top:25px;} .fop a{ color: #fff; display:inline-block;} .fonav{font-size:16px; font-size:1.6rem; line-height:30px; margin-top:38px;} .fonav>a{ display:block; color: #fff;} .fonav p,.fonav span{color: #fff;} .fonav p a{color: #fff;} .foot2{ border-top:1px solid #252525; padding-bottom:40px; margin-top:30px;} .fotag{ font-size:16px; font-size:1.6rem; line-height:24px; color: #fff; margin-top:20px;} .fotag span,.fotag a{color: #fff;} .youlian{ line-height:24px; padding-top:5px; font-size:16px; font-size:1.6rem; color:#fff;} .youlian span,.youlian a{ color:#fff} .foot a:hover,.youlian a:hover{ color:#3C3C92;} @keyframes top { 0% { line-height:60px;} 100% { line-height:30px;} } .top{width:46px; height:46px; border-radius:50%; margin:auto;background:#3C3C92; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); cursor:pointer;position:fixed;right:20px;bottom:-100px; color:#fff; font-size:20px !important; text-align:center; line-height:46px;transition:0.9s;z-index:999; -webkit-animation-name:top; animation-name:top; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite} .bottom{bottom:80px;} @media screen and (max-width:1219px) { .fobiao{ font-size:20px; font-size:2rem;} .fo1{ width:300px; float:right;} .fo2{ width:160px; float:left; } .fo3{ width:280px; float:left; margin-left:30px;} .fo4{ width:160px; float:left;} .foxin .int3{ min-width:220px;} .fo5{ width:500px; float: left; } } @media screen and (max-width:999px) { .foot { padding-top: 40px; padding-bottom: 17px; } .flogo { width: 150px; margin-bottom: 20px; } .fo2 { width: 18%; float: left; margin-left: 0px; } .fo3 { width: 48%; float: right; margin-left: 0px; margin-top: 30px } .fo4 { width: 48%; float: left; position: relative; height: auto; margin-top: 30px } .fo4 .int1 { width: 100%; float: none; margin-top: 10px; } .fo4 .int2 { float: none; margin-top: 10px; } .fo5 { width: 400px; float: left; } .footer-zhuyi { margin-top: 30px; float: left; margin-left: -160px; } } @media screen and (max-width:767px) { .foot{ padding-top:20px; padding-bottom:20px;} .youlian{display:none} .shejiao2{ margin-top:0px;} .foot2{ padding-bottom:70px;} .fo4,.fo2,.fo3{ display:none} .fo1{ width:100%; float:none;} .top{ width:30px; border-radius:0px; right:10px; bottom:38px;} .fop{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;} .fotag{ margin-top:15px;} .footer-zhuyi { margin-top: 30px; float: left; margin-left: 0px; padding-bottom: 20px; } .fo1 { display: none; } .fo3{ display: block; width: 100%; } } /**************** tankuang ****************/ .pfbd { position: fixed; *position: absolute; left: 10px; /*bottom: -291px;*/ bottom:0px; z-index: 9999999; width: 196px; /*height: 327px;*/ overflow: hidden; border-radius: 5px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; } .pfbd-hd { padding-top: 6px; padding-bottom: 6px; line-height: 24px; text-align: center; color: #000000; cursor: pointer; background-color: #3C3C92; } .pfbd-hd span { color: #fff; font-weight:bold; font-size: 14px; font-size: 1.4rem; } .pfbd-hd i { color: #fff; margin-right: 8px; font-size: 14px; font-size: 1.4rem; } .pfbd-hd img { vertical-align: middle; margin-top: -4px;} .pfbd-bd { padding-left: 10px; padding-right: 10px; border: 1px solid #d4d4d4; border-top: 0; height:0px; transition:0.5s; overflow:hidden;} .pfbd-form { padding-top: 8px; } .pfbd-form-text { margin-bottom: 9px; padding-left: 8px; padding-right: 10px; width: 100%; height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; } .pfbd-form-btn { width: 100%; height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #3C3C92; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; cursor: pointer; transition:0.5s;} .pfbd-form-btn:hover{ border-radius:15px;} .pfbd-form-img { margin-bottom: 9px; display: block; float: right; } .pfbd-form-text-1 { background-color: white; } .pfbd-form-text-2 { background-color: white; } .pfbd-form-text-3 { height: 69px; line-height: 98px / 3; background-color: white; } .pfbd-form-text-4 { width: 88px; margin-bottom: 10px; padding-left: 8px; background-color: white; float: left; } .pfhe{ height:278px; padding-bottom: 13px;} .dibuyanzed{ width:67px; height:30px;} @media screen and (max-width: 767px) { .pfbd { display:none} } /************************************* product ************************************/ .fenbanner{ background:#3C3C92;margin-top: -1px;} .fenbanner1{} .fenbanner .zong{ position:relative;} .fenbannern{} .fenbiao{ display:block; color: #ffffff; font-size:30px; font-size:3rem; line-height:40px;} .mianbao{color: #fff; font-size:16px; font-size:1.6rem; line-height:24px; padding:8px 0;} .mianbao a{ color:#fff;} .mianbao a:hover{cursor: pointer} .comian{ color:#fff !important;} .prmain{ padding-top:45px; padding-bottom:88px;} .prmain:after{ content:""; clear:both; display:block;} .prl{ width:25.8%; float:left;} .prr{ width:68%; float:right;} .j-nextshow { position: relative;} .proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 50%; margin-top:-9px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; } .proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #3C3C92; } .prbiao{ display:block; font-size:22px; font-size:2.2rem; text-align:center; line-height:36px; padding:5px 0; text-transform:uppercase; font-family: HelveticaLTStd-Bold; border-top:5px solid #3C3C92;} .pryiji{ background-color: #ffffff;} .pryiji>li{ margin-bottom:7px;} .pryiji>li>a{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; padding:12px 15px; background:#eeeeee; position:relative} .pryiji>li>a span{ transition:0.5s;} .pryiji>li>a:hover{ background:#333333; color:#fff;} .pryiji>li>a:hover span{ color:#fff;} .pryiji>li>a span{ position:relative;} .prerji{ background:#f9f9f9; padding-left:16px;} .prerji>li>a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; padding:3px 0; position:relative; padding-left:36px;} .prerji>li>a:before{ content:""; position:absolute; width:12px; height:2px; background:#666666; left:0px; top:50%; margin-top:-1px;} .prerji>li>a:after{ content:""; position:absolute; width:12px; height:2px; background:#666666; left:0px; top:50%; margin-top:-1px; transform:rotate(90deg)} .prsanji{ margin-left:53px;} .prsanji>li>a{ display:block; font-size:16px; font-size:1.6rem; color: #757575; line-height:24px;} .prerji a:hover{ color:#3C3C92} .prerji a:hover:before,.prerji a:hover:after{ background:#3C3C92} a.prbiao:hover{ color:#333;} .dangpryi>a{ background:#333 !important; color:#ff !important;} .dangpryi>a span{ color:#fff !important;} .dangpryi>a i{ transform:rotate(180deg) !important; color:#fff !important} .dangprer>a{ color:#3C3C92 !important;} .dangprer>a:before,.dangprer>a:after{ background:#3C3C92 !important} .prlc{ margin-top:92px;} .prlcn{ padding:5px; margin:0 15px; margin-top:24px; border: solid 1px #d2d2d2;} .prlclie{ margin:10px 0;} .prlclie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px;} .prlclie span{ display:block; color: #666666; font-size:14px; font-size:1.4rem; line-height:28px;} .prlclie p a:hover{ color:#3C3C92;} .prlb{ margin-top:68px;} .prlbn{ font-size:14px; font-size:1.4rem; line-height:30px; background:#eeeeee; padding:10px; margin-top:5px;} .prlbn:after{ content:""; clear:both; display:block;} .prlbn a{ display:inline-block; position:relative;} .prlbn a:hover{ color:#3C3C92;} .prt{} .prtbiao{ font-size:30px; font-size:3rem; line-height:40px; font-family: HelveticaLTStd-Bold;} .prtp{ font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; margin-top:15px;} .prtp p{ color:#666666;} .prlie{ position:relative; width:29.75%; float:left; margin-left:5%; margin-top:26px; margin-bottom:8px;} .prtu{ position:relative; overflow:hidden; display:block; overflow:hidden;} .prtu img{ width:100%; max-width:400px; transition:0.5s;} .przi{ text-align:center; transition:0.5s; padding:0 10px; padding-bottom:14px;} .pra{ display:block; line-height:24px; text-align:center; font-size:18px; font-size:1.8rem; margin-top:16px; font-family: HelveticaLTStd-Bold; color:#000; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .prp a{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:5px; height:56px; overflow:hidden;} .prlie input{ display:inline-block; vertical-align:middle; cursor:pointer; margin-right:10px;} .prmor{ text-align:center; margin-top:15px;} .prmor a{ display:inline-block; vertical-align:middle; border: solid 1px #666666; color:#333; min-width: 125px; line-height:30px; padding:0 5px; font-size:16px; font-size:1.6rem; border-radius:6px;} .prlie:hover{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);} .prlie:hover .prtu img{ transform:scale(1.1,1.1)} .prlie:hover a{color:#3C3C92;} .prlie:hover .prmor a{ background:#3C3C92; border-color:#3C3C92; color:#333} .fenye{ padding-top:20px;padding-bottom: 30px; text-align:center;} .fenyen{ display:inline-block; *float:left;} .fenyen li{ display:inline-block; *float:left; width:35px; border:1px solid #e5e5e5; text-align:center; line-height:28px; background:#fff; margin-right:9px; margin-bottom:10px; font-size:14px; font-size:1.4rem;} .fenyen li:hover{ border:1px solid #3C3C92; background:#3C3C92; color:#fff;} .sx{} .fenyen li:after{ content: ""; clear: both; display: block; } .fenyen li.active{ border:1px solid #3C3C92 !important; background:#3C3C92 !important; color:#fff !important;} .fenyen li.active span,.fenyen li:hover a,.fenyen li:hover span{ color:#fff} .fuxuan{ background:url(../images/fuxuan.png) no-repeat right center; padding-right:23px; display:inline-block; *float:right; margin-bottom:10px; margin-left:5px;} .fuxuan input{ min-width:148px; line-height:30px; padding:0 5px; background:#3C3C92; color:#333; cursor:pointer; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; font-size:14px; font-size:1.4rem; border:1px solid #3C3C92; color:#333;} .fuxuan input:hover{ background:#fff; border:1px solid #3C3C92; color:#3C3C92;} @media screen and (max-width:1219px) { .prl{ width:24%; float:left;} .prr{ width:74%; float:right;} } @media screen and (max-width:999px) { .fenbiao{ font-size:30px; font-size:3rem; line-height:40px;} .mianbao{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;} .fenbannern{ width:100%;} .prbiao{ font-size:20px; font-size:2rem;} .prl{ width:30%; float:left;} .prr{ width:67%; float:right;} .prmain{ padding-top:31px; padding-bottom:39px;} .pryiji>li>a,.prlczi,.pra{ font-size:14px; font-size:1.4rem;} .prlbn a{ font-size:14px; font-size:1.4rem;} .prlb{ margin-top:27px;} .prt{} .prtbiao{ font-size:24px; font-size:2.4rem; line-height:30px;} .prtp{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:15px;} .prlie{ margin-bottom:0px; margin-top:20px;} .przi{ padding:0 5px; padding-bottom:10px;} .pra{ margin-top:5px;} .prmor{ margin-top:10px;} .prmor a{ font-size:14px; font-size:1.4rem; min-width:100px; line-height:30px;} .prmor input{ position:absolute; left:5px; top:5px;} .fenye{ padding-top:30px;} .prp a{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:5px; height:44px;} } @media screen and (max-width:767px) { .fenbiao{ font-size:20px; font-size:2rem; line-height:30px;} .prbiao{font-size:18px; font-size:1.8rem; text-align:left;} .prl{ width:100%; float:none; margin-top:30px;} .prr{ width:100%; float:none;} .proslide_menubtn { display:block;} .pryiji{ display:none} .prlb,.prlc{ margin-top:30px;} .prlclie p a{font-size:14px; font-size:1.4rem; line-height:24px;} .prlclie span{ font-size:12px; font-size:1.2rem; line-height:28px;} } @media screen and (max-width:539px) { .prlie,.prlclie{ width:48%; margin-left:1% !important; margin-right:1%; margin-bottom:10px;} } /******************************************** product2 ***********************************************/ .zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;} .zoomPreload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px;} .zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;} .zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;z-index:5000;width:100%;height:100%;display:none;z-index:101;} .zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;} .zoomWrapper{position:relative;border:1px solid #999;z-index:110;} .zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);} .zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;} .zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;} .zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;} .m-prob1 .prob-pic { width:395px;float: left; } .m-prob1 .prob-pic-big { position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; } .m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; } .m-prob1 .zoomWrapperImage img { max-width: 1200px; } .m-prob1 .prob-pic-small { position: relative; margin-top: 50px; overflow: hidden; } .m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top:-20px; line-height:40px; color:#000000; background:#fff; background:rgba(255,255,255,0.6); font-size:12px; z-index:1} .m-prob1 .prob-pic-btn.prev { left: 0;} .m-prob1 .prob-pic-btn.next { right: 0;} .m-prob1 .prob-pic-btn:hover{ color:#3C3C92; background:#333;} .m-prob1 .prob-pic-list { overflow: hidden;} .m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden;} .m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.46%; width:2.16%;} .m-prob1 .prob-pic-item .item-pic,.m-prob1 .prob-pic-item .item-video { display:block; overflow: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .m-prob1 .prob-pic-item .item-pic img,.m-prob1 .prob-pic-item .item-video img{display: block;width: 100%;} .prob-pic .prob-pic-item .item-pic.active,.prob-pic .prob-pic-item .item-video.active{ border-color:#3C3C92;} .prob-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; font-size: 0; overflow: hidden; z-index: 8; display: none; } .prob-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .prob-video.show { display: block; } .jia2{ display:none} .jianjie{ padding-top:18px; width:397px; float:right;} .jianjie h1,.jianjie h2{ font-size:30px; font-size:3rem; line-height:30px; font-family: HelveticaLTStd-Bold;} .jiann{ font-size:16px; font-size:1.6rem; line-height:28px; color:#555555; margin-top:30px; max-height:112px; overflow:hidden;} .jiann p,.jiann span,.jiann li,.jiann strong{ color:#555555;} .jiann a{ color:#3C3C92;} .share{ margin-top:40px; text-align:center; background:url(../images/sebei.jpg) repeat-x center;} .sharen{ display:inline-block; background:#fff; padding:0 20px;} .share1{ display:inline-block; font-size:16px; font-size:1.6rem; line-height:18px;vertical-align:middle; color:#555555;} .share2{display:inline-block; margin-left:8px; vertical-align:middle;} .inno{ margin-top:13px; font-size:0px;} .inno:after{ content:""; clear:both; display:block;} .inno a{ display:inline-block; vertical-align:middle; min-width: 140px; line-height:39px; border: solid 1px #999999; color:#333; padding:0 5px; text-align:center; margin-top:14px; font-size:16px; font-size:1.6rem; margin-right:18px;} .inno a:hover{ background:#3C3C92; color:#333; border-color:#3C3C92;} .inno .prpdf{ margin-right:0px; min-width:0px; border:none; background:none !important;} .chanxbiao{ position:relative; z-index:1; margin-top:40px; font-size:30px; font-size:3rem; color:#333; line-height:39px; font-family: HelveticaLTStd-Bold; padding-bottom:23px;} .chanxbiao:before{ content:""; position:absolute; width:100%; height:1px; background:#d2d2d2; left:0px; bottom:1px;} .chanxbiao:after{ content:""; width:68px; height:3px; background:#3C3C92; position:absolute; left:0px; bottom:0px;} .chanxiang{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:27px;} .chanxiang p,.chanxiang em,.chanxiang strong{} .chanxiang a{ color:#3C3C92;} .chanxiang img{ max-width:100%; display:inline-block} .table{ width:100%; overflow:auto;} .table table{ width:100%; border-collapse:collapse; line-height:24px;} .table table tr td{ padding:5px; border:1px solid #eaeaea; font-size:14px; font-size:1.4rem; color:#333;} .product-introduce-text .table table tr td{ border: 1px solid #e6e6e6!important; } .prtag2{ margin-top:27px; padding-top:13px;} .prtag2:after{ content:""; clear:both; display:block;} .prtag2 span{ line-height:30px; font-size:16px; font-size:1.6rem;} .prtag2 a{ line-height:30px; color:#666666; font-size:14px; font-size:1.4rem;} .prtag2 a:hover{color: #fff; background:#3C3C92; border-color:#3C3C92;} .homain{ padding-bottom:53px;} .img-scroll3 {position: relative; z-index:9; margin-top:35px;} .img-scroll3 .prev, .img-scroll3 .next {position: absolute; display: block; color:#999999; line-height:30px; border-radius:50%; font-size:22px; z-index:99; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; top:-75px;} .img-scroll3 .prev {right:73px; cursor: pointer;} .img-scroll3 .next {right:0px; cursor: pointer;} .img-scroll3 .prev:hover,.img-scroll3 .next:hover { border-color:#3C3C92; color:#3C3C92;} .img-list3 {position: relative;overflow: hidden; z-index:90;} .img-list3 ul {width: 10000%;} .img-list3 li {float: left;display: inline; width:0.3%; margin-right:0.05%; position:relative;} .hotu{ display:block; border: solid 1px #eeeeee;} .hotu img{ width:100%;} .hozi{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .hozi:hover{ color:#3C3C92;} .chanxbiao:hover a{ color:#3C3C92} .img-list3 li:hover .prtu img{ transform:scale(1.1,1.1)} .img-list3 li:hover a{color:#3C3C92;} .img-list3 li:hover .prmor a{ background:#3C3C92; color:#333} .img-list3 li .nezi{ padding:0px; padding-top:20px;} @media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; } .zoomPup { display: none !important; } .zoomWindow { display: none !important; } .zoomPreload { display: none !important; } .jianjie{ width:300px; margin-right:0px; padding-top:0px;} .jianjie h1,.jianjie h2{ font-size:18px; font-size:1.8rem; line-height:24px;} .jiann{ font-size:14px; font-size:1.4rem; line-height:24px; max-height:96px; margin-top:15px;} .inno{ margin-top:20px;} .inno a{ font-size:14px; font-size:1.4rem; min-width:95px; line-height:35px;} } @media screen and (max-width:999px){ .m-propic1 { display: none; } .m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:none; } .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 17px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .m-propic2 .box-btn.prev { left: 0; } .m-propic2 .box-btn.next { right: 0;} .m-propic2 .box-list { overflow: hidden; } .m-propic2 .box-list ul { width: 1000%; } .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; } .m-prob1 .prob-pic { width:100%; float:none; max-width:395px; margin:auto;} .m-prob1 .prob-pic img{ max-width:100%;} .jianjie{ width:100%; float:none; margin-top:20px;} .chanxbiao{ margin-top:16px; line-height:24px; min-width:180px; font-size:18px; font-size:1.8rem; padding-bottom:10px;} .inno a{ min-width:100px; font-size:14px !important; font-size:1.4rem !important; margin-right:5px; float:left;} .chanxiang{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:17px;} .table table tr td{ font-size:14px; font-size:1.4rem; text-align:left; color:#333;} .prtag{ margin-top:27px; font-size:14px; font-size:1.4rem;} .homain{ padding-bottom:30px;} .hozi{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;} .img-scroll3 .prev, .img-scroll3 .next { top:-70px; width:32px; line-height:28px; border-width:2px; font-size:16px;} .img-scroll3 .prev {right:40px; cursor: pointer;} .img-scroll3 .next {right:0px; cursor: pointer;} .prtag2 a{ padding:0 10px; font-size:14px; font-size:1.4rem; margin-right:6px;} .prtag2 span{ font-size:14px; font-size:1.4rem;} .jia1{ float:none; width:100%;} .jia1 h1,.jia1 .jiann,.jia1 .inno{ display:none} .jia2{ display:block} .m-prob1 .prob-pic-small { margin-top: 20px; } } @media only screen and (max-width:767px ) { .homain .m1lie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:40px;} .img-list3 li { width:0.32%; margin-right:0.02%; position:relative;} } @media only screen and (max-width:500px ) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:4.8%; } .img-list3 li { width:0.49%; margin-right:0.02%;} } @media only screen and (max-width:350px ) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; } } /************************************* news ************************************/ .nemain{ padding-top:7px; padding-bottom:80px;} .nemain .fenye{ text-align:center;} .nemain .fenyen{ display:inline-block; float:none;} .nen{} .nen:after{ content:""; clear:both; display:block;} .nelie{ width:31.66%; float:left; margin-left:2.5%; position:relative; margin-top:33px;} .netu{ display:block; overflow:hidden; position:relative;} .netu iframe,.netu video{ position:absolute; width:100%; height:100%; left:0px; top:0px;} .netu img{ width:100%; max-width:380px; margin:auto; transition:0.5s;} .nezi{ padding:22px 20px;} .neriqi{ position:relative; height:48px; padding-left:65px;} .neriqi span{ display:block; font-size:50px; font-size:5rem; line-height:48px; position:absolute; left:-5px; top:0px; font-family: HelveticaLTStd-Bold;} .neriqi p{ font-size:16px; font-size:1.6rem; line-height:24px; width:40px;} .nea{ display:block; font-size:20px; font-size:2rem; line-height:30px; font-family: HelveticaLTStd-Bold; height:60px; overflow:hidden; margin-top:16px;} .nep a{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; height:60px; overflow:hidden; margin-top:10px;} .nemor{ display:block; text-align:left; line-height:24px; color: #666666; font-size:16px; font-size:1.6rem; margin-top:27px;} .nelie:hover{ box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);} .nelie:hover a{color: #3C3C92;} .nelie:hover .netu img{ transform:scale(1.1,1.1)} @media screen and (max-width:999px){ .nemain{ padding-top:7px; padding-bottom:30px;} .nelie{ margin-top:20px;} .nezi{ padding:0px;} .neriqi{ height:40px; padding-left:35px;} .neriqi span{ font-size:30px; font-size:3rem; line-height:40px;} .neriqi p{ font-size:12px; font-size:1.2rem; line-height:20px; margin-top:3px;} .nea{ font-size:16px; font-size:1.6rem; line-height:24px; height:48px; margin-top:5px;} .nep a{ font-size:14px; font-size:1.4rem; line-height:24px; height:48px; margin-top:3px;} .nemor{ display:none} .nelie:hover{ box-shadow:none;} } @media screen and (max-width:767px){ .nea{ font-size:14px; font-size:1.4rem; line-height:20px; height:40px;} .nep a{ font-size:12px; font-size:1.2rem; line-height:22px; height:44px; margin-top:3px;} .nelie{ width:48%; margin-left:1% !important; margin-right:1%;} } /******************************************** news2 ***********************************************/ .nemain2{ padding-top:60px; padding-bottom:80px;} .nemain2 h1{ font-size:30px; font-size:3rem; line-height:40px; margin-top:11px; text-align:center; font-family: HelveticaLTStd-Bold;} .net{ padding-top:10px; text-align:center;} .net .neriqi{ display:inline-block; vertical-align:middle; font-size:16px; font-size:1.6rem; line-height:24px; color:#333; margin-top:17px; padding-left:0px;} .nemain2 .share{ background:none; text-align:left; margin-top:10px;} .nemain2 .share1{color: #666666;} .nexiang{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:7px; padding-bottom:31px;} .nexiang a{ color:#3C3C92;} .nexiang p,.nexiang em,.nexiang strong{ color:#666666;} .nexiang img{ max-width:100%; display:inline-block;} .fanpian{padding-top:24px; border-top:2px solid #e5e5e5; margin-top:20px;} .fanpian li{ font-size:16px; font-size:1.6rem; line-height:30px; color: #666666;} .fanpian li span{ display:inline-block; vertical-align:middle; font-size:20px; margin-right:10px; font-weight:bold;} .fanpian li span,.fanpian li a{ color:#666666} .fanpian li a:hover{ color:#3C3C92;} @media screen and (max-width: 999px) { .nemain2{ padding-top:20px; padding-bottom:30px;} .nexiang{ font-size:14px; font-size:1.4rem; line-height:24px; padding-bottom:20px; padding-top:0px;} .fanpian{ padding-top:10px;} .fanpian li{ font-size:14px; font-size:1.4rem;} .nemain2 h1{ font-size:18px; font-size:1.8rem; line-height:24px;} .fanpian li span{ font-size:20px; margin-right:10px; font-weight:bold;} .net{ padding-top:5px;} .net .neriqi{ font-size:12px; font-size:1.2rem; margin-top:5px;} } /******************************************** application ***********************************************/ #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%; background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;} #baguetteBox-overlay.visible{opacity:1} #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;} #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%} #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);} #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;} #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease} #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out} #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out} .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px} .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%; border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;} .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)} .baguetteBox-button#next-button{right:2%} .baguetteBox-button#previous-button{left:2%} .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px} .baguetteBox-button svg{position:absolute;left:0;top:0} .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px} .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out} .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s} @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}} @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}} @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} .appmain{ padding-top:23px; padding-bottom:100px;} .applie{ width:30.9%; float:left; margin-left:3.65%; position:relative; margin-top:49px; border: solid 1px #e7e7e7;} .apptu{ display:block; overflow:hidden;} .apptu img{ width:100%; max-width:400px; transition:0.5s;} .appzi{ padding:18px 20px; transition:0.5s;} .appa{ display:block; font-size:19px; font-size:1.9rem; line-height:30px; font-family: HelveticaLTStd-Bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .appp a{ display:block; font-size:15px; font-size:1.5rem; color: #666666; line-height:26px; margin-top:5px; height:52px; overflow:hidden;} .appmor{ display:block; text-align:right; color:#666666; font-size:20px !important; font-weight:bold; margin-top:60px;} .appmain .fenye{ text-align:center;} .appmain .fenyen{ display:inline-block; float:none;} .applie:hover{box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.2);} .applie:hover .apptu img{ transform:scale(1.1,1.1)} .applie:hover .appzi a{ color:#3C3C92;} @media screen and (max-width: 999px) { .appmain{ padding-top:20px; padding-bottom:30px;} .appa{ font-size:16px; font-size:1.6rem; line-height:24px;} .appp a{ font-size:14px; font-size:1.4rem; line-height:24px; max-height:48px;} .appzi{ padding:10px 5px; transition:0.5s;} } @media screen and (max-width: 699px) { .applie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:15px;} .appa{ font-size:14px; font-size:1.4rem; line-height:24px;} .appp a{ font-size:12px; font-size:1.2rem;} } /******************************************** download ***********************************************/ .domain{ padding-top:80px; padding-bottom:95px;} .dolie{ position:relative; border-bottom:1px dashed #d1d1d1; padding-bottom:12px; margin-bottom:25px;} .don{padding-right: 200px} .show-san{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 25px; max-height: 80px; margin-top: 20px; } .don>a{ display:block; position:relative; font-size:16px; font-size:1.6rem; color:#4d4d4d; line-height:24px; padding-left:36px;} .don>a i{ position:absolute; line-height:24px; left:0px; font-size:24px; color:#999999;} .don p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; margin-top:17px;} .domor{ display:inline-block; min-width:152px; line-height:38px; padding:0 5px; text-align:center; background:#666666; border-radius:20px; font-size:16px; font-size:1.6rem; color:#ffffff; position:absolute; right:0px; top:0px;} .don a:hover{ color:#3C3C92;} .domor:hover{ background:#3C3C92; color:#333;} .domain .fenye{ padding-top:17px;} @media screen and (max-width:699px) { .domain{ padding-top:20px; padding-bottom:23px;} .dolie{ margin-bottom:30px;} .domor{ position:relative; top:auto; right:auto; margin-top:10px; font-size:12px; font-size:1.2rem; min-width:100px;} .don{ padding:0px;} .don>a,.don p a{ font-size:14px; font-size:1.4rem; line-height:24px;} } /******************************************** about ***********************************************/ .abmain{ padding-top:70px; padding-bottom:40px;} .abbiao{ font-size:30px; font-size:3rem; line-height:40px; font-family: HelveticaLTStd-Bold;} .abn{ color: #555555; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:20px;} .abn p,.abn em,.abn strong{color: #555555;} .abn img{ display:inline-block; max-width:100%;} .abn a{ color:#3C3C92;} .abn a:hover{ text-decoration:underline;} .comain2{ margin-top:60px; max-width:900px; padding-bottom:40px; margin-bottom:61px; border-radius: 5px;} .cobiao2{ font-size:36px; font-size:3.6rem; line-height:42px; text-align:center; font-family: HelveticaLTStd-Bold; position:relative; padding-bottom:15px;} .ditu{ padding-top:1px; padding-bottom:50px;} .ditu img{ max-width:100%;} .xunpan{ background:#fbfbfb; border:1px solid #e1e1e1; border-top:5px solid #3C3C92; margin-top:32px; padding-top:26px; padding-bottom:51px; margin-bottom:40px;} .xunbiao{ display:block; font-size:36px; font-size:3.6rem; line-height:42px; text-align:center; font-family: HelveticaLTStd-Bold; text-transform:uppercase; position:relative; padding-bottom:15px;} .xunbiao:before{ content:""; width:119px; height:4px; background:#3C3C92; position:absolute; bottom:0px; left:50%; margin-left:-60px;} .xunpan form{ padding:0 52px; padding-top:18px;width: 50%;margin: 0px auto;} .xunpan .int1{ width:100%; height:48px; border:1px solid #d2d2d2; margin-top:21px; padding-left:10px; line-height:48px; font-size:14px; font-size:1.4rem; color:#666666;} .xunpan textarea{ width:100%; height:119px; border:1px solid #d2d2d2; margin-top:21px; padding-left:10px; line-height:40px; font-size:14px; font-size:1.4rem; color:#666666;} .xunpan .int2{ width:240px; height:48px; border:1px solid #d2d2d2; line-height:48px; margin-top:21px; padding-left:10px; font-size:14px; font-size:1.4rem; color:#666666; margin-right:20px;} .xunpan .yanzheng{ float:left; margin-top:21px; margin-right:66px; cursor:pointer; width:135px; height:48px;} .xunpan .int3{ width:524px; height:48px; background:#333333; padding:0 5px; margin-top:21px; font-size:16px; font-size:1.6rem; color:#ffffff; cursor:pointer; transition:0.5s;} .xunpan .int3:hover{ background:#3C3C92; color:#fff;} /*.xunpan .int1:nth-child(2n-1){ float:left;} .xunpan .int1:nth-child(2n){ float:right;}*/ @media screen and (max-width: 1219px) { .xunpan .int1{ width:100%;} .xunpan .int2{ width:280px; margin-right:10px;} .xunpan .yanzheng{ margin-right:10px;} .xunpan .int3{ width:434px;} } @media screen and (max-width: 999px) { .abmain{ padding-top:30px;} .abbiao{ font-size:18px; font-size:1.8rem; line-height:30px;} .abn{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:15px;} .comain2{ margin-top:30px; padding:20px 10px; margin-bottom:30px;} .cobiao2{ font-size:26px; font-size:2.6rem; line-height:32px; text-align:center;} .ditu{ padding-bottom:27px;} .xunpan{ margin-top:22px; padding-top:20px; padding-bottom:21px;} .xunpan form{ padding:0 12px; padding-top:18px;width:100%;} .xunbiao{ font-size:20px; font-size:2rem; line-height:30px;} .xunpan .int1{ width:100%; float:none;} .xunpan textarea{ width:100%; float:none;} .xunpan .int2{ width:100%; float:none; margin-right:0px;} .xunpan .yanzheng{ margin-right:10px;} .xunpan .int3{ width:60%;} } @media screen and (max-width: 767px) { .abn{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:15px;} .cobiao2{ font-size:22px; font-size:2.2rem; line-height:32px; text-align:center;} .xunpan .int3{ width:100%;} .logo-text {display:none} } /* main6 */ .main6{ padding-bottom:75px; padding-top:40px;} .main6 .m2a{ text-align:center;} .m6n{ font-size:0px;} .m6n:after{ content:""; clear:both; display:block;} .m6lie{ width:22.66%; display:inline-block; vertical-align:top; *float:left; margin-left:2.78%; margin-top:25px;} .m6tu{ display:block; padding-bottom:100%; position:relative;} .m6tu img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%);} .m6zi{ display:block; font-size:16px; font-size:1.6rem; text-align:center; line-height:30px; margin-top:11px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .main6 a:hover{ text-decoration:underline;} @media screen and (max-width:999px) { .main6{ padding-bottom:35px;} .m6zi{ font-size:14px; font-size:1.4rem; line-height:24px;} } @media screen and (max-width:669px) { .main6{ padding-top:33px; padding-bottom:35px;} .m6lie{ width:48%; margin-left:1% !important; margin-right:1%;} .m6zi{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:6px;} } /* main7 */ .main7{ padding-bottom:50px; padding-top:40px;} .main7 .m2a,.main8 .m2a{ text-align:center;} .m7n{ margin-top:20px;} .m7n:after{ content:""; clear:both; display:block;} .m7lie{ background:#fff; border:2px solid #3C3C92; border-radius:70px 0 70px 0; padding:40px 20px; padding-bottom:32px; margin-top:30px;} .m7a{ font-size:18px; font-size:1.8rem; line-height:24px; font-weight:bold; position:relative; color:#333;} .m7a a{ display:block; color:#333;} .m7a em{ font-style:normal; font-size:26px; font-size:2.6rem; position:absolute; left:0px; top:0px;} .m7p{ color: #333; font-size:16px; font-size:1.6rem; line-height:32px; margin-top:7px;} .m7p p{color: #333; position:relative;} .m7p p a{ color:#333; display:block;} .m7p p strong{ font-style:normal; font-size:26px; font-size:2.6rem; position:absolute; left:0px; top:-3px; color:#333;} .m7n a:hover{ text-decoration:underline;} .main8{ padding-bottom:50px; padding-top:40px; background:#3C3C92;} .m8n{ padding-top:50px;} .m8n:after{ content:""; clear:both; display:block;} .main8 a:hover{} .m8n .dolie{ border-color:#333;} .m8n a{ color:#333 !important; font-weight:bold;} .m8n i{ color:#333 !important} .m8n .domor{ background:#fff;} .m8n a:hover{ text-decoration:underline;} .m8n .domor:hover{ background:#333; color:#fff !important; text-decoration:none;} .main8 .m2biao:hover{ color:#fff;} @media screen and (max-width:999px) { .main7{ padding-bottom:20px;} .m7lie{ padding:20px; margin-top:20px;} .m7a{ font-size:16px; font-size:1.6rem;} .m7a em{ font-size:20px; font-size:2rem;} .m7p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:7px;} .m7p p{} .m7p p strong{ font-size:20px; font-size:2rem;} .main8{ padding-top:20px; padding-bottom:30px;} .m8n{ padding-top:10px;} } @media screen and (max-width:767px) { .main7{ padding-top:30px; padding-bottom:20px;} .m7lie{ padding:20px; margin-top:20px;} .m7a{ font-size:14px; font-size:1.4rem;} .m7a em{ font-size:18px; font-size:1.8rem;} .m7p{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:7px;} .m7p p{} .m7p p strong{ font-size:18px; font-size:1.8rem;} } .main12{} .main12 .m1tu{ float:right;} .main12 .m1zi{ float:left;} .m1tun{ position:relative;} .m1tun iframe,.m1tun video{ position:absolute; width:100%; height:100%; left:0px; top:0px;} .attribute{font-size: 16px; margin-top:50px;} .attribute .box{margin-top: 20px;} .attribute .name span{display: inline-block;color: #333; transition:0.5s;} .attribute .name{ line-height: 36px; padding:10px; padding-right:30px; background:#eaeaea; box-sizing: border-box;cursor: pointer;color: #333;margin-bottom: 5px;position: relative; transition:0.5s;} .attribute .name i{color: #999999;position: absolute;right: 10px;top:50%; margin-top:-10px; line-height:20px; font-size:12px; font-size:1.2rem; transition:0.5s;} .attribute .name.active{ background:#3C3C92;} .attribute .name.active span{color: #333;} .attribute .name.active i{ transform:rotate(180deg); color:#333;} .attribute .item-box{ box-sizing: border-box;/*max-height: 180px;overflow-y: auto;*/display: none;cursor: pointer;} .attribute .item-box label{ display:block; cursor:pointer;} .attribute .item-box>div{color: #666f66; background:#eaeaea; padding:20px; margin-bottom:5px; position:relative;} .attribute .item-box p input{} .attribute .item-box div span{overflow-y: hidden;display: inline-block;vertical-align: middle;max-height: 24px;font-size:16px;font-size:1.6rem;color: #1f1e19;} .attribute .check-box-div{position:absolute !important; right:20px;top: 50%; transform:translateY(-50%)} .attribute .check-box-div .icon{font-size: 18px} .attribute .item-box.active{display: block} /******************************************** video ***********************************************/ .vimain{ padding-bottom:90px; padding-top:70px;} .vilie{ position:relative; background:#fff; border: solid 1px #e5e5e5; padding:28px 40px; min-height:327px; margin-top:30px;} .vitu{ display:block; width:375px; position:absolute; left:40px; top:28px; cursor:pointer;} .vitu img{ width:100%;} .vitu .shpin{position:relative; padding-top:75%; overflow:hidden} .vitu iframe{ position:absolute; width:100%; height:100%; left:0px; top:0px;} .vizi{ margin-left:435px; line-height:271px;} .vizin{ display:inline-block; width:100%; vertical-align:middle;} .via{ display:block; font-size:26px; font-size:2.6rem; font-weight:bold; line-height:32px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;} .vip{ display:block; color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; color: #666666; max-height:120px; overflow:hidden; margin-top:20px;} .vip p{ color:#666;} .tankaung{ position:fixed; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.5); display:none; z-index:9999999999} /*.tankaungn{ position:fixed; left:50%; top:0px; transform:translateX(-50%); width:50%; height:100%; overflow:auto;} .tankaungn2{position:fixed; top:50%; transform:translateY(-50%); left:0px; width:100%; padding-bottom:75%;height: 0; max-height:100%; background:#fff;}*/ .tankaungn2{position:fixed; left:5%; top:5%; right:5%; bottom:5%;} .tankaungn2 iframe,.tankaungn2 video { position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;} .tankaungn2 iframe body{ margin:0px !important;} .famain{ padding-top:70px; padding-bottom:90px;} @media screen and (max-width: 999px) { .famain{ padding-top:30px; padding-bottom:30px;} .vimain{ padding-bottom:40px; padding-top:30px;} .vilie{ border:none; background:none; min-height:109px; padding:0px;} .vitu{ left:0px; top:0px; width:150px;} .vizi{ margin-left:160px; line-height:none;} .vizin{ display:block;} .via{ font-size:18px; font-size:1.8rem; line-height:26px;} .vip{ font-size:14px; font-size:1.4rem; line-height:24px; max-height:72px; overflow:hidden; margin-top:10px;} } @media screen and (max-width: 767px) { .vilie{ min-height:87px;} .vitu{ width:120px;} .vizi{ margin-left:130px;} .via{ font-size:14px; font-size:1.4rem; line-height:22px;} .vip{ font-size:12px; font-size:1.2rem; line-height:22px; max-height:44px;} .tankaungn2{position:fixed; left:5%; top:15%; right:5%; bottom:15%;} } /******************************************** certificate ***********************************************/ .cemain{ padding-top:30px; padding-bottom:90px; font-size:0px; font-size:0rem;} .cemain .m6lie{ width:22.7%; display:inline-block; vertical-align:top; margin-left:3.066%; margin-top:20px;} .m6fu{ position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.4); opacity:0; transition:0.5s;} .m6fu i{ display:block; position:absolute; color:#ffffff; width:30px; line-height:30px; left:50%; top:50%; margin-left:-15px; margin-top:-15px; font-size:24px;} .m6lie:hover .m6fu{ opacity:1;} @media screen and (max-width: 999px) { .cemain{ padding-top:10px; padding-bottom:30px;} .m6fu{ display:none} .cemain .m6lie{ width:31.33%; margin-left:1% !important; margin-right:1%;} .cemain .m6zi{ color:#333} } @media screen and (max-width: 767px) { .cemain .m6lie{ width:31.33%;} } @media screen and (max-width: 499px) { .cemain .m6lie{ width:48%; margin-top:20px;} } /* product2 */ .prat{ margin-top:53px;} .atbiao{color: #202020; font-size:20px; font-size:2rem; line-height:30px; text-transform:uppercase;} .atn{ position:relative; padding-left:50px; margin-top:8px;} .atsp{ position:absolute; display:block; left:0px; top:0px; color: #000000; font-size:16px; font-size:1.6rem; line-height:30px;} .atn label{ display:inline-block; vertical-align:middle; margin-right:10px; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px; cursor:pointer;} .atn span{ display:inline-block; vertical-align:middle; color: #999999; font-size:14px; font-size:1.4rem; line-height:30px} /* news2 */ .net .neriqi{ height:auto; margin:auto; margin-right:5px;} .nefor{ text-align:center; display:inline-block; vertical-align:middle;} .nefor p{ display:inline-block; vertical-align:middle; font-size:14px; font-size:1.4rem; line-height:24px; margin:0 10px;} .nefor p strong{} .nefor p em{ color:#999} /* about */ .attachment {} .attachment.xing{ padding-left:15px; position:relative;} .attachment.xing:before{ content:" * "; position:absolute; left:0px; top:39px; font-size:14px; font-size:1.4rem; color:#333;} .attachment span{float: left;} .attachment #file-name{padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .attachment .file-group{float: left; margin: 20px 0 0 0px; width: 100%; height: 48px; position: relative; overflow: hidden;} .attachment .file-group .file-btn{ width: 100%; height: 100%; background-color: #333; border:1px solid #333; color: #fff; font-size:16px; font-size:1.6rem; transition:0.5s;} .attachment .file-group .file-single{ width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111;} .attachment .file-group .file{ width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111;} .attachment .file-name-p{ height: 34px; display: flex; align-items: flex-end;line-height: 34px} .attachment .file-name-p i{ cursor: pointer;} .attachment .file-name-p span{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .attachment .file-group:hover .file-btn{ background-color:#fff; color:#333;} @media screen and (max-width: 999px) { .attachment .file-group{ width:100%;} } .ynav{ position:absolute; right:0px; top:34px; padding-bottom:10px; padding-left:10px; z-index:99; cursor:pointer;} .yvnava{ width:32px; height:32px; background:#333333; position:relative;} .ysp1{ display:block; width:20px; height:2px; background:#fff; position:absolute; left:6px; top:50%; margin-top:-10px;} .ysp2{ display:block; width:13px; height:2px; background:#fff; margin:3px 0; position:absolute; left:6px; top:50%; margin-top:-1px;} .ysp3{ display:block; width:20px; height:2px; background:#fff; position:absolute; left:6px; top:50%; margin-top:8px;} .yyiji{ position:absolute; right:0px; top:34px; width: 200px; border: solid 1px #d9d9d9; border-bottom:none; background:#fff; display:none} .yyiji li{ position:relative;} .yyiji li a{ display:block; border-bottom: solid 1px #d9d9d9; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:26px; padding:6px 9px;} .yyiji li a:hover{ background:#333; color:#fff;} .yerji{ position:absolute; right:100%; top:0px; width: 200px; border: solid 1px #d9d9d9; border-bottom:none; background:#fff; display:none} .ynav:hover .yyiji{ display:block;} .yyiji li:hover .yerji{ display:block;} .ynav .dangqiandao a{ background:#333; color:#fff !important;} .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e624"; } .icon-edit:before { content: "\e611"; } .icon-facebook:before { content: "\e620"; } .icon-vk:before { content: "\e735"; } .icon-pinterest:before { content: "\e8ab"; } .icon-jian2:before { content: "\e600"; } .icon-linkedin:before { content: "\e648"; } .icon-youtube:before { content: "\e6d6"; } .icon-twitter:before { content: "\e607"; } .icon-jia2:before { content: "\e608"; } .icon-bigger:before { content: "\e647"; } .icon-left:before { content: "\e72c"; } .icon-right:before { content: "\e72d"; } .icon-up1:before { content: "\e72e"; } .icon-bottom1:before { content: "\e72f"; } .icon-left1:before { content: "\e730"; } .icon-right1:before { content: "\e731"; } .icon-up:before { content: "\e73e"; } .icon-bottom:before { content: "\e73f"; } .icon-instagram:before { content: "\e79d"; } .icon-tumblr:before { content: "\e79e"; } .icon-download:before { content: "\e7a0"; } .icon-download1:before { content: "\e7a7"; } .icon-search4:before { content: "\e7b2"; } .icon-address:before { content: "\e7bc"; } .icon-email:before { content: "\e7bd"; } .icon-contact:before { content: "\e7be"; } .icon-whatsapp:before { content: "\e7bf"; } .icon-fax:before { content: "\e7c2"; } .icon-mobile:before { content: "\e7c6"; } .icon-phone:before { content: "\e7c8"; } .icon-tel:before { content: "\e7c7"; } .icon-phone1:before { content: "\e7cb"; } .icon-skype:before { content: "\e7cc"; } .icon-whatsapp1:before { content: "\e7c1"; } .icon-address1:before { content: "\e7c3"; } .icon-contact1:before { content: "\e7c4"; } .icon-email1:before { content: "\e7c5"; } .icon-skype1:before { content: "\e7c9"; } .icon-fax1:before { content: "\e7ca"; } .icon-qq:before { content: "\e7ce"; } .icon-tel1:before { content: "\e7cd"; } .icon-wechat:before { content: "\e7cf"; } .icon-phone2:before { content: "\e7d0"; } .icon-message:before { content: "\e7da"; } .icon-calendar:before { content: "\e7e1"; } .icon-calendar1:before { content: "\e7e3"; } .icon-top:before { content: "\e7ed"; } .icon-youbian:before { content: "\e60f"; } .icon-changfangbiaozhunhetong:before { content: "\e6b7"; } .icon-huanbao:before { content: "\e603"; } .icon-zhengshu:before { content: "\e63f"; } .icon-zhiliang:before { content: "\e61c"; } .img{background:url(../images/img.png) no-repeat;background-size:24px 1664px} .no{height:16px;width:24px;background-position:0 0;} .ny{height:16px;width:24px;background-position:0 -16px;} .pa{height:16px;width:24px;background-position:0 -32px;} .my{height:16px;width:24px;background-position:0 -48px;} .ne{height:16px;width:24px;background-position:0 -64px;} .nl{height:16px;width:24px;background-position:0 -80px;} .ro{height:16px;width:24px;background-position:0 -96px;} .ru{height:16px;width:24px;background-position:0 -112px;} .sd{height:16px;width:24px;background-position:0 -128px;} .pl{height:16px;width:24px;background-position:0 -144px;} .ps{height:16px;width:24px;background-position:0 -160px;} .pt{height:16px;width:24px;background-position:0 -176px;} .mt{height:16px;width:24px;background-position:0 -192px;} .lt{height:16px;width:24px;background-position:0 -208px;} .lv{height:16px;width:24px;background-position:0 -224px;} .mg{height:16px;width:24px;background-position:0 -240px;} .la{height:16px;width:24px;background-position:0 -256px;} .lb{height:16px;width:24px;background-position:0 -272px;} .lo{height:16px;width:24px;background-position:0 -288px;} .mn{height:16px;width:24px;background-position:0 -304px;} .mr{height:16px;width:24px;background-position:0 -320px;} .ms{height:16px;width:24px;background-position:0 -336px;} .mi{height:16px;width:24px;background-position:0 -352px;} .mk{height:16px;width:24px;background-position:0 -368px;} .ml{height:16px;width:24px;background-position:0 -384px;} .si{height:16px;width:24px;background-position:0 -400px;} .tw{height:16px;width:24px;background-position:0 -416px;} .uk{height:16px;width:24px;background-position:0 -432px;} .ur{height:16px;width:24px;background-position:0 -448px;} .th{height:16px;width:24px;background-position:0 -464px;} .tl{height:16px;width:24px;background-position:0 -480px;} .tr{height:16px;width:24px;background-position:0 -496px;} .yi{height:16px;width:24px;background-position:0 -512px;} .yo{height:16px;width:24px;background-position:0 -528px;} .zu{height:16px;width:24px;background-position:0 -544px;} .uz{height:16px;width:24px;background-position:0 -560px;} .vi{height:16px;width:24px;background-position:0 -576px;} .xh{height:16px;width:24px;background-position:0 -592px;} .tg{height:16px;width:24px;background-position:0 -608px;} .so{height:16px;width:24px;background-position:0 -624px;} .sq{height:16px;width:24px;background-position:0 -640px;} .sr{height:16px;width:24px;background-position:0 -656px;} .sl{height:16px;width:24px;background-position:0 -672px;} .sm{height:16px;width:24px;background-position:0 -688px;} .sn{height:16px;width:24px;background-position:0 -704px;} .sw{height:16px;width:24px;background-position:0 -720px;} .ta{height:16px;width:24px;background-position:0 -736px;} .te{height:16px;width:24px;background-position:0 -752px;} .st{height:16px;width:24px;background-position:0 -768px;} .su{height:16px;width:24px;background-position:0 -784px;} .sv{height:16px;width:24px;background-position:0 -800px;} .ky{height:16px;width:24px;background-position:0 -816px;} .el{height:16px;width:24px;background-position:0 -832px;} .en{height:16px;width:24px;background-position:0 -848px;} .eo{height:16px;width:24px;background-position:0 -864px;} .cy{height:16px;width:24px;background-position:0 -880px;} .da{height:16px;width:24px;background-position:0 -896px;} .de{height:16px;width:24px;background-position:0 -912px;} .fa{height:16px;width:24px;background-position:0 -928px;} .fi{height:16px;width:24px;background-position:0 -944px;} .fr{height:16px;width:24px;background-position:0 -960px;} .es{height:16px;width:24px;background-position:0 -976px;} .et{height:16px;width:24px;background-position:0 -992px;} .eu{height:16px;width:24px;background-position:0 -1008px;} .cs{height:16px;width:24px;background-position:0 -1024px;} .az{height:16px;width:24px;background-position:0 -1040px;} .be{height:16px;width:24px;background-position:0 -1056px;} .bg{height:16px;width:24px;background-position:0 -1072px;} .af{height:16px;width:24px;background-position:0 -1088px;} .am{height:16px;width:24px;background-position:0 -1104px;} .ar{height:16px;width:24px;background-position:0 -1120px;} .ceb{height:16px;width:24px;background-position:0 -1136px;} .cn{height:16px;width:24px;background-position:0 -1152px;} .co{height:16px;width:24px;background-position:0 -1168px;} .bn{height:16px;width:24px;background-position:0 -1184px;} .bs{height:16px;width:24px;background-position:0 -1200px;} .ca{height:16px;width:24px;background-position:0 -1216px;} .fy{height:16px;width:24px;background-position:0 -1232px;} .is{height:16px;width:24px;background-position:0 -1248px;} .it{height:16px;width:24px;background-position:0 -1264px;} .ja{height:16px;width:24px;background-position:0 -1280px;} .hy{height:16px;width:24px;background-position:0 -1296px;} .id{height:16px;width:24px;background-position:0 -1312px;} .ig{height:16px;width:24px;background-position:0 -1328px;} .km{height:16px;width:24px;background-position:0 -1344px;} .kn{height:16px;width:24px;background-position:0 -1360px;} .ko{height:16px;width:24px;background-position:0 -1376px;} .jv{height:16px;width:24px;background-position:0 -1392px;} .ka{height:16px;width:24px;background-position:0 -1408px;} .kk{height:16px;width:24px;background-position:0 -1424px;} .ku{height:16px;width:24px;background-position:0 -1440px;} .gl{height:16px;width:24px;background-position:0 -1456px;} .gu{height:16px;width:24px;background-position:0 -1472px;} .ha{height:16px;width:24px;background-position:0 -1488px;} .hu{height:16px;width:24px;background-position:0 -1504px;} .ga{height:16px;width:24px;background-position:0 -1520px;} .gd{height:16px;width:24px;background-position:0 -1536px;} .hmn{height:16px;width:24px;background-position:0 -1552px;} .hr{height:16px;width:24px;background-position:0 -1568px;} .ht{height:16px;width:24px;background-position:0 -1584px;} .haw{height:16px;width:24px;background-position:0 -1600px;} .he{height:16px;width:24px;background-position:0 -1616px;} .hi{height:16px;width:24px;background-position:0 -1632px;} .sk{height:16px;width:24px;background-position:0 -1648px;} .xunpanlb .table{margin-top: 30px;} .xunpanlb .table .thead{font-size: 0;letter-spacing: 0;border: 1px solid #dcdcdc;} .xunpanlb .table .thead p{text-align: center; padding: 0 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box} .xunpanlb .table .thead p:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;} .xunpanlb .table .tbody{font-size: 0;letter-spacing: 0;} .xunpanlb .table .tbody .tread{border: 1px solid #dcdcdc;border-top: 0;} .xunpanlb .table .tbody .tread .td{height: 100%; text-align: center;padding: 10px 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box} .xunpanlb .table .tbody .tread .td:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;} .xunpanlb .table .tbody .td img{max-width: 110px;} .xunpanlb .table .tbody .td a{color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} .xunpanlb .table .tbody .td a:hover{color: #3C3C92;} @media screen and (max-width: 520px) { .xunpanlb .table { border-top: 1px solid #dcdcdc; } .xunpanlb .table .thead { display: none; } .xunpanlb .table .tbody .td { width: 100% !important; } .xunpanlb .table .tbody .tread .td:nth-child(2) { border: 0 !important; } } .disnone { display: none !important; } .fenye a.pageEllipsis:hover{ border: #e4e4e4 solid 1px !important; color: #333 !important;background-color:#fff !important} .vtb { display: inline-block; vertical-align: top; } .ul-vtb { display: inline-block; } .ul-vtb li{ color: #fff; } .wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; } .wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; } .wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; } .l { float: left; } .wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; } .r { float: right; } .wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../images/sousuo.png) no-repeat center center; } .wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; } .wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; } .wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url(../images/shizi.png) no-repeat center center; } .wap-nav .nav > ul > li .c-show { display: none; width: 100%; } .wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; } .wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 28px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #3C3C92!important; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #3C3C92; } .wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #3C3C92; } .toplx { padding-top: 11px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .topul li { font-size: 16px; font-size: 1.6rem; display: inline-block; margin-right: 20px; line-height: 30px; } .search { position: relative; margin-left: 16px; } .sou { width: 282px; height: 38px; line-height: 38px; padding-left: 18px; border: 1px solid #e5e5e5; background: #fff; border-radius: 5px; } .search form i { position: absolute; right: 1px; top: -1px; width: 40px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; background: #3C3C92; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-top: 1px; } .icon-search4:before { content: "\e7b2"; } .m-hdlang { position: relative; overflow: visible; float: right; height: 38px; line-height: 38px; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; background: #3C3C92; min-width: 120px; border-radius: 5px; } .m-hdlang .lang-item { float: none; color: #fff; } .m-hdlang > .lang-item { font-size: 16px; font-size: 1.6rem; display: block; color: #fff; position: relative; padding-right: 15px; } .img { background: url(../images/img.png) no-repeat; } .en { height: 16px; width: 24px; background-position: 0 -848px; } .m-hdlang > .lang-item span { display: inline-block; vertical-align: middle; } .m-hdlang > .lang-item i { vertical-align: middle; color: #fff; font-size: 12px; font-size: 1.2rem; vertical-align: middle; position: absolute; right: 0px; top: 0px; } .icon-jt:before { content: "\e621"; } .m-hdlang .lang-list { position: absolute; left: 0; top: 100%; background-color: #eee; z-index: 999; width: 100%; display: none; font-size: 12px; font-size: 1.2rem; border: solid 1px #fff; margin-top: -2px; padding-top: 3px; padding-bottom: 1px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .m-hdlang .lang-item { float: none; color: #fff; } .m-hdlang .lang-item a { color: #333; } .m-hdlang .lang-list .lang-item span { display: inline-block; vertical-align: middle; margin-right: 3px; } .en { height: 16px; width: 24px; background-position: 0 -848px; } .tw { height: 16px; width: 24px; background-position: 0 -432px; } .logo { line-height: 96px; } .logo a { display: inline-block; vertical-align: middle; } .logo img { max-height: 96px; display: block; } .nav_list { position: relative; margin-top: 32px; margin-left: 42px; } .nav_list i { display: block; width: 29px; height: 29px; line-height: 29px; text-align: center; background: transparent; color: #3C3C92; font-size: 24px; font-size: 2.4rem; cursor: pointer; } .icon-menu:before { content: "\e601"; } .nav_xiala { position: absolute; top: 100%; width: 272px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); z-index: 999; right: 0; display: none; padding: 7px; } .nav_xiala li { position: relative; } .nav_xiala a { display: block; line-height: 24px; padding: 0 18px; padding-top: 12px; padding-bottom: 12px; font-size: 18px; font-size: 1.8rem; color: #555555; } .navlist { padding-top: 34px; } .navlist > li { float: left; margin-left: 48px; position: relative; } @media screen and (max-width: 1219px){ .navlist > li { margin-left: 20px; } } .navlist > li > a { font-size: 18px; font-size: 1.8rem; display: block; padding-bottom: 25px; } @media screen and (max-width: 1219px){ .navlist > li > a { font-size: 16px; font-size: 1.6rem; } } .navlist > li.currentnav > a { color: #3C3C92; } .yiji { position: absolute; z-index: 9999; width: 258px; background: #fff; top: -9999px; left: 50%; margin-left: -98px; padding: 7px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1219px) and (min-width: 1000px){ .yiji, .erji ul, .sanji ul { width: 200px; } } .yiji li { position: relative; padding: 0 7px; } .yiji li a { display: block; color: #555555; line-height: 32px; padding-top: 10px; padding-bottom: 10px; padding-left: 18px; padding-right: 10px; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 1219px) and (min-width: 1000px){ .yiji li a { line-height: 26px; } } @media screen and (min-width: 768px){ .wap-nav, .menubtn { display: none; } } .wp { width: 1200px; margin: auto; } @media screen and (max-width: 1219px) and (min-width: 1000px){ .wp { width: 980px; margin: auto; } } @media screen and (max-width: 999px){ .wp { width: 95%; margin: auto; /*padding: 0px 15px;*/ } } @media screen and (max-width: 920px){ .topul { display: none; } } @media screen and (max-width: 999px){ .sou { width: 220px; } } @media screen and (max-width: 767px){ .navlist1 { display: none; } .logo { float: none; text-align: center; line-height: 70px; } .logo img { max-height: 70px; } .m-hdlang { float: left; } .search, .nav_list { display: none; } } .index8-main { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 56px; } .index8-main .index8-item { margin-bottom: 26px; transition: all 0s; max-width: 372px; display: flex; align-items: center; justify-content: space-between; position: relative; width: calc(33% - 13px); border: 1px solid #EAEAEA; overflow: hidden; height: 150px; line-height: 150px; } .index8-main .index8-item.no-cursor { cursor: default; } .index8-main .index8-item::before { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0; content: ""; display: block; height: 100%; left: -75%; position: absolute; top: 0; transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); width: 50%; z-index: 2; opacity: 0.75; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .index8-main .index8-item:hover::after { opacity: 1; } .index8-main .index8-item:after { content: ""; position: absolute; border: 8px solid #eaeaea; box-sizing: border-box; transition: all 0.4s; opacity: 0; width: 100%; height: 100%; } .index8-main .index8-item::before { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0; content: ""; display: block; height: 100%; left: -75%; position: absolute; top: 0; transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); width: 50%; z-index: 2; opacity: 0.75; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .index8-main .index8-item:hover::before{ animation: hoverImg 1.5s; -webkit-animation: hoverImg 1.5s; } @-webkit-keyframes hoverImg {100% {left: 125%;}} @keyframes hoverImg { 100% {left: 125%;}} .index8-main .index8-item img { position: absolute; margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; max-width: 100%; max-height: 100%; } .index8-img1 { left: 180px; top: 225px; -webkit-animation: animationOne 20s infinite linear; animation: animationOne 20s infinite linear; } .index8-img2 { left: 294px; top: 503px; -webkit-animation: animationTwo 3s linear infinite; animation: animationTwo 3s linear infinite; } .index8-img4 { right: 454px; top: 615px; -webkit-animation: animationOne 20s infinite linear; animation: animationOne 20s infinite linear; } .index8-img5 { right: 229px; top: 351px; -webkit-animation: animationTwo 3s linear infinite; animation: animationTwo 3s linear infinite; } .index8>img { position: absolute; transform-style: preserve-3d; z-index: 999; } .index8{ position: relative; } .f-box { margin: 0 auto; width: 1200px; max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-waves { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100vw; height: 242px; } @-webkit-keyframes footerWave{ 0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)} } @keyframes footerWave{ 0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)} } .footer-waves .wave { position: absolute; left: 0; bottom: 0; width: 20000%; height: 100%; background-image: url(../images/wavebg.png); -webkit-animation: footerWave 2700s linear infinite; -o-animation: footerWave 2700s linear infinite; animation: footerWave 2700s linear infinite; } .index8>div { position: relative; } @-webkit-keyframes animationTwo { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes animationTwo { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes animationOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg); transform: translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(100px, 72px) rotate(72deg); transform: translate(100px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg); transform: translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @media screen and (max-width: 768px){ .footer-waves { display: none!important; } } .navlist > li:hover .yiji { top: 100%; } .yiji li:hover a{ color:#fff; } .yiji > li:hover .erji { top: -7px; } .erji li:hover .sanji { top: -7px; } @media screen and (max-width: 999px) { .yiji { display: none; } } .fymain { padding-top: 52px; padding-bottom: 100px; } .fydabt { font-size: 3.6rem; font-weight: bold; text-transform: uppercase; text-align: center; font-family: "Swiss721BT-BoldCondensed",Arial, Helvetica, sans-serif; margin-bottom: 52px; margin-top: 30px; } .abt { font-size: 24px; font-size: 2.4rem; margin-bottom: 27px; color: #3C3C92; line-height: 30px; font-family: 'PoppinsSemiBold',Arial, Helvetica, sans-serif; } .lxlist { margin-bottom: 40px; } .lxlist div { font-size: 16px; font-size: 1.6rem; color: #666; line-height: 30px; } .lxlist div a, .lxlist div span { color: #666; } .box-fix{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .abjq { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 55px; color: #666666; } .abjq p { color: #666666; } .box-video { position: relative; width: 49%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .box-video1 { float: left; padding-right: 5.16667%; padding-bottom: 5%; margin-right: 4%; } .box-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; } .text-title { line-height: 38px; font-size: 28px; font-size: 2.8rem; } .text-info { margin-top: 32px; line-height: 30px; font-size: 20px; font-size: 2rem; } .text-desc { margin-top: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; } .m-abtb3 { margin-top: 82px; } .f-box { margin: 0 auto; width: 1200px; max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; } .m-abtt { margin-bottom: 42px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; text-align: center; } .m-abtb3 #swiper-container1 { position: relative; margin: 0 0 40px 0; } .m-abtb3 #swiper-container1::before { content: ""; position: absolute; left: 0; bottom: 18px; width: 100%; height: 2px; background-color: #b3cdf6; } .m-abtb3 #swiper-container1 .swiper-slide { position: relative; text-align: center; cursor: pointer; } .m-abtb3 #swiper-container1 .item-title { margin-bottom: 20px; line-height: 26px; font-size: 24px; font-size: 2.4rem; } .m-abtb3 #swiper-container1 .item-num { width: 35px; height: 35px; display: inline-block; background: url(../images/dot1.png) no-repeat center; background-size: 100% 100%; } .m-abtb3 #swiper-container1 .swiper-slide { position: relative; text-align: center; cursor: pointer; } .m-abtb3 #swiper-container1 .box-btn { position: absolute; bottom: 1px; line-height: 36px; font-size: 20px; font-size: 2rem; color: #b3cdf6; } .m-abtb3 #swiper-container1 .box-btn.prev { left: -4px; } .m-abtb3 #swiper-container1 .box-btn.next { right: -4px; } .m-abtb3 .swiper-father #swiper-container2 .item-wp { position: relative; padding-left: 10.41903%; padding-right: 10.41903%; padding-top: 4.53001%; padding-bottom: 5.66251%; text-align: center; color: #fff; background-color: #3C3C92; margin-bottom: 30px; } .m-abtb3 #swiper-container2 .item-wp:before { content: " "; display: block; position: absolute; left: 50%; transform: translate(-50%, 0); width: 87.76897%; bottom: -30px; background-color: #3e84ff; opacity: .3; z-index: -1; height: 30px; } .m-abtb3 #swiper-container2 .item-wp .item-title { line-height: 40px; font-size: 30px; font-size: 3rem; font-weight: bold; color:#fff; } .m-abtb3 #swiper-container2 .item-wp .item-desc { margin-top: 19px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color:#fff; } .m-abtb3 .swiper-father { width: 100%; margin: 0 auto; position: relative; overflow: visible; padding: 0 160px; box-sizing: border-box; } .m-abtb3 .swiper-father .swiper-button-prev { background: none; width: 48px; height: 48px; border-radius: 50%; background-color: ffffff; font-size: 2rem; box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 9%); text-align: center; line-height: 48px; color: #3e84ff; } .m-abtb3 .swiper-father .swiper-button-next { background: none; width: 48px; height: 48px; border-radius: 50%; background-color: ffffff; font-size: 2rem; box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 9%); text-align: center; line-height: 48px; color: #3e84ff; } .m-abtb5 { padding-top: 62px; padding-bottom: 75px; } .m-abtb5 .box-tabhd { font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 32px; } .m-abtb5 .tabhd-item { margin-left: 28px; margin-right: 28px; margin-bottom: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 210px; line-height: 30px; padding: 10px 0; font-size: 20px; font-size: 2rem; text-align: center; border-radius: 10px; border: solid 1px #999999; -moz-box-sizing: border-box; box-sizing: border-box; } .m-abtb5 .tabhd-item:hover, .m-abtb5 .tabhd-item.active { color: #fff; background-color: #3C3C92; border-color: #3C3C92; } .m-abtb5 .box-tabbd.box-tabbd2 { position: relative; } .m-abtb5 .tabbd-item { float: left; display: none; } .m-abtb5 .tabbd-item.show { display: block; width: 100%; } .m-abtb5 .box-list { margin-bottom: -46px; font-size: 0; letter-spacing: 0; } .m-abtb5 .list-item { margin-right: 5%; margin-bottom: 46px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 30%; } .m-abtb5 .item-top { position: relative; display: block; overflow: hidden; } [class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; } [class*="-item"] .item-pic img { -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-abtb5 .item-modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; } .m-abtb5 .item-modal i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 30px; font-size: 3rem; color: #fff; } .m-abtb5 .item-top:hover .item-modal { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .box-list .list-item:after{ clear: both; content: ""; display: block; } .m-abtb5 .box-tabbd.box-tabbd2:after { content: ""; display: block; clear: both; } img{ max-width: 100%; border: 0px solid #ccc; height: auto; } .c-nomr { margin-right: 0 !important; } .m-abtb6{ padding-top: 78px; background: #f7f7f7; } .m-abtb6 .box-desc { margin-top: 23px; line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #666; text-align: center; } .m-abtb7 { padding-top: 60px; padding-bottom: 60px; background-color: #3C3C92; } .c-clearfix:after { content: ""; display: block; clear: both; } .m-abtb7 .box-title { float: left; width: 100%; padding-right: 230px; color: #fff; line-height: 50px; font-size: 30px; font-size: 3rem; -moz-box-sizing: border-box; box-sizing: border-box; } .m-abtb7 .box-title img { vertical-align: middle; display: inline-block; } .m-abtb7 .box-title span { font-size: 40px; font-size: 4rem; vertical-align: middle; } .m-abtb7 .box-link { float: left; margin-left: -215px; } .m-abtb7 .box-link a { display: block; width: 215px; line-height: 36px; padding: 10px 15px; font-size: 18px; font-size: 1.8rem; color: #3C3C92; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2); border-radius: 28px; background-color: #fff; } .m-abtb7 .box-link a .iconfont { font-size: 1.8rem; } .m-abtb7 .box-title span { font-size: 40px; font-size: 4rem; vertical-align: middle; color:#fff; } @media screen and (max-width: 1219px){ .fydabt { font-size: 50px; font-size: 5rem; } .f-box { width: 960px; } } @media screen and (max-width: 999px){ .fymain { padding-bottom: 65px; } .fydabt { font-size: 40px; font-size: 4rem; margin-bottom: 40px; } } @media screen and (max-width: 800px){ .fydabt { font-size: 30px; font-size: 3rem; } } @media screen and (max-width: 767px){ .fymain { padding-top: 35px; padding-bottom: 40px; } .fydabt { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px; } } .j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .m-abtb3 #swiper-container1 .swiper-slide.active-nav .item-title { color: #3e84ff; } .m-abtb3 #swiper-container1 .swiper-slide.active-nav .item-num { background-image: url(../images/dot2.png); } .domor:hover{ background: #3C3C92; color: #fff; } .dangqianfen{ color:#fff!important; } .iconfont+.iconfont{ margin-left: -8px; } .text-desc p{ text-indent: 2em; color: #777; } input.sou::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } input.sou:-moz-placeholder, textarea:-moz-placeholder { color: #999; } input.sou::-moz-placeholder, textarea::-moz-placeholder { color: #999; } input.sou:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } .head{ background: #fff; width: 100%; top: 0px; z-index: 88; } .product-box{ margin-bottom: 50px; } @media screen and (max-width: 1219px){ .pro-main{ width: 74%; float: right; } .proslide { width: 24%; float: left; } } @media screen and (max-width: 999px){ .pro-main{ width: 67%; float: right; } .proslide { width: 30%; float: left; } } @media screen and (max-width: 768px){ /*.kefubox{ display: none; }*/ .main1{ display: none; } .mianbao{ margin-top: 0px; } .box-video { float: none; padding-right: 0; margin-left: 0; margin-bottom: 20px; width: 100%; } .text-title { line-height: 30px; font-size: 20px; font-size: 2rem; } .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 30px; width: 31.33%; } .box-fix { display: block; } .m-abtb3 { margin-top: 30px; } .m-abtb5 { padding-top: 30px; padding-bottom: 30px; } .m-abtb6 { padding-top: 30px; padding-bottom: 30px; } .m-abtb7 { padding-top: 30px; padding-bottom: 30px; } .m-abtb3 .swiper-father { padding: 0 60px; } .f-box { padding-left: 15px; padding-right: 15px; } .m-abtb7 .box-title { float: none; padding-right: 0; line-height: 36px; font-size: 16px; font-size: 1.6rem; } .m-abtb7 .box-title { font-size: 1.4rem; } .m-abtb7 .box-link { float: none; margin-left: 0; margin-top: 30px; } .m-abtb7 .box-link a { width: 170px; line-height: 30px; } .m-abtb7 .box-title span { font-size: 2rem; } .m-abtb7 .box-title img { width: 36px; } } .mobileshow{ display: none; } .logo-text{ line-height: 80px; float: left; padding-left: 30px; font-size: 24px; } .enf .fo5 { width: 700px; float: left; } .enf .fo4 { width: 260px; float: left; } @media screen and (max-width: 768px){ .mobileshow{ display: block; } .pcshow{ display: none; } } .m-abtb3 .swiper-button-next, .m-abtb3 .swiper-button-prev{ top: 10%; } @media screen and (max-width: 767px){ .enf .fo5 { width: 100%; float: left; } .footer-zhuyi{ margin-left: 0px!important; } .pro1-list .list-item{ width:48%!important; margin-right: 1%!important; margin-left:1%!important; } .product-introduce-text{ padding: 0px 10px!important; } } @media screen and (max-width: 500px){ .kefubox{ display: none; } } @media screen and (max-width: 400px){ .fo5 { width: 100%; float: left; } }