@charset "UTF-8";/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin: 0;padding: 0;}
body,h1,div,li,a,button,input,select,textarea { color: #333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video {display: block;margin: 0;padding: 0;}
body,html,input{font:15px/1.5 '微软雅黑';}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol {list-style: none;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
p,span {color: inherit;}
table {border-collapse: collapse;}
input,textarea {outline: none;border: none;}
input {border: none;appearance: none;-moz-appearance: none;outline: none;-webkit-appearance: none;}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder {color: inherit;opacity: 0.55;font-size: 14px;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
button,input,select,textarea {font-size: 100%;}* {margin: 0;padding: 0;box-sizing: border-box;}
input,textarea,select {outline: none;}
a,a:hover {text-decoration: none;outline: none;}
ul li {list-style-type: none;}img {border: none;}
.bd_weixin_popup {box-sizing: content-box;}
.layout:after,
.clf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.layout,
.clf {
  zoom: 1;
}
.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{color: #777777; text-align: center; margin-top: 30px; clear:both; }
.page span { color: #777777; border: 1px solid #fff; padding: 10px 15px;vertical-align: rightdle; }
.page a { color: #777777; border: 1px solid #fff; padding: 10px 15px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #005da3;border: 1px solid #005da3;padding:10px 15px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}

.page .a1{ background:#fff url(../images/page_l.png) no-repeat center;}
.page .a1,.page .a2{color: #fff;padding:10px 18px;}
.page .a2{ background:#fff url(../images/page_r.png) no-repeat center;}

.page .a1:hover,.page .a2:hover{ border: 1px solid #005da3;padding:10px 18px;}
.page .a1:hover{ background:#005da3 url(../images/page_l_h.png) no-repeat center;}
.page .a2:hover{ background:#005da3 url(../images/page_r_h.png) no-repeat center;}

.pad-80{padding: 80px 0;}
@media (max-width:1440px) {
.pad-80{padding: 60px 0;}
}
@media (max-width:1280px) {
.pad-80{padding: 50px 0;}
}
@media (max-width:767px) {
.pad-80{padding: 40px 0;}
}
.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{border: 1px solid #fff; width: 180px; height: 50px; line-height: 50px; text-align: center;margin-top:40px;border-radius:.8em;}
.more a{ color: #fff; font-size: 16px; text-align: center;}
.more:hover{ background:#005da3; border: 1px solid #005da3;}
@media (max-width:768px) {
.more{ width: 130px; height: 40px; line-height: 40px;}
.more a{ font-size: 15px; }
}
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;}

 .index_top{ height: 36px; line-height: 36px; background: #f1f3f5;font-size: 14px;position: fixed; top:0px;left:0;z-index: 9999;width: 100%;} 
 .index_top .lf, .index_top .right {color: #818181;}  
 .index_top .right span{ font-weight: bold; }
.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;}
.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{position: fixed;height: 90px;width: 100%;top:36px;left:0;z-index: 9999; background: #fff; }
header.on-header{position: fixed;height: 90px;width: 100%;top:0px;left:0;z-index: 9999; background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.2);  }
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: 33%; width: 65%;}
header .header .header-ul li{font-size:18px;display:inline-block;height:100px;line-height: 100px; margin-left: 6%; 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: #005da3; border:1px solid#005da3; 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-wrapper .language {height: 90px;}
header .header  .search {height: 90px;}
header .header  .search {width: 22px; cursor: pointer;background: url(../images/search.png) no-repeat center center;background-size: contain;}
.search-form {width: 100%;position: absolute;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: #005da3;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;}
.search-form .search_box button{ border: 0px;  background: none!important;}
@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; 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.on-header .header .search-form ,header.active.on-header .header .search-form{ position: fixed; top: 140px;}

header .header .header-ul li:hover { border-bottom: 4px solid #005da3;}
header .header .header-ul li:hover>a:hover{ color:#005da3;}
header .header .header-ul li>a{display: inline-block; color:#fff;}
header .header .header-ul li .header-xia{position:fixed;top:126px; 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 4% 0px 14%; margin-top: 60px; 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: 280px;}
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:#005da3}
header .header .header-ul li .header-xia .left .title-div a:hover { color: #005da3; }
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: 60px 40px 50px;}
header .header .header-ul li .header-xia .mid img { width: 100%;}
header .header .header-ul li .header-xia .right{float:left; width:32%; height: 345px; padding: 60px 2% 50px 0; background-color: #fff;}
header .header .header-ul li .header-xia .right h3{ font-size: 24px;color: #005da3;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:89px; font-size: 18px; }
header .header .header-ul li>a,header.active .header .header-ul li>a{color:#222; 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: #222;; font-size: 18px;  }
header.on-header .header .header-ul li .fa,header:hover .header .header-ul li .fa{color:#222; }
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;}

.sub .nav_xiao { margin-top: 60px;margin-bottom: 50px; min-height: 345px;}
.sub .nav_xiao .xiao_six_l{float:left; margin-right: 4%; width: 19.1%; padding-right: 4%; margin-left: 7px; overflow:hidden; border-right:1px solid #e2e3e3; min-height: 285px;}
.sub .nav_xiao .xiao_six_l a{display:block;font-size:18px;color:#666;line-height:38px; margin-bottom: 10px; box-sizing:border-box;background:url(../images/yuming_pic9.png) right center no-repeat; position: relative;}
.sub .nav_xiao .xiao_six_l a.osel{ color:#005da3;background:url(../images/yuming_pic9_on.png) right center no-repeat;}
.sub .nav_xiao .xiao_six_r{float:left;width:76%;overflow:hidden;text-align:center; min-height: 285px;}
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con{ float:left; margin-right: 4%; width: 25%; padding-right: 5%; border-right:1px solid #e2e3e3;}
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con li{ display:block; font-size:18px;line-height:38px;height:38px; margin-bottom: 10px; text-align: left;box-sizing:border-box; background:url(../images/yuming_pic9.png) right center no-repeat;}
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con li:hover{ border: 0px;color:#005da3;background:url(../images/yuming_pic9_on.png) right center no-repeat; }
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con li a{color:#666; }
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con li a:hover{color:#005da3; }
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .img{float:right; margin-left: 4%; width: 38%;}
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .img img{ width: 100%;}

.sub .nav_xiao .nav_down_l{float:left; width: 24%; margin-left: -7%; margin-right: 5%; overflow:hidden; min-height: 285px;}
.sub .nav_xiao .nav_down_l a{display:block;font-size:18px;color:#666;line-height:38px; margin-bottom: 10px; box-sizing:border-box;background:url(../images/yuming_pic9.png) right center no-repeat; position: relative;}
.sub .nav_xiao .nav_down_l a.osels{ color:#005da3;background:url(../images/yuming_pic9_on.png) right center no-repeat;}
.sub .nav_xiao .nav_down_r{float:left;width:34%;overflow:hidden;text-align:center; min-height: 285px; border-left:1px solid #e2e3e3; padding-left: 4%; padding-right: 4%; }
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con{ width: 100%;}
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con li{ display:block; font-size:18px;line-height:38px;height:38px; margin-bottom: 10px; text-align: left;box-sizing:border-box; background:url(../images/yuming_pic9.png) right center no-repeat;}
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con li:hover{ border: 0px;color:#005da3;background:url(../images/yuming_pic9_on.png) right center no-repeat; }
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con li a{color:#666; }
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con li a:hover{color:#005da3; }
.h_bott .nav_down .content .sec_ul{padding:0 0 10px; width: 100%; box-sizing:border-box; }
.h_bott .nav_down .content .sec_li{padding:0 43px 0 0px; }
.h_bott .nav_down .content .sec_li>a{display:block; line-height:33px; color:#777; position:relative;}
.h_bott .nav_down .content .has_three .jt{width:20px; height:20px; background:url(../images/arrow_r.png) no-repeat center; position:absolute; right:0px; top:50%; margin-top:-10px; }
.h_bott .nav_down .content .has_three.cur .jt{background:url(../images/arrow_r.png) no-repeat center;}
.h_bott .nav_down .content .third_ul{width:53%; position:absolute; left:100%; top:0px; margin-left:1px; display:none; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;}
.h_bott .nav_down .content .third_li{padding:0 43px 0 58px;}
.h_bott .nav_down .content .third_li>a{display:block; line-height:33px; color:#777;}
@media (max-width: 1800px){
header .header .header-ul li .header-xia .left{ padding: 0px 0 50px 8%; }
header .header .header-ul li .header-xia .right{ padding: 50px 8% 50px 0; }
}
@media (max-width: 1700px){
header .header .header-ul li .header-xia .right{width:40%; padding: 50px 3% 50px 0; }
}
@media (max-width: 1500px){
header .header .header-ul {margin-left: 30%; width: 68%;}
}
@media (max-width: 1366px){
header .header .header-ul{ margin-left: 24%; width: 74%;}
header .header .header-ul li .header-xia .left{ padding: 0px 0 50px 6%; }
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; }
.sub .nav_xiao .xiao_six_l a{ font-size:16px;}
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con li{ font-size:16px;}
.sub .nav_xiao .nav_down_l a{ font-size:16px;}
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con li{ font-size:16px;}
}

@media (max-width: 1240px){
header .header .header-ul{ margin-left: 18%;}
header .header .header-ul li .header-xia .left .title-div .tit{font-size:15px;}
.sub .nav_xiao .xiao_six_l a{ font-size:15px;}
.sub .nav_xiao .xiao_six_r .xiao_six_r_l .xiao_six_r_l_con li{ font-size:15px;}
.sub .nav_xiao .nav_down_l a{ font-size:15px;}
.sub .nav_xiao .nav_down_r .nav_down_r_l .nav_down_r_con li{ font-size:15px;}
}
@media (max-width: 1200px){
.header_top { display:none;}
.index_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%;}
}


/*
header .header .header-ul li .header-xia .lefts{ position:absolute;  width:28%; height: 100%;padding: 0px 4% 0px 14%; margin-top: 60px; margin-bottom: 50px; margin-right: 4%; border-right: 1px solid #f0f0f0; }
header .header .header-ul li .header-xia .lefts .top-nav{ width: 100%; min-height: 240px;}
header .header .header-ul li .header-xia .lefts .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 .lefts .title-div .tit:hover{ color:#005da3}
header .header .header-ul li .header-xia .lefts .title-div a:hover { color: #005da3; }
header .header .header-ul li .header-xia .lefts .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 .lefts .title-div .tit:hover:after {background-image: url(../images/i-right2.png); }
*/
/* indexbanner */
.indexbanner { height: 800px; margin-top: 90px;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .banner_img{position:relative; width:100%; height:800px;}
.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:44%; z-index:10; 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{ font-size:50px; font-weight: bold; color:#fff; font-family: "微软雅黑";letter-spacing:.02em; }
.banner_img_jj_mid_2{ font-size:28px; line-height: 45px;color:#fff; text-transform: uppercase; margin-bottom: 10px;letter-spacing:.04em; width: 60%;}
.banner_img_jj_mid_3{ font-size:18px; line-height: 45px;color:#fff;letter-spacing:.04em; }
.indexbanner .swiper-pagination{ color: #fff;}
.indexbanner .swiper-pagination-current{ color: #fff; font-size: 34px;}
.indexbanner .swiper-pagination-total{ color: #fff; font-size: 24px; }
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{ border: 1px solid #fff; width: 30px; height: 30px; border-radius: 100%;top: 90%; z-index: 99999;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{ -moz-background-size:10px 16px;-webkit-background-size:10px 16px;background-size:10px 16px; }
.indexbanner .swiper-button-prev, .indexbanner .swiper-container-rtl .swiper-button-next{left:15%;right:auto}
.indexbanner .swiper-button-next,.indexbanner .swiper-container-rtl .swiper-button-prev{ right: 76%;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction {bottom:60px; font-size: 24px; left: -30.5%;}
@media (max-width: 1680px){
.indexbanner .swiper-button-prev, .indexbanner .swiper-container-rtl .swiper-button-next{left:10%;right:auto}
.indexbanner .swiper-button-next,.indexbanner .swiper-container-rtl .swiper-button-prev{ right: 80%;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction {left: -35%;bottom:70px;}
}  
@media (max-width:1600px){
.indexbanner { height: 667px;}
.indexbanner .banner_img{ height:667px;}
}
@media (max-width:1440px){
.indexbanner { height: 600px;}
.indexbanner .banner_img{ height:600px;}
.indexbanner .swiper-button-prev, .indexbanner .swiper-container-rtl .swiper-button-next{left:8%;right:auto}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction {left: -36%; bottom:42px;}
}
@media (max-width:1366px){
.indexbanner { height: 570px;}
.indexbanner .banner_img{ height:570px;}
.banner_img_jj_mid_1{ padding-bottom:20px;}
.indexbanner .swiper-button-prev, .indexbanner .swiper-container-rtl .swiper-button-next{left:6%; }
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction {left: -37%; bottom:40px;}
}
@media (max-width:1280px){
.indexbanner { height:533px;}
.indexbanner .banner_img{ height:533px;}
.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 { height: 600px;}
.indexbanner .banner_img{ height:600px;}
.indexbanner { margin-top: 60px;}
.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:512px;}
.indexbanner .banner_img{ height:512px;}
.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;}
.banner_img_jj_mid_2{ width: 90%;}
}
@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: 56%; 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 { left: -34%;bottom:30px;}
.indexbanner .swiper-button-prev, .indexbanner .swiper-container-rtl .swiper-button-next{left:8%;right:auto}
.indexbanner .swiper-button-next,.indexbanner .swiper-container-rtl .swiper-button-prev{ right: 76%;}
.indexbanner .swiper-pagination-current{font-size: 24px;}
.indexbanner .swiper-pagination-total{ font-size: 18px; }
}    
@media (max-width:768px){
.indexbanner { height: 380px;}
.indexbanner .banner_img{ height:380px;}
.banner_img_jj_mid_1{ font-size:22px; }
.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; }
.banner_img_jj_mid_2{ width: 100%;}
}
@media (max-width:668px){
.indexbanner { height: 335px;}
.indexbanner .banner_img{ height:335px;}
.indexbanner .swiper-pagination-bullets {bottom:10px; }
.indexbanner .swiper-button-prev, .indexbanner .swiper-container-rtl .swiper-button-next{left:4%;right:auto}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction {left: -35%;bottom:20px;}
}
@media (max-width:600px){
.indexbanner { height: 300px;}
.indexbanner .banner_img{ height:300px;}
.indexbanner .swiper-pagination-bullets { display: none;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction { display: none;}
}
@media (max-width:568px){
.indexbanner { height:284px;}
.indexbanner .banner_img{ height:284px;}
.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;}
}
@media (max-width:528px){
.indexbanner { height:264px;}
.indexbanner .banner_img{ height:264px;}
}
@media (max-width:500px){
.indexbanner { height:250px;}
.indexbanner .banner_img{ height:250px;}
}
@media (max-width:480px){
.indexbanner { height:240px;}
.indexbanner .banner_img{ height:240px;}
}
@media (max-width:460px){
.indexbanner { height:230px;}
.indexbanner .banner_img{ height:230px;}
}
@media (max-width:428px){
.indexbanner { height:215px;}
.indexbanner .banner_img{ height:215px;}
}
@media (max-width:400px){
.indexbanner { height:200px;}
.indexbanner .banner_img{ height:200px;}
}
.indextitle{color:#333333;font-size:36px;font-weight:bold;line-height:1.5; margin-bottom: 15px;}
.indextitle span{color:#005da3}
.indextitle_en{color:#333333;font-size:20px; text-transform: uppercase; line-height:1.5; margin-bottom: 35px;}
.indextitlebox .text{color:#666;font-size:16px;margin-top:18px}

.indexproducts { background: url(../images/index_bg1.jpg) no-repeat; background-size: cover;}
.ms-cate_grid .cell1 { width: 380px; height: 529px; border-radius: 10px; margin-right: 15px;  background-image: url(../images/product-1.jpg);}
.ms-cate_grid .cell1 .ms-cate_hd {  padding-left: 40px;}
.ms-cate_grid .cell1 .ms-cate_more {  right: 40px;}
.ms-cate_grid .cell2 {  margin-right: 15px;  margin-bottom: 20px;  background-image: url(../images/product-2.jpg);}
.ms-cate_grid .cell3 {  margin-bottom: 20px;  background-image: url(../images/product-3.jpg);}
.ms-cate_grid .cell4 {  margin-right: 15px;  background-image: url(../images/product-4.jpg);}
.ms-cate_grid .cell5 {  background-image: url(../images/product-5.jpg);}
.ms-cate_grid .ms-cate_list li:first-child { transition-delay: 0.03s;}
.ms-cate_grid .ms-cate_list li:nth-child(2) {  transition-delay: 0.06s;}
.ms-cate_grid .ms-cate_list li:nth-child(3)  {  transition-delay: 0.09s;}
.ms-cate_grid .ms-cate_list li:nth-child(4)  {  transition-delay: 0.12s;}
.ms-cate_grid .ms-cate_list li:nth-child(5) {  transition-delay: 0.15s;}
.ms-cate_grid .ms-cate_list li:nth-child(6) {  transition-delay: 0.18s;}
.ms-cate_grid .ms-cate_list li:nth-child(7)  {  transition-delay: 0.21s;}
.ms-cate_grid .ms-cate_list li:nth-child(8)  {  transition-delay: 0.24s;}
.ms-cate_grid .ms-cate_list li:nth-child(9)  {  transition-delay: 0.27s;}
.ms-cate_grid .ms-cate_list li:last-child  {  transition-delay: 0.3s;}
.ms-cate_grid {margin-bottom: 40px;}
.ms-cate_cell {float: left;width: 380px;height: 256px;  border-radius: 10px; background-size: cover;position: relative;}
.ms-cate_cell .logo-mark {position: absolute;left: 20px;top: 0;}
.ms-cate_hd {position: absolute;bottom: 0;padding: 0 30px 20px;width: 100%;}
.ms-cate_cate {margin-bottom: 2px;font-size: 24px;line-height: 1.4;color: #333;font-weight: 500;}
.ms-cate_intro {color: #666;font-size: 16px;}
.ms-cate_more {position: absolute;right: 30px;top: -3px;color: #666;}
.ms-cate_more .iconfont {font-size: 24px;}
.ms-cate_layer {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px 30px 0;border-radius: 8px;background: rgba(0, 93, 163, 0.95);color: #fff;opacity: 0;visibility: hidden;transition: opacity 0.4s;}
.ms-cate_cell:hover .ms-cate_layer {opacity: 1;visibility: visible;}
.ms-cate_cell:hover .ms-cate_li {opacity: 1;transform: translate3d(0, 0, 0);}
.ms-cate_grid .cate-name {font-size: 24px;line-height: 28px; color: #fff; padding-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.ms-cate_grid .cate-name a:hover{color: #fff;}
.ms-cate_list {font-size: 18px;line-height: 24px;}
.ms-cate_a {display: block;position: relative;color: #fff;}
.ms-cate_a .ft-ellipsis {display: block;max-width: 80%;}
.ms-cate_a:hover {text-decoration: underline;}
.ms-cate_a:hover .ms-cate_a-icon {transform: translate3d(3px, 0, 0);}
.ms-cate_a-icon {position: absolute;right: 0;top: 0;transition: transform 0.2s;}
.ms-cate_li {margin-top: 12px; transform: translate3d(0, -5px, 0);opacity: 0;transition: 0.2s;}
.ms-cate_li a{font-size: 17px; }
.ms-cate_li a:hover{color: #fff;}
@media screen and (min-width: 1500px) {
.ms-cate_grid .cell1 {width: 450px;height: 626px;}
.ms-cate_cell {width: 450px;height: 303px;}
}
@media screen and (max-width: 1499px) and (min-width: 1441px) {
.ms-cate_grid .cell1 {width: 450px;height: 626px;}
.ms-cate_cell {width: 405px;height: 303px;}
.ms-cate_cate {margin-bottom: 8px;font-size: 24px;line-height: 1.62;}
.ms-cate_layer {padding: 35px 40px 0;}
.ms-cate_li {margin-top:16px;}
}
@media screen and (max-width: 1440px) and (min-width: 1366px) {
.ms-cate_grid .cell1 {width: 420px;height: 584px;}
.ms-cate_cell {width: 420px;height: 283px;}
}
@media screen and (max-width: 1365px) and (min-width: 1300px) {
.ms-cate_grid .cell1 {width:390px;height: 543px;}
.ms-cate_cell {width: 390px;height: 263px;}
}
@media screen and (max-width: 1299px) and (min-width: 1280px) {
.ms-cate_grid .cell1 {width:370px;height: 515px;}
.ms-cate_cell {width: 385px;height: 249px;}
}
@media screen and (max-width: 1279px) and (min-width: 1200px) {
.ms-cate_grid .cell1 {width:365px;height: 508px;}
.ms-cate_cell {width: 370px;height: 246px;}
}
@media screen and (max-width: 1199px) {
.ms-cate_grid .cell1 {width:380px;height: 480px;}
.ms-cate_cell {width: 345px;height: 233px;}
.ms-cate_grid .cell2 { margin-bottom: 15px;}
.ms-cate_grid .cell3 { margin-bottom: 15px; }
}
@media screen and (max-width: 1165px) {
.ms-cate_grid .cell1 {width:335px;height: 466px;}
.ms-cate_cell {width: 360px;height: 226px;}
}   
@media screen and (max-width: 1130px) {
.ms-cate_grid .cell1 {width:32%;height: 466px; background-size:100% 100%;}
.ms-cate_cell {width:32%;height: 226px; background-size:100% 100%;}
.ms-cate_cate { font-size: 20px; }
.ms-cate_grid .cate-name {font-size: 20px;}
.ms-cate_hd { padding: 0 20px 20px; }
.ms-cate_grid .cell1 .ms-cate_hd { padding-left:20px;}
.ms-cate_grid .cell1 .ms-cate_more { right:20px;}
.ms-cate_more { right: 20px;}
}   

@media screen and (max-width:768px) {
.ms-cate_cell:hover .ms-cate_layer {opacity: 0; }
.ms-cate_cell:hover .ms-cate_li {opacity: 0; }
.ms-cate_layer { display: none;}
.ms-cate_cell:hover .ms-cate_layer { display: none;}
}
.indexabout { background: url(../images/index_bg2.jpg) no-repeat center center; background-size: cover;}
.indexabout .textbox { width: 98%;}
.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 .more{border: 1px solid #008e42; background: #008e42; }
.indexabout .more a{ color: #fff; font-size: 16px; text-align: center;}
.indexabout .more:hover{ background:#005da3; border: 1px solid #005da3;}
.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) {
.indexabout .textbox .title{ margin:28px 0 18px; font-size:20px; }
}
@media (max-width: 1366px) {
.indexabout .textbox .title{ margin:20px 0 10px; }
.indexabout .textbox .text{ line-height:1.8; }
.indexabout .textbox .more { margin-top: 20px; }
}
@media (max-width: 1200px) {
.indexabout { background:#f1f2f4;}
.indexabout .right-box{ clear: both;}
.indexabout .textbox { width: 100%; margin-bottom: 40px;}
}
@media (max-width: 1559px) {
.indextitle{ font-size:32px; }
}
@media (max-width: 1440px) {
.indextitle{ font-size:28px; }
}
@media (max-width: 1366px) {
.indextitle{ font-size:26px; }
}
@media (max-width: 992px) {
.indextitle{ font-size:22px; line-height: 2; }
.indextitle_en{ font-size:18px;}
.ms-cate_intro { font-size: 15px;}
}
@media (max-width: 768px) {
.indextitle{ font-size:20px; line-height: 1.8; margin-bottom: 10px; }
.indextitle_en{ font-size:16px; line-height: 1.8; margin-bottom: 10px;}
.ms-cate_grid .cell1 {width:100%;height: 510px; background-size:100% 100%;}
.ms-cate_cell {width:48.5%;height: 250px; background-size:100% 100%;}
.ms-cate_cell .logo-mark {position: absolute;left: 0px;top: 0;}
.ms-cate_grid .cell1 {  margin-bottom: 25px; background-image:none;}
.ms-cate_grid .cell2 { background-image:none;}
.ms-cate_grid .cell3 { background-image:none; margin-right: 0px;}
.ms-cate_grid .cell4 { background-image: none;}
.ms-cate_grid .cell5 { background-image: none; margin-right: 0px;}
}  
@media (max-width: 668px) {
.ms-cate_grid .cell1 {width:100%; height: 458px;}
.ms-cate_cate { font-size: 18px; }
.ms-cate_grid .cate-name {font-size: 18px;}
.ms-cate_hd { padding: 0 15px 15px; }
.ms-cate_grid .cell1 .ms-cate_hd { padding-left:15px;}
.ms-cate_grid .cell1 .ms-cate_more { right:15px;}
.ms-cate_intro { display: none;}
.ms-cate_cell {width:48.6%; height: 220px;}
.ms-cate_grid {margin-bottom: 0px;}
}
@media (max-width: 568px) {
.ms-cate_grid .cell1 {width:100%; height: 382px;margin-bottom: 15px; }
.ms-cate_cell {width:48.5%; height: 186px;}
}
@media (max-width: 550px) {
.ms-cate_grid .cell1 {width:100%; height: 370px; margin-bottom: 15px; }
.ms-cate_cell {width:48%; height: 176px;}
.ms-cate_more { right: 10px;}
.ms-cate_hd { padding: 0 15px 10px; }
}
@media (max-width: 450px) {
.ms-cate_cell {width:48%; height: 144px;}
.ms-cate_intro { display: none;}
.ms-cate_cell:nth-child(2n){ margin-right: 4%; }
.ms-cate_grid .cell1 {width:100%; height: 300px;}
}
@media (max-width: 420px) {
.ms-cate_cell {width:47.7%; height: 133px;}
.ms-cate_grid .cell1 { height: 278px;}
}
@media (max-width: 380px) {
.ms-cate_grid .cell1 { height: 247px;}
.ms-cate_cell { width: 47.5%; height: 120px; margin-right: 0px; }
.ms-cate_grid .cell4 { margin-bottom: 20px; }
}
.indexapplication { background: url(../images/index_bg3.jpg) no-repeat center bottom; background-size: cover;}
.indexapplication .indextitle{color:#fff; }
.indexapplication .indextitle span{color:#fff}
.indexapplication .indextitle_en{color:#fff; }
.indexapplication ul{ margin-top: 100px; }
.indexapplication ul li .lin{ text-align: center;}
.indexapplication ul li a { display: block; padding-bottom: 6px;}
.indexapplication ul .pic {width:105px; height: 105px; line-height: 105px; margin: 0 auto 30px;}
.indexapplication ul .pic img { max-width: 100%; max-height: 100%;}
.indexapplication ul .en{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; color:rgba(255, 255, 255, 0.65);margin-bottom: 20px;}
.indexapplication ul h3 { font-size: 22px; color: #fff; font-weight: bold; height: 34px; line-height: 34px; margin-top: 16px; margin-bottom: 16px;}
.indexapplication ul .txts { font-size: 16px; color:rgba(255, 255, 255, 0.85); line-height: 26px; width: 86%; margin: 0 auto 30px;}
@media screen and (max-width: 1366px){
.indexapplication ul .txts { width:90%; }
}
@media screen and (max-width: 1280px){
.indexapplication ul{ margin-top: 60px;}
}
@media screen and (max-width: 1023px) { 
.indexapplication ul{ margin-top: 30px;}
.indexapplication ul li { margin-bottom: 20px; }
}
@media screen and (max-width: 750px) {
.indexapplication ul .pic { margin: 0 auto 10px;}
.indexapplication ul h3 {font-size: 18px; margin-top: 0px; margin-bottom: 10px;}
.indexapplication ul .txts { width:100%; }
.indexapplication ul .en{ margin-bottom: 10px;font-size: 14px;}
.indexapplication ul li { margin-bottom: 0px; }
}
@media screen and (max-width: 400px) {
.indexapplication ul .en{ display: none;}
}
.indexnews .con{background-color: #f7f8fc; width: 90%;}
.indexnews .con .desc{white-space:normal; overflow:hidden;text-overflow: ellipsis;}
.indexnews .center{border-bottom: 2px solid #f7f8fc; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; padding:30px 35px;}
.indexnews .date{font-size:16px; color:#666; font-weight: normal; }
.indexnews .tit{font-size:18px; color:#333;transition:none; margin:5px 0 15px;}
.indexnews .center .desc{font-size:16px; color:#666; line-height:28px; overflow:hidden;}
.indexnews .desc{font-size:16px; color:#666; line-height:28px; overflow:hidden;}
.indexnews .con .pics{overflow:hidden; }
.indexnews .con .pics img{ width: 100%; background-position:center; background-size:cover;   -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.indexnews .con .pics:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.indexnews li{overflow: hidden; padding:25px 0px;border-top: 1px solid #f7f8fc;border-bottom:1px solid #f7f8fc; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.indexnews li a >*{-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.indexnews .center:hover{padding-left:50px; padding-right:50px;border-bottom: 2px solid #005da3;}
.indexnews .index_r_con { width: 80%; float: left;}
.indexnews .index_r_more { width: 20%; float: left; text-align: right;}
.indexnews .index_r_more .arrow{ margin-top: 20px;}
.indexnews .center1{border-bottom: 1px solid #f7f8fc; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; padding:35px 0px;}
.indexnews .center1:hover{padding-left:15px; padding-right:15px;border-bottom: 1px solid #005da3;}

@media screen and (max-width: 1440px){
.indexnews .con{width:100%;}
.indexnews .center1{ padding:33px 0px;}
}
@media screen and (max-width: 1366px){
.indexnews .center1{ padding:25px 0px;}
}
@media screen and (max-width: 1280px){
.indexnews .center1{ padding:21px 0px;}
}
@media screen and (max-width: 1200px){
.indexnews .center1{ padding:19px 0px;}
}
@media screen and (max-width: 1180px){
  .indexnews .center1{ padding:15px 0px;}
  }
@media screen and (max-width: 1024px){
.indexnews .tit{font-size:18px;}
}
@media screen and (max-width: 768px){
.indexnews .con{padding-right:0px;}
.indexnews .con .center{margin-bottom:38px; padding:20px;}
.indexnews .tit{font-size:16px;margin: 5px 0 7px;}
.indexnews .desc {margin-bottom:10px;}
.indexnews li{overflow: hidden; padding:15px 0px 0;}
}
@media screen and (max-width: 468px){
.indexnews .con .center{margin-bottom:28px; padding:15px;}
}
@media screen and (max-width: 428px){
.indexnews .desc {margin-bottom: 0px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexnews .tit{ width: 100%; }
.indexnews .date{ float: none!important; width: 100%; margin-top: 15px;}
.indexnews .index_r_con { width: 84%;}
.indexnews .index_r_more { width: 16%; }
.indexnews .index_r_more .date{margin-top: 0px; }
.indexnews .index_r_more .arrow{ margin-top: 10px;}
.indexnews .index_r_more .arrow img{ width: 100%;}
}

.footer{padding:80px 0 0; background:#1d2c43 url(../images/foot_bg.jpg) no-repeat; background-size: cover; z-index: 9999;}
.footer .footer-ul{ text-align:left;width:80%; float:left; margin-bottom:60px;}
.footer .footer-ul li{ margin-left: 16%; 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:#005da3; }
.footer .footer-right{ width:20%; float:left;  }
.footer .footer-right dt{font-size:20px;margin-bottom: 20px;color:#fff; }
.footer .footer-right dd{color:rgba(255, 255, 255, 0.75);transition:all 0.3s;font-size:16px; line-height: 40px;}
.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; }
@media (max-width: 1366px) {
.footer .footer-ul{ width:78%; }
.footer .footer-right{ width:22%; }
.footer .footer-ul li{ margin-left: 14%;}
}
@media (max-width: 1200px) {
.footer .footer-ul{ width:75%; }
.footer .footer-right{ width:25%; }
.footer .footer-ul li{ margin-left: 13%;}
}
@media (max-width: 1080px) {
.footer .footer-ul{ width:70%; }
.footer .footer-right{ width:30%; }
.footer .footer-ul li{ margin-left: 11%;}
}
@media (max-width: 992px) {
.footer{padding:40px 0 0;}
.footer .footer-right{ width:100%; }
.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: 100px;}
.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: 400px) {
.footer .footer-bottom{ height: 135px;}
}

.page_banner { width:100%; overflow:hidden; margin:125px auto 0; padding:11% 0 10.5%; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.page_banner img { display:block; width:100%;height: 100%; overflow:hidden; margin:0 auto; padding:0; position:absolute; left:0; top:0;}
.page_banner .page_text { height:auto; margin:0 auto; position:relative; z-index:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.page_text p { width:100%; overflow:hidden; line-height:52px; color:#fff; font-size:40px; font-weight:bold; margin:0 auto; padding:0;}
.page_text em { display:block; width:60px; height:5px; overflow:hidden; margin:24px 0; padding:0; background-color:#fff;}
.page_text span { display:block; width:100%;font-size:18px; max-height:64px; overflow:hidden; line-height:32px; color:#fff; font-size:18px; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.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;  }
.page_navs .crumb li:last-child{ color:#2d83c2;}
.page_navs .crumb li .fa{color: #666;}
.page_navs .r_sec.pic_sec { float:left;}
.page_navs .r_sec li{ float:left; 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 .fa {margin:22px 8px 0; }
.page_navs a:hover{color:#2d83c2;}
.page_navs .swiper-button-next,.page_navs .swiper-button-prev{ display: none!important;}
.page_navs .container{ position: relative;}
.products_left .swiper-button-next,.products_left .swiper-button-prev{ display: none!important;}
.products_left .container{ position: relative;}

@media(max-width:1366px) {
.page_navs .r_sec li{float:left; font-size:16px;}
.page_navs .r_sec li:last-child{ margin-right: 0px;}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
.page_text p { line-height:48px; font-size:36px;}
.page_text span { max-height:60px; line-height:30px; font-size:16px;}
.page_text em { width:56px; height:4px;}
}
@media(max-width:1280px) {
.page_navs .r_sec li{margin-right: 3.2%;}
}
@media screen and (min-width:1080px) and (max-width:1279px) {
.page_text p { line-height:48px; font-size:32px;}
.page_text p font { font-size:32px;}
.page_text span { max-height:60px; line-height:30px; font-size:16px;}
.page_text em { width:56px; height:4px;}
}
@media(max-width:1200px) {
.page_banner { margin:60px auto 0;}
.page_navs .r_sec li{margin-right: 2.2%;}
.page_navs .r_sec li a{ font-size:16px;}
}
@media screen and (min-width:1024px) and (max-width:1079px) {
.page_banner .page_text { max-width:inherit; padding:0 20px;}
.page_text p { line-height:48px; font-size:40px;}
.page_text p font { font-size:32px;}
.page_text span { max-height:60px; line-height:30px; font-size:16px;}
.page_text em { width:56px; height:4px;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.page_banner .page_text { max-width:inherit; padding:0 20px;}
.page_text p { line-height:40px; font-size:30px;}
.page_text p font { font-size:22px;margin: 0 0 0 10px;}
.page_text span { max-height:60px; line-height:30px; font-size:15px;}
.page_text em { width:48px; height:3px; margin:20px 0;}
}
@media(max-width:992px) {
.page_navs .crumb{ display: none;}
.page_navs .swiper-button-next,.page_navs .swiper-button-prev{ display: block!important;margin-top:-8px;width: 10px;height: 16px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;}
.page_navs .r_sec.pic_sec { float: none; width: 100%;}
.products_left { position: relative;}
.products_left .swiper-button-next,.products_left .swiper-button-prev{ display: block!important;width: 15px;height: 24px;-moz-background-size: 15px 24px;-webkit-background-size: 15px 24px;background-size: 15px 24px;}
}
@media(max-width:768px) {
.page_navs{line-height:50px; height:50px;}
.page_navs .r_sec li:after{left:-7px; }
.page_navs .crumb{ display: none;}
}
@media(max-width:767px) {
.page_banner .page_text { max-width:inherit; padding:0 20px;}
.page_text p { line-height:30px; font-size:28px;}
.page_text p font { font-size:20px; margin:0 0 0 10px;}
.page_text span { max-height:48px; line-height:24px; font-size:14px;}
.page_text em { width:40px; height:2px; margin:12px 0;} 
.page_navs{line-height:40px; height:40px;}

}
@media (max-width: 567px) {
.page_banner { padding:9% 0 14%;}
.page_text p { font-size:18px;}
.page_text p font { font-size:16px; margin:0 0 0 5px;}
.page_text em { width:35px; margin:6px 0;}
}
@media(max-width:460px) {
.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; }
.page_text p { font-size:17px;}
}
@media (max-width: 425px) {
.page_subnav .container{ width:100%;}
.page_subnav li a{height:40px;line-height:40px;}
}
@media only screen and (max-width: 400px){
.page_navs .r_sec li{ padding:0 5px; margin:0 4px; }
}
@media (max-width: 375px) {
.page_banner .page_text { max-width:inherit; padding:0 0px;}
.page_text span { display: none;}
}
@media (max-width: 320px) {
.page_text p {line-height: 24px; font-size:18px;}
.page_text p font { font-size:14px;}
}   


.page_nav{height:40px;line-height:40px;border-bottom: 1px solid #eaeaea; position: relative;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; }
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#1c549e; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#1c549e;}
.page_nav .r_sec li a{color:#333;}
.page_nav a:hover{color:#1c549e;}
.page_nav .c-pro-nav-swiper { margin: 0 auto; text-align: center;width: 100%;}
.page_nav .c-pro-nav-swiper .swiper-wrapper { margin: 0 auto; text-align: center; width: 100%;}
.page_nav .swiper-button-next,.page_nav .swiper-button-prev{ display: block!important;margin-top:-5px;width: 10px;height: 16px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;}


.about .about-con h2{font-size: 40px; margin-bottom:20px;}
.about .about-con .about-bt{color: #005da3; font-size:18px; margin-bottom:20px; text-align:left;}
.about .about-con .about-diao{color: #666;line-height: 34px; font-size:16px;text-align:left;}
.about .more{border: 1px solid #005da3; background: #005da3; }
.about .more a{ color: #fff; font-size: 16px; text-align: center;}
.about .more:hover{ background:#005da3; border: 1px solid #005da3;}
.about .about-left .img{padding:30px 0 45px; text-align:right;}
.about .about-left .img img{background:url(../images/about_bg.jpg) center fixed;}
@media (max-width:1440px) {
.about .about-con h2{font-size: 36px; }
.about .about-left img{ width:100%;}
}
@media (max-width:1280px) {
.about .about-con h2{font-size: 32px; }
.about .about-diao{ line-height: 38px; }
}
@media (max-width:1200px) {
.about .about-con .about-diao{ line-height: 30px; }
.about .about-con .about-bt{ font-size: 17px; }
}
@media (max-width:1024px) {
.about .about-con h2{ font-size: 28px; margin-bottom:15px;}
}
@media (max-width:992px) {
.about .about-con h2{ font-size: 24px; }
}
@media (max-width: 768px) {
.about .about-con h2{ font-size: 22px; }
.about .about-con .about-diao{ line-height:26px; font-size:15px;}
.about .about-left .img{padding:20px 0px 25px;}
.about .about-left .img img{max-width: 100%;height: auto;}
}
@media (max-width:375px) {
.about .about-con h2{ font-size: 20px; }
.about .about-con .about-bt{ font-size: 16px; margin-bottom:15px;}
.about .about-con .about-diao{ margin:0px 0px; }
}


.culture {display: flex;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;background: url(../images/about3bg.jpg) no-repeat center center;background-size: cover;}
.culture .index-title-box {padding-left: calc((100% - 1400px) / 2);}
.culture .index-title-box {width: 31.25%;padding-top: 140px;}
.culture .index-title-box .title {color: #fff;}
.culture .main {width: 62.18%;display: flex;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; }
.culture .item,
.culture .hidebox {padding: 0 55px;}
.culture .item {position: relative;cursor: pointer;width: 33.33%;height: 958px;border-left: 1px solid #fff;transition: background 0.5s ease;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;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;}
.culture .item:hover {background-color: rgba(0, 0, 0, 0.4);}
.culture .item:hover .hidebox {opacity: 1;visibility: visible;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.culture .item:hover .info {opacity: 0;visibility: hidden;}
.culture .icon {position: relative;width: 60px;display: block;}
.culture .icon:before {content: "";width: 7px;height: 72px;background-color: #fff;position: absolute;left: -55px;top: 0;z-index: 10;}
.culture .info {transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;}
.culture .name {font-size: 28px;color: #fff;line-height: 40px;margin: 54px auto 15px;}
.culture .en {font-size: 26px; font-family: Arial, Helvetica, sans-serif; color: #fff;opacity: 0.6;line-height: 40px;min-height: 80px;margin-bottom: 86px;}
.culture .hidebox {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-40%);-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);-o-transform: translateY(-40%);z-index: 10;line-height: 30px;transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;-moz-transition: transform 0.5s ease;-ms-transition: transform 0.5s ease;-o-transition: transform 0.5s ease;}
.culture .hidebox li {margin-bottom: 34px;}
.culture .hidebox li:last-child {margin-bottom: 0;}
.culture .tit {font-size: 24px;color: #fff;font-weight: 700;margin-bottom: 10px;}
.culture .desc {color: #fff;font-size: 16px;}
.index-title-box.left {text-align: left;}
.index-title-box .title {font-size: 40px;line-height: 56px;margin-bottom: 18px;}
.index-title-box .brief {font-size: 18px;line-height: 36px;width: 100%; color: #fff;}
.index-title-box .more{ margin-top: 180px;}
.culture .info .btn{ width: 60px; height: 60px; line-height: 45px; text-align: center; border-radius: 100%; border: 1px solid #fff!important;}
@media (max-width:1440px) {
.culture .index-title-box {padding-left: calc((100% - 1240px) / 2);}
}
@media (max-width:1024px) {
.culture{ display: block; padding: 0 15px;}
.culture .index-title-box { width: 100%; padding-top: 40px;}
.culture .main { width: 100%; display: block;}
.culture .item,
.culture .hidebox { padding: 0 15px;}
.culture .item { width: 100%; height: auto; border-left: none; padding: 26px 0; border-top: 1px solid #fff;}
.culture .item:hover { background: none;}
.culture .item:hover .info { opacity: 1; visibility: visible;}
.culture .icon { width: 40px;}
.culture .icon:before { display: none;}
.culture .name { font-size: 20px; line-height: 26px; margin: 18px auto 4px;}
.culture .en { font-size: 20px; line-height: 26px; min-height: inherit; margin-bottom: 20px;}
.culture .hidebox { display: none; line-height: 22px;}
.culture .btn img { width: 24px;}
.culture .tit { font-size: 14px; margin-bottom: 2px;}
.culture .desc { font-size: 12px;}
.index-title-box .more{ margin-top: 60px; margin-bottom: 50px;}
.index-title-box .title {font-size: 26px;line-height: 40px;margin-bottom: 10px;}
.index-title-box .brief {font-size: 18px;line-height: 30px; }
}
@media (max-width:992px) {
.index-title-box .more{ margin-top: 40px; margin-bottom: 40px;}
.index-title-box .title {font-size: 22px;line-height: 30px;margin-bottom: 10px;}
.index-title-box .brief {font-size: 16px;line-height: 28px; }
.culture .info .btn{ width: 50px; height: 50px; line-height: 45px; padding:2px 15px;}
}
@media (max-width:568px) {
.culture .info .btn{ width: 40px; height: 40px; line-height: 35px; padding:2px 10px;}
}

.pageabout .page-tit h3{ font-size: 24px; color: #333; line-height: 40px; font-weight: normal; width: 83%; margin-bottom: 10px; margin-top: 0px;}
.pageabout .page-tit span{ font-size: 20px; color: #005DA3; line-height: 34px; font-weight: bold;}
.pageabout .page-tit .en{ font-size: 14px; color: #333; margin-bottom: 20px; }
.pageabout .page-info { line-height: 35px; font-size: 16px; color: #666;}
.pageabout .page-tit .e-t { font-size: 15px; line-height: 35px;color: #333; text-transform: uppercase;}
.pageabout{background: url(../images/about2bg.jpg) no-repeat center center;background-size: cover;}
.pageabout_l .profile-c { color: #666; line-height: 34px; margin: 30px 0; font-size: 16px;}
.pageabout_r { text-align: right;}
@media(max-width:1280px) {
.pageabout .page-tit h3{ font-size: 22px; line-height: 40px; width: 90%; margin-bottom: 10px;}
.pageabout .page-tit span{ font-size: 18px;}
.pageabout .page-tit .e-t { font-size: 16px; line-height: 28px; }
.pageabout_l .profile-c { line-height: 32px; font-size: 17px; margin: 10px 0; }
.pageabout_r img{ width: 100%;}
}
@media(max-width:1200px) {
.pageabout .page-tit h3{ font-size: 20px; line-height: 36px; width:100%; }
.pageabout .page-tit .e-t { font-size: 15px; line-height: 24px; }
.pageabout_l .profile-c { line-height: 30px; margin: 20px 0; font-size: 16px;}
}
@media(max-width:1024px) {
.pageabout .page-tit h3{ font-size: 18px;}
.pageabout .page-tit span{ font-size: 17px;}
.pageabout .page-tit .e-t { font-size: 15px;}
.pageabout .page-info { line-height: 30px; font-size: 15px; }
}
@media(max-width:992px) {
.pageabout .page-tit h3 { font-size: 22px;margin-bottom: 10px;}
.pageabout .page-tit .e-t { font-size: 15px;}
.pageabout_r { display: none;}
}
@media(max-width:768px) {
.pageabout .page-tit,
.pageabout .page-tit h3,
.pageabout .page-tit h1 { font-size: 20px;margin-bottom: 5px;}
.pageabout .page-info { line-height: 28px; }
}
@media(max-width:568px) {
.pageabout .page-tit,
.pageabout .page-tit h3,
.pageabout .page-tit h1 { font-size:18px;margin-bottom: 5px;line-height: 30px;}
.pageabout .page-tit .e-t { font-size: 14px;}
}
@media(max-width:468px) {
  .pageabout .page-tit,
  .pageabout .page-tit h3,
  .pageabout .page-tit h1 { font-size:17px;margin-bottom: 5px;line-height:28px;}
}
.pageabout2 ul li .content { width: 100%; border: 1px solid #e5e5e5; border-radius: 10px; padding:25px 25px 25px; text-align: center; }
.pageabout2 ul li .content dt{ font-size: 20px; color: #333; line-height: 32px; padding: 10px 25px; }
.pageabout2 ul li .content dd{ font-size: 16px; color: #666; line-height: 30px; min-height: 64px;}
@media (max-width: 1366px){
.pageabout2 ul li .content dt{ padding: 20px 15px;}
}    
@media (max-width: 1200px){
.pageabout2 ul li{ margin-bottom: 20px; }
.pageabout2 ul li .content dt{ padding: 20px 10px;}
}
@media (max-width: 1024px){
.pageabout2 ul li .content {padding:20px 15px 15px; color: #fff;}
.pageabout2 ul li .content dt{ padding: 15px 10px;}
}
@media (max-width: 992px){
.pageabout2 ul li .content dt{ font-size: 18px; padding: 5px 0px;}
.pageabout2 ul li .content dd{ line-height: 28px;min-height:86px;}
}

.pageculture{background: url(../images/culturebg.jpg) no-repeat center center;background-size: cover;}
.pageculture ul li{ padding: 30px 0; border-bottom: 1px solid #e5e5e5; height: 155px;}
.pageculture ul li .pageculture_con{ width: 30%; float: left; line-height: 95px; padding-left: 30px; font-size: 40px; color: #005DA3;}
.pageculture .pageculture_desc { width: 70%; float: left; padding: 30px 0;}
.pageculture .pageculture_desc .tit{ font-size: 22px; color: #333333; position: relative; padding-left: 26px;}
.pageculture .pageculture_desc .tit::before{ content: ""; position: absolute; left: 0px; top: 10px; width: 10px; height: 10px; border-radius: 100%; background-color: #005DA3;}
.pageculture .pageculture_desc_l{ width: 50%; float: left; margin-bottom: 20px;}
.pageculture .pageculture_desc .desc{ font-size: 16px; color: #333333; padding-left: 26px; margin: 15px 0; line-height: 32px; }
.pageculture ul li:last-child{ padding: 30px 0; border-bottom: 0px solid #e5e5e5; height: auto;}
@media (max-width: 1440px){
.pageculture ul li .pageculture_con{font-size: 34px;}
.pageculture ul li .pageculture_con{ width: 22%; }
.pageculture .pageculture_desc { width: 78%;}
}
@media (max-width: 1366px){
.pageculture ul li .pageculture_con{font-size: 30px;}
.pageculture ul li .pageculture_con{ width: 20%; }
.pageculture .pageculture_desc { width: 80%;}
}
@media (max-width: 1280px){
.pageculture ul li .pageculture_con{font-size: 26px;}
}
@media (max-width: 1024px){
.pageculture ul li .pageculture_con{font-size: 22px;}
.pageculture .pageculture_desc .tit{ font-size: 20px; padding-left: 20px;}
.pageculture .pageculture_desc .tit::before{ top: 12px; width: 8px; height: 8px;}
}
@media (max-width: 992px){
.pageculture ul li .pageculture_con{font-size: 20px; padding-left: 0px;}
.pageculture .pageculture_desc .tit{ font-size: 18px; }
.pageculture .pageculture_desc_l{ width: 100%;}
}
@media (max-width: 768px){
.pageculture ul li{ padding: 15px 0; height: 120px;}
.pageculture .pageculture_desc { padding: 35px 0;}
.pageculture .pageculture_desc .tit{ font-size: 16px; }
}
@media (max-width: 668px){
.pageculture ul li .pageculture_img img{ width:130%; }
.pageculture ul li .pageculture_con{ width: 100%; float: left; line-height: 45px;}
.pageculture .pageculture_desc { width:100%; float: left; padding: 0px 0;}
.pageculture .pageculture_desc .desc{ padding-left: 0px;line-height:28px;}
.pageculture .pageculture_desc .tit::before{ top: 8px;}
.pageculture .pageculture_desc_l{ margin-bottom: 0px;}
}
@media (max-width: 492px){
.pageculture ul li .pageculture_img img{ width:150%; margin-top: 10px;}
.pageculture ul li .pageculture_con{font-size:18px; }
}
.pagedevelopment .page-tit h3{ color: #005DA3!important; }
.pagedevelopment .img img{ width: 100%;}
.picture .picture_tit { margin-bottom: 30px; }
.picture .picture_tit .infor .tit{font-size:24px; color:#5b5b5b; width: 90%;}
.picture .picture_tit .infor .tit i{display:inline-block; vertical-align:middle; margin-right:15px; width:32px; height:32px; background:url(../images/pro_center01_1.png) no-repeat; background-position:0 0;}
.picture .picture_tit .infor .tit:hover i{background-position:0 -32px;}  
.picture .infor .con{ font-size: 18px; width: 10%; text-align: right;}
.picture .content ul li .intro .box .txt{line-height:23px; height:46px; overflow:hidden;}
.picture .proBox{ width:100%; height:auto; overflow:hidden; }
.picture .proContainer{ width:100%; height:auto; overflow:hidden; margin:0rem auto; } 
.picture .proLi{ position:relative; overflow:hidden; margin-bottom: 10px;} 
.picture .porTbox{ position:relative; overflow:hidden; width:100%; height:auto; padding-bottom:100%;  border: 1px solid #ececec; border-radius: 20px;} 
.picture .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } 
.picture .porBbox{ position:relative; overflow:hidden; width:100%; height:auto; background:#fff; padding:20px 0px 10px; } 
.picture .proTitle{ font-size:18px; text-align: center; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; }
.picture .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; display:none; } 
.picture .harr{ opacity:0; } 
.picture .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0,93,163,.6); transition:all 0.5s ease; } 
.picture .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:18px; padding:0.5rem 0; }
.picture .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
.picture .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
.picture .proLi:hover .showBox{ opacity:1; }
.picture .proLi:hover .proImg{ transform:translate( -50% ,-50%) scale(1.1); }
.picture .proLi:hover .showBoxLink::before{ width:1rem; }
.picture .proLi:hover .showBoxLink::after{ width:1rem; }
.picture_part2 { margin: 40px 0;}
@media only screen and (max-width: 1200px){
.picture .picture_tit .infor .tit{font-size:20px; width:80%;}
.picture .infor .con{ font-size: 16px; width: 20%; }
.picture .picture_tit { margin-bottom: 10px;}
}
@media only screen and (min-width: 769px){
.picture .proContainer{ max-width:100%; }
.picture .proLi{ height:auto; }
} 
@media only screen and (max-width: 768px){
.picture .proTitle{ font-size:16px;}
.picture .showBoxLink{ font-size:16px; }
.picture .porBbox{ padding:10px 0px 0px; } 
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
.picture .proContainer { max-width:100%; }
.picture .proLi {  height:auto; }
 }
 @media only screen and (max-width: 468px){
.picture .picture_tit .infor .tit{font-size:18px; width:72%;}
.picture .infor .con{ font-size: 16px; width: 28%; }
 }
 @media only screen and (max-width: 428px){
  .picture .picture_tit .infor .tit{font-size:17px; width:70%;}
  .picture .infor .con{ font-size: 15px; width: 30%; }
   }
 .pro_list01 .form{text-align:right; position:relative; margin-bottom:36px;}
 .pro_list01 .form .inp{display:inline-block; font-size:13px; line-height:32px; border:1px solid #c9c9c9; border-radius:50px; padding:0 25px; background:none; margin:0; color:#959595;}
 .pro_list01 .form .btns{width:14px; height:14px; background:url(../images/pro_list01_1.png) no-repeat center; position:absolute; right:25px; top:50%; padding:0; outline:none; margin:-7px 0 0; cursor:pointer; border:none;}
 
 .pro_list01 .left{width:21.5%; float:left; z-index: 99;}
 .pro_list01 .left .box{padding:25px; background:#fff; border: 1px solid #e5e5e5; border-radius: 15px; margin-bottom: 80px;}
 .pro_list01 .left .box .infor{border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:15px;}
 .pro_list01 .left .box .infor .t{font-size:23px; line-height:24px; font-weight:normal; color:#373737;}

 .pro_list01 .left .box .content{padding-right:10px;}
 .pro_list01 .left .box .content::-webkit-scrollbar {width:4px; height:4px;}
 .pro_list01 .left .box .content::-webkit-scrollbar-thumb {border-radius:5px; background:#bf1b1d; background:rgba(191,27,29,.6)}
 .pro_list01 .left .box .content::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}
 .pro_list01 .left .box .content li:first-child{border-top:none; padding-top:5px}
 .pro_list01 .left .box .content li{padding-top:10px; margin-top:10px;}
 .pro_list01 .left .box .content li .tit{font-size:18px; color:#3f3f3f; position:relative; display:block; padding-left:28px;}
 .pro_list01 .left .box .content li .tit span.icon{display:inline-block; width:17px; height:17px; background:url(../images/pro_list01_2.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-9px;}
 .pro_list01 .left .box .content li .tit span.icon_jt{display:inline-block; width:15px; height:15px; background:url(../images/pro_list01_3.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-8px;}
 .pro_list01 .left .box .content li .item_down{margin-top:2px; display:none;}
 .pro_list01 .left .box .content li .item_down .con_cell{padding-left:28px;}
 .pro_list01 .left .box .content li .item_down .con_cell .con_a{display:block; font-size:15px; line-height:30px; color:#656565; position:relative;}
 .pro_list01 .left .box .content li .item_down .con_cell ul{display:none; padding:0 0 5px;}
 .pro_list01 .left .box .content li .item_down .con_cell li{padding-left:10px; line-height:30px; font-size:14px; cursor:pointer;}
 .pro_list01 .left .box .content li .item_down .con_cell li.on{color:#bf1b1d}
 .pro_list01 .left .box .content li.on .tit{color:#bf1b1d}
 .pro_list01 .left .box .content li.on .tit span.icon{background-position:-17px 0;}
 .pro_list01 .left .box .content li.on .tit span.icon_jt{background-position:-15px 0;}
 .pro_list01 .left .box .content li .item_down .con_cell.cur .con_a{color:#bf1b1d}
 .pro_list01 .left .box .m-snav .v1{display:block;height:45px;line-height:45px;background-color:#fff;font-size:20px;color:#333;padding:0 47px 0 33px;margin-bottom:4px;position:relative;overflow:hidden}
 .pro_list01 .left .box .m-snav dl{display:none}
 .pro_list01 .left .box .m-snav li.on dl{display:block;padding-bottom:16px}
 .pro_list01 .left .box .m-snav dl a{font-size:16px;color:#333;display:block;padding:0 29px 0 35px; -webkit-background-size:auto 18px;background-size:auto 18px; line-height:37px}
 .pro_list01 .left .box .m-snav dd.on a{ -webkit-background-size:auto 12px;background-size:auto 12px;color:#1c549e}
 .pro_list01 .left .box .m-snav .v1 span.icon{display:inline-block; width:17px; height:17px; background:url(../images/pro_list01_2.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-9px;}
 .pro_list01 .left .box .m-snav .v1 span.icon_jt{display:inline-block; width:15px; height:15px; background:url(../images/pro_list01_3.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-8px;}
 .pro_list01 .left .box .m-snav .on .v1 span.icon{background-position:-17px 0;}
 .pro_list01 .left .box .m-snav .on .v1 span.icon_jt{background-position:-15px 0;}
.picture_show h3{ font-size: 28px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.picture_show .content{ margin: 40px auto 0px; line-height: 34px; color: #666;}
.picture_show .content img{ max-width: 100%; margin-bottom: 20px;}
.picture_show .content p{ line-height: 34px; margin-bottom: 10px;}
.picture_show .content h4{ color:#005da3; font-weight: bold; font-size: 20px; margin-top: 20px; margin-bottom: 20px;}
.picture_show .content strong{ font-weight: bold; color:#666666;}

 .pro_list01 .right {width:74%; float:right}
 .pro_list01 .picture .tit{ font-size: 30px; font-weight: bold; color: #0e6db6;margin-top: 20px; margin-bottom: 20px;}
 .pro_list01 .right .li_{width:32%; margin-right:2%; float:left; margin-bottom:35px; position:relative;}
 .pro_list01 .right .li_:after{content:''; width:0; height:2px; background:#bf1b1d; position:absolute; left:0; bottom:0; transition:all 0.8s ease;}
 .pro_list01 .right .li_three{margin-right:0;}
 .pro_list01 .right .li_ .rect-5647{padding-bottom:86%;}
 .pro_list01 .right .li_ .li_box .intro{border-top:1px solid #e9e9e9; text-align:center; background:#fff;}
 .pro_list01 .right .li_ .li_box .intro .box{padding:18px 37px 22px;}
 .pro_list01 .right .li_ .li_box .intro .box .t{font-size:17px; color:#646464; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .pro_list01 .right .li_ .li_box .intro .box .txt{font-size:17px; color:#646464; line-height:25px; height:50px;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
 .pro_list01 .right .li_ .li_box .intro .box .c{font-size:14px; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#868686; margin:13px 0 20px;}
 .pro_list01 .right .li_ .li_box .intro .box .list .item{display:inline-block; margin:0 13px;}
 .pro_list01 .right .li_ .li_box .intro .box .list .item span{display:inline-block; vertical-align:middle; font-size:15px; line-height:20px; color:#5a5a5a;}
 .pro_list01 .right .li_ .li_box .intro .box .list .item01 .icon{width:17px; height:17px; background:url(../images/pro_list01_2.png) no-repeat; margin-right:3px;}
 .pro_list01 .right .li_ .li_box .intro .box .list .item02 .icon{width:15px; height:15px; background:url(../images/pro_list01_5.png) no-repeat; margin-left:3px;}
 .pro_list01 .right .li_:hover:after{width:100%;}
 .pro_list01 .right .li_ .li_box .intro .box .list .plp-item-constrast-chk {float:left; width:15px; height:15px; margin-top:1px; margin-right:7px; display:none}
 .pro_list01 .right .li_ .li_box .intro .box .list .item01 .plp-item-constrast-labchked .icon{background-position:-17px 0;}
 
.picture_list .left{ border: 1px solid #ececec; border-radius: 20px;}
.picture_list .left .box{padding:30px 25px; }
.picture_list .left .box .infor{border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:15px;}
.picture_list .left .box .infor .t{font-size:23px; line-height:24px; font-weight:normal; color:#373737;}
.picture_list .left .box .content{padding-right:10px;}
/* 滚动条样式 */
.picture_list .left .box .content::-webkit-scrollbar {width:4px; height:4px;}
.picture_list .left .box .content::-webkit-scrollbar-thumb {border-radius:5px; background:#bf1b1d; background:rgba(191,27,29,.6)}
.picture_list .left .box .content::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}
/* 滚动条样式 end*/
.picture_list .left .box .content .item{padding-top:15px; /*margin-top:20px*/}
.picture_list .left .box .content .item:first-child{border-top:none; margin-top:0; padding-top:0}
.picture_list .left .box .content .item .tit{font-size:18px; color:#3f3f3f; position:relative; display:block; padding-left:28px;}
.picture_list .left .box .content .item .tit span.icon{display:inline-block; width:17px; height:17px; background:url(../images/pro_list01_2.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-9px;}
.picture_list .left .box .content .item .tit span.icon_jt{display:inline-block; width:15px; height:15px; background:url(../images/pro_list01_3.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-8px;}
.picture_list .left .box .content .item .item_down{margin-top:2px; display:none;}
.picture_list .left .box .content .item .item_down .con_cell{padding-left:28px;}
.picture_list .left .box .content .item .item_down .con_cell .con_a{display:block; font-size:15px; line-height:30px; color:#656565; position:relative;}
/*.picture_list .left .box .content .item .item_down .con_cell .con_a i{display:block; width:17px; height:17px; background:url(../img/en_proList01_sele.png) no-repeat; position:absolute; left:0; top:2px;}*/
.picture_list .left .box .content .item .item_down .con_cell ul{display:none; padding:0 0 5px;}
.picture_list .left .box .content .item .item_down .con_cell li{padding-left:10px; line-height:30px; font-size:14px; cursor:pointer;}
.picture_list .left .box .content .item .item_down .con_cell li.on{color:#bf1b1d}
.picture_list .left .box .content .item.on .tit{color:#bf1b1d}
.picture_list .left .box .content .item.on .tit span.icon{background-position:-17px 0;}
.picture_list .left .box .content .item.on .tit span.icon_jt{background-position:-15px 0;}
.picture_list .left .box .content .item .item_down .con_cell.cur .con_a{color:#bf1b1d}

.products_left{ width: 18%; margin-right: 4%; float: left;}
.products_right{ width: 78%; float: left; }
.pro_nav ul li{ width: 100%;}
.pro_nav ul li .box{padding:25px 20px; margin-bottom: 25px; display:block;box-shadow:0 0 10px rgba(121,121,121,.2); border: 1px solid #ececec; border-radius: 20px;}
.pro_nav ul li .intro { text-align: center;}
.pro_nav ul li .intro .img1{ display: none;}
.pro_nav ul li .intro .top_ .title{color:#333; line-height:38px; font-size:18px; padding-bottom: 15px;}
.pro_nav ul li:hover .box{ background-color: #005DA3; border: 1px solid #005DA3; }
.pro_nav ul li:hover .intro .img{ display: none;}
.pro_nav ul li:hover .intro .img1{ display: block;}
.pro_nav ul li:hover .intro .top_ .title{color:#fff;}
.products_right .products_right_con{padding:35px 30px; box-shadow:0 0 10px rgba(121,121,121,.2); border: 1px solid #ececec; border-radius: 20px;}
.products_right .products_right_tit { width: 100%; height: 45px;}
.products_right .products_right_con .infor .tit{font-size:32px; color:#333; }
.products_right .products_right_con .infor .tit span{ color: #cc0000;}
.products_right .products_right_tit .infor .con i{display:inline-block; vertical-align:middle; margin-right:15px; width:32px; height:32px; background:url(../images/pro_center01_2.png) no-repeat; background-position:0 0;}
.products_right .products_right_tit .infor .con:hover i{background-position:0 -32px;}  
.products_right .products_right_con dl{ margin: 30px auto 0px;}
.products_right .products_right_con dl dt {line-height: 38px;margin-bottom: 20px; padding-left: 0px; }
.products_right .products_right_con dl dt h3{font-size:22px; color: #005da3; position: relative; padding-left: 20px; }
.products_right .products_right_con dl dt h3::before{ position: absolute; left: 0px; top: 10px; content: ""; width: 6px; height: 6px; border-radius: 100%; background: #005da3;}
.products_right .products_right_con dl dt h4{font-size:20px; color: #333;position: relative; padding-left: 20px; line-height: 38px; }
.products_right .products_right_con dl dt h4::before{ position: absolute; left: 0px; bottom: 15px; content: ""; width: 6px; height: 6px; border-radius: 100%; background: #333;}
.products_right .products_right_con dl dd  {font-size:16px;margin-bottom: 15px;}
.products_right .products_right_con dl dd .con { line-height: 45px; color:#666; border-bottom: 1px solid #ececec; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.products_right .products_right_con dl dd .con span{ float: left;width: 93%; height: 45px; overflow: hidden;}
.products_right .products_right_con dl dd .con i{ float: right; vertical-align:middle; width:20px; height:30px; background:url(../images/pro_center01_3.png) no-repeat center; background-position:0 0;}
.products_right .products_right_con dl dd .con:hover i{background-position:0 -30px;}  
@media only screen and (max-width: 1366px){
.pro_list01 .left{width:25%; float:left;}
.pro_list01 .right {width:70%; float:right}
.pro_list01 .left .box .m-snav dl a{ padding: 0 0px 0 35px;}
.picture_show h3{ font-size: 26px;}
.products_right .products_right_con dl dd  {font-size:15px; }
.products_right .products_right_con dl dd .con span{ width: 91%;}
}
@media only screen and (max-width: 1200px){
.pro_list01 .left{width:29%; }
.pro_list01 .right {width:66%; }
.products_right .products_right_con .infor .tit{font-size:28px;}
.picture_show h3{ font-size:24px; padding-bottom: 20px;}
.products_right .products_right_con h3{ font-size:24px; }
.products_right .products_right_tit { height: 35px;}
}
@media only screen and (max-width: 1080px){
.products_right .products_right_con dl dd .con span{ width: 90%;}
}
@media screen and (max-width: 992px){
.pro_list01 .left{width:0; display: none; }
.pro_list01 .right {width:100%; }
.products_right .products_right_con .infor .tit{font-size:24px; }
.picture_show h3{ font-size: 20px;}
.products_right .products_right_con h3{ font-size:20px; }
.products_left{ width: 100%; margin-right: 0%; float: none;}
.products_right{ width: 100%; float: left; }
.products_right .products_right_con dl dt{margin-bottom: 10px;}
.products_right .products_right_con dl dt h3{ font-size:20px; }
.products_right .products_right_con dl dt h4{font-size:17px; }
.products_right .products_right_con dl dd{ margin-bottom: 5px;}
.products_right .products_right_con dl dd .con { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;  }
.products_right .products_right_con dl dd .con i{ margin-top: 5px;}
.products_right .products_right_con{padding:25px 20px; }
}
@media screen and (max-width: 768px){
.products_right .products_right_con{padding:25px 10px 25px 20px; }
}
@media screen and (min-width: 768px){
.products_right .products_right_con .col-sm-6{ padding-left: 0px;padding-right: 10px;}
}
@media only screen and (max-width: 468px){
.products_right .products_right_con .infor .tit{font-size:22px; }
.picture_show h3{ font-size: 18px;}
.products_right .products_right_con h3{ font-size:18px; }
}

.pro_serch { width:100%; margin: 30px auto;}
.pro_serch li{float: left;margin-right:3%;width: 38%;}
.pro_serch li:last-child{width: 15%; margin-right: 0}
.pro_serch li select,.pro_serch li input{color:#999; padding-left:15px;  opacity: 0.55; padding-right: 15px; border-radius: 15px; border:1px #e5e5e5 solid; width:100%; height: 55px;font-family: "Microsoft YaHei"; font-size: 16px;}
.pro_serch li option{ opacity: 0.55; }
.pro_serch li .button {text-align: center; border: 0px; }
.pro_serch li .button button {padding: 16px 0px 17px 40px; width: 100%;color: #fff; border-radius: 15px; text-align: center; background:#008e42 url(../images/i1.png) no-repeat 65px center; border: 0px;}
.pro_serch .tx-input { width: 100%; height: 62px; position: relative; padding-left: 30px; box-sizing: border-box; display: inline-block; transition: .5s ease-in-out; line-height: 60px; border-radius: 30px;border: 1px solid #e5e5e5;}
.pro_serch .tx-input input[type=submit] { width: 10%; height: 40px; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: .5s ease-in-out;}
.pro_serch .tx-input input { border: none; outline: none; background: none; display: block;}
.pro_serch .tx-input input[type=text] { width: 90%; height: 100%;}

@media screen and (max-width:1300px){
.pro_serch li .button button {padding: 16px 0px 17px 30px; background:#008e42 url(../images/i1.png) no-repeat 45px center; }
}
@media screen and (max-width:1200px){
.pro_serch { width: 100%;}
.pro_serch li:last-child{width: 18%; margin-right: 0}
.pro_serch li select,.pro_serch li input{ padding-left:10px; padding-right: 10px; }
.pro_serch li{ margin-right:2%;}
}
@media screen and (max-width:768px){
.pro_serch li .button button {padding: 16px 0px 17px 30px; background:#008e42 url(../images/i1.png) no-repeat 10px center; }
}
.newslist li{ margin-bottom: 25px;}
.newslist .list_box{padding:40px; border: 1px solid #e6e6e6; border-radius: 15px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.newslist .img{overflow:hidden; width:25%;}
.newslist .img img{ width:100%;}
.newslist .list_main{overflow:hidden; width:62%; margin-left:3%;margin-right:3%;}
.newslist .list_title{font-size:20px;font-weight: bold; line-height:60px; color:#202020; display:block;}
.newslist .list_title:hover{color: #005da3;}
.newslist .list_p{ color:#666;line-height: 32px; overflow:hidden;}
.newslist .date{ display:none; font-size:15px;line-height: 32px;}
.newslist .list_time{ color:#999999; width:7%;text-align: center;}
.newslist .list_time_year{font-size:55px; font-weight: bold;}
.newslist .list_time_day{display:block;font-size:16px; line-height:40px; border-top: 1px solid #999999; width: 80%; margin: 0 auto;}
.newslist li:hover .list_box{ box-shadow:0 0 8px rgba(153,153,153,0.4);}
.newslist li:hover .list_box:after{background-color:#f8f8f8;}
.newslist li:hover .list_title{color:#005da3;}
.newslist li:hover .list_time{ color:#005da3;} 
.newslist li:hover .list_time_day{ border-top: 1px solid #005da3; }
@media only screen and (max-width:1440px){
.newslist .list_time_year{font-size:50px;}
.newslist .list_time_day{ line-height:34px; width: 100%; }
.newslist .list_p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
}
@media only screen and (max-width:1366px){
.newslist .list_time_year{font-size:46px;}
.newslist .list_title{ line-height:50px;}
}
@media only screen and (max-width:1240px){
.newslist .list_box{padding:30px 20px;}
.newslist .list_time{ font-size:20px;}
.newslist .list_time_year{font-size:40px;}
.newslist .list_time_day{ line-height:32px; }
.newslist .list_title{font-size:18px; line-height:40px;}
}
@media only screen and (max-width:1024px){
.newslist .list_box{padding:30px 20px; }
.newslist .list_time_year{font-size:36px;}
.newslist .list_time_day{ line-height:30px;}
}
@media only screen and (max-width:992px){
.newslist .list_time_year{font-size:32px;}
.newslist .list_time{ width:10%; }
.newslist .list_main{ width:60%; margin-left: 2%;margin-right: 2%;}
.newslist .img{ width:26%;}
.newslist .list_p{ line-height: 30px; }
}
@media only screen and (max-width:768px){
.newslist .list_box{ padding:2%; }
.newslist li{margin-bottom:10px;}
.newslist .list_time{ display:none;}
.newslist .img{overflow:hidden; width:36%;}
.newslist .list_main{overflow:hidden; width:62%; margin-right:2%; margin-left: 0px;}
.newslist .list_p{line-height: 24px;height:50px;overflow:hidden;}
.newslist .list_title{font-size:17px; line-height:34px;}
.newslist .date{ display:block; }
}
@media only screen and (max-width:728px){
.newslist .img{ width:40%;}
.newslist .list_main{ width:58%;}
}
@media only screen and (max-width:540px){
.newslist .date{ display:block;}
}
@media only screen and (max-width:500px){
.newslist li{ margin-bottom: 25px;}
.newslist .list_box{padding:0px; border-radius:0px; border:0px; background: #f7f7f7;}
.newslist .list_title{font-size:16px;line-height:25px; color:#000;}
.newslist .img{ width:100%;}
.newslist .list_main{ width:100%; margin-right: 0px;}
.newslist .list_main .bd_c{ padding: 15px;}
}

.news_detail .left{  float:left; width: 14%;}
.news_detail .left .bdsharebuttonbox{overflow:hidden;}
.news_detail .left .bdsharebuttonbox a{display:block; float:none; width:84px; height:84px; padding:0; margin:0 0px 1px; background-position:0 0;}
.news_detail .left .bdsharebuttonbox a:hover{background-position:-84px 0;}
.news_detail .left .left-share { width: 100%;}
.news_detail .left .left-share .wechat { position: relative;}
.news_detail .left .left-share .wechat:hover .vx { display: block;}
.news_detail .left .left-share .wechat .vx::after { content: ''; position: absolute; left:0; margin-left: -12px; bottom: 40%; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color:  transparent #fff transparent transparent}
.news_detail .left .left-share .wechat .vx { position: absolute; top: -45px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: 105px; display: none;}
.news_detail .left .left-share .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.news_detail .left .left-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.news_detail .left .left-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.news_detail .left .left-share .share-item { width: 75px; height: 75px; line-height: 75px; margin-bottom:8px; background-color: #7c8188;}
.news_detail .left .left-share .share-item .img{width: 75px; height: 75px; line-height: 75px; border-radius: 5px; margin-bottom:2px; text-align: center; background-color: #7c8188;}
.news_detail .left .left-share>a:first-child .img,.news_detail .left .left-share>a:hover .img{ background-color: #005da3;}
.news_detail .right{width:80%; float:left;}
.news_detail .right .box{padding-right:4%;}
.news_detail .right .con { line-height: 30px;}
.news_detail .right .con .date{display:inline-block; font-size:16px; line-height:28px; color:#666;}
.news_detail .right .con .switcher{display:inline-block;color:#666; font-size:16px; line-height:28px; margin-left:30px;}
.news_detail .right .intro .title_box{ padding-bottom:30px; border-bottom:1px solid #e4e4e4; text-align: center;}
.news_detail .right .intro .title{font-size:30px; line-height:42px; color:#333; margin-bottom:25px; font-weight:lighter;}
.news_detail .right .intro .text{font-size:16px; line-height:28px; color:#575757; padding: 30px 0; font-weight:lighter;}
.news_detail .right .intro .text a{color:#005da3; text-decoration:underline;}
.news_detail .right .intro .text a:hover{background:#005da3; color:#fff;text-decoration:none;}
.news_detail .right .intro .text p,.news_detail .right .intro .text div{ color: #666; line-height: 34px;}
.news_detail .right .intro p{ line-height: 34px;}
.news_detail .right table{ width: 100%; text-align: center;}
.news_detail .right table tr{ line-height: 34px;}
.news_detail .right table tr td{ text-align: center; padding: 10px 0;}
.turn_page{overflow: hidden;margin-top: 20px;margin-bottom: 20px;padding-bottom: 20px;}
.p_previewBox{float: left;width: 50%;}
.p_nextBox{float: right;width: 50%;text-align: right;}
.show-pro-bottom{padding: 0px 0px 20px; border-top: 1px solid #e4e4e4; }
.prev_next {line-height: 60px;height: 60px; }
.prev_next a{color: #444;}
.prev_next li {margin: 10px auto; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;  }
.prev_next li a:hover { color: #0c4d97; }
@media only screen and (max-width: 1366px){
.news_detail .right .intro .title{font-size:24px; line-height:34px;}
.news_detail .right .box{padding-right:3%;}
}
@media only screen and (max-width: 1200px){
.news_detail .right .intro .text{ padding: 20px 0; }
.news_detail .right .intro .text img{ width: 100%;}
.news_detail .right .intro .title_box{ padding-bottom:20px; }
}
@media only screen and (max-width: 768px){
.news_detail .left{display:none;}
.news_detail .right{width:100%;}
.news_detail .right .box{padding-right:0px;}
.news_detail .right .intro .title{font-size:18px; line-height:24px; margin:10px 0 0px; padding-bottom:5px;}
.news_detail .right .intro .text{font-size:15px; font-weight:normal}
.news_detail .right .intro .title_box{ padding-bottom:10px; }
.p_previewBox{float: left;width: 100%;}
.p_nextBox{float: left;width: 100%;text-align: left;}
.news_detail .right .intro p{ line-height:28px;}
}

.page-tit h3{ font-size: 36px; font-weight: bold; color: #333333; margin-bottom: 25px;}
.page-tit span{ font-size: 20px; color: #333333;}
.page-info { line-height: 35px; font-size: 16px; color: #333333; margin-top: 25px; margin-bottom: 25px; width: 85%;}
.page-desc{ font-size: 16px; font-weight: bold; color: #333333;}
.service .imgZoom img{ width: 100%;}
@media(max-width:1200px) {
.page-tit h3{ font-size: 24px;margin-bottom: 15px;}
.page-tit .e-t { font-size: 15px;}
}
@media(max-width:1024px) {
.page-info { line-height: 30px; width: 95%;}
}
@media(max-width:768px) {
.page-tit h3{ font-size: 22px; margin-bottom: 10px;}
.page-tit span{ font-size: 16px;}
.page-info { line-height: 28px; margin-top: 15px; margin-bottom: 15px;width: 100%;}
}
@media(max-width:568px) {
.page-tit h3{ font-size: 20px;}
}
.after-service{ position:relative; background: url(../images/server_bg.jpg) no-repeat center; padding: 150px 0; height:490px;}
.after-service .con{ width:100%; height:100%; text-align:center; color:#fff}
.after-service dl{ width:20%; float: left; text-align:center;}
.after-service dl dt{ width:152px; padding:39.5px 0; margin:auto; 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}
@media(max-width:1200px){
.after-service dl dd{ font-size:16px;line-height:30px;}
}
@media(max-width:992px){
.after-service{ padding: 100px 0; height:390px;}
.after-service dl dt{ width:130px; padding:29.5px 0;background-size:100%; }
}
@media(max-width:892px){
.after-service dl dt{ width:110px; }
}
@media(max-width:768px){
.after-service{ padding:20px 0; height:450px;}
.after-service dl{ width: 33.3333%; margin-bottom: 20px;}
.after-service dl dd{ padding-top: 0px;}
}

@media(max-width:668px){
.after-service dl dt{ width:100px; }
}
@media(max-width:468px){
.after-service dl{ width:50%;}
.after-service dl dt{ width:80px; padding:12.5px 0;}
.after-service dl dt img{ width: 80%; margin: 0 auto;}
}

.energy_list .swiper-container-energy{padding-bottom: 70px;}
.energy_list .swiper-pagination-bullet {width: 20px;height: 12px; border-radius: 15px; background: #888;}
.energy_list .swiper-pagination-bullet-active {background: #005da3;width: 15px;height: 15px; }
.energy_list .swiper-slide{ margin-top:0px!important; }
.energy_list .swiper-button-prev, .energy_list .swiper-container-rtl .swiper-button-next{left:0;right:auto}
.energy_list .swiper-button-next,.energy_list .swiper-container-rtl .swiper-button-prev{ right: 9%;}
.energy_list .swiper-button-next.swiper-button-disabled,.energy_list .swiper-button-prev.swiper-button-disabled {opacity: .35;width: 45px; height: 45px; border-radius: 100%;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{top: 95%;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{ -moz-background-size:15px 24px;-webkit-background-size:15px 24px;background-size:15px 24px;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{  width: 45px; height: 45px; border-radius: 100%;top: 90%; z-index: 99999;}
.energy_list .page-div {bottom:30px;left:36%; width: 30%; z-index: 99999;}
@media (max-width: 1024px) {
.energy_list .swiper-container-energy{padding-bottom:60px;}
.energy_list .swiper-container-horizontal> .swiper-pagination-bullets,.energy_list .swiper-pagination-custom,.energy_list .swiper-pagination-fraction{ bottom: 15px!important;}
}
@media (max-width: 768px) {
.energy_list .swiper-container-energy{padding-bottom:50px;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{top: auto; bottom: 0px;}
.energy_list .swiper-pagination-bullet {width: 25px!important;height: 2px!important; }
.energy_list .swiper-button-next,.energy_list .swiper-container-rtl .swiper-button-prev{ right: 2%;}
.energy_list .swiper-button-next,.energy_list .swiper-button-prev{width: 35px; height: 35px; background-size:8px 13px;}
.energy_list .swiper-pagination{ color: #666;}
.energy_list .page-div {bottom:0px;left:30%; width:50%;}
}
.applicationitem{ margin-bottom:24px; padding-bottom: 100px; background: #f7f7f7; display:block;position:relative;overflow:hidden}
.applicationitem .img{position:relative;overflow:hidden}
.applicationitem .img img{ width: 100%;}
.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:#333;font-size:22px; font-weight: bold;}
.applicationitem .en{color:#008e42;font-size:16px; text-transform: uppercase; line-height: 32px; background: url(../images/arr_s_r.png) no-repeat 80px center; }
.applicationitem .text{color:#333;margin-top:5px; font-size: 16px; display: none;}
.applicationitem:hover .textbox .box{height:100%; background: #f7f7f7; padding:175px 25px 40px 25px;}
.applicationitem:hover .textbox .text{ height: 80px; margin-top: 25px; line-height: 30px;display:block; }
.applicationitem:hover .en{ display: none;}
@media (max-width:1440px){
.applicationitem .title{ font-size:22px}
.applicationitem .textbox .box{  padding:25px 26px 20px 28px;}
.applicationitem:hover .textbox .box{  padding:145px 26px 30px 28px;}
}
@media (max-width:1280px){
.applicationitem .title{ font-size:20px}
}
@media (max-width:1024px){
.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;}
.applicationitem:hover .textbox .box{  padding:145px 26px 40px 28px;}
}
@media (max-width:768px){
.applicationitem:hover .textbox .box{ padding:105px 20px 40px 20px;}
.applicationitem:hover .textbox .text{ height: 100px; }
}
.server3.pad-80{ padding-top: 0px;}
.server3 h3{color:#005da3; font-size:30px; font-weight: bold; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #005da3;}
.server3 .desc{ font-size: 16px; line-height: 32px; width: 78%;}
.server3 .desc p{ margin-bottom: 15px; }
.server3 .desc .tit{ font-size: 16px; color: #333333; position: relative; padding-left: 20px;}
.server3 .desc .tit::before{ content: ""; position: absolute; left: 0px; top: 13px; width: 7px; height: 7px; border-radius: 100%; background-color: #333;}

.download-lists ul li{ margin-bottom: 30px;} 
.download-lists ul a {display: block;padding: 25px 45px; line-height: 36px; font-size: 18px; color: #333; border: 1px solid #e5e5e5; border-radius: 15px;}
.download-lists ul a:hover { background: #005da3; }
.download-lists ul a:hover div{ color: #fff;}
.download-lists ul .rt{ position: relative; padding-left: 50px;}
.download-lists ul .rt:before { position: absolute; content: ""; left: 0px; top: 0px; width: 32px; height: 32px; background: url(../images/download_ico1.png) no-repeat left center;}
.download-lists ul a:hover .rt:before { background: url(../images/download_ico2.png) no-repeat left center; }
@media(max-width:1280px) {
.download-lists ul a {display: block;padding: 15px 35px; }
.server3 h3{ font-size:24px; }
}
@media(max-width:1200px) {
.download-lists ul a {display: block;padding: 15px 25px; }
.download-lists ul .rt { padding-left:35px;}
.server3 h3{ font-size:22px; }
}
@media(max-width:992px) {
.download-lists ul a {display: block;padding: 15px 20px; font-size: 16px; }
.server3.pad-80{ padding-top: 0px;}
.server3 h3{ font-size:20px; padding-bottom: 15px;margin-bottom: 15px;}
.server3 .desc{line-height: 28px; width: 100%;}
}
@media(max-width:668px) {
.download-lists ul a { padding: 10px 15px;}
.download-lists ul li{ margin-bottom: 25px;} 
.server3 h3{ font-size:18px; }
}
@media(max-width:468px) {
  .download-lists ul a { padding: 10px 10px;}
.download-lists ul .rt { padding-left: 30px; }
.download-lists ul .rt span{ width: 0px; display: none;}
}

.mnew{ height:247px; display:block; border:1px solid #e5e5e5; border-radius: 15px; padding:30px; box-sizing:border-box; background-color:#fff; overflow:hidden; margin-bottom:30px;}
.mhnew{ font-size:13px; color:#999; line-height:20px;}
.mnew h3{ font-size:18px; color:#333333; line-height:35px; font-weight:bold; width:100%; margin-bottom: 18px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mnew .mhdis{ font-size:16px; color:#666; line-height:28px; width:100%; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.mnew .mtime{ font-size:16px; font-weight: bold; color:#acacac;font-family:'dincond-medium';  line-height:24px; margin-top:50px; display:block;}
.bdsharebuttonbox { margin-top:0px; overflow:hidden; margin-bottom:33px;}
#fenxiang4{background: url(../images/fx4.png) no-repeat;margin-right:1px;}
.mnew a{ display:block;}
.minside{ transform: translateY(-75px); transition:all 0.5s;}
.mnew:hover{ background-color:#005da3;}
.mnew:hover h3 , .mnew:hover .mhdis , .mnew:hover .mtime , .mnew:hover .mhnew{color:#fff;}
.mnew:hover .minside{  transform: translateY(0);}
.mnewsbt { font-size:28px; color:#333333; font-weight:bold; margin-bottom:20px;}

.contact .name{ font-size: 28px; line-height:50px; color: #333; padding-bottom: 30px; }
.contact .list li{ border-bottom: #ebebeb solid 1px;  position: relative; height: 108px;}
.contact .list li:first-child{border-top: #ebebeb solid 1px; }
.contact .list li .ico{ position: absolute; left: 0; top: 50%; margin-top: -35px; width: 60px; height:60px; border-radius: 50%; }
.contact .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -15px; }
.contact .list li .wen{ padding-top: 25px; color: #333333; font-size: 18px; margin-left: 80px;}
.contact .list li .msg{ font-size:16px; line-height:35px; color: #666666; margin-left: 80px;}
.contact .mapDiv{ position: absolute; left: 50%; width: 50%; height: 560px; top: 100px; }
.contact .map_box{overflow:hidden; width: 100%; height:560px;} 
.contact .map_box img{max-width:none;}
@media only screen and (max-width:1366px) {
.mnew{ height:247px; padding:20px;}
.contact .name{ font-size: 26px; line-height:45px; padding-bottom: 25px; }
}
@media only screen and (max-width:1280px) {
.contact .name{ font-size: 24px; line-height:40px; padding-bottom: 20px;}
}
@media only screen and (max-width:992px) {
.contact{ width: 100%; }
.contact{ position: static;}
.contact .mapDiv{ position: static; left: 0px; width:100%; }
.contact .name{ font-size: 22px; line-height:35px; padding-bottom: 15px;}
.contact_left{ margin-bottom: 30px;}
.mnew .mhdis{  -webkit-line-clamp: 3; }
.mnew h3{ font-size:16px; line-height:30px; margin-bottom: 8px;}
}
@media only screen and (max-width:768px) {
.contact .name{ font-size: 20px; line-height:30px; }
.contact .list li{ height: 80px;}
.contact .list li .wen{ padding-top: 10px;font-size: 16px;}
.contact .list li .ico{ margin-top: -35px; }
}
@media only screen and (max-width:468px) {
.contact .list li .wen{ margin-left: 60px;}
.contact .list li .msg{ margin-left: 60px;}
.contact .list li .ico img{ margin-left: -23px;}
}
.message .message_left img{ border-radius: 10px;}
.message .form { width: 100%; }
.message .validate_form { font-size: 0;}
.message .validate_form .form-group {width: 100%;display: inline-block;color: #999; margin-bottom: 20px;position: relative;}
.message .validate_form .form-control {display: block;padding: 0;margin: 0;border: none;background: none;height: 50px;font-size: 16px;color: #999;font-weight: 400;width: 100%;border: 1px solid #EAEAEA;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px;color: #999;position: absolute;top: 18px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg .form-control {height: 180px;resize: none;padding: 20px;}
.message .validate_form .form-control {display: block; margin: 0;border: none;background: none;height: 50px; line-height: 50px; color: #999;font-weight: 400;width: 100%;border: 1px solid #EAEAEA;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px; font-weight: normal; color: #999;position: absolute;top: 16px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg {width: 100%;}
.message .btn_button {padding: 17px 30px;}
.message .btn_default {padding: 0;background-color: #015bad; /*background: none;border: none;*/display: inline-block;text-align: center; position: relative;padding: 15px 70px;overflow: hidden;font-weight: 400;cursor: pointer;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default span {position: relative;z-index: 300; color: #fff; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .hint{ line-height: 32px; color: #666; font-size: 16px;}
.message span {display: inline-block;color: #666; }
.message #code {width: 225px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;color: #666;margin-right: 15px;}
.message .hint {margin-top: 15px;}
.message .hint span {color: #cd0000; font-size: 16px;}
@media (max-width:1366px){
.message .message_left img{ width: 100%;}
}
@media (max-width:1200px){
.message .message_left{ margin-bottom: 25px;}
}
@media (max-width:992px){
.message .left {display: inline-block;width: 100%;padding-right:0;}
.message .form {display: inline-block;width: 100%;}
.message .page_title {font-size:26px;}
}
@media (max-width:768px){
.message .page_title {font-size:22px;line-height: 30px;}
.message .validate_form .form-control { height: 40px; line-height:40px; padding: 0 8px; font-size: 14px; }
.message .validate_form .form-group {margin-bottom: 20px;}
.message .validate_form .form-group_msg .form-control {padding: 0 8px; }
.message #code {width: 165px;height: 40px;}
.message .hint{ line-height: 28px; }
}
@media (max-width:568px){
.message .page_title {font-size:20px; margin-bottom: 10px;color: #333; }
.message .text-muted { color: #666;line-height: 28px;margin-bottom: 10px; }
.message .ab_send{ float: left; margin-top: 20px;}
}
.policy h3 { font-weight: bold; margin-bottom: 30px;font-size:16px;color:#303030; }
.policy{ line-height: 32px; font-size:16px;color:#666; }
.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#636363;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}

.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.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: 15px;background-color: #2d83c2;}
.mapmenu .param-t a:hover{color: #2d83c2;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #2d83c2;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.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;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}
}
@media(max-width:768px) {
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}

.pro-big-img {width: 100%;height:475px; margin-bottom: 20px; overflow: hidden;}
.pro-big-img .gallery-left{width:77%;height: inherit;border: 1px solid #eeeeee; margin: 0; float: left;}
.pro-big-img .gallery-left img{width: 100%; height: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 10px; width:22%; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%;border: 1px 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(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:45%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:40%;top:inherit;bottom:-15px;}
.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-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}

@media screen and (max-width: 1500px){  
.pro-big-img .gallery-thumbs{margin: 0 0 0 5px; }
.pro-big-img { height:440px;}
}
  @media screen and (max-width: 1366px){  
  .pro-big-img .gallery-left{width:76%;}
  .pro-big-img {  height:380px;}
  }
  @media screen and (max-width: 1300px){  
  .pro-big-img .gallery-left{width:73%;}
  }
@media screen and (max-width: 1280px){  
  .pro-big-img { height:360px; }
  }
  @media screen and (max-width: 1200px){  
  .pro-big-img { height:320px; }
  }
@media screen and (max-width: 1100px){  
.pro-big-img { height:300px; }
}
@media screen and (max-width: 1024px){  
.pro-big-img { height:280px; }
}
@media screen and (max-width: 992px){  
.pro-big-img .gallery-left{width:77%;}
.pro-big-img { height:420px;}
}
@media screen and (max-width: 942px){  
.pro-big-img { height:400px;}
}
@media screen and (max-width: 900px){  
.pro-big-img { height:390px; }
}
@media screen and (max-width: 860px){  
.pro-big-img { height:375px; }
}
@media screen and (max-width: 840px){  
.pro-big-img { height:355px; }
}
  @media screen and (max-width: 768px){
  .pro-big-img { height:335px; }
  }
  @media screen and (max-width: 700px){
  .pro-big-img { height:300px; }
  }

  @media screen and (max-width: 628px){
  .pro-big-img { height:280px; }
  }
  @media screen and (max-width: 600px){
    .pro-big-img { height:270px; }
    }
  @media screen and (max-width: 559px){
  .pro-big-img .gallery-left{width:100%; height: 310px;}
  .pro-big-img { height:460px; }
  .pro-big-img .gallery-thumbs{padding: 22px 25px; width:100%; height: 140px; }
  .pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:40px;bottom:inherit;}
  .pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0px;top:inherit;bottom:50px;}
  }
  @media screen and (max-width: 555px){
  .pro-big-img .gallery-left{width:100%; height: 300px;}
  .pro-big-img { height:440px; }
}
@media screen and (max-width: 545px){
.pro-big-img .gallery-left{width:100%; height: 290px;}
.pro-big-img { height:420px; }

}
@media screen and (max-width: 525px){
.pro-big-img .gallery-left{width:100%; height: 285px;}
.pro-big-img { height:410px; }
}
@media screen and (max-width: 500px){
.pro-big-img .gallery-left{width:100%; height: 270px;}
.pro-big-img { height:400px; }
}
@media screen and (max-width: 480px){
.pro-big-img .gallery-left{ height: 265px;}
.pro-big-img { height:370px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ bottom:30px;}
}
@media screen and (max-width: 470px){
.pro-big-img .gallery-left{ height: 260px;}
.pro-big-img { height:360px; }
.pro-big-img .gallery-thumbs{ height: 120px; }
}
@media screen and (max-width: 459px){
.pro-big-img .gallery-left{width:100%; height: 250px;}
.pro-big-img { height:350px; }
.pro-big-img .gallery-thumbs{ height: 100px; }
.pro-big-img .gallery-thumbs {margin: 0 0 0 0px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:20px;height:40px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{top:30px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{bottom:30px;}

}
@media screen and (max-width: 450px){
.pro-big-img .gallery-left{ height: 245px;}
.pro-big-img { height:340px; }
}
@media screen and (max-width: 435px){
.pro-big-img .gallery-left{ height: 230px;}
.pro-big-img { height:330px; }
}
@media screen and (max-width: 428px){
.pro-big-img .gallery-left{ height: 210px;}
.pro-big-img { height:310px; }
}
@media screen and (max-width: 410px){
.pro-big-img .gallery-left{ height: 220px;}
.pro-big-img { height:300px; }
}
@media screen and (max-width: 380px){
.pro-big-img .gallery-left{ height: 200px;}
.pro-big-img { height:280px; }
}