.rel {position: relative;} .abs {position: absolute;} .fixed {position: fixed;} .flex {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */ } .flex-wrap {flex-flow: wrap;} .flex-between {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;} .inline-block {display: inline-block;} .block {display: block;} .hide {display: none;} .bold {font-weight: 700;} .txt-center {text-align: center;} .txt-left {text-align: left;} .txt-right {text-align: right;} .before {opacity: 0;visibility: hidden;} .after {opacity: 1;visibility: visible;} .font {font-family: Arial;} .txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .upper {text-transform: uppercase;} .middle {vertical-align: middle;} .background {background-size: contain;background-repeat: no-repeat;background-position: center center;} @font-face {font-family: "icon";src: url('iconfont.eot@t=1561461869476');/* IE9 */src: url('iconfont.eot@t=1561461869476#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArkAAsAAAAAFLQAAAqUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGUAqWRJIhATYCJANoCzYABCAFhG0HgjkbkBEjETaMsgpE9hcJvCnWlcAUV5HAPJKSVpTBthejkNVyd+aFgzVBQHlVdXdGSWZm6dweJLzEJ6AX5F4/D8z846b9JFCsLVCsUGpq0/xkXupK52Fz2DwyNUHO4US0d+8KIABhE8bQVyxu1u0hTNU7pjz7y29dSjquQCANN37+fl/aBZLXZhpkRu3dF3l+nOk7mUUjOBhVW2mLq0G8IL5gvgbDmTlefIOYEzFpb4cAYOJHWUTT5m274ocH1QWajB01YhB+RwK8EF+B0OzGOdVQYiMehHKVvANs0P68KKCy8AMkfAW9U8fhzYbSUJN3VS10KfqqpSzOjwHvpwEUgLKAAZAx3HwRAjO0spoh5rU2+AQoSQb5uEKttK0jtFb76lidrDN0ri7SPfVxfUPf0v9yeuW8zb2fd9V1oYkV1zt2D6c3g6flggjKs7gVY1e2rfrfeBBDBLGE8SIeEwUh1AQRwoeHGwJQJLgjR6AlgQAYQHhBYxsAou5LRSJopFDEgBahiAAtQxELWiHhP7CBRAEigMQDEoCYgEQg0YBUICFAOSBxgCpAgoCaQPyAekA8gMZADEAPIF5ATyA+wHEgEnADiAW4BZ26wj+EIhJyeiFCgzdAEgFvEYoEyL3PCLCqRACrzz7plKpAJVD1wNgA9bgDE6DEEKxtkRmoR7ZEWNzwaMRKSooLBMolx5lmWjBomdEZIipKWYYRb9spcfGMky+TbMcHApGmmSLsyKjIIZglLcnaHrQ0qd+3jr0GaStO20jKFss+C6BvQ8YRLxGw1m7uOs7YIGMlKGsM9zyQuYXT9jixgLPNpZQRtFlN4ORqUaxJ08pZVM1Mp+Wo6Yj5EHWY2Cfwtlr9djthQvAkqxWnbBCnVYxFQ6r235dYwjmNzQYtD8Oh+6qcmnjp6KLF5gthYawSJzm1HXE4yEA+kY+WrW8VOI4VK/fdE2ckcnMpawtdhC55s5DGJQYPbOXOxl2xKs9t8dn5BrdalaKmitnO5iAd9rQma0rDkac2jetDb4/8Lvl37Ti+74jpaPjBw9ShEJJmWY5jGFrZaOE0GoddSdMUo3LYlAwjmXbBqlTSm0BRVg3Hcm3w9C7nadR+CXPQB3HYCaTXrG7pjW2YzcqmZoamG82gPkIHqRTW050Q7/y2rVLgCetSZ8zuzVnPrK0rzYEM1VFNaqPuUrt90J2tIpN4WN7YYCvX0wHKphbWnKtqbqK7O1fT2sz0QKnaSCnxZMIASTXJU0Uyc8sVXbbRCZDkFIK5bx3Dww9GumMyTJ5HRDyrqAdHXUyOeIttHBh+qqANc+7bV5TWUg2bAzCYNz8ZkkiigBc2M3NVByMhs3nToX0H1MQWH7X1E8L+Pun4FNreNTRILDXDaFGZZbtttTg5O1CzZfx1opmaucGIH5D5/yO661n3Yjgkbjoa+gM1+18t0NhubgNmYs20EnU3j9uLPaYwjIVDptdznImdLpFbAEKJZWYEMQ0SrFmJN0QnGx2/c9BpEP1Jka4huWD+V/pPe7xlFDgC7JA6spD9PVIQfMMP9OCXF1TWeU3KV/eUtaEBZd8WvAuK/5sMJnSpPpGW/F307/Vh+GEg8dX7AngVSqHT6XKWqupTiZWKRfrRIhEEv4QpWyNaIr+I+NJFFig/e6QxYuSHXrRjNztbjGG6vmdrVyJb0RensaVlpXOKE/1nRo4UixKHsj7ZH66XA0NK4IQdjW2IrnJkWmKguKhFp67ZntvR5/aTTPcHk1xQSMaoS6KWL52xCDNe27kanY9cWejdvBg7waH9AWsC3l04HPXx60RewtIorRHduQxtYhxeZESH0V3L0cakbEMe71WxvsRTOaQfPAZeJetTzG8E7CuGk4p8T92cE4iLvDuD46bp6sKXrA1PqfGoD1DMe2Ho4Q8JfpiWVBdaR0JFek4vSk9Hq8i/gW7u5fdhzASkEqlmevsEel2r0n8+iRx7Uxg4rI8OSlvexQu5XXg2ZFtR/4HgK0VEZZNrXvzYx1V+c4dN9FSAov3ztcy6D1QfrKsWuxPloucSudZYzD9TuOeNuzRZunv9HvuAT0xBwozUqEh9vuctbTAIWTNnXY0nADsIYbNfCJRD+fHNsqsAytVyFSG9ChYQwqsyQqaSqaH8qhz6h5TKS4VSCHbm36RjgfnwWN0+QZDgp1+kQIa4gYwCHiFvMS3WL0iq2IG9eY3teME3r158sNdvDi1PnH/TZGrx2vneKuzKZXQVOIWSBPSyVXr1MnCWHhy1dIjH1x7I+yViFogEK3RBuk1CgZtgkzZJu1nlzITNWg8Tijf511wJJlcIoItWOKEUfzZ3RLlV6TMcJL7+2W/bD/fERWJcCq+Wyuba1a7iIpBaMDMqfSOO3fh37BLvBm9sjDz++ti/lzF8Y/qeesNmfbJ+876hhugvC7zLaoE5o6s707xVDOjqMmduvXR3V4YZ1IJSTcGCM2Ds0Jo1owapZsXqNazWcg3QjK4xaq1QA41xDW07qpGql4PD0wQV2Ula8qxEWupyulylpobX9FCQKjMQ9aC/f3N7R/IBdrP+6J+8cMsCo8KyZgnjZly5bp15lE8vWWtRGL/79hDmcmFy1MMu5yHeYZ7T+U4POV1gW5H0Y7XhxOgIshg5zWAD0sKOQ34zu9LuZ/pKXTuD0Hbakkp6lYQwm3Ps8TiZQq3DS9aPYXWbqS50AGUopA4x4OEDiObvZhinrv21Lvw+hj5HMxMzj0Y00jbawvfmoPamzRvYaN6NvSvaqPITr8VGNgTuxrwVg/rueif2Dojb56x1HBzlSJ40OX3yQrELJ0/ecbZk3WZpi9vOCoX1522H3aayrC3OnXPBtqfTmLkzlt+qrItlF7NWOrf512GB614FUAcUAPek2nqhqAUqTfxyBr82wLJ/9anMBZAn5S1txUDZMC3FTo7cAu43ZVGBMH/XkvRG8jLJ6Cpn5e0qM61XFaOknntdXVSNyC4H5Cz3rzs/pUqTflGlxbG7RpGeJ/Zj9Sfp1TKXy4EPN7uBmlMSgwPCdb/5Jc9ARS9rZo8jPfPN9INelgA8uKDRJsTmv/In08Qk42eQ0qTbxFnQ/3/5QqnBSSzFXyoBmGwG4OElO4p3dTPFxhYf5Uwqi0gE+BKFkBBbwzGGeJCQQrwIyScm0bQ420LBZBSIEQBQmmUCQZBxhKB4cpNgyLhry3N8S/ioKSJuyIQiYtb9e77kmpftq1cCyVCK4imcwkaLybzSm36B6StJdlkL+AMKrkhkcequ+oQGKI8jws3kzFpowlp8CHeDqkLREl5BcWyZ20uSaN4TYoX1YMUrAiQGSkLhqcR0FNTQa7OV5/d/AUavIlFIn78x/wASuHQhe+LsM4btp9HE6rMurYMbI8eEaULqTFBN+CAMVKwcCS1/pyugsJhNUdq6SMhYOq4Rl2+ql4bB5OuX/phJUSEVVdMN07Id1/PLe1VUVlXX9K6t62MyEmsYdd1cNqaCvt2qPjDW0R2UlTxV812BK74aiRma1+ZO5IzlnVMETPhXfZrLkdmsw0krcRZAkrILh9a8bVBMVYUB1pmYsgwrSrw384gJ2SzCzGyTvynjJ+azysA8a6GIgqbrF9FW9O06p95p0/LBAAAAAA==') format('woff2'), url('iconfont.woff@t=1561461869476') format('woff'), url('iconfont.ttf@t=1561461869476') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg@t=1561461869476#iconfont') format('svg');/* iOS 4.1- */ } .page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;} .page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;} .page .goprev{margin-right: 10px;} .page .gonext,.page .count {margin-left: 10px;} .page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;} .page a:hover,.page span{color:#fff; background: #2d83c2;} .page span.count { border: 0;background: 0;color: #777777;} .zoom-img {overflow: hidden;} .zoom-img .img {overflow: hidden;} .zoom-img img {transition: all .5s;} .zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);} .lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute} .hidden-xs {display: block;} .hidden-pc {display: none;} .box-container {width: 1400px;margin: 0 auto;} .box-container-fluid {width: 100%;margin: 0 auto;} .medium-box-container {width: 80%;margin: 0 auto;} .more{ background:#2d83c2; width: 170px; height: 50px; line-height: 50px; text-align: center;margin-top:40px;border-bottom-left-radius:1.5em;border-top-right-radius:1.5em;} .more a{ color: #fff; font-size: 16px; text-align: center;} .more:hover{background:#2d83c2; } body {font-size: 16px;overflow-x: hidden;} .rl {writing-mode: tb-rl;writing-mode: vertical-lr;} @font-face {font-family: "cn_light";src: url('../fonts/ALIBABA-PUHUITI-LIGHT.OTF');font-weight: normal;font-style: normal;} @font-face {font-family: "bold";src: url('../fonts/HARMONYOS_SANS_BOLD.TTF');font-weight: normal;font-style: normal;} .light {font-family: "cn_light";} .pic {font-size: 0;overflow: hidden;display: block;width: 100%;} .pic img {display: block;width: 100%;transition: transform 0.8s ease;-webkit-transition: transform 0.8s ease;-moz-transition: transform 0.8s ease;-ms-transition: transform 0.8s ease;-o-transition: transform 0.8s ease;} .phone-nav {display: none;} .header-wrapper {display: none;/* position: fixed; top: 0px; left: 0px; width: 100%;*/ background: #fff; z-index: 9999; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;} .header-wrapper .box-container {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; align-items: center;} @media screen and (min-width:500px){ .header-wrapper .logo-box {width: 15%;} } .header-wrapper .logo-box a {display: block;} .header-wrapper .logo-box a img {display: block;} .header-wrapper .other-box {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center;} .header-wrapper .language, .header-wrapper .search {height: 90px;} .header-wrapper .language {position: relative;font-size: 0;padding-right: 28px;} .header-wrapper .language:hover .list {opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} .header-wrapper .language .caption {position: relative;display: inline-block;line-height: 90px;font-size: 18px;color: #000;cursor: pointer;background: url(../images/lang.png) no-repeat center left;padding-left: 34px;} .header-wrapper .language a:hover {color: #2d83c2;} .header-wrapper .language .list {position: absolute;top: 100%;width: 140px;left: 50%;margin-left: -70px;z-index: 10;background-color: #fff;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-ms-transform: translateY(15px);-o-transform: translateY(15px);transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;} .header-wrapper .language .list:before {content: "";border: 8px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;margin-left: -8px;top: -16px;z-index: 10;} .header-wrapper .language .list a {display: block;font-size: 16px;text-align: center;line-height: 48px;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;border-bottom: 1px solid #f7f8f9;} .header-wrapper .language .list a:hover {color: #2d83c2;} .header-wrapper .language .list a:last-child {border-bottom: none;} .header-wrapper .search {width: 22px;height: 23px;cursor: pointer;background: url(../images/search.png) no-repeat center center;background-size: contain;} .search-form {width: 100%;position: fixed;left: 0;top: 90px;background: #fff;z-index: 30;padding: 70px 0;display: none;border-top: 1px solid #f7f8f9;/* input placeholder */} .search-form .container {position: relative;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center;border-bottom: 1px solid #d9d9d9;} .search-form .keywords {flex: 1;overflow: hidden;line-height: 56px;margin-left: 20px;font-size: 15px;color: #999;} .search-form ::-webkit-input-placeholder {/* WebKit browsers */color: #999;font-size: 15px;} .search-form :-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #999;font-size: 15px;} .search-form ::-moz-placeholder {/* Mozilla Firefox 19+ */color: #999;font-size: 15px;} .search-form :-ms-input-placeholder {/* Internet Explorer 10+ */color: #999;font-size: 15px;} .search-form .close {position: absolute;right: 0;top: 50%;z-index: 10;color: #999;margin-top: -15px;width: 20px;height: 20px;background: url(../images/close.png) no-repeat;background-size: contain;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;} .search-form .close:hover {color: #2d83c2;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);} .clearfix {zoom: 1;} .clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;} @keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } @-webkit-keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } @-moz-keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } @-ms-keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } header,header.active{position: fixed;height: 90px;width: 100%;top:0;left:0;z-index: 9999; background: #fff; } header .header{position:relative;} header .header .logo{position:absolute;top:15px;left:0; display: block;z-index:10;} header .header .logo img{width:100%;} header .header .logo img.logoimg1{display:none;} header .header .header-ul{ float: left;font-size: 0;text-align: left;margin-left: 29%; width: 69%;} header .header .header-ul li{font-size:18px;display:inline-block;height:100px;line-height: 100px; margin-left: 5%; color: #333;position:relative;} header .header .header-ul li.search { margin: 0 0 0 3%;} header .header .header-ul li .fa{ width:30px; margin: 0; opacity:0.8;height: 90px;line-height: 90px; font-size:22px;} header .header .header-ul li.search .list_down_form{ width:380px;right: 26%; top: 95px;position: absolute;z-index: 999; } header .header .header-ul li.search .list_down_form .down_form_left{ line-height: 55px; width: 75%; padding: 0px 10px; font-size: 15px; border: 1px solid #fff;} header .header .header-ul li.search .list_down_form .down_form_right{ width: 25%; line-height: 58px; height: 58px; background: #2d83c2; border:1px solid#2d83c2; color: #fff; font-size: 15px; cursor: pointer;} header .header .other-box { float: right; display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center;} header .header .language, header .header .search {height: 90px;} header .header .language {position: relative;font-size: 0;padding-right: 28px;} header .header .language:hover .list {opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} header .header .language .caption {position: relative;display: inline-block;line-height: 90px; font-size: 18px;color: #000;cursor: pointer;/*background: url(../images/lang.png) no-repeat center left;*/padding-left: 8px;} header .header .language a:hover {color: #2d83c2;} header .header .language .list {position: absolute;top: 100%;width: 140px;left: 50%;margin-left: -70px;z-index: 10;background-color: #fff;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-ms-transform: translateY(15px);-o-transform: translateY(15px);transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;} header .header .language .list:before {content: "";border: 8px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;margin-left: -8px;top: -16px;z-index: 10;} header .header .language .list a {display: block;font-size: 16px;text-align: center;line-height: 48px;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;border-bottom: 1px solid #f7f8f9;} header .header .language .list a:hover {color: #2d83c2;} header .header .language .list a:last-child {border-bottom: none;} header .header .search {width: 22px;height: 23px;cursor: pointer;background: url(../images/search.png) no-repeat center center;background-size: contain;} .search-form {width: 100%;position: fixed;left: 0;top: 90px;background: #fff;z-index: 30;padding: 70px 0;display: none;border-top: 1px solid #f7f8f9;/* input placeholder */} .search-form .container {position: relative;display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center;border-bottom: 1px solid #d9d9d9;} .search-form .keywords {flex: 1;overflow: hidden;line-height: 56px;margin-left: 20px;font-size: 15px;color: #999;} .search-form .search-btn .search_ico{ background: url(../images/search.png) no-repeat left center;width: 22px;height: 23px;background-size: contain;} .search-form ::-webkit-input-placeholder {/* WebKit browsers */color: #999;font-size: 15px;} .search-form :-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #999;font-size: 15px;} .search-form ::-moz-placeholder {/* Mozilla Firefox 19+ */color: #999;font-size: 15px;} .search-form :-ms-input-placeholder {/* Internet Explorer 10+ */color: #999;font-size: 15px;} .search-form .close {position: absolute;right: 0;top: 50%;z-index: 10;color: #999;margin-top: -15px;width: 20px;height: 20px;background: url(../images/close.png) no-repeat;background-size: contain;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;} .search-form .close:hover {color: #2d83c2;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);} .clearfix {zoom: 1;} .clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;} @keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } @-webkit-keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } @-moz-keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } @-ms-keyframes circle-chart-fill {to { stroke-dasharray: 0 100;} } header.on-header,header:hover,header.active.on-header ,header.on-header.active{height:90px;border-bottom:1px solid #e5e5e5; background: #fff;z-index: 999999;} header.on-header .header .header-ul li .fa,header.active.on-header .header .header-ul li .fa{ color:#333; } header.on-header .header .header-ul li .header-xia{top:90px;} header .header .header-ul li:hover>a:hover{ color:#2d83c2;} header .header .header-ul li>a{display: inline-block; color:#fff;} header .header .header-ul li .header-xia{position:fixed;top:90px; background-color:#fff;min-width:24.5rem;z-index:5;left:0%; display:none;width:100%;border-top:1px solid #eee;box-sizing:border-box;} header .header .header-ul li .header-xia .center-div{width:100%;} header .header .header-ul li .header-xia .center-div.pro_center-div{width:100%;margin-left: 20%;} header .header .header-ul li .header-xia .left{float:left;width:28%; height: 100%;padding: 0px 6% 0px 14%; margin-top: 50px; margin-bottom: 50px; margin-right: 4%; border-right: 1px solid #f0f0f0; } header .header .header-ul li .header-xia .left .top-nav{ width: 100%; min-height: 240px;} header .header .header-ul li .header-xia .left .title-div .tit{font-size:18px;color:#666;line-height:38px; margin-bottom: 10px;display:block; box-sizing:border-box; position: relative;} header .header .header-ul li .header-xia .left .title-div .tit:hover{ color:#2d83c2} header .header .header-ul li .header-xia .left .title-div a:hover { color: #2d83c2; } header .header .header-ul li .header-xia .left .title-div .tit:after {content: "";position: absolute;right: 0;top: 0;z-index: 10;width:8px;height: 100%;background-image: url(../images/i-right.png);background-size: contain;background-repeat: no-repeat;background-position: center center;} header .header .header-ul li .header-xia .left .title-div .tit:hover:after {background-image: url(../images/i-right2.png); } header .header .header-ul li .header-xia .mid {float:left;width:25%; padding: 50px 40px;} header .header .header-ul li .header-xia .mid img { width: 100%;} header .header .header-ul li .header-xia .right{float:left; width:43%; height: 345px; padding: 50px 12% 50px 3%; background-color: #fff;} header .header .header-ul li .header-xia .right h3{ font-size: 24px;color: #2d83c2;font-weight: 700; margin-bottom: 25px;} header .header .header-ul li .header-xia .right .title{ color: #666; font-size: 16PX; line-height: 32px;} header .header-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:24px;display:none;} header .header-btn .line{width: 100%;height: 2px;position: absolute;left: 0;background-color: #666;transition: all .2s;transform-origin: center;} header .header-btn .line1{top: 0;} header .header-btn .line2{top: 50%;margin-top: -1px;} header .header-btn .line3{bottom: 0;} header .header .header-ul li,header.active .header .header-ul li{height:90px;line-height:90px; font-size: 18px; } header .header .header-ul li>a,header.active .header .header-ul li>a{color:#000; font-size: 18px; } header .header .header-right,header.active .header .header-right{top:90px;transition:all 0.3s;} header .header .logo img.logoimg,header.active .header .logo img.logoimg{display:block;} header .header .logo img.logoimg1,header.active .header .logo img.logoimg1{display: none;} header.on-header .header .header-ul li,header:hover .header .header-ul li{height:90px;line-height:90px; } header.on-header .header .header-ul li>a,header:hover .header .header-ul li>a{columns: #000000;; font-size: 18px; } header.on-header .header .header-ul li .fa,header:hover .header .header-ul li .fa{color:#000; } header.on-header .header .header-right,header:hover .header .header-right{top:90px;transition:all 0.3s;} header.on-header .header .logo img.logoimg,header:hover .header .logo img.logoimg{display:none;} header.on-header .header .logo img.logoimg1,header:hover .header .logo img.logoimg1{display: block;} @media (max-width: 1800px){ header .header .header-ul li .header-xia .left{ padding: 0px 4% 50px 8%; } header .header .header-ul li .header-xia .right{ padding: 50px 8% 50px 5%; } } @media (max-width: 1700px){ header .header .header-ul li{ margin:0 2.9%; } header .header .header-ul li:last-child{ margin-right: 0px;} header .header .header-ul li .header-xia .mid {width:28%; } header .header .header-ul li .header-xia .right{width:40%; padding: 50px 3% 50px 3%; } header .header .header-ul li .header-xia .left{padding: 0px 4% 50px 4%; } } @media (max-width: 1600px){ header .header .header-ul{ margin-left: 22%; width: 72%;} header .header .header-ul li{ margin:0 2.8%; } } @media (max-width: 1500px){ header .header .header-ul {margin-left: 20%; width: 73%;} header .header .header-ul li{ margin:0 2.6%; } } @media (max-width: 1366px){ header .header .header-ul{ margin-left: 18%; width: 75%;} header .header .header-ul li .header-xia .left .title-div .tit{font-size:16px;} header .header .header-ul li .header-xia .mid { padding: 50px 20px; } header .header .header-ul li{ margin:0 2.4%; } } @media (max-width: 1300px){ header .header .header-ul li .header-xia .left .title-div .tit{font-size:15px;} header .header .header-ul li{ margin:0 2%; } } @media (max-width: 1240px){ header .header .header-ul li{ margin:0 1.7%; } } @media (max-width: 1200px){ header .header .logo { width: 20%; top: 20px; } header .header .header-ul{ margin-left: 18%;} } @media (max-width: 1200px){ .header_top { display:none;} .container {width: 96%;} header {height: 0px; display:none; } header .header{height:0px;} header.on-header,header:hover,header.active {height: 60px;border-bottom:1px solid #e5e5e5; background: #fff;display:none; } header .header .header-right{right: 1rem;top: 0.3rem;} header .header .header-right>a{display:none;} header .header .header-ul{display:none;} header .header .logo { width: 25%;} header .header .logo img.logoimg,header.active .header .logo img.logoimg{display:none;} header .header .logo img.logoimg1,header.active .header .logo img.logoimg1{display:block;} header .header-btn{display:block;right:0;} header .header .logo{top:50%;transform:translateY(-50%);} header{border-bottom:1px solid #e5e5e5;box-sizing:border-box; background-color: #fff; display:none;} header .header .header-right .en-tab{top: 0.5rem;right: 1.2rem;} .header-wrapper {display: block;} } @media (max-width: 768px){ header .header-btn{width:30px;height:20px;} } @media (max-width: 667px){ header .header .logo { width: 36%;} } @media (max-width: 600px){ header {height: 50px;} header .header{height:50px;} header.on-header,header:hover,header.active {height: 50px;border-bottom:1px solid #e5e5e5; background: #fff;} } @media (max-width: 425px){ header .header .logo { width: 48%;} } @media (max-width: 400px){ header .header .logo { width: 50%;} } /* index-banner */ .indexbanner { height: 850px; margin-top: 90px;} /*.banner_img_jj_mid{margin:0 15em;}*/ .index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;} .indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; height:24px; line-height:24px;background:none; position:relative; width:70px; color:#fff; font-size: 18px; font-family:Calibri;} .indexbanner .swiper-pagination-bullet:before{content:''; position:absolute; left:0px; top:50%; opacity:.98; background-color:#fff; height:5px; width:70px;transform:translateY(-50%);} .indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; width:0px; position:absolute; left:0px; background-color:#d62221; z-index:100; height:5px; top:50%;transform:translateY(-50%);} .indexbanner .swiper-pagination-bullet-active:after{width:70px; transition: width 7.3s ease-out 0s; } .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{width:auto; text-align:right; right:44%; bottom:50px;} .indexbanner .banner_img{position:relative; width:100%; height:850px;} .indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);} .banner_img_jj_mid_1{text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5); position: relative; padding-bottom: 30px; line-height: 80px;} .banner_img_jj_mid_1 h3{ position: relative;font-size:48px; font-weight: bold; text-align:center; color:#fff; font-family: "微软雅黑";letter-spacing:.02em; } .banner_img_jj_mid_1 h3:after{ position: absolute; content: ""; width: 32%; height: 10px; background-color: #d62221; bottom: 0px; left: 34%; z-index: -1;} .banner_img_jj_mid_1.banner_img_jj_mid_1_1 h3:after{ position: absolute; content: ""; width: 32%; height: 10px; background-color: #d62221; bottom: 0px; left: 34%; z-index: -1;} .banner_img_jj_mid_2{ font-size:20px; text-align:center; line-height: 45px;color:#fff; text-transform: uppercase; margin-bottom: 10px;letter-spacing:.04em; } .banner_img_jj_mid_3{ font-size:24px; text-align:center; line-height: 45px;color:#fff;letter-spacing:.04em; } @media (max-width:1600px){ .indexbanner { height: 708px;} .indexbanner .banner_img{ height:708px;} } @media (max-width:1440px){ .indexbanner { height: 638px;} .indexbanner .banner_img{ height:638px;} .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ right:42%; } } @media (max-width:1366px){ .indexbanner { height: 605px;} .indexbanner .banner_img{ height:605px;} .banner_img_jj_mid_1{ padding-bottom:20px;} } @media (max-width:1280px){ .indexbanner { height:567px;} .indexbanner .banner_img{ height:567px;} .banner_img_jj_mid_1 h3{ font-size:38px;} .banner_img_jj_mid_2{font-size:18px;line-height: 35px;} .banner_img_jj_mid_3{font-size:22px;line-height: 35px;} .indexbanner .swiper-pagination-bullet{ width:60px; } .indexbanner .swiper-pagination-bullet:before{ width:60px;} .indexbanner .swiper-pagination-bullet-active:after{width:60px;} } @media (max-width:1200px){ .indexbanner { margin-top: 0px;} .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ right:41%; } } @media (max-width:1199px){ .banner_img_jj_mid_1 h3{ font-size:34px;} .indexbanner .banner_img_pc{ display: none;} .indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;} } @media (max-width:1024px){ .indexbanner { height:510px; margin-top: 0px;} .indexbanner .banner_img{ height:510px;} .indexbanner .banner_img_jj_mid_2{font-size:20px;line-height: 30px;} .indexbanner .banner_img_jj_mid_3{font-size:20px;line-height: 30px;} .indexbanner .swiper-pagination-bullet{ width:50px; } .indexbanner .swiper-pagination-bullet:before{ width:50px;} .indexbanner .swiper-pagination-bullet-active:after{width:50px;} } @media (max-width:992px){ .indexbanner { height: 495px;} .indexbanner .banner_img{ height:495px;} .banner_img_jj_mid_1{ line-height:40px; padding-bottom: 20px; } .banner_img_jj_mid_1:after{ width: 50px; } .banner_img_jj_mid_1 h3{ font-size:28px;} .indexbanner .banner_img_jj_mid_2{ font-size:18px;line-height: 28px;} .indexbanner .banner_img_jj_mid_3{ font-size:18px;line-height: 28px;} .banner_img_jj_mid_1 h3:after{width: 32%; height: 6px; } .banner_img_jj_mid_1.banner_img_jj_mid_1_1 h3:after{ width: 32%; height: 6px;} .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ right:42%; } .indexbanner .swiper-pagination-bullet{ width:40px; } .indexbanner .swiper-pagination-bullet:before{ width:40px;} .indexbanner .swiper-pagination-bullet-active:after{width:40px;} } @media (max-width:768px){ .indexbanner { height: 385px;} .indexbanner .banner_img{ height:385px;} .banner_img_jj_mid_1{ font-size:22px; } .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ right:40%; } .banner_img_jj_mid_1 h3{ font-size:22px;} .indexbanner .banner_img_jj_mid_2{ font-size:16px; } .indexbanner .banner_img_jj_mid_3{ font-size:16px; } } @media (max-width:568px){ .indexbanner { height:240px;} .indexbanner .banner_img{ height:240px;} .banner_img_jj_mid{margin:0 1em;} .banner_img_jj_mid_1{ font-size:18px; line-height:32px; padding-bottom: 8px; margin-bottom: 8px;} .banner_img_jj_mid_1:after{width: 40px; height: 2px;} .banner_img_jj_mid_1 h3{ font-size:20px;} .indexbanner .banner_img_jj_mid_2{ font-size:15px; line-height: 22px;} .indexbanner .banner_img_jj_mid_3{ display: none;} .indexbanner .swiper-pagination-bullet{ width:32px; } .indexbanner .swiper-pagination-bullet:before{ width:32px;} .indexbanner .swiper-pagination-bullet-active:after{width:32px;} .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom: 20px; right:34%; } } .indextitle{color:#333333;font-size:40px;font-weight:bold;line-height:1.5;} .indextitle span{color:#2d83c2} .indextitle_en{color:#d6d6d6;font-size:20px; text-transform: uppercase; line-height:1.5;} .indextitlebox .text{color:#666;font-size:16px;margin-top:18px} .indexabout { background: url(../images/bg1.jpg) no-repeat center center;} .indexabout .textbox { width: 90%;} .indexabout .textbox .title{color:#000;margin:54px 0 18px;font-size:24px;} .indexabout .textbox .text{color:#666;font-size:16px; line-height:2;overflow:hidden} .indexabout .left-cont { height: auto;margin-top:50px; margin-left: 15px; margin-right: 15px; background: #fff; border-radius: 20px;} .indexabout .left-cont .cont-list {width: 100%;height: auto; padding: 10px 0; border-bottom: 1px solid #e5e5e5;} .indexabout .left-cont .cont-list:last-child{ border-bottom: 0px;} .indexabout .left-cont .cont-list .list-icon {width: 86px;height: auto;margin: 0 auto;} .indexabout .left-cont .cont-list .list-icon img {width: 100%;} .indexabout .left-cont .cont-list .list-title {margin-top: 0.28rem;font-size: 16px;text-align: center;color: #666;} .indexabout .left-cont .cont-list:hover .list-title { color: #2d83c2;} .indexabout .right-box {position: relative;width: 100%;height: auto;} .indexabout .right-box .right-pic {width: 100%;overflow: hidden; border-radius: 15px;} .indexabout .right-box .right-pic img {width: 100%; transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .indexabout .right-box:hover .right-pic img { transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));} @media (max-width: 1559px) { .indextitle{ font-size:32px; } .indexabout .textbox .title{ margin:34px 0 18px; } } @media (max-width: 1440px) { .indextitle{ font-size:28px; } .indexabout .textbox .title{ margin:28px 0 18px; font-size:20px; } .indexabout .left-cont { margin-top:20px;} } @media (max-width: 1366px) { .indextitle{ font-size:26px; } .indexabout_bottom .title{ font-size:24px; } .indexabout .textbox .title{ margin:20px 0 10px; } .indexabout .textbox .text{ line-height:1.8; } .indexabout .left-cont .cont-list { margin-bottom:30px;} .indexabout .textbox .more { margin-top: 20px; } } @media (max-width: 1200px) { .indexabout { background:#f1f2f4 url(../images/bg1.jpg) no-repeat left bottom;} .indexabout .right-box{ clear: both;} .indexabout .textbox { width: 100%; margin-bottom: 40px;} } @media (max-width: 992px) { .indextitle{ font-size:22px; line-height: 2; } } @media (max-width:767px){ .indexabout .left-cont { height: 140px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 35px;} .indexabout .left-cont .cont-list {width: 33.3333337%; float: left; border-bottom: 0px solid #e5e5e5;} } .indexproducts { background: url(../images/bg2.jpg) no-repeat center top;} .indexproducts .indextitle{color:#fff; } .indexproducts .indextitle span{color:#fff} .indexproducts .indextitle_en{color:#fff; } .index_product_box { margin-top: 50px; position: relative;} .index_product_box .swiper-container-product {height: 24.5vw; } .index_product_box .swiper-container-product .swiper-slide {box-sizing: border-box;padding: 0 0.4rem;color: #fff;} .index_product_box .swiper-container-product .swiper-slide .pro_list {width: 100%;height: 100%;position: relative;} .index_product_box .swiper-container-product .swiper-slide .pro_list::before {content: "";position: absolute;z-index: 3;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.1); } .index_product_box .swiper-container-product .swiper-slide .img {width: 100%;height: 100%;overflow: hidden;} .index_product_box .swiper-container-product .swiper-slide .img img{width: 100%; transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .index_product_box .swiper-container-product .swiper-slide .img:hover img{ transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));} .index_product_box .swiper-container-product .swiper-slide .tit {position: absolute;z-index: 3;width: 95%;left: 40%;bottom: 40%;} .index_product_box .swiper-container-product .swiper-slide h6 {font-size: 22px;color: #ffffff; position: relative; padding-bottom: 25px;} .index_product_box .swiper-container-product .swiper-slide h6::after{content: "";position: absolute;bottom: 0px;right: 0px; left: 8px; width: 85px; height: 20px; text-align: center; background: url(../images/arrow_r.png) no-repeat center; } .index_product_box .swiper-container-product .swiper-slide p{font-size: 16px;line-height: 30px;color: #ffffff; height: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 10px;} .index_product_box .swiper-container-product .swiper-slide .pro_list:hover { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%;} .index_product_box .swiper-container-product .swiper-slide .pro_list:hover p{ height: 70px; } .page-div {top: -100px;right: 0px; z-index: 999;} .page-div .box{width: 60px;height: 60px; border: 1px solid rgba(255, 255, 255, 0.51);line-height: 60px; text-align: center; padding: 15px; float: left; margin-left: 15px;} .page-div .swiper-button-prev { left:-1px;} .page-div .swiper-button-next, .page-div .swiper-button-prev {position: relative;border: none; text-align: center; right:auto; width: 12px;height: 20px;background-size: 12px 20px; margin-top: -10px; margin-left: auto; margin-right: auto;} .page-div .swiper-button-next i, .page-div .swiper-button-prev i {color: #ffffff;font-size: 1.25rem;} .page-div .swiper-button-next:hover, .page-div .swiper-button-prev:hover { border: none;background-color:transparent; color: #2d83c2; transition: 400ms ease-in-out;-moz-transition: 400ms ease-in-out;-webkit-transition: 400ms ease-in-out;-o-transition: 400ms ease-in-out;} .page-div .box:hover {background-color:#fff;} .page-div .box:hover .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232d83c2'%2F%3E%3C%2Fsvg%3E")} .page-div .box:hover .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232d83c2'%2F%3E%3C%2Fsvg%3E") } .indexapplication { background:#edf7ff;} .indexapplication .indextitle{ text-align: center;} .indexapplication .indextitle span{ text-align: center;} .indexapplication .indextitle_en{ text-align: center;} .panels {min-height:72vh;overflow: hidden;display: flex;} .panel {flex: 1.5;display: flex;flex-direction: column;justify-content: center;color: white;text-align: left; transition: font-size 0.5s ease-out, flex 0.5s ease-out, background 0.2s;font-size: 20px;position: relative; padding: 0 50px;} .panel:before, .panel:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;background-size: cover;background-position: center;transition: all 0.2s ease;} .panel:before {background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.91)); height: 100%; width: 100%; bottom: 0px; } .panel:after {z-index: -1;/*filter: grayscale(100%);*/} .panel.active,.panel:hover {flex: 4;} .panel1:after {background-image:url(../images/application1.jpg?1);} .panel2:after {background-image:url(../images/application2.jpg?1);} .panel3:after {background-image:url(../images/application3.jpg?1);} .panel4:after {background-image:url(../images/application4.jpg?1);} .panel5:after {background-image:url(../images/application5.jpg?1);} .panel6:after {background-image:url(../images/application6.jpg?1);} .panel > * {margin: 0;width: 100%;transition: transform 0.5s;/*flex: 1 0 auto;display: flex;justify-content: center;align-items: center;*/} .panel > *:first-child {transform: translateY(950%); color: #fff;} .panel > *:first-child a{font-size: 20px;} .panel > *:first-child a:hover{color: #fff;} .panel.open > *:first-child,.panel:hover > *:first-child, .panel.open > *:nth-child(2),.panel:hover > *:nth-child(2), .panel.open > *:last-child,.panel:hover > *:last-child {transform: translateY(0);line-height: 35px; margin-bottom: 10px; } .panel > *:last-child {transform: translateY(800%);} .panel p {text-transform: lowercase;font-size: 16px; text-transform: uppercase;} .panel p:nth-child(2) {font-size: 16px;position: relative;z-index: 1; transform: translateY(1300%); color: rgba(255, 255, 255, 0.55);} .panel.active {font-size: 40px;} .panel.active:before {background: rgba(0, 0, 0, 0.59);height: 100%; } .panel.active p:nth-child(2):before {opacity: 0;} .indexapplication_m{ display: none;} @media (max-width: 1366px) { .index_product_box .swiper-container-product {height: 27.5vw; } } @media (max-width: 1200px) { .page-div .box{width: 50px;height: 50px; line-height: 50px;} } @media (max-width: 1024px) { .index_product_box .swiper-container-product {height: 28.5vw; } .indexproducts { background: url(../images/bg2.jpg) no-repeat center bottom; background-size:100% 100%;} } @media (max-width: 890px) { .panels { display: none;} .index_product_box .swiper-container-product {height: 54vw; } .indexapplication_m{ display: block;} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist{width:50%;background-color:#f7f7f7; position:relative;overflow:hidden} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist .rong-d {left: 0px;bottom: 0px;color: #fff;background:linear-gradient(to bottom, rgba(0, 0, 0, .01), rgba(0, 0, 0, .34) 20%, rgba(0, 0, 0, .56) 80%, rgba(0, 0, 0, .78));background-image: linear-gradient(to bottom, rgba(0, 0, 0, .01), rgba(0, 0, 0, .34) 20%, rgba(0, 0, 0, .56) 80%, rgba(0, 0, 0, .78)); width: 100%; padding: 3% 4% 2%; transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist .rong-d .p1 {font-size: 18px;line-height: 32px;color: #ffffff;} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist .rong-d .p2 {font-size: 16px;line-height: 28px;color: #ffffff; height: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 10px; } .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist:nth-of-type(1) .rong-d { padding: 2% 4% 1%;} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist:nth-of-type(1) .img img{width:100%} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist:hover .rong-d {background:linear-gradient(to bottom, rgba(0, 0, 0, .01), rgba(0, 0, 0, .44) 20%, rgba(0, 0, 0, .66) 80%, rgba(0, 0, 0, .88));background-image: linear-gradient(to bottom, rgba(0, 0, 0, .01), rgba(0, 0, 0, .44) 20%, rgba(0, 0, 0, .66) 80%, rgba(0, 0, 0, .88)); } .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist:hover .rong-d .p2 { height: 50px; line-height: 26px; font-size: 15px;} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist{width:50%;} .indexapplication_m .indexapplication_m_list .indexapplication_m_listlist img{ width: 100%;} } @media (max-width:600px) { .index_product_box { margin-top: 30px;} } @media (max-width:480px) { .index_product_box .swiper-container-product .swiper-slide .tit { left: 35%; } } .indexnews { background: url(../images/bg3.jpg?2) no-repeat right bottom; background-size: 100% 100%; width: 100%;} .indexnews .indextitle{ text-align: center;} .indexnews .indextitle span{ text-align: center;} .indexnews .indextitle_en{ text-align: center;} .indexnews ul{ margin-top: 40px;} .indexnews ul li{ width: 31.33337%; padding-left: 2%; padding-right: 2%; padding-top: 2%; padding-bottom: 2%; border-bottom: 3px solid transparent;float: left; position: relative; margin-top: 10px; margin-bottom: 35px;} .indexnews ul li::after{ position: absolute; right: 0px; top: 0px; content: ""; height: 100%; width: 1px; background: #e5e5e5;} .indexnews ul li .tit{ font-size: 18px; font-weight: bold; margin-bottom: 20px;} .indexnews ul li .desc{font-size: 16px; color: #666; line-height: 32px; margin-bottom: 20px;} .indexnews ul li .date{font-size: 16px; color: #666; } .indexnews ul li:nth-child(3n)::after{ width: 0px; } .indexnews .more{ margin: 30px auto 0;} .indexnews ul li:hover .tit{color:#2d83c2; } .indexnews ul li:hover .date{color:#2d83c2; } .indexnews ul li:hover { border-bottom: 3px solid #2d83c2;} @media (max-width: 992px) { .indexnews ul li{ width: 48%; } .indexnews ul li:nth-child(2n+1)::after{ width: 1px; } .indexnews ul li:nth-child(2n)::after,.indexnews ul li:last-child::after{ width: 0px; } } @media (max-width: 592px) { .indexnews ul{ margin-top: 10px;} .indexnews ul li{ width: 98%; padding-bottom:2%; margin-bottom: 0px; height: 165px;} .indexnews ul li:last-child{ border-bottom: 1px solid #e5e5e5; } .indexnews ul li::after{ position: absolute; left: 0px; bottom: 0px; top: 100%; content: ""; height: 1px; width: 100%; background: #e5e5e5;} .indexnews ul li:nth-child(2n+1)::after{ width: 100%; } .indexnews ul li:nth-child(2n)::after,.indexnews ul li:last-child::after{ width: 100%; } .indexnews ul li .tit{font-size: 17px;margin-bottom: 10px;} .indexnews ul li .desc{ height: 60px; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all;} .indexnews ul li:nth-child(4),.indexnews ul li:nth-child(5),.indexnews ul li:nth-child(6){ display: none;} } .footer{padding:80px 0 0; background:#343c4f;} .footer .footer-ul{ text-align:left;width:89%; float:left; margin-bottom:60px;} .footer .footer-ul li{ margin-right: 10%; float: left; vertical-align:top; } .footer .footer-ul li dt {margin-bottom:20px;} .footer .footer-ul li dt a{color:#fff;transition:all 0.3s;font-size:20px;} .footer .footer-ul li dd a{color:rgba(255, 255, 255, 0.75);transition:all 0.3s;font-size:16px; line-height: 40px;} .footer .footer-ul li dd a:hover{color:#2d83c2; } .footer .footer-right{ width:11%; float:left; } .footer .footer-right dt{font-size:20px;margin-bottom: 20px;color:rgba(255, 255, 255, 0.75); } .footer .f_social { margin-top: 15px; text-align:left; color:#fff; height: 40px;} .footer .f_social a{ float:left; color:#777; } .footer .f_social i {width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; margin-right:5px; border:1px solid rgba(255, 255, 255, 0.75); } .footer .f_social .fa{text-align:center; font-size: 15px; color:rgba(255, 255, 255, 0.75);} .footer .f_social .fa:before{position: static;} .footer .f_social ul .weixin {position: relative;} .footer .f_social .wechat { position: relative;} .footer .f_social .wechat:hover .vx { display: block;} .footer .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent} .footer .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;} .footer .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;} .footer .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;} .footer .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;} .footer .footer-contact{ width:100%; clear: both;font-size:16px; } .footer .footer-contact li{ line-height:37px; color:rgba(255, 255, 255, 0.75);font-size:16px; float: left; margin-right: 5%;font-size:16px; } .footer .footer-contact li .fa{ font-size: 20px; margin-right: 10px;} .footer .footer-contact li a{color:rgba(255, 255, 255, 0.75);} .footer .footer-bottom{ padding: 15px 0; line-height:35px; height: 65px;color:rgba(255, 255, 255, 0.75); border-top:1px solid rgba(255, 255, 255, 0.15); margin-top: 25px;} .footer .footer-bottom .lf{color:rgba(255, 255, 255, 0.75);font-size:16px;} .footer .footer-bottom .lf a{color:rgba(255, 255, 255, 0.75);transition:all 0.3s; margin-left: 10px;font-size:16px; } .footer .footer-bottom .rt a{color:rgba(255, 255, 255, 0.75);transition:all 0.3s; margin-left: 16px;font-size:16px; } .m_footer{ position:fixed; width:100%; bottom:0; display:none; z-index:555; background:#cc0000; } .m_footer .m_footer_list{ display:inline-block; width:24%; text-align:center; color:#fff; padding:10px 0px; position:relative;} .m_footer .m_footer_list:before{ content:""; display:inline-block; width:1px; height:60%; top:22%; right:0; background:rgba(255,255,255,.5); position:absolute;} .m_footer .m_footer_list:last-child:before{ display:none;} .m_footer .m_footer_list:nth-child(2) dd{ font-size:16px;} @media (max-width: 1366px) { .footer .footer-ul li{ margin-right: 11%;} } @media (max-width: 1280px) { .footer .footer-ul li{ margin-right: 10%;} } @media (max-width: 1200px) { .footer .footer-ul{ width:100%;} .footer .footer-ul li{ margin-right: 12.5%; } .footer .footer-ul li:last-child{margin-right: 0px;} .footer .footer-right{ width:0px; display: none;} .footer .f_social { display: none;} } @media (max-width: 992px) { .footer{padding:40px 0 0;} .footer .footer-ul{ display: none;} .footer .footer-bottom .lf{ font-size:16px;} .footer .footer-bottom .lf a{ font-size:16px;} .footer .footer-bottom .rt { font-size:16px;margin-left: 10px;} } @media (max-width: 860px) { .footer .footer-bottom{ padding: 15px 0; line-height:32px; height: 120px;} .footer .footer-bottom .lf{ width: 100%;} .footer .footer-bottom .rt{ width: 100%; float: left; margin-left: 0px;} .footer .footer-bottom .rt a{ margin-left: 0px; margin-right: 10px;} } @media (max-width: 768px) { .footer{padding:30px 0 0;} } @media (max-width: 670px) { .footer .footer-bottom .lf{ font-size:15px;} .footer .footer-bottom .lf a{ font-size:15px;} .footer .footer-bottom .rt { font-size:15px; } .footer .footer-bottom .rt a{ font-size:15px;} } @media (max-width: 640px) { .footer .footer-bottom{ padding: 10px 0; line-height:30px;height: 110px; } } @media (max-width: 768px) { .m_footer{ display:block;} .mo_height{ height: 60px;} } /*下层banner*/ .n_banner{height:500px; margin-top: 90px; } .n_banner .table{ display:table; table-layout: fixed; text-align:left; width:100%; height:100%} .n_banner .table_cell{ display:table-cell; vertical-align:middle} .n_banner h3 {font-size:70px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.15); font-family: Arial, Helvetica, sans-serif;text-transform: uppercase; font-weight: bold; position: relative;} .n_banner h2 {font-size: 40px;color: #fff; position: absolute; top: 35px; text-align: left;} .n_banner .container{ position: relative;} .page_navs{height: 80px;line-height: 80px;border-bottom: 1px solid #eaeaea;box-shadow: 0 0 8px rgba(153,153,153,0.4); } .page_navs .crumb{float: right;} .page_navs .crumb li{float: left;font-size: 16px;color: #666;} .page_navs .crumb a{color: #666;font-size: 16px;} .page_navs .crumb li:last-child{ color:#2d83c2 ;} .page_navs .r_sec li{ float:left; padding:0 5px; margin-right: 5%;} .page_navs .r_sec li a{color:#666666; font-size:18px;} .page_navs .r_sec li:hover a, .page_navs .r_sec li.cur a{color:#2d83c2;} .page_navs .item i.fa { width: 20px; height: 25px; padding-top: 5px; font-size:15px; background:url(../images/arr.png) no-repeat center;} .page_navs a:hover{color:#2d83c2;} @media(max-width:1600px) { .page_navs .r_sec li{margin-right: 4.5%;} } @media(max-width:1440px) { .n_banner{height:375px;} } @media(max-width:1366px) { .n_banner{height:356px;} .n_banner h3 {font-size: 62px; } .page_navs .r_sec li{float:left; font-size:16px; margin-right: 3.5%;} .page_navs .r_sec li:last-child{ margin-right: 0px;} } @media(max-width:1280px) { .n_banner{height:333px; margin-top: 0px;} .n_banner h2 {font-size: 32px; } .n_banner h3 {font-size: 52px; } .page_navs .r_sec li{margin-right: 3.2%;} } @media(max-width:1200px) { .page_navs .r_sec li{margin-right: 2.2%;} .page_navs,.page_navs .crumb{display: none;} } @media(max-width:1024px) { .n_banner{height:267px; } .n_banner h2 {font-size: 22px; } .n_banner h3 {font-size: 42px; } } @media(max-width:768px) { .n_banner{height:200px;} .n_banner h2 {font-size: 20px; } .n_banner h3 {font-size: 32px; } .page_navs{line-height:50px; height:50px;} .page_navs .r_sec li:after{left:-7px; } } @media(max-width:767px) { .n_banner{height:180px;} .n_banner .table_cell{vertical-align: middle} .page_navs{line-height:40px; height:40px;} .page_navs .r_sec li{padding:0 8px; margin:0 8px;} } @media(max-width:460px) { .n_banner{height:150px;} .n_banner h2 {font-size: 18px; } .n_banner h3 {font-size: 26px; } .page_navs .container{padding-right: 0px;padding-left:1px;} .page_navs{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;} .page_navs .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; } } @media only screen and (max-width: 400px){.page_navs .r_sec li{ padding:0 5px; margin:0 4px; } } .m_sencondNav{position:relative; z-index:999; height:51px; } .m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:60px; z-index:15;} .m_sencondNav .m_second {position:relative; border-bottom:1px solid #e8e8e8} .m_sencondNav .m_second .home{background:#3680e3; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;} .m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;} .m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left} .m_sencondNav .m_second .m_second_hd li{float:left; position:relative;} .m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;} .m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none} .m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;} .m_sencondNav .m_second .m_second_hd li:after, .m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;} .m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} .m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;} .m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;} .m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;} .m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none; z-index: 9999;} .m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block} .m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;} .m_sencondNav .m_second .m_second_hd.active{background:#efefef;} .m_sencondNav .m_second .m_second_hd.cur{background:#efefef;} .m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;} .m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block} .m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;} .ny_about .jianjie{font-size:16px;color: #777;line-height:34px;height: 400px; padding:0 60px 0px 0; margin-bottom:80px; overflow-y: scroll; width: 92%;} .introduce_title{padding-bottom:.5vw;margin-bottom:2.5vw; position: relative;} .introduce_title .introduce_since{line-height:1;color:#f5f5f5;font-weight:bold;font-size:80px} .introduce_title .introduce_name{font-size:36px;line-height:1; color: #2d83c2; position:absolute;bottom:.3vw;left:0;z-index:2;} .ny_about .right-box .right-pic {width: 100%;overflow: hidden; border-radius: 15px;} .ny_about .right-box .right-pic img {width: 100%; transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .ny_about .right-box:hover .right-pic img { transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));} .prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11;} .prodcut-nav li{ float:left; line-height:100%; text-align:center;} .pageculture{position:relative; color:#fff} .pageculture .culture_content{ margin-bottom: 150px;} .pageculture .tab{position:absolute; left:0; right:0; bottom:50px; width: 100%; text-align:center; margin-bottom: 50px;} .pageculture .tab .content{ background:#fff; width: 100%;box-shadow: 2px 0 8px rgba(153,153,153,0.4);border-radius: 20px; padding: 0px 10px; margin-bottom: 2px; } .pageculture .tab .span-2{width:25%; padding: 50px 0; position: relative; float: left; overflow:hidden;} .pageculture .tab .span-2 .info{/*position: relative; */width: 100%; height: 100%; border-right: 1px solid #f0f0f0;} .pageculture .tab .span-2 .info:after{ position: absolute; content: ""; width: 1px; height: 100%; background: #e5e5e5; top: 0px; right: 0px;} .pageculture .tab .span-2:last-child .info:after { width: 0px;} .pageculture .tab .span-2.hover,.pageculture .tab .span-2:hover{ border-bottom: 2px solid #d72222;} .pageculture .tab a:hover{color:#fff;} .pageculture .tab .desc{font-size:20px; } .pageculture .tab .en{ margin-bottom: 20px;} @media screen and (max-width: 1440px){ .introduce_title .introduce_since{ font-size:80px} .introduce_title .introduce_name{font-size:32px;} } @media screen and (max-width: 1366px){ .introduce_title .introduce_since{ font-size:70px} .introduce_title .introduce_name{font-size:28px;} } @media screen and (max-width: 1280px){ .introduce_title .introduce_since{ font-size:60px} .introduce_title .introduce_name{font-size:26px;} } @media screen and (max-width: 1200px){ .ny_about .jianjie{height: 300px;margin-bottom:40px; padding: 0 40px 0px 0; overflow-y: scroll; width: 100%;} } @media screen and (max-width: 1024px){ .introduce_title .introduce_since{ font-size:50px} .introduce_title .introduce_name{font-size:22px;} } @media screen and (max-width: 768px){ .introduce_title .introduce_since{ font-size:40px} .introduce_title .introduce_name{font-size:18px;} } .pro-nav-img{ height:575px; position:relative;} .pro-nav-img li{ width:100%; height:575px; background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden} .pro-nav-img li .li-bg{ width:100%; height:575px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;} .pro-nav-img li:hover{ opacity:0.99; color:#fff;} .pro-nav-text{ position:absolute; top:100px; left:0; right:0; color:#fff; z-index:12} .pro-nav-text .t1{ font-size:30px; padding-bottom:27px; color:#fff;} .pro-nav-text .t2{ font-size:36px; line-height:32px; margin-bottom: 30px; color:#fff;} .pro-nav-text .t3{ font-size:18px; line-height:32px; color:#fff;} @media screen and (max-width: 1440px){ .pro-nav-img{ height:430px; } .pro-nav-img li{height:430px; } .pro-nav-img li .li-bg{ height:430px; } .pro-nav-text{ top:60px} .pro-nav-text .t1{ font-size:26px; padding-bottom:17px; } .pro-nav-text .t2{ font-size:32px; line-height:30px; margin-bottom: 20px; } .pro-nav-text .t3{ font-size:16px; line-height:30px; color:#fff;} } @media screen and (max-width: 1366px){ .pro-nav-img{ height:410px; } .pro-nav-img li{height:410px; } .pro-nav-img li .li-bg{ height:410px; } } @media screen and (max-width: 1280px){ .pro-nav-img{ height:385px; } .pro-nav-img li{height:385px; } .pro-nav-img li .li-bg{ height:385px; } .pageculture .tab .span-2{padding: 30px 0;} .pro-nav-text{ top:40px} } @media screen and (max-width: 1024px){ .pro-nav-img{ height:355px; } .pro-nav-img li{height:355px; } .pro-nav-img li .li-bg{ height:355px; } .pageculture .tab{ bottom:10px; margin-bottom: 40px;} .pro-nav-text .t1{ font-size: 24px; } .pro-nav-text .t2{ font-size:28px;} .pageculture .tab .desc{font-size:18px; } .pageculture .culture_content{ margin-bottom: 120px;} } @media screen and (max-width: 992px){ .pro-nav-img{ height:335px; } .pro-nav-img li{height:335px; } .pro-nav-img li .li-bg{ height:335px; } .pageculture .tab{ bottom:10px; margin-bottom: 30px;} .pro-nav-text{ top:30px} .pageculture .culture_content{ margin-bottom: 100px;} .pro-nav-text .t3{ font-size:15px; line-height:22px;} } @media screen and (max-width: 768px){ .pro-nav-img{ height:285px; } .pro-nav-img li{height:285px; } .pro-nav-img li .li-bg{ height:285px; } .pro-nav-text .t1{ font-size: 20px; margin-bottom: 10px;} .pro-nav-text .t2{ font-size:24px; margin-bottom: 10px;} .pageculture .tab .span-2{padding: 20px 0;} .pageculture .culture_content{ margin-bottom: 100px;} } @media screen and (max-width: 767px){ .pro-nav-text .t1{ font-size: 18px; } .pro-nav-text .t2{ font-size:20px;} .pageculture .tab .span-2{padding: 10px 0;} .pageculture .tab{ margin-bottom: 10px;} .pageculture .culture_content{ margin-bottom: 70px;} } @media screen and (max-width: 467px){ .pro-nav-text .t2{ font-size:18px;} .pageculture .culture_content{ margin-bottom: 50px;} } .pageequipment.pad-80 { padding-top: 0px;} .pageequipment .tit{ font-size: 36px; color:#333; text-align: center; margin-bottom:40px;} .div6 .gallery-top {height: 30vw; padding: 0 22%;} .div6 .gallery-top::before {content: "";position: absolute;z-index: 3;top: 0;left: 0;width: 22%;height: 100%;background-color: rgba(255, 255, 255, 0.8);} .div6 .gallery-top::after {content: "";position: absolute;z-index: 3;top: 0;right: 0;width: 22%;height: 100%;background-color: rgba(255, 255, 255, 0.8);} .div6 .gallery-top .swiper-slide {box-sizing: border-box;padding: 0 0.4rem;color: #fff;} .div6 .gallery-top .swiper-slide dl {width: 100%;height: 100%; } .div6 .gallery-top .swiper-slide dt {width: 100%;height: 100%;overflow: hidden;} .div6 .gallery-top .swiper-slide dt em {display: block;width: 100%;height: 100%;background-size: cover;background-position: center;transition: all 0.5s ease; border-radius: 20px; } .div6 .gallery-top .swiper-slide dl:hover p{ height: 70px; } .pageequipment .swiper-button-prev {left: calc(19% - 0.43rem);} .pageequipment .swiper-button-next {right: calc(19% - 0.43rem);} .pageequipment .swiper-button-prev, .pageequipment .swiper-button-next { width: 46px; height: 46px;line-height: 46px; border-radius: 50%; text-align: center;color: #fff;margin-top: -23px;background-color: #2d83c2;font-size: 22px;outline: none;background-size: 12px 20px; } @media only screen and (max-width:1440px) { .pageequipment .tit{ font-size: 32px;} } @media only screen and (max-width:1366px) { .pageequipment .tit{ font-size: 28px;} } @media only screen and (max-width:1280px) { .pageequipment .tit{ font-size: 24px; margin-bottom:30px;} .pageequipment .swiper-button-prev {left: calc(18% - 0.13rem);} .pageequipment .swiper-button-next {right: calc(18% - 0.13rem);} } @media only screen and (max-width:768px) { .pageequipment .tit{ font-size: 22px; margin-bottom:20px;} .div6 .gallery-top .swiper-slide div { width: 80%;left: 10px;bottom: 0px;} .div6 .gallery-top .swiper-slide h6 {font-size:16px;} .pageequipment .swiper-button-prev, .pageequipment .swiper-button-next { width:36px; height: 36px;line-height: 36px;} } @media only screen and (max-width:668px) { .div6 .gallery-top {height: 53vw; padding: 0 0;} .div6 .gallery-top::before {content: "";position: absolute;z-index: 3;top: 0;left: 0;width: 0px;height: 100%;background-color: rgba(255, 255, 255, 0.8);} .div6 .gallery-top::after {content: "";position: absolute;z-index: 3;top: 0;right: 0;width: 0px;height: 100%;background-color: rgba(255, 255, 255, 0.8);} .pageequipment .swiper-button-prev {left: calc(4% - 0.13rem);} .pageequipment .swiper-button-next {right: calc(4% - 0.13rem);} } .products ul li { margin-bottom: 30px;} .products .box-list .list-pic {width: 100%; overflow: hidden;} .products .box-list .list-pic img {width: 100%;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .products .box-list .list-cent {width: 100%;} .products .box-list .list-cent .cent-title { font-size: 20px; text-align: center;padding:15px 0; line-height: 30px;color: #393435; border-bottom: 2px solid #2d83c2;} .products .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));} .products .box-list:hover .list-cent .cent-title { border-bottom: 2px solid #d72222;} .products .infor{ margin-bottom: 30px;} .products .infor .tit{ text-align: center; font-size: 24px;} .products .infor .tit span{ color: #cc0000;} @media only screen and (max-width:992px) { .products .box-list .list-cent .cent-title { font-size: 18px; } } @media only screen and (max-width:772px) { .products .box-list .list-cent .cent-title { font-size: 16px; } .products .infor{ margin-bottom: 20px;} .products .infor .tit{ font-size: 20px;} } .pro_info_1_1{ overflow:hidden; background-color:#fff;} .pro_info_1_1_left{float:left; width:49.5%;} .pro_info_1_1_left img{ width: 100%;} .pro_info_1_1_right{float:right; width:45%;margin-top: 40px; } .pro_info_1_1_right_1{font-size:36px; color:#2d83c2; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;} .pro_info_1_1_right_2{font-family:Arial, Helvetica, sans-serif; color:#666; margin-top:.8em;} .pro_info_1_1_right_3{font-size:16px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;} .pro_info_1_1_right .pro-btn{color:#333; font-size: 17px; margin-bottom: 25px;height:52px; width: 100%; } .pro_info_1_1_right .pro-btn a{display:block;background: #e5e5e5;color:#333; padding: 0 60px; min-width: 150px; font-size: 16px; text-align:center; border-bottom-left-radius:1.5em;border-top-right-radius:1.5em; line-height:50px;height: 50px;border:none; float:left;margin-right: 20px;text-transform: uppercase; } .pro_info_1_1_right .pro-btn a:hover{background:#2d83c2; color:#fff; } .pro_info_1_1_right .tel{ float: left; line-height: 25px; font-size: 20px;} .pro_info_1_1_right .tel span{color: #666;} .pro_info_1_1_right .tel span a{ font-size: 28px; height: 30px; line-height: 30px;color: #2d83c2;background: none; text-align: left;} .pro-big-img {width: 100%;height:600px;overflow: hidden;} .pro-big-img .gallery-left{width:100%;height: 470px;border: 1px solid #eeeeee; margin: 0; } .pro-big-img .gallery-left img{width: 100%;} .pro-big-img .gallery-left .swiper-slide{width: 100%;height: 100%;margin: 0 auto; text-align: center;} .pro-big-img .gallery-left .swiper-slide img{width: auto;height: 100%; margin: 0 auto; text-align: center;} .pro-big-img .gallery-thumbs{padding: 12px 25px 0px; width:98%; height: 140px;margin:10px 0 0 10px; box-sizing: border-box;} .pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 2px solid #eeeeee; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(180deg) translate(0, 0);transform: rotate(180deg) translate(0, 0);/**/left:inherit;right:1px;top:40px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(180deg) translate(0, 0);transform: rotate(180deg) translate(0, 0);/**/left:0px;right:inherit;top:40px; } .pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; } .pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;} .pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev {width: 16px;height: 26px;-moz-background-size:16px 26px;-webkit-background-size: 16px 26px;background-size: 16px 26px;} @media screen and (max-width: 1650px){ .pro_info_1_1_left img { width: 100%;} } @media screen and (max-width: 1440px){ .pro_info_1_1_right_1{font-size:24px; } } @media screen and (max-width: 1366px){ .pro_info_1_1_right_1{font-size:22px; } .pro_info_1_1_right .pro-btn a{ width:190px;} .pro-big-img .gallery-thumbs{ width:96%; height: 120px; padding: 12px 0px 0px;} } @media screen and (max-width: 1300px){ .pro_info_1_1_right .ys{ margin-top:40px; } } @media screen and (max-width: 1200px){ .pro-big-img { height:560px; } .pro-big-img .gallery-left{ height: 460px; } .pro_info_1_1_right_1{font-size:20px; } .pro_info_1_1_right_2{font-size:0.875em;} .pro_1_1{font-size:1.875em;} .pro_info_1_1_left{float:left; width:100%;} .pro_info_1_1_right{float:right; width:100%;} .pro_right .row{margin-right: -20px;margin-left: -20px;} .pro_list_1{font-size:18px;} .pro_list_left,.pro_list_right{width:3em; height:3em; margin-top:-1.5em;} .pro-big-img .gallery-thumbs{padding: 12px 35px 0px;width:97%; height: 120px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30px; } .pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev {width: 14px;height: 23px;-moz-background-size:14px 23px;-webkit-background-size: 14px 23px;background-size: 14px 23px;} .pro_info_1_1_right .pro-btn a{ width:150px; margin-right: 10px; } } @media screen and (max-width: 1090px){ .pro_list_1{font-size:1.25em;} .pro_list li:hover .pro_list_img img{margin-top:0px;} .pro_list_1{font-size:18px;} .pro_info_1_1_right .ys{display: none;} .pro_info_1_1_right .pro-btn a{margin-bottom: 10px; margin-right: 20px; padding: 0 15px; } .pro-big-img { height:460px; } .pro-big-img .gallery-left{ height: 320px; } .pro_info_1_1_left{float:left; width:40%;} .pro_info_1_1_right{float:right; width:56%;} } @media screen and (max-width: 1024px){ .pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;} .pro_info_1_1_right{float:none; width:100%;} .pro-big-img { height:900px; } .pro-big-img .gallery-left{ height:700px; } .pro-big-img .gallery-thumbs{ height: 150px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:70px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:70px; } } @media screen and (max-width: 992px){ .pro-big-img { height:870px; } .pro-big-img .gallery-thumbs{ height: 180px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:60px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:60px;} } @media screen and (max-width: 768px){ .pro_list_left, .pro_list_right{width:2em; height:2em; margin-top:-1em;} .pro_info_1_1_right_1{font-size:18px; } .pro_list_1{font-size:1.125em;} .pro_list_img{margin-bottom:1.5em;} .pro_list_1{font-size:17px; padding-bottom:10px;} .pro_info_1_1_left{float:left; width:100%;} .pro_info_1_1_right{float:right; width:100%; margin-top: 30px;} .pro_info_1_1_right .pro-btn a{ margin-bottom: 10px;} .pro-big-img { height:800px; } .pro-big-img .gallery-left{ height: 620px; } .pro_info_1_1_right .pro-btn a{ padding: 0 10px; margin-right: 5px; } } @media screen and (max-width: 750px){ .pro-big-img { height:680px; } .pro-big-img .gallery-left{ height:550px; } } @media screen and (max-width: 650px){ .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:40px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:40px;} .pro-big-img { height:650px; } .pro_info_1_1_right .tel{ font-size: 18px;} .pro_info_1_1_right .tel span a{ font-size: 24px; } } @media screen and (max-width: 580px){ .pro-big-img { height:580px; } .pro-big-img .gallery-left{ height:450px; } } @media screen and (max-width: 530px){ .pro-big-img { height:600px; } .pro-big-img .gallery-left{ height:470px; } .pro-big-img .gallery-thumbs{padding: 12px 0px 0px;width:96%; height: 140px;} .pro_info_1_1_right{ margin-top: 10px;} } @media screen and (max-width: 480px){ .pro-big-img .gallery-left{ height: 380px;} .pro-big-img { height:500px; } .pro-big-img .gallery-thumbs{ height: 120px;} } @media screen and (max-width: 420px){ .pro-big-img .gallery-left{ height: 300px;} .pro-big-img { height:430px; } } @media screen and (max-width: 380px){ .pro-big-img .gallery-left{ height: 250px;} .pro-big-img { height:340px; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:40px;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:40px;} .pro_info_1_1_right .pro-btn a{ width:130px;} } @media screen and (max-width: 340px){ .pro-big-img { height:350px; } } .section-content-bottom .pro_info_1_2 {background-color:#f4f4f4; height: 80px;line-height: 80px;} .section-content-bottom .pro_info_1_2 ul li{float:left; } .section-content-bottom .pro_info_1_2 ul li a{ font-size:1.25em; padding:0 2.5em;display:block; } .section-content-bottom .pro_info_1_2{ border-bottom:2px #2d83c2 solid;overflow:hidden} .section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{background-color:#2d83c2; color: #fff;font-weight: 600;} .pro_info_2{ padding: 0px 40px 40px;} .pro_info_2_1_t{ margin-top:55px;font-size:18px; padding-left: 15px; color:#333; position: relative;} .pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;} .pro_info_2_1_t:after{ position: absolute; left: 0; top: 5px; height: 20px; background: #2d83c2; content: ""; width: 3px;} .pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;} .pro_info_2_mid{overflow:hidden;} .nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;} .nav-wrap .container{padding-left:0; padding-right:0} .nav-wrap.navFix .container{padding-left:1em; padding-right:1em;} .pro_show_left { border: 1px solid #e5e5e5;margin-bottom: 70px;} .pro_show_right { border: 1px solid #e5e5e5; } .pro_show_right .tit {background-color:#2d83c2; height: 80px;line-height: 80px; color: #fff; text-align: center; font-size:1.25em;} .pro_show_right .content{padding: 20px 20px 20px;} .section-content-bottom{ margin-bottom: 40px;} .section-content-bottom .pro_show_right .content ul{ margin-bottom: 40px;} .section-content-bottom .pro_show_right .content ul li img{ width: 100%;} .section-content-bottom .pro_show_right .content ul li .product_title {margin-top: 20px; text-align: center;} .section-content-bottom .pro_show_right .content ul li .product_title a{ line-height: 40px; color: #666; text-align: center; font-size: 18px;} .pro_info_2_3_t img,.pro_info_2_3_t video{ max-width: 100%;} @media screen and (max-width: 1200px){ .section-content-bottom .pro_info_1_2 { height: 60px;line-height: 60px;} .pro_show_right .tit {height: 60px;line-height: 60px;} } @media screen and (max-width: 992px){ .section-content-bottom .pro_info_1_2 { height: 50px;line-height: 50px;} .pro_show_right .tit {height: 50px;line-height: 50px;} .pro_info_2{ padding: 0px 20px 30px;} .pro_info_2_1_t{ margin-top:35px;} } @media screen and (max-width:768px){ .section-content-bottom .pro_info_1_2 { height: 40px;line-height: 40px;} .pro_show_right .tit {height: 40px;line-height: 40px;} .pro_info_2{ padding: 0px 15px 30px;} .pro_info_2_1_t{ margin-top:25px;} .pro_show_left { margin-bottom: 30px;} .section-content-bottom .col-xs-12{ padding: 0px;} } @media screen and (max-width:568px){ .pro_info_2{ padding: 0px 10px 30px;} .section-content-bottom .pro_show_right .content ul li .product_title {margin-top: 10px; } .pro_show_right .content{padding: 20px 10px 0px;} } .pagetitle{ text-align: center;} .pagetitle .tit{ font-size: 36px; margin-bottom: 25px;} .pagetitle .desc{ font-size: 16px;color:#666;margin-bottom: 45px;} .applicationitem{ margin-bottom:24px;display:block;position:relative;overflow:hidden} .applicationitem .img{position:relative;overflow:hidden} .applicationitem .img img{ width: 100%;} /*.applicationitem .img:after{content:"";width:100%;height:100%;position:absolute;top:100%;left:0;background-color:rgba(255,255,255,0.3);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}*/ .applicationitem .textbox{position: absolute; left: 0px; bottom: 0px; content: ""; width: 100%;} .applicationitem .textbox .box{padding:15px 25px 18px 25px;background-color:rgba(0,0,0,0);position:relative;z-index:3; border-top:none} .applicationitem .title{color:#fff;font-size:20px} .applicationitem .en{color:rgba(255,255,255,0.64);font-size:16px; text-transform: uppercase; line-height: 32px;} .applicationitem .text{color:#666;margin-top:15px; font-size: 16px; display: none;} .applicationitem:hover .textbox .box{height:100%;top:-200%; text-align: center;background-color: #015593;background-image: linear-gradient( to right bottom,#48c1cc 0%,#1c549e 90%); opacity: 0.85; padding:155px 25px 20px 25px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .applicationitem:hover .textbox .text{ height: 250px; margin-top: 30px; padding-top: 30px; line-height: 30px;display:block;color:#fff;} .applicationitem:hover .textbox .text{ position: relative; } .applicationitem:hover .textbox .text:before{position: absolute; left: 42%; top: 0px; content: ""; width:35px; height: 2px; background: #fff;} @media (max-width:1440px){ .pagetitle .tit{ font-size: 34px; margin-bottom: 25px;} .applicationitem .title{ font-size:22px} .applicationitem .textbox .box{ padding:25px 26px 20px 28px;} .applicationitem:hover .textbox .box{ padding:25px 26px 20px 28px;} } @media (max-width:1280px){ .pagetitle .tit{ font-size: 28px;} .pagetitle .desc{ margin-bottom: 35px;} .applicationitem .title{ font-size:20px} } @media (max-width:1024px){ .pagetitle .tit{ font-size: 26px;} .pagetitle .desc{ margin-bottom: 30px;} .applicationitem{width:100%;margin-right:0;margin-bottom:20px} .applicationitem .textbox .box{padding:10px 10px} .applicationitem .title{font-size:18px} .applicationitem .more{position:static;opacity:1;margin-top:20px} .applicationitem:hover .textbox .text{ line-height: 26px;} } @media (max-width:768px){ .pagetitle .tit{ font-size: 22px;} } .quality_pt1{ background:#f0f0f4; width: 100%; height: 485px; border-radius: 30px; } .quality_pt1 .pt1_l{ width:53.5%; float:left;} .quality_pt1 .pt1_l img{ width:100%; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} .quality_pt1 .pt1_l .swiper-pagination-bullet {width:12px;height: 12px;background: #fff;opacity: 0.8; } .quality_pt1 .pt1_l .swiper-pagination-bullet-active{background: #2d83c2;opacity: 1;} .quality_pt1 .pt1_l .swiper-container-horizontal>.swiper-pagination-bullets,.quality_pt1 .pt1_l .swiper-pagination-custom, .swiper-pagination-fraction{left: 37%;} .quality_pt1 .pt1_r{ width:45%; float:right;} .quality_pt1 .pt1_r .content { padding:100px 30px 0;} .quality_pt1 .pt1_r .content .tit{ font-size: 36px; margin-bottom: 30px;} .quality_pt1 .pt1_r .content .tits{ font-size: 20px; color: #2d83c2; margin-bottom: 30px; font-weight: bold;} .quality_pt1 .pt1_r .content .desc{ font-size: 17px; line-height: 32px; color: #666; } .qualitys.pad-80 { padding-top: 0px;} .qualitys .pt1_l{ float:right;} .qualitys .pt1_r{ float:left;} .qualitys .pt1_l img{ border-top-right-radius: 30px; border-bottom-right-radius: 30px;border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .property.pad-80 { padding-top: 0px;} .property ul li { margin-bottom: 30px;} .property .box-list .list-pic {width: 100%; overflow: hidden;} .property .box-list .list-pic img {width: 100%;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .property .box-list .list-cent {width: 100%;} .property .box-list .list-cent .cent-title { font-size: 20px; text-align: center;padding:15px 0; line-height: 30px;color: #393435; background-color: #f0f0f4; border-bottom: 2px solid #f0f0f4;} .property .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));} .property .box-list:hover .list-cent .cent-title { border-bottom: 2px solid #d72222;} @media screen and (max-width: 1480px){ .quality_pt1{ height: 450px;} .quality_pt1 .pt1_r .content { padding:80px 30px 0;} } @media screen and (max-width: 1400px){ .quality_pt1 .pt1_r .content .tit{ font-size: 32px;} } @media screen and (max-width: 1366px){ .quality_pt1{ height: 425px;} .quality_pt1 .pt1_r .content { padding:70px 30px 0;} .quality_pt1 .pt1_r .content .tit{ font-size:30px;} } @media screen and (max-width: 1280px){ .quality_pt1{ height: 400px;} .quality_pt1 .pt1_r .content { padding:60px 30px 0;} .quality_pt1 .pt1_r .content .tit{ font-size: 28px;} .quality_pt1 .pt1_r .content .tits{ margin-bottom:10px; } } @media screen and (max-width: 1200px){ .quality_pt1{ height: 390px;} .quality_pt1 .pt1_r .content { padding:50px 30px 0;} .quality_pt1 .pt1_r .content .tit{ font-size: 24px; margin-bottom: 10px;} .quality_pt1 .pt1_r .content .desc{ font-size: 16px; line-height: 28px;} } @media screen and (max-width: 1180px){ .quality_pt1{ height: 380px;} } @media screen and (max-width: 1160px){ .quality_pt1{ height: 360px;} .quality_pt1 .pt1_r .content { padding:40px 30px 0;} } @media screen and (max-width: 1060px){ .quality_pt1{ height: 350px;} } @media screen and (max-width: 1024px){ .quality_pt1{height: 100%; } .quality_pt1 .pt1_l{ width:100%; float:none;} .quality_pt1 .pt1_r{ width:100%; float:none;} .quality_pt1 .pt1_l img{ border-top-right-radius: 30px; border-bottom-left-radius: 0px;} .qualitys .pt1_l img{ border-top-right-radius: 0px; border-bottom-left-radius: 30px;} .quality_pt1 .pt1_r .content { padding:40px 30px;} .quality_pt1 .pt1_r .content .tits{ font-size: 18px; margin-bottom: 20px;} } @media only screen and (max-width:992px) { .property .box-list .list-cent .cent-title { font-size: 17px; } } @media screen and (max-width: 768px){ .quality_pt1 .pt1_l{ width:100%; float:none; display: block; } .quality_pt1 .pt1_r{ width:100%; float:none;} .quality_pt1 .pt1_r .content { padding:30px 20px;} .property .box-list .list-cent .cent-title { font-size: 16px; } } .news_list li{ margin-bottom: 30px;} .news_list .list_box{padding:40px; background: #f7f7f7; position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .news_list .list_main{overflow:hidden;} .news_list .bd_c{width:88%; } .news_list .bd_c .list_title { border-bottom: 1px solid #e5e5e5; margin-bottom:15px; padding-bottom:15px; } .news_list .bd_c .list_title a{font-size:20px; color:#000;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_list .bd_c .list_p{ color:#666; font-size: 16px; line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:15px;overflow:hidden;} .news_list .bd_c .newmore{ color:#666; } .news_list .list_time{font-size:15px; font-family: Arial; padding:1% 1%; text-align: center; color: #fff; width:8%; background: #979797; } .news_list .list_time_day{ font-size:46px; line-height:50px;font-family:helvetica; padding-bottom: 5px; margin-bottom: 5px; text-align: center; position: relative;} .news_list .list_time_day:after{content: "";position: absolute; width: 100%; height: 1px; background: #e6e6e6; display: block; bottom: 0; left: 0; } .news_list .list_time_year { line-height: 40px; } .news_list li:hover .list_time{background-color:#2d83c2;} .news_list li:hover .list_box:after{background-color:#f8f8f8;} .news_list li:hover .list_title a{color:#2d83c2; } .news_list li:hover .newmore{ color:#2d83c2; } .news_list .newtime{ display: none;} @media only screen and (max-width:1240px){ .news_list .list_box{padding:40px 30px;} } @media only screen and (max-width:996px){ .news_list .list_box{padding:20px 20px;} .news_list .list_time{width:12%;} .news_list .bd_c{width:82%;} .news_list .bd_c .list_title { margin-bottom:10px; padding-bottom:10px; } .news_list .bd_c .list_p{ line-height: 28px;margin-bottom:10px;} } @media only screen and (max-width:760px){ .news_list .bd_r{float: none;width:100%;} .news_list .list_time{width:15%;} .news_list .list_box .bd_c{width:82%;padding: 0 0 0 2%;} .news_list .list_box:after{width:100%;} .news_list .list_time:after{display:none!important;} .news_list .list_time_day{font-size:32px; line-height:38px;} .news_list .bd_c .list_title a{font-size:18px; margin-bottom: 10px;} } @media only screen and (max-width:560px){ .news_list .list_time{width:100%; background: none;} .news_list .list_time_day,.news_list .list_time_year { display: none;} .news_list .newtime{ display: block; text-align: left;} .news_list .list_box .bd_c{width:100%;padding: 0 0 0 0%;} .news_list .bd_c .list_title a{font-size:17px; margin-bottom: 5px;} .news_list li:hover .list_time{background-color:transparent;} } .news_show {border:1px solid #e5e5e5; padding: 40px;} .news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; } .news_show p,.news_show div { line-height: 30px;} .news_show .param-tit{font-size: 30px; padding-bottom:15px; color: #333; } .news_show .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; border-bottom:1px solid #e5e5e5; padding-bottom: 30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; } .news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; } .news_show .param-img{ margin-bottom: 20px; } .left_nav{ background-color: #f0f0f4; margin-bottom: 25px;} .left_nav dl{ padding: 25px 0;} .left_nav dt{ line-height: 58px; font-size: 18px; font-weight: bold; padding-left: 35px;} .left_nav dd{line-height: 35px; padding-bottom: 10px; padding-left: 35px;} .left_nav dd a{font-size: 17px; color: #666;} .left_nav .date{font-size: 17px; } .left_nav:hover dt{color:#fff;} .left_nav:hover dd a{color:#fff;} .left_nav:hover .date{color:#fff;} .left_nav:hover{background:#2d83c2;} .newsshow ._tools ._back { font-weight:normal; color:#676767; height:26px; line-height:32px; padding-left:30px; vertical-align:middle;float: right;line-height: 1;} .newsshow ._tools ._back .fab { font-weight:normal; vertical-align:0; } .newsshow ._tools ._back a:hover{color:#2d83c2;} .newsshow .f_social { width: 50%; float: left; text-align:left; color:#fff; height: 40px;} .newsshow .f_social a{ float:left; color:#777;width:36px;line-height:36px; height:36px; border-radius:50%; margin-right:12px; } .newsshow .f_social a i {text-align:center; width:36px;line-height:36px; height:36px; border-radius:50%;border:1px solid#cccccc; background: #cccccc; } .newsshow .f_social .fa{text-align:center; font-size: 17px; color:rgba(255, 255, 255, 0.75);} .newsshow .f_social .fa:before{position: static;} .newsshow .f_social ul .weixin {position: relative;} .newsshow .f_social .wechat { position: relative;} .newsshow .f_social .wechat:hover .vx { display: block;} .newsshow .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent} .newsshow .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;} .newsshow .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;} .newsshow .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;} .newsshow .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;} .newsshow .f_social .share-item { margin-right:8px;} .newsshow .i_icon{width: 36px;height: 36px;background: url(../images/detail_back.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 10px;} .newsshow .i_icon a {font-size: 16px;} @media(max-width:1365px) { .news_show img{ width: 100%;} } @media(max-width:1280px) { .news_show { padding: 20px;} .news_show .param-t{font-size: 20px;padding-bottom:20px; } .news_show .param-tit{font-size: 20px; } .news_show .param-c { padding-top: 20px;} } @media(max-width:992px) { .news_show .param-tit{font-size: 18px;padding-bottom: 5px; } .news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;} .news_show .param-c { padding-top: 10px;} .news_show p,.news_show div { line-height: 28px;} } @media(max-width:680px) { .news_show .param-t{font-size: 18px; padding-bottom:10px;} .news_show .param-tit{font-size: 16px; } .news_show .param-c p{ font-size: 15px;line-height:26px;} .news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; } .news_show .param-c { padding-top: 0px;} } .server .list_{margin:0 -13px;padding-top:40px;} .server .list_ .i{float:left;width:33.33%;padding:0 13px;} .server .list_ .i_{position:relative;} .server .list_ .i .img{position:relative;} .server .list_ .i .img:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,rgba(43,47,63,0) 0%,rgba(43,47,63,0.8) 100%);} .server .list_ .i .img img{width:100%;} .server .list_ .i .text{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;padding:32px;} .server .list_ .i .text .n{font-size:62px; color:#FFFFFF; text-align: left; font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .server .list_ .i .text .des{position:absolute;left:0;bottom:0;padding:0 32px 32px;} .server .list_ .i .text .des p{font-size:24px;font-weight:bold;color:#FFFFFF;line-height:34px;} .server .list_ .i .text .des span{font-size:18px;font-weight:400;color:#FFFFFF;line-height:26px;padding-top:5px;display:block;} .server .list_ .i .text_1{padding-top:20px;width:100%; font-size:16px;font-weight:400;color:#333333;line-height:28px; text-align: left;} .after-service{ position:relative; background: url(../images/server_bg.jpg) no-repeat center; height:560px;} .after-service .pagetitle { margin-bottom: 30px;} .after-service .pagetitle .tit{ color:#fff} .after-service .con{ position:absolute; width:100%; height:100%; text-align:center; color:#fff} .after-service dl{ display:inline-block; width:150px; text-align:center;} .after-service dl dt{ width:150px; padding:29.5px 0; margin:auto; border-radius:100px; transition: ease-in-out 0.3s; background:url(../images/after-service-yuan.png) no-repeat center center} .after-service dl dt img{ transition: ease-in-out 0.3s;} .after-service dl:hover dt img{transform-style: preserve-3d; transform:rotateY(180deg);} .after-service dl dd{ font-size:18px; padding-top:20px; line-height:40px; color:#fff} .after-service dl.icon{ width:162px; height:250px; opacity:0.5; background:url(../images/after-service-yuan2.png) no-repeat center 75px} .after-service_font{ margin-top:60px;} .after-service_font .h3, .after-service_font .h4{ color:#333333; text-align:center} .after-service_font .h3{ font-size:24px; padding:5px 0;} .after-service_font .h4{ font-size:18px;} .after-service_font span.line{ display:block; width:3px; height:90px; margin:auto; background-color:#cb333b; margin-bottom:-16px; position:relative; z-index:5} @media(max-width:1200px){ .after-service dl{ width:120px;} .after-service dl.icon{ width:112px; } .after-service dl dt{ width:130px; padding:29.5px 0;background-size:100%; } .after-service dl dd{ font-size:16px;line-height:30px;} } @media(max-width:992px){ .after-service dl.icon{ height:220px;} } @media(max-width:892px){ .after-service dl{ width:100px;} .after-service dl dt{ width:110px; } .after-service dl.icon{ width:100px; } } @media(max-width:768px){ .server .list_ .i{width:100%;} .server .list_ .i:not(:first-child){margin-top:30px;} .server{padding:40px 0 40px;} .after-service dl{ width: 40%; margin-bottom: 20px;} .after-service dl.icon{ display: none;} .after-service dl dd{ padding-top: 0px;} } .net .con { margin-top: 20%;} .net .con .en{ font-size: 25px; text-transform: uppercase; color: #2d83c2; margin-bottom:10px;} .net .con .cn{ font-size: 24px; font-weight: 600; margin-bottom: 30px;} .net .con .desc{ font-size: 18px; line-height: 32px;color: #666; margin-bottom: 30px;} .net .con .tel{ font-size: 16px; line-height: 32px;color: #666;} .net .con .tel span{ font-size: 22px;} @media(max-width:1440px){ .net img{ width: 100%;} } .problem_list {padding:70px 0; } .problem_list li { margin-bottom: 25px;} .problem_list .title{font-size: 36px; line-height:38px; color:#333; text-align:center;margin-bottom: 30px;padding-bottom:20px;position: relative;} .problem_list .title:after{display: block;width:80px;height: 3px;position: absolute;content: '';bottom: -2px;left: 47%;background-color:#E70014;} .problem_list .problem-item {line-height: 36px;cursor: pointer;padding: 12px 1rem 25px; background: #f0eff4; } .problem_list .problem-h5 {position: relative;padding: 18px 0px 10px 40px;font-size: 18px;color: #333;} .problem_list .problem-h5:before {content: "";display: block;width: 28px;height: 28px;top: 25px;left: 0;position: absolute;background: url(../images/wen1.png) no-repeat center; } .problem_list .problem-detail { padding: 0px 0px 5px 40px; overflow:hidden;color: #666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width:1024px){ .problem_list{width: 100%;padding: 30px 0;} .problem_list .title{font-size: 28px; line-height:38px;margin-bottom: 20px;padding-bottom:10px;} .problem_list .title:after{display: block;width:50px;height: 3px;position: absolute;content: '';bottom: -2px;background-color:#E70014;} .net .con { margin-top: 5%;} .net .con .en{ font-size: 22px; margin-bottom:5px;} .net .con .cn{ font-size: 20px; margin-bottom: 20px;} .net .con .desc{ font-size: 17px; line-height: 30px; margin-bottom: 20px;} .problem_list .problem-item {line-height: 30px; padding: 0px 1rem 5px; } } @media (max-width:768px){ .problem_list .title{font-size: 20px; line-height:38px;margin-bottom: 20px;padding-bottom:10px;} .problem_list .title:after{display: block;width:40px;height: 3px;position: absolute;content: '';bottom: -2px;background-color:#E70014;} .net .con .cn{ font-size: 18px;} .net .con .desc{ font-size: 16px;} .problem_list .problem-h5 { padding: 18px 0px 5px 40px;} } @media(max-width:425px) { .problem_list .problem-h5 {font-size: 16px; line-height:36px; font-weight:normal; color:#222; } .problem_list .problem-item {line-height:26px;cursor: pointer;padding: 0px 1rem; } } .contact .content .contact_list{ padding:50px 40px;border-bottom: 4px solid #2d83c2; margin-bottom: 30px; background-color: #FFFFFF;transition: all .5s; box-shadow: 0 0 5px rgba(0,0,0, 0.2);} .contact .content .contact_list h1{color: #4c4c4c;font-size: 20px;font-weight: bold;margin-bottom: 15px;} .contact .content .contact_list P{color: #4c4c4c;font-size: 17px;line-height: 30px;} .contact .content .contact_list .fa{ font-size: 42px;color: #2d83c2;margin-bottom: 50px;transition: all .5s;} .contact .content .contact_list:hover{border-bottom-color: #d72222;box-shadow: 0px 0px 10px #d9d9d9;} .contact .content .contact_list:hover .fa{color: #d72222;} .contactmap{width:100%;height:500px;overflow:hidden} .contactmap .mapimg{width:100%;height:100%} .msgbox {padding: 1rem 0 1.3rem;background: url('../images/message.jpg') no-repeat center center;background-size: cover;} .contact-form {font-size: 16px;} .contact-form .form {max-width: 1300px;margin-left: auto;margin-right: auto;display: block;width: 90%;} .contact-form input, .contact-form textarea, .contact-form button {border: 0;box-shadow: none;outline: none;resize: none;background: none;font-size: 16px;} .contact-form label {color: #666;} .contact-form li {min-height: 64px;line-height: 64px;margin-bottom: 40px;transition: 0.3s;} .contact-form li .inner {border-bottom: 1px solid #e0e1e2;display: -webkit-flex;display: flex;display: -webkit-box;display: box;-webkit-align-items: center;align-items: center;-webkit-box-align: center;box-align: center;} .contact-form li input {min-width: 0;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;display: block;height: 50px;line-height: 50px;} .contact-form li label {width: 50px;margin-right: 30px;position: relative; font-size: 18px; font-weight: normal;} .contact-form li.textarea-box label::before {display: none;} .contact-form li .tip{ font-size: 17px; line-height: 28px;} .contact-form textarea {display: block;height: 90px;border-bottom: 1px solid #e0e1e2;width: 100%;line-height: 1.76;} .contact-form .submit {background: #2d83c2;border-bottom-left-radius:1.5em;border-top-right-radius:1.5em;color: #fff;width: 200px;height: 54px;line-height: 54px;display: block;margin: 0 auto;font-size: 16px;font-weight: bold;transition: 0.3s;} .contact-form .submit:hover {background: #2d83c2;box-shadow: 0 0 10px rgba(209, 31, 55, 0.5);} .contact-form .tip{ line-height: 30px;} @media (max-width: 1540px){.contact .content .contact_list{ padding:50px 35px;}} @media (max-width: 1366px){.contact .content .contact_list{ padding:40px 15px;}.contact .content .contact_list .fa{ font-size: 40px; margin-bottom: 30px;}} @media (max-width: 1200px){.contact .content .contact_list{ padding:40px 12px;}.contact .content .contact_list P{ line-height: 28px; height: 56px;}} @media (max-width: 1024px) {.contact .content .contact_list{ padding:30px 15px;}.contact .content .contact_list P{ font-size: 16px;}.contact-form .bd {padding: 50px 0 70px;}.contact-form li {margin-bottom: 20px;}} @media (max-width: 768px) {.contact .content .contact_list{ padding:20px 10px;}.contact .content .contact_list .fa{ margin-bottom: 10px;}.contact .content .contact_list h1{ font-size: 18px;}.contact-form li {min-height: 50px;line-height: 50px;}} @media (max-width: 640px) {.contact-form li {margin-bottom: 10px;}.contact-form .submit {margin-top: 20px;}} @media (max-width: 480px) { .contact .content .col-xs-6{ width: 100%;}.contactmap{ height:400px;} .contact-form {font-size: 14px;} .contact-form input,.contact-form textarea {font-size: 14px;} .contact-form li {margin-bottom: 5px;} .contact-form li label {margin-right: 10px;width: 40px; font-size: 16px;} .contact-form .bd {padding: 30px 0 40px;} .contact-form .submit {width: 130px;height: 40px;line-height: 40px;}} .download-lists ul li{ margin-bottom: 35px;} .download-lists ul a {display: block;padding: 30px 35px; line-height: 36px; box-shadow:0px 2px 11px rgba(0,0,0,.16); } .download-lists ul a:hover span {color: #2d83c2;} .download-lists ul a span {font-size: 18px; color: #333;} .download-lists ul a span:first-child {margin-right: 15px;} .download-lists ul a .date {font-size: 16px;color: #666; float: left;} @media(max-width:668px) { .download-lists ul a .date { display:none;} .download-lists ul a { padding: 10px 5px;} .download-lists ul a span {font-size: 16px;} .download-lists ul a span:first-child {margin-right: 0px;} .download-lists ul li{ margin-bottom: 25px;} .download-lists ul li img{ width: 20px;} .download-lists ul li .lf{ width: 90%; } .download-lists ul li .lf img{ display: none;} .download-lists ul li .lf span:nth-child(2){ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} } @media(max-width:400px) { .download-lists ul a span {font-size: 15px;} } .policy h3{ margin-bottom: 10px;} .policy div{ line-height: 30px;} .mapmenu .param-t { color: #333; margin-bottom: 30px; position: relative;} .mapmenu .param-t a{font-size:24px; } .mapmenu .param {margin-bottom: 30px;} .mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom: 4px; margin-right: 10px;background-color: #2d83c2;} .mapmenu .param-t a:hover{color: #2d83c2;} .mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;} .mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; } .mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;} .mapmenu .param-c ul li a{ padding-bottom:10px;} .mapmenu .param-c ul li a:hover{color: #2d83c2;} @media(max-width:1440px) { .mapmenu .param {margin-bottom: 20px;} .mapmenu .param-t a{font-size:22px; margin-bottom: 20px;} .mapmenu .param-c a{ line-height: 28px;} } @media(max-width:992px) { .mapmenu .param-t {margin-bottom: 20px;} .mapmenu .param-t a{font-size: 20px;} .mapmenu .param-t::before {height: 25px;} .mapmenu .param-c a{ font-size: 15px; line-height: 28px;} }