@charset "utf-8";


/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
img {max-width: 100%;max-height:100%;margin: 0;padding: 0;border: 0;width: 100%;height: auto;}
header,nav,section,article,aside,footer {display: block;}
a{text-decoration:none;color:#222;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
ol, ul, li {
    list-style: none;
}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: 0;display: block;height: auto!important;z-index: 1;object-fit:cover;}
.img-block {display: block;width: 100%;max-height:auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:0}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}

@font-face {font-family: "iconfont";
  src: url("../../../../at.alicdn.com/t/font_1144939_pdz8umy9ap.eot-t=1559111100313")/*tpa=http://at.alicdn.com/t/font_1144939_pdz8umy9ap.eot?t=1559111100313*/; /* IE9 */
  src: url("../../../../at.alicdn.com/t/font_1144939_pdz8umy9ap.eot-t=1559111100313#iefix")/*tpa=http://at.alicdn.com/t/font_1144939_pdz8umy9ap.eot?t=1559111100313#iefix*/ format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA2gAAsAAAAAGCAAAA1QAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFEgqgJJlTATYCJANECyQABCAFhG0HgTob4RMzo/aKtLIj+68PuDEU7qC6gWGQVDJHIpwyFWyWKjlbHVyGnfvtmA6+rAX7GgUFae9vX25NBwf7Poho7PezJ46KV1ImZE8Q4guNUKzRvP8fxXjI373dfbqUlILNJoqKzWY2IepJC4oS/vz8iUHrkGxITWWSky8V9XSArQ+6FYm0nviZyJf9bFjutitz9CHa5v3dP9liARY2RjWYW5uBK1wZzSrRdeM6+hMgYC4GFtdsjyxM1LtDOfvk0WdtCgdJaTg016qIt7fDNBTRGF9sBrtHD/P9ELeskglJxJs1T4QCIRcqjdpRGU7S7eIw9979cghIuplEhmlZBYbEBVXu69yFWDRTYilCpMs5tGi50whxEz8At+73y8+8BFBsInc9LR0Pu8/NSorazGZrkPIhoH8UaDAJGMibm/QgfWzSJVJebeMOWqnV7hY+r1OvCWu2HXv5yU+7Ukl+GKHZE+Rq+5IRrXQrzd6A/ReBrKhhValWixI25h+ek0SGh7QQUaD7UVALP4zpgYwf1gMFP5wHavDD45SRnYBUgewBpBpkLyR85AQgCuQqIAHkGiAa5DYgAvIYOKsjX+CBhJ9AoktaeMDgVyURTxJ19iH9wCHAznAPUOfuck0oQpY3XWqRaCrZjfKsWCVqPutbx4UwXm8tKMFTYaWItU5ubWaU0lqLRaWsot3qhgQalcjTXujHZ1dX1ZgJNfVdcME3fAlYphIDkRro/GFldhhKpwwBWRZh7aVDKM9jYK32EKZpiJQRFuMk2QldHVcACBra1Vip0Fd2VRv0KVgc0cHFPhzdg32LGbJbutwAaX6tK6T2XJ0lCnqFrnNJ/q5/Fb+o36KHH+sPxQfqo4PeBUuirdjRw0Z1JT/mNT1iSzLLNrM0EBAg9nSA6Q2mwWkkDaXEuj+ThL7H49CmU6cumFCnE4eYx2GaM46p+TZ+++1ezbFJ021zkfhs/vPRcSgqE2tZxLh/Om36i4+HpAkh7K1p5SGdDrG0cm+K+WJBkjFkkijLprveZFdl7XfQhGFZvrz6kD98n16S2aoVnRTELjqbgMMj2luiA8cU6i9MpV2sBQSZ2hpem+ZYcYaSJMivLeOSU+TwUXeYRNuFtbavtDz265bY+wO5tiWBYX/8s9Px2Nu4hin1aRgYwxrt6zyPoyD9O4x3CaMcOxx3QM5Jj9M0EPUmlK999B1S1RrW6a9pg9LKwWp3kiqtw9/8dZ+f/v7yfbZ++O7SDrWNXq077aOtB3SH4IcV7Xal0+Lhpj9Okhx4lGz4Khv3NN/8ZTr2gJnyzpIkUVn03rIuc812uTP1wy0XzNrxz6t7vWq3To6V2+hUsT2sO+caY0FHNYCwFFu+TdV6c2Gen84y2LV0L5zvrUWOkGAClHG5rbrDaj3dCUVzAvbgjWiDMb31op10OKii786Sz3/59+U51uG3aZrMeeGXJNnbBZOk4Y94HcrmWZTtQ+KsmsspE/rsJedQ4eydX1H7cIFdOiWaZfVhIyp6dB8lhZCaUB9hACgPrUy0GGv+9mgoeV8Fhz1Y5JBhxkOHmlrQpzyhoJyD0HFPY4UUqZM2EEDQCu1MxrbVGz7cAHJvgWFjWHNYdThDwsPJLZzBcnO+MrQzOY0tb/VgLNkpk7IKjTXVO0ME6WPBLs/9ksVL2V8QgwqGObhA0BdxGusWMI96cFoTe1muaaMz1IJAtCcYtBF1p1WHMcnsHr3honq1ofxoUnOS2hDslGoI6TqD3l9o1/m82I9Sw3IoJ3+NQ98AQBhiWKBbQF7rYWxnazXRWwvq6I1Fu1ZqyBAPeW3968df48bExocArKwAKeBv7tK+KAvUFAM8rJU0fXPk0JVeQDF73bC3Rjk2tNKZqKk7dCdBFrcOxtqu6OoECGpty8OoOnCOmCL1RNuCO31kLO2Vh7IZuLqpZsR1xQPOMWUqDXHOk3nRMbYHOQg5QzSAqJlojPOqUYcKglFahwPCAAT6Y3ekch1BDh+xd6kaTv67W/PvGJwDB+bfuiN0WsX2pf8v9beLtwcsvTGo3hh0c4lOD1zi0fV6InrJAEI3BzZytZdaLB1Usr656MMSXw6+fPeuEYnR9mP7Ar9Pi8LCOXwrPic82klix0TEDCLC9rTkA+/CgyXFOdw93JzikmzQoqqeJGpZUhxXDqxtsuPHKz45DpGJ8cDOrxnYfJatkpu0OtAmuZdgLCtzlCbrN2EEmscMf+fCpOTBLrVDnRIS1IP8KYCiZrI9qrJ0NR6NNV5ZOZ768BQh1gXkc7A688Y3LQMM4vztpRGCFGEKbqnlXeEsG+4TfLkQy2ZVUmMcBEmJoar0EqDYUxAVCqbUAwfb9Vm8mT3iBt5o7PTUr8Tw1MKyYL5g053LjZqSKc4zFxuP2SDy82Mrub86cqfuT9P0PJBpu1F+YLAqn1rBkSfR697Jx30YaueNSesdSpOmMebqG6RtXmBocrBrecO9/2N17uS0oGC3u6RS616xXpGWg2/9+HErlHgvBt8ant71EzWRnzXxIouSfY9LcMbmlaqWops30VIlJJEl0dZKs4oDvoWeJotumVzDJFPJjB7uxmYT/TwycC4t92dgf78jhQ/1mamS5D0DLyK32lo3xN62J7ngqIP+oWNoVv/AqX8GBQ7wv1yU5t7Y6J7m7140ILDg8IJwt/dZWe/dwhc4I9oabg81QF2UllakDtD3cHtpbXDTpso2hlzOUE58v1PJWLKE4Zxo3W2dWK2m9nDX0Cjv82m93B69NhbkMvK8Pd7FuCzw2GqcJtrln010nrElUi0qKdKkeGz0OSFOkeyhKRqJyyKnG18YsYyqSh2mhHYuloFpw9XCtHhivK4gIR4nTLpAhyaE0+S8aNu/0YwWfz29OdMjZcQIrWTtTUYjiPsGE8/CiRLROqd1IslEOwKZXpzeiLagl6dxE+g3sCfLexhtQiZ1WqzCZ+axzRtRyWmKa9Pcco062H6xbyHshRf6ULu60wVzL9p8PCpSH+cpz2b9IqOnXgcpq9Wrd0iEzE+7RyjdKZJ0A38t+/bVWM5aTuztK3GcXu7KLm28Y23yEKWB3fDcZ11sgjpTF5e4VQPb8Nx3bYI6TaROTwUtKY7R/hWhN0tDviSlN0fOEBNQEXajJDTSDlwfKWPcE90TmzHSl4HlXdFdjOmIc+oP30JbR39CX8e3xwmuUGOrHJouk3VJPkoMuISEwftT6pLJDFKgafPC8Vah+He+K+s5ZdTe50uZPzmXVxtxqKBjmMYcuJTFF5QIq92ohX1sINAi2rVgyi9G18jmaZ6xMbwvPvdxS4OB5xF7L2rxv48/h0VGKSAas+oy5ydrxvO9I6nPWa75v8XCCQokOJ4ovuh7sAk0g4//xddKwF/sEn3KO5+qEZbyFZPla/IIIYMH3RHniZ76m1rQx8Y4RwqoYHGXL+URt9pO3QiaAPdzySYZGA8aadQUrZs0SiXUUPO9T8U4M8FfVhv/ldfSbO17UQwhj6ezwdEbzuWcqVJyBG5WakKW1AGRrKo/jhRMmcWMoKWLFXwEF0gkYPx4keZTZCPYHMgkGd1pDy/e9hwxgvcphvxk8Z9p0cJaVs/Kr/+ofPiQueT73SwFwvtXyUR1YEmIRmnGrUg+NfsK5zOO+Cir/yD5ZKVAgVJBCqYM2igQEXneD+WspYFmDWahaqVPE3gcKVlsdp5hIePH3IpiNPOffMNnGEfNWzHziaOMM+IWBvM4gk6vhGtY+1mTRkZJX+mXrMHtpd7TGCyb0vqx9BLGJPM0BrOKp56Jj1CupYXRcro2087qH8KQQ/HKfPZdGdMaQqeb01TIn+ifF3ooEmAKgHnob0ohyAUYxbeUnkWJusLNRG9ZJRFpNywJ7VUf7x+FXtLwoNLYne6bByixufRsIpKBIHy69FzSABjRw7o9VZeUMpvIZnJDNADeBkhSwP/xpHh43LXOxa6v1Q2zASB35y4ULdhr65BrnmUGDGT/o1YEKekR/AfLzUjLf9cOH1v5wKmO8DTsY08fRr7Q7JJ+0W8GXual9g7lhn6jMX/7p90Sxe91M8ndQQbwJRGsBCIzydd6Nj4Dv+V9kDF1Jq8LzAH0kDDy61QDTYwCSY2Ar/W0er6vlmqqLf03QTWFQPG6gBYMahrdSWBli8AJdkAywcnRWQNnQJMSgXEuBBC13AOl2jPQannVNLrfgNXMf+DU7hkC1/57OeWN1yqu3xJhIQ2rPXglbIy4cu1V/Sa7njBF5S7nn1L2udDVbbLoi5gSxx55Y/tSDJgkM3yKq9E0CYQkA6lSu1LCsmlM3p61knlx7U1CULFda2Bl799TBDOjF9epr/9GrLUJSiVtTv3/I0nmVw46tbaG5hfBtdrclNrZhtUrhAwwGydiBj4JkUmxAoT8jQZEKWquBRMsNdSXqUvUq6fm834ekMgz1wVFixErTrwEiZIkS5HH8nNJjdTGT+Bi5wePfIJan6lJMj1oKblykvxBuOB0UiQcx3i5RbbmG55q2fJZcMJ0rhyOyBcz5YyWzjNhUu50Jl7fJG9dqTAl2Z7Qdr6eyERViwUAAAA=') format('woff2'),
  url("../../../../at.alicdn.com/t/font_1144939_pdz8umy9ap.woff-t=1559111100313")/*tpa=http://at.alicdn.com/t/font_1144939_pdz8umy9ap.woff?t=1559111100313*/ format('woff'),
  url("../../../../at.alicdn.com/t/font_1144939_pdz8umy9ap.ttf-t=1559111100313")/*tpa=http://at.alicdn.com/t/font_1144939_pdz8umy9ap.ttf?t=1559111100313*/ format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url("../../../../at.alicdn.com/t/font_1144939_pdz8umy9ap.svg-t=1559111100313#iconfont")/*tpa=http://at.alicdn.com/t/font_1144939_pdz8umy9ap.svg?t=1559111100313#iconfont*/ format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shijian:before {
  content: "\e63e";
}

.icon-add:before {
  content: "\e62b";
}

.icon-close:before {
  content: "\e639";
}

.icon-dots-horizontal:before {
  content: "\e705";
}

.icon-top:before {
  content: "\e607";
}

.icon-qq:before {
  content: "\e646";
}

.icon-wangwang:before {
  content: "\e8a0";
}

.icon-down:before {
  content: "\e638";
}

.icon-phone:before {
  content: "\e700";
}

.icon-chakan:before {
  content: "\e6c6";
}

.icon-message:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-menu:before {
  content: "\e61c";
}

.icon-right-arrow:before {
  content: "\e61f";
}

.icon-ewm:before {
  content: "\e606";
}

.icon-left-arrow:before {
  content: "\e620";
}

.cz-content {margin: auto;}

.inside-pages .header-height{height: 0px;}
.inside-pages .header {background: none;border-bottom: 1px solid rgba(255,255,255,.1);}
.inside-pages .header .content .right .search .icon { background: url("http://10516.543211688.com/chengongfenmo/ss1.png") center no-repeat;background-size: 100% ;}
.inside-pages .header .content .right .language .icon{color: #fff;background: url("http://10516.543211688.com/chengongfenmo/ll1.png") left center no-repeat;}
.inside-pages .header .content .right .search .search-input {border-bottom: 1px solid rgba(255,255,255,.3);}
.inside-pages .header .content .left .stockcode{color: #fff;opacity: .6;}
.inside-pages .header .content .left .stockcode::before {background: #fff;opacity: .2;}
.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}
.inside-pages .header.scroll-top,.inside-pages .header:hover .logo .hover{display: block;}
.inside-pages .header.scroll-top .content .right .search .icon,.inside-pages .header:hover .content .right .search .icon{ background: url("http://10516.543211688.com/chengongfenmo/ss.png") center no-repeat;background-size: 100%;}
.inside-pages .header.scroll-top .content .right .language .icon,.inside-pages .header:hover .content .right .language .icon{color: #1a1a1a;background: url("http://10516.543211688.com/chengongfenmo/ll.png") left center no-repeat;}
.inside-pages .header.scroll-top .content .right .search .search-input,.inside-pages .header:hover .content .right .search .search-input{border-bottom: 1px solid #ccc;}
.inside-pages .header.scroll-top .content .left .stockcode,.inside-pages .header:hover .content .left .stockcode{color: #666;opacity: 1;}
.inside-pages .header.scroll-top .content .left .stockcode::before,.inside-pages .header:hover .content .left .stockcode::before{background: #ccc;opacity:1;}


@charset "utf-8";


.clearfix {
    display: inline-block;
}

/* mobile nav */
.mnav{position: relative;z-index: 900; display: none;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("http://10516.543211688.com/chengongfenmo/cz-logo-h.png") left center no-repeat;background-size: 100%;}


.mnav.scroll-down .menu-toggle span.hamburger,
.mnav.scroll-down .menu-toggle span.hamburger:after,
.mnav.scroll-down .menu-toggle span.hamburger:before,
.mnav.scroll-down .menu-toggle span.cross:before,
.mnav.scroll-down .menu-toggle span.cross:after,
.mnav.scroll-top .menu-toggle span.hamburger,
.mnav.scroll-top .menu-toggle span.hamburger:after,
.mnav.scroll-top .menu-toggle span.hamburger:before,
.mnav.scroll-top .menu-toggle span.cross:before,
.mnav.scroll-top .menu-toggle span.cross:after
{background:#000;}


.nav-container { padding-top:90px;}
.mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 104px;height:29px;margin-top: -14.5px; background: url("http://10516.543211688.com/chengongfenmo/cz-logo-b.png") left center no-repeat;background-size: 100%;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding-top:10%;text-align: center;} 
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;} 
.mlanguage a:hover {opacity: 1;}
.no-touch  .mheader { background:#1a1a1a;}


.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:80%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:18px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
.cd-nav li a.twonav { background:url(http://10516.543211688.com/chengongfenmo/right3.png) right center no-repeat; background-size:3%;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
 
.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.msearch {margin: 20px auto;width: 72%;}
.msearch .icon{position: relative;}
.msearch .minput{border: none;border-bottom: 1px solid #313131;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;color: #fff;}
.msearch .msubmit{display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("http://10516.543211688.com/chengongfenmo/ss1.png") center no-repeat;background-size: 100% ;opacity: .3;}
.minput::-moz-input-placeholder,.minput::-ms-input-placeholder,.minput::-webkit-input-placeholder {color:#333;}
input.minput[type="text"]::-webkit-input-placeholder {color:#333;}


.mchildren {display:none;width:90%;border-bottom: 1px solid #313131; margin:0px auto;padding: 10px 0; overflow:hidden;}
.mchildren a{border-bottom:none;position: relative; display: block;width:95%;text-align: left;font-size:14px; color:#ccc;padding:0.8em 0; text-transform:capitalize; padding-left:5%; font-weight:normal;}
.mchildren a:hover{background:none; color:#6060ea;}


.shownav-c {position: absolute;right: -100%;top: 0px;width: 100%;height: 100%;z-index: 93;background: #1a1a1a;text-align: center;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.shownav-c.cur {right: 0;}
.shownav-c  ul {list-style: none;margin: 0;padding: 0;display: table;width: 100%;height: 100%;}
.shownav-c  ul li{list-style: none;margin: 0;padding: 0;display: table-cell;vertical-align: middle;}
.shownav-c  ul li h4 {font-size:16px; color:#fff;opacity: .5; text-align: left;width: 90%;display: block;margin: auto;padding:10px 0; border-bottom:#313131 1px solid;}
.shownav-c  ul li a {border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: left; font-size:14px; color:#fff;padding:4% 0; margin:0px auto;text-transform:uppercase;}
.shownav-c  ul li a::after {content: '';width: 14px;height: 10px;display: block;position: absolute;right: 0;top: 50%;margin-top: -5px;background: url("http://10516.543211688.com/chengongfenmo/right.png") center no-repeat;opacity: .2;}
.closenav {display: block;font-size: 16px;color: #fff;position: absolute;left:5%;top: 10%;background: url("http://10516.543211688.com/chengongfenmo/left4.png") left center no-repeat;padding-left: 30px;}
.closenav:hover {color: #fff;}


.ipshow {display: none!important;}


@media screen and (max-width: 5120px) {
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .left {position: absolute;}
	.index-about .about-item .left::after {right: 1px;}
	.index-about .about-item .left .title h2 {font-size: 54px;}
	.screen-banner-swiper .screen-banner-slide .img {text-align: center;font-size: 0;}
	.screen-banner-swiper .screen-banner-slide .img img {display: inline-block;}
	.our-project-swiper-3 .img {background-color: #000;}
	.development-history .img img{width: 100%;}
	.development-history .top .title-style {margin: 300px auto auto;}
	.banner-slide .img img {width: 100%;height: auto;}
	.index-products-center .bottom3 a .img img.img-center,.index-interesting-list a .img img.img-center,.screen-banner-swiper .screen-banner-slide .img img,.our-project-swiper-3 .img .img-center,.interesting-video-list .item .img img.img-center,.interesting-list a .img img.img-center,.video-list a .img img.img-center,.download-list a .img img.img-center {width: 100%!important;height: auto;}
	.page-banner .img {background-size: 100%;}
	.contact-bottom .left .map iframe {width: 100%;}
	.contact-section .content .left .content-map iframe {width: 100%;}
	.swiper-history .swiper-history-time .year-num {padding-top: 260px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: 40px;}	
}
@media screen and (max-width: 3840px) {
	.swiper-history .swiper-history-time .year-num {padding-top: 260px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: 40px;}		
}
@media screen and (max-width: 2560px) {
	.swiper-history .swiper-history-time .year-num {padding-top: 150px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -73px;}	
}
@media screen and (max-width: 2048px) {
	.swiper-history .swiper-history-time .year-num {padding-top: 140px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -83px;}	
}
@media screen and (max-width: 1920px) {
	.index-about .about-item .left::after {right: 0;}
	.index-about .about-item .left .title h2 {font-size: 34px;}
	.screen-banner-swiper .screen-banner-slide .img img {display:block;}
	.development-history .top .title-style {margin: 150px auto auto;}
	.banner-slide .img img,.index-products-center .bottom3 a .img img.img-center,.index-interesting-list a .img img.img-center,.screen-banner-swiper .screen-banner-slide .img img,.our-project-swiper-3 .img .img-center,.interesting-video-list .item .img img.img-center,.interesting-list a .img img.img-center,.video-list a .img img.img-center,.download-list a .img img.img-center {width:auto!important;}
	.page-banner .img {background-size:auto;}
	.contact-bottom .left .map iframe {width: 900px;}
	.contact-section .content .left .content-map iframe {width: 660px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 130px;}	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -93px;}	
}
@media screen and (max-width: 1800px) {
	.upper {left: 10%;width: 80%;}
	.index-scroll {left: -10px;}
}
@media screen and (max-width: 1680px) {
	input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"],input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-moz-input-placeholder,input::-ms-input-placeholder,textarea::-ms-input-placeholder {font-size:12px;}
	.contact-section .content,.product-range-list {width: 80%;}
	.banner-slide .txt {left: 5%;}
	.index-products-center .bottom3 a .text h2 {width: 80%;margin: auto;}
	.index-about .about-item,.about-global .top {left: 10%;width: 80%;}
	.index-about .about-item .content {height: auto;position: relative;}
	.index-about .about-item .left {padding: 5% 3% 3.65% 5%;}
	.index-about .about-item .left .text,.index-about .title-style h6,.index-interesting .title h6,.contact-section .title-style .text  {font-size: 14px;line-height: 24px;}
	.banner-slide .txt h4 {font-size: 16px;}
	.header-nav-show .content,.footer .content {width: 80%;}
	.item-nav .cnav li a h4 {font-size: 14px;}
	.swiper-history .swiper-history-time .text {font-size: 16px;line-height: 26px;}
	.item-nav .left .text,.index-about .about-item .right .item li h6 {font-size: 12px;line-height: 22px;}
	.item-nav .left .btn span,.index-products-center .bottom3 a .text h6 span,.index-about .about-item .left .play span,.index-interesting-list a .text h4 span,.banner-btn a span,.product-range-list .item-2 .text h6 {font-size: 12px;}
	.Contact-our-team .right {width: 51%;}
	.development-history .top .title-style {width: 30%; margin: 100px auto auto;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 200px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 125px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -70px;}
	.index-about .title-style {padding: 0px 0 10px 0;}
}
@media screen and (max-width: 1440px) {
	.contact-section .content .left {width: 55%;}
	.contact-section .content .right {width: 40%;}
	.content-form li .textarea1 {width: 95%;padding:20px 2.5%;}
	.content-form li .submit1 {width: 100%;}
	.screen-banner-swiper .screen-banner-slide .text h1 {font-size:50px;line-height:54px;}
	.screen-banner-swiper .screen-banner-slide .text h4,.evcharger-our-project .top .right .text,.interesting-video-list .item .text h3,.index-about .title-style h6 ,.about-global .top .left .text,.video-list a .text h3,.video-list-bottom a .text h3,.swiper-history .swiper-history-time .text{font-size: 14px;line-height: 24px;}
	.banner-slide .txt h1 {font-size:40px;}
	.banner-slide .txt h4 {font-size: 14px;line-height: 24px;}
	.index-about .about-item {left: 5%;width: 90%;}
	.index-about .about-item .left {padding: 5% 3% 4% 5%;position: absolute;}
	.about-item .title-style h2 {font-size: 40px;line-height:50px;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 150px;}
	.development-history .top .title-style {margin: 80px auto auto;}
	.swiper-history .swiper-history-time .year-num { padding-top: 105px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -55px;}
	.about-global .top {left: 10%;width:80%;}
	.about-global .top .left {width: 50%;}
	.title-style h2 {font-size: 40px;line-height: 50px;}
	.header-nav-show .content {width: 90%;}
	.content {width: 80%;}
	.item-nav .cnav li {padding: 0px 0 15px 0;}
	.item-nav .cnav li a {padding-bottom: 15px;}
	.item-nav .cnav li a h4 {font-size: 14px}
	.interesting-list a .text h3 {font-size: 16px;line-height: 24px;}
	.page-banner .text {left: 10%;}
	.product-range-list .item-2 .text h3 {font-size: 24px;}
	.product-range {padding: 100px 0 70px 0;}
	.swiper-banner-pagination {bottom: 35px;}
	.screen-banner-swiper .screen-banner-slide .text.center {top: -100px;}
	.index-interesting,.interesting-video,.evcharger-our-project .top {width: 80%;}
	.index-about .about-item .right .item li h2 strong {font-size: 50px;}
	.index-about .about-item .content {width: 90%;}
	.index-about .about-item .left .text {font-size: 12px;line-height: 22px;}
	.index-products-center .bottom3 a .text h6 {display: none;}
	.index-products-center .bottom3 a:hover .text h6 {display: inline-block;}
	input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {font-size:12px;}
	.content-form li .input2 {width:-webkit-calc(44.5% - 2px); width:-moz-calc(44.5% - 2px); width:calc(44.5% - 2px);padding:10px 2.5%;}
	.about-ours .left .text .item {font-size: 12px;line-height: 20px;padding-bottom: 10px;margin-top:10px;}
	.about-ours .left .text .item h3,.core-competence .absolute .item3 .item h3 {font-size: 16px;line-height: 20px;}
	.about-date .left .item h4,.about-date .right .item h4 span,.about-date .left .item h3,.about-swiper-pic .swiper-slide .text .itemlist .item h6{font-size: 12px;line-height: 20px;}
	.about-date .left .item h2 strong {font-size: 60px;}
	.about-date .right .item h4 strong,.core-competence .absolute .item3 .item h5 {font-size: 14px;}
	.core-competence .absolute {width: 100%;left:0;}
	.company-culture .absolute .img img {max-width:80%;}
	.company-culture .absolute .title-style {margin-top: 70px;}
	.company-culture .absolute .img {margin-top:30px;}
}
@media screen and (max-width: 1366px) {
	.content-form li .input2 {width:-webkit-calc(44.5% - 2px); width:-moz-calc(44.5% - 2px); width:calc(44.5% - 2px);padding:10px 2.5%;}
	.contact-section .content .left .content-way li span h5 {font-size: 12px;}
	.header .content .right .search {width: 100px;}
	.header .content .center .nav li a {font-size: 13px;padding: 0 10px;}
	.product-range-list,.interesting-video,.evcharger-our-project .top {width: 85%;}
	.screen-banner-swiper .screen-banner-slide .text {left: 7%;}
	.contact-section .title-style .text {width: 70%;}
	.index-products-center .top {width: 100%;}
	.index-about .about-item .left .title h2,.index-about .about-item .right .item li h2 strong {font-size:40px;}
	.index-about .about-item .right .item li h6,.index-about .about-item .left .text,.swiper-history .swiper-history-time .text {font-size:12px;line-height:22px;}
	.index-about .about-item .left {padding: 3.5% 3% 3% 5%;}
	.index-interesting {width: 90%;}
	.index-about .about-item .right {width: 45%;}
	.index-about .about-item .left {width: 47%;height: 90%;}
	.item-nav .left.w50 .img {width: 50%;}
	.content-form li .submit1 {width: 100%;}
	.index-about .about-item .content {width: 100%;}
	.swiper-history .swiper-history-time .year-num { padding-top: 110px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -55px;}
	.about-ours .absolute,.about-date .absolute,.about-global .top {width: 90%;left: 5%;}
	.about-ours .right .slogo {top:20%;}
	.title-style h2 {line-height: 40px;}
	.about-swiper-pic .swiper-slide .text {margin-top:20px;}
}
@media screen and (max-width: 1280px) {
	.contact-section .content {width: 90%;}
	.header .content .center .nav li a {font-size: 12px;padding: 0 10px;line-height: 75px;}
	.header .content .left .logo {width: 100px;margin-top: -10px;}
	.header .content .left .stockcode {margin-top: 25px;margin-left: 130px;}
	.header .content .right {padding-top: 25px;}
	.header .content .right .language .icon {font-size: 12px;line-height: 18px;}
	.index-products-center .top .text,.interesting-detail-text,.evcharger-data .item li h5 {font-size: 14px;line-height: 24px;}
	.header-nav-show .content .nav-content {padding: 3% 0;}
	.header .content .left {height: 75px;}
	.header-nav-show {top:76px;}
	.header-height {height: 75px;}
	.product-top-nav {top:75px;}
	.banner-slide .txt h4,.our-project-swiper-3 .text h6,.page-banner .text h6,.interesting-video-list .item .text h5,.download-list a .text h5 span,.download-list-bottom a .text h5 span {font-size: 12px;line-height: 22px;}
	.download-list-bottom a .text h3   {font-size: 16px}
	.Contact-our-team {padding: 100px 0 ;}
	.contact-bottom .right .name h2 {font-size: 40px;}
	.contact-bottom .right {width: 40%;right: 5%;}
	.content {width: 90%;}
	.content-form li .textarea1 {width:93%;}
	.page-banner .text {left: 5%;}
	.screen-banner-swiper .screen-banner-slide .btn-2 {margin-top:30px;}
	.interesting-video {padding: 100px 0 40px 0;}
	.index-products-center .bottom3 a .text h6 {height: 40px;line-height: 40px;}
	.index-products-center .bottom3 a:hover .text h6 {height: 40px;line-height: 40px;}
	.contact-bottom .left .map iframe {width: 100%;}
	.product-detail .header-height {height: 115px;}
	.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size:130px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 90px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;}
	.about-ours .left {width: 55%;}
	.newsnav a .txt h5 {font-size: 12px;line-height: 18px;}
	.newsnav.top .txt h5 {font-size: 14px;}
}
@media screen and (max-width: 1152px) {
	.inside-pages .header .content .left .stockcode {margin-left: 110px;padding-left: 10px;}
	.header .content,.header-nav-show .content, .footer .content,.contact-section .content,.index-interesting  {width: 94%;}
	.header .content .center .nav li a {padding: 0 5px;}
	.item-nav .left.w50 {width: 60%;}
	.item-nav .cnav {width: 20%;padding: 0 5% 0 5%;}
	.item-nav .left {padding-right:5%;}
	.item-nav .cnav .email h3 a {font-size: 18px;}
	.item-nav .cnav li a h4,.screen-banner-swiper .screen-banner-slide .btn-2 a span,.interesting-list a .text h5,.video-list-bottom a .text h3,.evcharger-data .item li h5,.product-range-list .item-2 .text h5,.index-about .title-style h6 {font-size: 12px;line-height: 22px;}
	.item-nav .cnav li {padding: 0px 0 10px 0;}
	.item-nav .cnav li a {padding-bottom: 10px;}
	.banner-slide .txt h1 {font-size:30px;}
	.index-products-center .bottom3 a .text h2,.index-interesting-list a .text h2 {font-size: 20px;line-height: 24px;}
	.title-style h2,.about-item .title-style h2,.index-about .about-item .left .title h2, .index-about .about-item .right .item li h2 strong,.index-interesting .title h2,.interesting-other h2 {font-size: 30px;line-height: 30px;}
	.index-about .about-item .right .item li h6, .index-about .about-item .left .text {line-height: 20px;}
	.index-about .about-item .left .play {margin-top: 20px;}
	.index-about .about-item .left .play a {padding: 10px 20px;}
	.index-interesting,.contact-section {padding: 100px 0;}
	.content-form li .input2 {width: -webkit-calc(44.3% - 2px);width: -moz-calc(44.3% - 2px);width: calc(44.3% - 2px);}
	.index-about .about-item {left:2.5%;width: 94%;}
	.screen-banner-swiper .screen-banner-slide .text h1,.page-banner .text h2 {font-size: 40px;line-height: 44px;}
	.interesting-list a .text h3,.download-list-bottom a .text h3,.download-list a .text h3 {font-size: 14px;line-height: 24px;}
	.interesting-detail {width: 90%;}
	.interesting-list {padding:40px 0 10px 0;}
	.evcharger-data .item.item4 li {width: 24%;}
	.evcharger-our-project {padding: 100px 0 0px 0;}
	.evcharger-our-project .top .left {width: 30%;}
	.evcharger-our-project .top .right {width: 65%;}
	.product-range-list, .interesting-video, .evcharger-our-project .top {width: 94%;}
	.interesting-video {padding: 100px 0 0px 0;}
	.screen-banner-swiper .screen-banner-slide .btn-2 a {padding: 10px 20px;}
	.content {width: 94%;}
	.page-banner .text {left: 3%;}
	.index-about .about-item .left {padding: 3.5% 3% 3% 3%;}
	.index-about .about-item .right {width: 47%;}
	.contact-section .title-style .text {width: 100%;}
	.contact-bottom .left .map { height: 700px;}
	.development-history .top .title-style {width: 100%;}
	.about-date .right .item {padding-bottom: 10px;}
	.about-date .left .item h2 strong {font-size: 40px;}
	.about-ours .left .text .item h3, .core-competence .absolute .item3 .item h3 {font-size: 14px;line-height: 20px;margin: 0;}
	.about-ours .right {width: 40%;}
	.about-ours .img img{width:120%;max-width: 120%;}
	.about-swiper-pic .swiper-slide .text .itemlist {width: 800px;}
}
@media screen and (max-width: 1024px) {
	.contact-section .content .left .content-way li {width: 50%;}
	.contact-section {padding: 80px 0;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {width: 30px;height: 30px;}
	.swiper-history .swiper-history-time .year-num {padding-top: 85px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -60px;}
	.swiper-history .swiper-history-time .year-num {font-size:24px;}
}
@media screen and (max-width: 860px) {
	.header,.aside-top,.pcshow  {display: none!important;}
	.mnav,.mbshow {display: block!important;}
	.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.hamburger,.inside-pages .menu-toggle span.hamburger:after,.inside-pages .menu-toggle span.hamburger:before,.inside-pages .menu-toggle span.cross:before,.inside-pages .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:after,.no-touch .menu-toggle span.cross:before{background: #fff;}
	.header-height,.product-detail .header-height {height:50px;}
	.index-banner-swiper .swiper-slide {background: #000;}
	.banner-slide .img img.mbshow {width: 100%!important;}
	.banner-slide .txt h1 {font-size: 30px;}
	.banner-slide .txt {width:90%;left: 5%;top:15%;margin-top:0px;}
	.banner-btn a {margin-bottom: 15px;}
	.title-style h2,.about-item .title-style h2 {font-size: 30px;line-height: 40px;}	
	.index-products-center .bottom3 a {float: none;width: 100%;}
	.index-about .img img {max-width: 500%;width: 500%;margin-left: -50%;}
	.index-about .about-item {top:0;left: 5%;width:90%; margin-top:0px;}
	.index-about .title-style h6,.index-products-center .top .text,.index-interesting .title h6,.screen-banner-swiper .screen-banner-slide .btn-2 a span,.interesting-list a .text h5 {font-size: 12px;line-height: 22px;}
	.index-about .about-item .left .title h2,.index-interesting .title h2 {font-size: 30px;}	
	.index-about .about-item .left {width: 90%;height: 90%;padding: 5%;float: none;position: relative;}
	.index-about .about-item .right {width: 100%;float: none;padding: 0;}
	.index-about .about-item .right .item li {overflow: hidden;padding: 5% 5% 0 10%;}
	.index-about .about-item .right::before {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top:0;opacity: .3;}
	.index-about .about-item .left::after {display: none;}
	.index-interesting-list a {width:100%;margin-right: 0;margin-bottom:2%;}
	.index-interesting,.contact-section,.product-range,.interesting-video,.Contact-our-team,.contact-bottom .right,.interesting-detail,.interesting-other {padding: 20% 0;}
	.index-interesting-list a .text h2 {font-size: 20px;}
	.contact-section .title-style .text {width: 95%;font-size: 12px;line-height: 22px;}
	.contact-section .content .left,.contact-section .content .right {width:100%;float: none;}
	.content-form li .input2{width:-webkit-calc(90% - 2px); width:-moz-calc(90% - 2px); width:calc(90% - 2px);padding:2% 5%;margin-bottom: 1%;}
	.content-form li {margin: 0;}
	.content-form li .submit1,.interesting-detail {width:100%;}
	.footer .content .top {border:none;}
	.footer .content .top .footer-nav a {display: block;border-bottom: 1px solid #313131;margin-right: 0px;width: 100%;padding:10px 0;}
	.footer .content .center .left .subscribe {position: relative;}
	.footer .content .center .left .subscribe .subscribe-submit {position: absolute;right: 0;top: 0;}
	.footer .content .center .left .subscribe .subscribe-input {width: 100%;}
	.footer .content {width: 90%;}
	.footer .content .center .right .social a {border: 1px solid #999;}
	.footer .content .center .left,.footer .content .center .right {width:100%;float: none;}
	.footer .content .center .right {padding-top:4%;overflow: hidden;}
	.footer .content .bottom .copy a.niego {display: block;padding: 0;margin: 0;margin-top: 10px;}
	.footer .content .center {padding: 0px 0 30px 0;}
	.contact-section .content .left .content-way li span{display: block;padding-top: 10px;text-align: center;}
	.contact-section .content .left .content-way li i {margin: auto;display: block;}
	.contact-section .content .left .content-way li:last-child {width: 50%;}
	.contact-section .content .left .content-way li::after {display: none;}
	.index-about .about-item .right .item li h6 {line-height: 18px;}
	.banner-slide .txt h4 {padding: 10px 0 30px 0;}
	.banner-slide .txt h1 {padding-bottom: 10px;}
	.screen-banner-swiper .screen-banner-slide .text h1 {font-size:30px;line-height: 30px;margin-top: 20%;}
	.screen-banner-slide .table-cell{vertical-align: top;}
	.screen-banner-swiper .screen-banner-slide .text {left: 5%;width: 90%;}
	.screen-banner-swiper .screen-banner-slide .text.center {top: 0;}
	.screen-banner-swiper .screen-banner-slide .btn-2 {margin-top: 20px;}
	.screen-banner-swiper .screen-banner-slide .btn-2 a {padding: 10px 20px;}
	.product-range-list .pr-prev,.product-range-list .pr-next {display: none;}
	.product-range-list .item-2 .text {position: relative;left: auto;top: auto;width: 90%;height: auto;padding: 5%;}
	.product-range-list {margin: 50px auto auto auto;}
	.evcharger-our-project .top .left,.evcharger-our-project .top .right,.Contact-our-team .left,.Contact-our-team .right,.contact-bottom .right {width:100%;float: none;}
	.product-range-list, .interesting-video, .evcharger-our-project .top {width:90%;}
	.interesting-video-list .item.img-3 a {width: 100%;float: none;margin-right:0;}
	.interesting-video-list .item .text {position: relative;}
	.interesting-video-list .item a {background: #f7f7f7;}
	.interesting-video-list .item .text h3 {color: #333;}
	.evcharger-data .item.item4 li {width: 48%;margin-bottom: 30px;}	
	.evcharger-data .item li h2 strong,.contact-bottom .right .name h2,.interesting-other h2 {font-size: 30px;}
	.evcharger-data .item li h5 {font-size: 12px;}
	.evcharger-data .item li::after,.contact-bottom .right .content-way .item.item2 li::after {display: none;}
	.evcharger-data,.interesting-list {padding: 40px 0 20px 0;}
	.page-banner .img img {width: 200%;max-width: 200%;}
	.page-banner .img img.mbshow{opacity: 1;width: 100%;max-width: 100%;}
	.page-banner .text h2 {font-size: 30px;}
	.page-banner .text {left:3%;top: 10%;}
	.page-banner .text h6 {font-size: 12px;width:90%;line-height: 22px;}
	.content {width:90%;}
	.contact-bottom .left  {width:100%;float: none;display: none;}
	.contact-bottom .right {position: relative;right: auto;top: auto;}
	.contact-bottom .right .table {width:90%;margin: auto;}
	.contact-bottom .right .content-way .item:first-child {padding: 10px 0 40px 0;}
	.contact-bottom .right .content-way li span {width: 80%;}
	.contact-bottom .right .content-way .item.item2 li {margin-right:0;width: 50%;}
	.contact-bottom .right .content-way .item.item2 li i{margin-bottom: 10px;}
	.interesting-list a,.download-list a,.video-list a {width: 100%;float: none;margin-right:0;margin-bottom: 2%; }
	.interesting-list a .text {padding: 5%;}
	.popup-window-content {width: 90%;padding:5% 2% 5% 5%;}
	.popup-window-content .rolling-content .rolling-h {padding-right: 20px;}
	.turnpage a {padding: 0px 12px;height: 35px;line-height: 35px;}
	.turnpage a span {font-size: 12px;}
	.download-list-bottom a .text h3 {font-size: 14px;}
	.download-list-bottom a .text h5 {position: relative;right: auto;top: auto;margin-top: 20px;display: inline-block;}
	.video-list-bottom a {margin-right: auto;width: 100%;padding: 20px 0;float: none;}
	.video-list-bottom a .text {position: relative;right: auto;width: 90%;height:auto;padding-right: 10%;top: auto;margin-top: 20px;}
	.video-list-bottom a .text i,.product-top-nav .content .left {display: none;}
	.video-list-bottom a .img {width: 100%;}
	.product-top-nav {top: 50px;}
	.product-top-nav .content {width: 94%;}
	.product-top-nav .content .right {width: 100%;float: none;}
	.product-top-nav .content .right a {margin: 0;text-transform: capitalize;display: block;float: left;margin-right:5%;}
	.product-top-nav .content .right a:last-child {text-indent: -999px;width: 20px;height: 20px; background: url("http://10516.543211688.com/chengongfenmo/left4.png") center no-repeat;background-size: 60%;position: absolute;right:0;top: 50%;margin-top: -10px;}
	.interesting-video-list .item.img-3 .text {height: auto;}
	.page-banner .text h5 {margin-top: 0;}
	.video-list a .text {height: auto;}
	.our-project-swiper-3 .img img {width: 150%;max-width: 150%;}
	.our-project-swiper-3 {width: 90%;margin: 60px auto auto;}
	.contact-bottom .right {padding: 20% 0 0 0;}
	.contact-bottom .map.mbshow{overflow: hidden;}
	.contact-bottom .map.mbshow iframe {margin: 0;padding: 0;border: none;margin-top: -50px;width: 100%;}
	.contact-bottom .right .content-way .item:last-child {border: none;}
	.popup-window-content .rolling-content {overflow-y: scroll!important;overflow-x: hidden;}
	.popup-window-content .rolling-content .rolling-h {position: relative!important;}
	.contact-section .content .left .content-map iframe {width: 100%;}
	.popup-window-content .rolling-content::-webkit-scrollbar{width:2px;background: #f1f1f1;}
	.popup-window-content .rolling-content .rolling-h {font-size: 14px;line-height: 24px;}
	.popup-window-content .rolling-content .rolling-h h2 {line-height: 30px;font-size: 20px;}
	.our-project-swiper-3 .text h6 {line-height: 18px;}
	.interesting-other h2 {width: 80%}
	.screen8-swiper-img .section-item .item a h4 strong  {font-size: 12px;line-height: 22px;}
	.swiper-banner-pagination {bottom: 20px;}
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {display: none;}
	.swiper-history .swiper-history-time .swiper-slide-active .text {width: 90%;}
	.about-ours .left,.about-ours .right,.about-date .left,.about-date .right,.about-global .top .left,.about-global .top .right {width: 100%;float: none;}
	.about-ours {background: url("../../about/images/about4.jpg")}
	.core-competence{background: url("../../about/images/about7.jpg")}
	.about-ours .absolute,.about-global .top,.core-competence .absolute {width: 90%;position: relative;padding: 20% 0;}
	.about-ours .img,.about-global .img,.core-competence .img  {display: none;}
	.core-competence .absolute  {left:5%;}
	.about-ours .right .slogo {width: 80%;left:10%;margin-left: 0;}
	.about-ours .left .text .item h3 {padding-bottom: 10px;}
	.about-date .left {overflow: hidden;border: 1px solid rgba(255,255,255,.3);}
	.about-date .left::before {left: 50%;}
	.about-date .left .item {width: 40%;padding:1% 5% 9% 5%;}
	.about-date .right {padding-top: 50px;}
	.about-date .right::before,.core-competence .absolute .item3 .item::after {display: none;}
	.core-competence .absolute .item3 .item {width: 100%;}
	.core-competence .absolute .item3 .item h3 {margin:10px auto;}
	.about-global .top .right .img {display: block;}
	.about-global .top .right .img .place a .item h6 {font-size: 12px;}
	.about-swiper .pr-next, .about-swiper .pr-prev {display: none;}
	.about-swiper-pic .swiper-slide .text .itemlist {width:90%;}
	.about-swiper-pic .swiper-slide .text .itemlist .item {width: 50%;}
	.about-swiper-pic .swiper-slide .text .itemlist .item h6 {width:90%;display: block;}
	.about-swiper-pic .swiper-slide .text .itemlist::after {right: 50%;top:0;width:1px;height: 100%;}
	.about-swiper-pic .swiper-slide .text .itemlist .item::after {right: 0;top: 0;width: 100%;;height: 1px;}
	.about-swiper-pic .swiper-slide .text .itemlist .item:nth-child(3)::after,.about-swiper-pic .swiper-slide .text .itemlist .item:nth-child(6)::after {display: block;}
	.about-swiper-pic .swiper-slide .text .itemlist .item img {padding: 10% 0;}
	.about-swiper-pic .swiper-slide .title-style h2 {font-size: 20px;line-height: 24px;}
	.about-swiper-pic .swiper-slide .title-style h4 {font-size: 18px;}
	.company-culture .absolute .img img {margin: auto;}
	.about-swiper-pic .swiper-slide .text .img3 img {max-width:60%;}
	.banner-slide .txt .img {display: none;}
	.investor-end-content {width: 80%;padding: 5%;}
}
 
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.product-range-list{width:90%;}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.ipshow {display: block!important;width: 100%!important;}
	.mbshow.iphide {display: none!important;}
	.index-about .img img {max-width:300%;width:300%;}	
	.index-about .about-item .right .item li {padding: 30% 5% 0 10%;}
	.index-interesting-list a .img img.img-center {width: 100%!important;}
	.contact-section .content .left .content-way li i,.contact-section .content .left .content-way li span {display: inline-block;text-align: left;padding-top: 0px;}
	.contact-section .content .left .content-way li span {padding-left: 10px;}
	.contact-section .content .left .content-map iframe {width: 100%;}
	.index-interesting, .contact-section, .product-range, .interesting-video, .Contact-our-team, .contact-bottom .right, .interesting-detail, .interesting-other {padding: 10% 0;}
	.mbshow,.screen-banner-swiper .screen-banner-slide .img img,.interesting-video-list .item.img-3 .img img.img-center,.video-list a .img img.img-center,.video-list-bottom a .img img.img-center,.download-list a .img img.img-center,.interesting-list a .img img.img-center {width: 100%!important;}
	.interesting-list a .text {height: auto;}
	.interesting-list a .text h5 {margin:20px 0 0px;}
	.product-range-list .item-2 .text h5 {min-height: 44px;}
	.screen-2 .img video {width: 100%;}
	.product-top-nav .content .left {display: block;}
	.product-top-nav .content .right {width: 50%;float: right;}
	.page-banner .img img.pcshow {display: block!important;}
	.page-banner .img img.mbshow {display: none!important;}
	.screen-banner-swiper .screen-banner-slide .img img.pcshow {display: block!important;}
	.screen-banner-swiper .screen-banner-slide .img img.mbshow {display: none!important;}
	.screen-banner-swiper .screen-banner-slide .text.center h1 {margin-top: 5%;}
	.our-project-swiper-3 {width: 100%;}
	.interesting-video {padding: 10% 0 0 0;}
	.screen-banner-swiper .screen-banner-slide .text h1 {margin-top: 10%;}
	.development-history .top .title-style {margin-top: 45%;}
	.banner-slide .img img.mbshow{margin-top: -400px;}
	.index-products-center .bottom3 a {height: 200px;}
	.index-products-center .bottom3 a .img img.img-center {width: 100%!important;margin-top: -40%;}
}
/* all iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  {}
/* x iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape)  {}
/* y iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	.banner-slide .txt {margin-top: -130px;}
	.index-about .img img {max-width: 140%;width: 140%;}
	.banner-slide .img img.pcshow {display: block!important;height: auto!important;}
	.banner-slide .img img.mbshow {display: none!important;}
	.ipshow {display: none!important;}
	.mbshow.iphide {display: none!important;}
}

.cz-header-nav-show {position: absolute;left: 0;top:0px;width: 100%;height: auto;z-index: 900;}
.cz-header-nav-show .cz-content {width: 100%;padding:0;margin-top: 99px;overflow: visible;background: none;}
.cz-header-nav-show-content {background: #f5f7fa;padding:0 5%;width:90%;opacity:0;z-index:1;position: absolute;left: 0;transition:all .4s ease;}
.cz-header-nav-show-content::after {content: '';width: 100%;height: 1px;background: #e6e6e6;position: absolute;top:0px;left: 0;z-index: 10;}
.cz-header-nav-show-content.Hide {display:block;top: -100px;}
.cz-header-nav-show-content.cur {opacity: 1;z-index: 999;top: 0;/*box-shadow: 0px 20px 60px 0px rgba(10, 24, 51, 0.08);*/}
.cz-header-nav-show-content.cur .cz-header-nav-list {display: block;}
.cz-header-nav-list {text-align: right;padding:0px;margin: auto;width: 100%;display: none;}
.cz-header-nav-list li {list-style: none;margin: 0;padding:15px 20px;display: inline-block;vertical-align: middle;position: relative;}
.cz-header-nav-list a{color: #26334c;font-size: 14px;padding:10px 0px;position: relative;display: block;}
.cz-header-nav-list a::after {content: '';width:0px;height: 1px;background: #26334d;position: absolute;bottom:0px;left: 0;z-index: 10;transition:all .4s ease;}
.cz-header-nav-list a:hover::after {width: 100%;}
.cz-header-nav-list ul.listtwo {display:none;width:200px;position: absolute;left: 0;top:68px;background: #f5f7fa;margin: 0;padding: 20px;overflow: hidden;margin-left: -50px;border-top: 1px solid #dfe1e6;}
.cz-header-nav-list ul.listtwo a {display: block;text-align: center;}
.cz-header-nav-list li:hover ul.listtwo{display: block;}



#product.cz-header-nav-show-content .cz-header-nav-list{width: 97%;}
#technology.cz-header-nav-show-content .cz-header-nav-list{width: 97%;}
#service.cz-header-nav-show-content .cz-header-nav-list{width: 97%;}
#about.cz-header-nav-show-content .cz-header-nav-list{width: 97%;}
#contact.cz-header-nav-show-content .cz-header-nav-list{width: 97%;}
.cz-header.scroll-down{top: -150px;}
.cz-header.scroll-top  {background: #fff;} 
.detail .cz-header {background: #fff;}
.detail .cz-header .cz-logo img.default{display: none;}
.detail .cz-header .cz-logo img.hover{display: block;}
.detail .cz-header .cz-header-nav li a{color: #000;}
.detail .cz-header .cz-consulting-icon{background: url('http://10516.543211688.com/chengongfenmo/zx2.png') center no-repeat;}
.detail .cz-header .cz-header-nav li.cur a::after,
.detail .cz-header .cz-consulting-icon::before{background: #6060ea;}
.detail .cz-header::after {background: #a1a7b2;}


 

/* footer */
.cz-footer {background: #f2f4f7;padding-top:80px;overflow: hidden;color: #000;}
.cz-footer .cz-content {width: 90%;margin:  0 auto;}
.cz-footer-content-top {overflow: hidden;padding-bottom:30px;}
.cz-footer-content-top-left {float: left;width: 70%;margin-left: 30px;}
.cz-footer-content-top-left ul{list-style: none;float: left;width:10%;margin: 0;margin-right:4%;padding: 0;}
.cz-footer-content-top-left ul:last-child {margin-right: 0;}
.cz-footer-content-top-left ul h3{font-size: 16px;color: #26334c;font-weight: normal;border-bottom: 1px solid #d9dbde;padding-bottom: 20px;margin: 0;}
.cz-footer-content-top-left ul h3 a {color: #26334c;}
.cz-footer-content-top-left ul li{list-style: none;margin: 0;padding:7px 0;}
.cz-footer-content-top-left ul li a{font-size: 14px;color: #666e80;}
.cz-footer-content-top-left ul li a:hover {color: #6060ea;}
.cz-footer-content-top-right {float: right;width:20%;text-align: right;margin-right: 30px;}
.cz-footer-content-top-right .title-1{font-size: 14px;color: #666e80;padding: 10px 0;}
.cz-footer-content-top-right .tel-2{font-size: 30px;color: #26334c;}
.cz-footer-content-top-right .text-3{font-size: 14px;color: #666e80;padding: 10px 0;line-height:24px;}
.cz-footer-content-top-right .link-4{text-align: right;font-size: 0;margin-top: 10px;}
.cz-footer-content-top-right .link-4 img{width: auto;}
.cz-footer-content-top-right .link-4 a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background-color: #a1a7b3;margin-left:5px;position: relative;}
.cz-footer-content-top-right .link-4 a:hover {background-color: #6060ea;}
.cz-footer-content-top-right .link-4 a.wx{background-image: url('http://10516.543211688.com/chengongfenmo/wx.png');background-repeat: no-repeat;background-position: center;}
.cz-footer-content-top-right .link-4 a.qq{background-image: url('http://10516.543211688.com/chengongfenmo/qq.png');background-repeat: no-repeat;background-position: center;}
.cz-footer-content-bottom {clear: both;font-size: 14px;color: #a1a7b2;border-top: 1px solid #d9dbde;padding:30px 0;margin: 30px 30px 0px 30px;position: relative; overflow: hidden;font-family: 'Barlow-Regular',Arial,Microsoft Yahei;}
.cz-footer-content-bottom a {font-size: 14px;color: #a1a7b2;font-family: 'Barlow-Regular',Arial,Microsoft Yahei;}
.cz-footer-content-bottom a.niego {position: absolute;right: 0;top: 30px;}



 
/* index */
.cz-index-banner {position: relative;width: 100%;height: 100%;}
.cz-index-banner .swiper-slide {background: #000;} 
.cz-index-banner-container {position: relative;overflow: hidden;}
.cz-index-banner-container .text {position: absolute;width:900px;top: 40%;left:6%;z-index: 10;color: #fff;}
.cz-index-banner-container .text .title-1 {font-size: 60px;font-weight: bold;transform:translateY(200px);opacity:0;transition:all 0.2s;}
.cz-index-banner-container .text .title-2 {font-size: 24px;padding-top: 10px;transform:translateY(200px);opacity:0;transition:all 0.5s;}
.cz-index-banner-container .text .viewmore-3 {margin-top: 60px;transform:translateY(200px);opacity:0;transition:all 0.9s;}
.cz-index-banner .swiper-slide-active .text .title-1,
.cz-index-banner .swiper-slide-active .text .title-2,
.cz-index-banner .swiper-slide-active .text .viewmore-3{transform:translateY(0px);opacity:1;}
.cz-index-banner .swiper-slide-active .img{animation: bigimgani 5000ms infinite ease-out;}
.cz-index-banner-container.center .text {left:50%;margin-left: -450px;text-align: center;}
.cz-index-banner-container.center .text .viewmore-3 {margin: 60px auto auto;}
.cz-index-banner .cz-index-banner-pagination {width: 100px;left: auto; right:2%;bottom: 5%;text-align: right;}
.cz-index-banner .cz-index-banner-pagination span.swiper-pagination-bullet{background: #fff;border-radius: 0;width: 1px;height:20px;transition:all .4s ease;margin: 0 7px;opacity: 1;}
.cz-index-banner .cz-index-banner-pagination span.swiper-pagination-bullet-active {height: 30px;}
.cz-index-banner-button-next,.cz-index-banner-button-prev {bottom: 4%;top: auto;background: none;z-index: 30;}
.cz-index-banner-button-next::after,.cz-index-banner-button-prev::after {display: none;}
.cz-index-banner-button-next::before,.cz-index-banner-button-prev::before {color: #fff;font-size: 14px;letter-spacing: 2px;}
.cz-index-banner-button-next::before {content: 'NEXT';}
.cz-index-banner-button-prev::before {content: 'PREV';}
.cz-index-banner-button-next {left: auto;right: 50%;margin-right: -200px;}
.cz-index-banner-button-prev {left: 50%;right: auto;margin-left: -200px;}
.cz-index-banner-scroll{width: 62px;height: 26px;position: absolute;left: 2%;bottom: 5%;z-index: 20;background: url('http://10516.543211688.com/chengongfenmo/scroll.png') center no-repeat;}
.cz-index-banner-progress-bar {width: 260px;height: 2px;position: absolute;bottom:6%;left: 50%;margin-left: -130px;z-index:20;}
.cz-index-banner-progress-bar::after {content: '';position: absolute;width: 100%;height: 2px;background: #fff;left: 0;top: 0;opacity: .2;z-index: 5;}
.cz-index-banner-progress-bar::before {content: '';position: absolute;width: 0;height: 2px;background: #fff;left: 0;top: 0;z-index: 10;-webkit-animation: w100 5000ms infinite ease;animation: w100 5000ms infinite ease;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1);}}
.viewmore-3 {width: 215px;display:block;margin: 0;}
.viewmore-3 a,.viewmore-3 div {display: block;color: #fff;text-align: center;padding: 17px 0 17px 0;overflow: hidden;font-size: 0;border: 1px solid rgba(255,255,255,.2);}
.viewmore-3 span {font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 40px;letter-spacing: 2px;}
.viewmore-3 i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') center no-repeat;}
.viewmore-3 a:hover {border: 1px solid rgba(255,255,255,1);}




.cz-index-product {position: relative;}
.cz-index-product .cz-content {overflow: hidden;width: 90%;position: absolute;left: 5%;top:150px;z-index: 10;}
.cz-index-product-left {width:35%;position: absolute;left: 0;bottom: 0;}
.cz-title {position: relative;}
.cz-title .title-1{font-size: 50px;line-height: 50px; color: #26334c;padding-left:30px;position: relative;text-transform: uppercase;}
.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:10px; background: url('http://10516.543211688.com/chengongfenmo/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 30px;color: #26334c;padding:5px 0 0 30px;}
.cz-index-product-nav {margin-top: 50px;position: relative;overflow: hidden;margin-left: 30px;width: 100%;width:calc(100% - 30px);}
.cz-index-product-nav::before,.cz-index-product-nav::after{content: '';position: absolute;background: #e6e8ed;z-index: 1;}
.cz-index-product-nav::before {width: 100%;height: 1px;left: 0;top: 50%;}
.cz-index-product-nav::after {width: 1px;height: 100%;left:50%;top: 0;}
.cz-index-product-nav a{display: block;overflow: hidden;background:#f2f4f7;position: relative;float: left;width: 50%;box-sizing: border-box;padding: 5%;}
.cz-index-product-nav a i{display: block;position: relative;width: 50px;height: 50px;margin-bottom: 20px;overflow: hidden;}
.cz-index-product-nav a span{display: block;font-size: 14px;padding-bottom: 5px;color: #a1a7b2;}
.cz-index-product-nav a strong{display: block;font-size: 18px;color: #a1a7b2}
.cz-index-product-nav a.cur {background:#6666eb url('http://10516.543211688.com/chengongfenmo/ibg.jpeg') right bottom no-repeat;background-size: cover;}
.cz-index-product-nav a.cur span{color: #fff;opacity: .6;}
.cz-index-product-nav a.cur strong{color: #fff;}
.cz-index-product-nav a.cur svg *{fill: #fff;}
#cz-indexbg {width: 100%;height: 940px;position: relative;overflow: hidden;}


.cz-index-product-right {float: right;width: 65%;}
.cz-index-product-swiper {position: relative;width: 100%;}
.cz-index-product-item {background: #000;position: relative;}
.cz-index-product-item a {display: block;overflow: hidden;color: #fff;}
.cz-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;color: #fff;}
.cz-index-product-item .text .top{width: 84%;margin: auto;position: absolute;left:8%;top:8%;}
.cz-index-product-item .text .top .title-1{font-size: 20px;}
.cz-index-product-item .text .top .title-2{font-size: 36px;padding: 10px 0;font-weight: bold;}
.cz-index-product-item .text .bottom{width: 84%;margin: auto;position: absolute;left:8%;bottom:8%;}
.cz-index-product-item .text .bottom .text-3{font-size: 14px;line-height: 24px;padding-bottom: 30px;}
.cz-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 2px solid rgba(255,255,255,.3);opacity: .6;}
.cz-index-product-item .text .bottom .view-4 strong{display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;float: left;}
.cz-index-product-item .text .bottom .view-4 i{display: block;background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') center no-repeat;width: 22px;height: 8px;float: right;}
.cz-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('http://10516.543211688.com/chengongfenmo/mark1.png');z-index:3;}
.cz-index-product-item a:hover .view-4{opacity: 1;}
.cz-index-product-item a:hover .img img.img-center{opacity: .7;transform:scale(1.03);}

.cz-index-introduction {position: relative;overflow: hidden;background: #f2f4f7;}
.cz-index-introduction .cz-content{width: 100%;overflow: hidden;}
.cz-index-introduction-left {position: absolute;left:5%;bottom:10%;z-index: 10;width:55%;}
.cz-index-introduction-left .text-3 {font-size: 15px;line-height: 30px;color: #666e80;padding: 30px;width:56%;text-align: justify;}
.cz-index-introduction-left .viewmore-3 {padding: 30px;overflow: hidden;}
.cz-index-introduction-left .viewmore-3 a{border: 1px solid #6060ea;background: #6060ea;}
.cz-index-introduction-left .viewmore-3 a:hover{border: 1px solid #4d4dbb;background: #4d4dbb;}
.cz-index-introduction-left .viewmore-3 a:hover span{letter-spacing: 1px;}
.cz-index-introduction-left .item-4 {background: #fff;margin:30px 30px 0 30px;overflow: hidden;}
.cz-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3% 5%;float: left;width:23%;position: relative;}
.cz-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.cz-index-introduction-left .item-4 li:last-child::after {display: none;}
.cz-index-introduction-left .item-4 li h2{display: block;margin: 0;padding: 0;}
.cz-index-introduction-left .item-4 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal;}
.cz-index-introduction-left .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.cz-index-introduction-left .item-4 li p{display: block;font-size: 15px;color: #a1a7b2;margin: 10px 0;padding: 0;}
.cz-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.cz-index-introduction-right {float: right;width: 50%;overflow: hidden;background: #000;}


.cz-index-cooperative-customers {position: relative;}
.cz-index-cooperative-customers .cz-content{width: 100%;overflow: hidden;}
.cz-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.cz-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('http://10516.543211688.com/chengongfenmo/cooperative1.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.cz-index-cooperative-customers-top a:hover {background: url('http://10516.543211688.com/chengongfenmo/cooperative1.png') center no-repeat;background-size: 100%;}
.cz-index-cooperative-customers-top a:hover i {opacity: 1;}
.cz-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: 1;}
.cz-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-bottom {background: #000;}


.cz-index-news {padding: 150px 0 70px 0;overflow: hidden;}
.cz-index-news .cz-content{width: 90%;margin: 0 auto;}
.cz-index-news-top {position: relative;}
.cz-index-news-nav {position: absolute;right: 30px;bottom:3%;font-size: 0;}
.cz-index-news-nav::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-index-news-nav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #a1a7b2;position: relative;padding:0 5px 20px 5px;margin-left: 50px;}
.cz-index-news-nav a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;}
.cz-index-news-nav a.cur{color: #26334d;}
.cz-index-news-nav a.cur::after {background: #6060ea;}
.cz-index-news-nav a:first-child {margin-left:0px;}
.cz-index-news-bottom {position: relative;overflow: hidden;padding-top: 50px;margin-left: 30px;}
.cz-index-news-item {float: left;width: 32%;margin-right: 1.3%;}
.cz-index-news-item:last-child {margin-right: 0;}
.cz-index-news-item a{display: block;overflow: hidden;}
/*background: #f2f4f7;*/
.cz-index-news-item .img {position: relative;background: #000;}
.cz-index-news-item .text {padding:7%;overflow: hidden;}
.cz-index-news-item .text .date-1{font-size: 14px;color: #666e80;}
.cz-index-news-item .text .title-2{font-size: 18px;line-height: 15px; color: #26334c;overflow: hidden;} 
.cz-index-news-item .text .view-3{font-size: 14px;color: #666e80;}
.cz-index-news-item .text .view-3 i {display:inline-block;vertical-align:middle;width:15px;height:5px;background:url('http://10516.543211688.com/chengongfenmo/jt-r3.png') no-repeat;margin-left: 10px;}
/*.cz-index-news-item a:hover {background: #6060ea;}*/
.date-1,.cz-index-news-item a:hover .view-3{color: #fff;}
.cz-index-news-more {text-align: center;margin:30px 30px;}
.cz-index-news-more a {width: 100%;display:block;border: 1px solid #e6e8ed;color: #666e80;font-size: 14px;padding: 25px 0;overflow: hidden;}
.cz-index-news-more a i{display: inline-block;vertical-align: middle;background: url('http://10516.543211688.com/chengongfenmo/imore.png') no-repeat;width: 10px;height: 10px;margin-left:10px; }
.cz-index-news-more a:hover {border: 1px solid #6060ea;color: #6060ea;}
.cz-index-news-item a:hover .view-3 i {background:url('http://10516.543211688.com/chengongfenmo/jt-r4.png') no-repeat;}
.cz-index-news-item a:hover i {background: url('http://10516.543211688.com/chengongfenmo/imore1.png') no-repeat;}



/* product */
.cz-product {position: relative;}
.cz-banner-top {position: relative;overflow: hidden;}
.cz-banner-top .img {background-color: #000;background-size: cover;background-position: center;}
.cz-banner-top .img .mark{background: url("http://10516.543211688.com/chengongfenmo/mark1.png");width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.cz-banner-top .img{ animation: bgimgain 5000ms 1 ease-out;}
@keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}}
.cz-banner-top .text {text-align: center;color: #fff;position: absolute;left: 50%;width: 800px;margin-left: -400px;top:40%;z-index: 10;}
.cz-banner-top .text .title-1{font-size: 60px;text-transform: uppercase;}
.cz-banner-top .text .title-2{font-size: 30px;}
.cz-top-nav {width: 100%;margin: auto;position: relative;z-index: 100;}
.cz-top-nav-item {width: 76%;margin: auto;position: absolute;left:12%;top:-55px; z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.cz-top-nav-item a{display: block;overflow: hidden;padding:30px 3%;float: left;width:19%;position: relative;}
.cz-top-nav-item a:last-child::after {display: none;}
.cz-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.cz-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.cz-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.cz-top-nav-item i{display: block;width: 50px;height: 50px;position: absolute;right: 10%;top: 50%;margin-top: -22.5px;}
.cz-top-nav-item a:hover,.cz-top-nav-item a.cur{background: #6060ea;}
.cz-top-nav-item a:hover strong,.cz-top-nav-item a:hover p,.cz-top-nav-item a.cur strong,.cz-top-nav-item a.cur p {color: #fff;}
.cz-top-nav-item a:hover img,.cz-top-nav-item a.cur img,.cz-top-nav-item a:hover svg,.cz-top-nav-item a.cur svg,.cz-top-nav-item a.cur svg *,.cz-top-nav-item a:hover svg *{fill: #fff;}
.cz-top-nav-item a.cur p{opacity: .6;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.cz-top-nav-item.num3 {width: 56%;left:22%;}
.cz-top-nav-item.num3 a {width:23.33333%;padding:30px 5%;}
.cz-top-nav-item.num4 {width: 76%;left:12%;}
.cz-top-nav-item.num4 a{width:25%;box-sizing: border-box;}
.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
.cz-top-nav-item.num6 a {width:16.66666%;padding:30px 0;}
.cz-top-nav-item.num6 a i {left: 50%;right: auto;top:20%;margin-top: 0; margin-left: -25px;}
.cz-top-nav-item.num6 a strong {text-align: center;padding-top:60px;display: block;font-weight: normal;}


.cz-product-list {padding: 150px 0 100px 0;overflow: hidden;width:76%;margin: auto;}
.cz-product-list-item {float: left;width: 31%;overflow: hidden;margin:0 0 1% 1%;}
.cz-product-list-item a{display: block;overflow: hidden;background: #f2f4f7;position: relative;}
.cz-product-list-item .img {position: relative;}
.cz-product-list-item .img img.img-center{mix-blend-mode: multiply;}
.cz-product-list-item .text {text-align: center;padding: 30px 0;border-top: 1px solid #dfe1e6;width: 90%;margin: auto;overflow: hidden;}
.cz-product-list-item .text .title-1{font-weight: bold;font-size: 18px;color: #26334c;}
.cz-product-list-item a:hover .text .title-1{color: #6060ea;}
.cz-product-list-item a:hover .img img.img-center {transform:scale(1.03);}

.cz-product-item {width: 100%;overflow: hidden;margin:1% auto 100px auto;position: relative;clear: both;}
.cz-product-item .img {position: relative;float: right;width: 65%;overflow: hidden;background: #000;z-index: 10;margin-bottom:75px;}
.cz-product-item .text {border: 1px solid #e8e8e8;width: 50%;padding: 5%;overflow: hidden;position: absolute;left: 0;bottom: 0; z-index: 1;} 
.cz-product-item .text::before,
.cz-product-item .text::after {content: '';width:600px;height:600px;border-radius:100%;background:#fff;opacity:.1;position:absolute;z-index:1;}
.cz-product-item .text::after{left:-65%;top:-25%;transition:all .6s ease;}
.cz-product-item .text::before {left:-20%;top: -150%;transition:all .4s ease;}
.cz-product-item .title-1 {font-size: 24px;color:  #26334d;line-height: 40px;font-weight: bold;padding: 70px 0;position: relative;z-index: 20;} 
.cz-product-item .viewmore-3 {border: 1px solid #e8e8e8;padding:15px 0px 20px 20px;position: relative;z-index: 20;} 
.cz-product-item .viewmore-3 span{color: #8a8f99;} 
.cz-product-item .viewmore-3 i {background: url(http://10516.543211688.com/chengongfenmo/jt-r2.png) center no-repeat;opacity: .4;}
.cz-product-item a:hover .text{background: #6060ea;}
.cz-product-item a:hover .text .title-1{color: #fff;}
.cz-product-item a:hover .viewmore-3 {background: #fff;}
.cz-product-item a:hover .viewmore-3 span{color: #6060ea;}
.cz-product-item a:hover .viewmore-3 i {background: url(http://10516.543211688.com/chengongfenmo/jt-r5.png) center no-repeat;opacity:1;}
.cz-product-item a:hover .text::after{left:-45%;top:-25%;}
.cz-product-item a:hover .text::before {left:-10%;top: -100%;}
.cz-product-item a:hover .img img.img-center {transform:scale(1.03);}


.cz-product-detail {padding: 200px 0 100px 0;overflow: hidden;}
.cz-product-detail .cz-content{width: 90%;width:calc(90% - 60px);padding:0 30px; }
.cz-product-detail-left{float: left;width: 50%;background: #000;overflow: hidden;}
.cz-product-detail-swiper{position: relative;overflow: hidden;width: 100%;height: 100%;}
.cz-product-detail-swiper .img{}
.cz-product-detail-swiper .swiper-button-next,.cz-product-detail-swiper .swiper-button-prev {left: auto;right: 0;top: auto;bottom: 0; margin: auto;width: 95px;height: 60px;z-index: 10;}
.cz-product-detail-swiper .swiper-button-next::after,.cz-product-detail-swiper .swiper-button-prev::after {display: none;}
.cz-product-detail-swiper .swiper-button-next {right: 0;background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-prev {right:96px;background: url('http://10516.543211688.com/chengongfenmo/jt-l1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-next:hover {background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') center no-repeat #6060ea;}
.cz-product-detail-swiper .swiper-button-prev:hover {background: url('http://10516.543211688.com/chengongfenmo/jt-l1.png') center no-repeat #6060ea;}
.cz-product-detail-right {float: left;width: 45%;padding: 2% 0 5% 5%;overflow: hidden;}
.cz-product-detail-right .title-1{font-size: 50px;color: #6060ea;}
.cz-product-detail-right .title-2{font-size: 28px;color: #26334c;}
.cz-product-detail-right .text-3{padding: 30px 0;margin-top: 30px;border-top: 2px solid #e6e8ed;overflow: hidden;font-size: 15px;color: #666e80;line-height: 30px;text-align: inherit;}
.cz-product-detail-right .buttom-4{margin-top: 20px;overflow: hidden;}
.cz-product-detail-right .buttom-4 a{display: block;float: left;width: 100px;height: 60px;line-height: 60px;padding: 0 35px;color: #fff;font-size: 14px;font-weight: bold;position: relative;margin-right: 10px;}
.cz-product-detail-right .buttom-4 a i {width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;}
.cz-product-detail-right .buttom-4 a.bofang{background: #e63939;}
.cz-product-detail-right .buttom-4 a.zhixun{background: #6060ea;}
.cz-product-detail-right .buttom-4 a.bofang i {background: url('http://10516.543211688.com/chengongfenmo/play1.png') center no-repeat;}
.cz-product-detail-right .buttom-4 a.zhixun i {background: url('http://10516.543211688.com/chengongfenmo/xiaoxi.png') center no-repeat;}
.cz-product-detail-right .buttom-4 a.bofang:hover {background: #c43131;}
.cz-product-detail-right .buttom-4 a.zhixun:hover {background: #4d4dbb;}


.cz-product-detail-content {padding: 50px 0;overflow: hidden;}
.cz-product-detail-content .cz-content{width:80%;}
.cz-detail-content {margin: 30px;}
.cz-detail-content .title-1 {font-size: 24px;color: #26334d;position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0;}
.cz-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.cz-detail-content .img{text-align: center;padding-top: 100px;overflow: hidden;}
.cz-detail-content .parameter-2 {margin-top: 30px;overflow: hidden;border: 1px solid #e6e8ed;}
.cz-detail-content .parameter-2 .item-3 {background: #ffffff;border-bottom: 1px solid #f2f4f7;overflow: hidden;}
.cz-detail-content .parameter-2 .item-3:hover {background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:first-child{background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:last-child {border-bottom: none;}
.cz-detail-content .parameter-2 .item-3:first-child li {font-size: 18px;}
.cz-detail-content .parameter-2 .item-3 li{font-size: 16px;color: #26334c;list-style: none;float: left;width:40%;margin: 0;padding: 0;padding: 25px 5%;}
.cz-detail-content .parameter-2 .item-3 li:first-child{width:20%;}

.cz-product-detail-content.characteristic {background: url('http://10516.543211688.com/chengongfenmo/characteristic.jpg') center no-repeat;background-size: cover;}
.cz-product-detail-content.characteristic .title-1{border-bottom: 2px solid #2a344b;}
.cz-product-detail-content.characteristic .title-1,.cz-product-detail-content.characteristic .title-1 i {color: #fff;}
.cz-product-detail-content.characteristic .characteristic-3 {margin-top: 30px;overflow: hidden;}
.characteristic-3 .item-4{color: #fff;border: 2px solid #2a344b;box-sizing: border-box;float: left;width:32.5%;padding:2.5% 3%;overflow: hidden;margin:1% 1% 1% 0;}
.characteristic-3 .item-4:nth-child(3) {margin:1% 0 1% 0;}
.characteristic-3 .item-4 .text-1{font-size: 18px;position: relative;padding-bottom: 20px;border-bottom:1px solid #3f485d;font-weight: bold;}
.characteristic-3 .item-4 .text-2{padding: 20px 0 0 0;overflow: hidden;height: 130px;}
.characteristic-3 .item-4 .text-3{font-size: 14px;line-height: 26px;color: #babcc0;max-height: 130px;padding-right: 10px; overflow: auto;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar{height:4px; width:2px;background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-track {background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-thumb {background: #fff;}   






/* technology */
.cz-technology {overflow: hidden;}
.cz-technology-advantages {padding: 150px 0 120px 0;overflow: hidden;background: url('http://10516.543211688.com/chengongfenmo/technologybg.jpeg') center no-repeat;background-size: cover;}
.cz-top-nav-two {width: 85%;width:calc(85% - 60px);left:5%;margin:0 30px;bottom: -128px;padding: 0 2.5%;position: absolute;background: #eef0f3;z-index: 20;}
.cz-top-nav-tow-nav {position: relative;overflow: hidden;display: none;}
.cz-top-nav-tow-nav.cur {display: block;}
.cz-top-nav-tow-nav a{font-size: 14px;color: #666e80;display: block;float: left;padding: 20px 0;margin-right: 40px;position: relative;}
.cz-top-nav-tow-nav a::after {content: '';position: absolute;left: 0;bottom: 0;width:0;height: 1px;background: #666f80;transition:all .4s ease;}
.cz-top-nav-tow-nav a:hover::after {width: 100%;}

.cz-technology-advantages .cz-content {width: 90%;}
.cz-technology-advantages-left {position: relative;float: left;width:45%;margin-left: 30px;overflow: hidden;}
.cz-technology-advantages-left .video {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;background: #000;overflow: hidden;}
.cz-technology-advantages-left .video video {object-fit: cover;}
.cz-technology-advantages-left .img{background: #000;}
.cz-technology-advantages-right {position: relative;float: right;width: 48%;padding: 3% 0 0 0;overflow: hidden;}
.cz-technology-advantages-right .text-1 {font-size: 15px;line-height: 30px;color: #666e80;overflow: hidden;margin: 30px;border-top: 2px solid #e6e7ed;padding: 30px 0;text-align: justify;}
 
.cz-technology-cases {padding: 130px 0 80px 0;overflow: hidden;background: url('http://10516.543211688.com/chengongfenmo/technologybg1.jpeg') center no-repeat;background-size: cover;}
.cz-technology-cases .cz-content {width: 87%;}
.cz-technology-cases-top {color: #fff;overflow: hidden;position: relative;}
.cz-technology-cases-top::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #3c465e;}
.cz-technology-cases-top p{font-size: 14px;color: #babbc0;margin: 0;padding: 5px 0;}
.cz-technology-cases-top strong{font-size: 30px;display: inline-block;position: relative;padding-bottom:30px;}
.cz-technology-cases-top strong::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #6060ea;z-index: 2;}

.cz-technology-cases-center {padding: 50px 0  0 0;overflow: hidden;color: #fff;}
.cz-technology-cases-center-left {float: left;width: 45%;}
.cz-technology-cases-center-left-item {margin: 30px 0;overflow: hidden;}
.cz-technology-cases-center-left-item .title-1{font-size: 24px;position: relative;padding: 20px 0;overflow: hidden;}
.cz-technology-cases-center-left-item .title-1::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #fff;opacity: .2;}
.cz-technology-cases-center-left-item .title-1 strong{font-weight: normal;}
.cz-technology-cases-center-left-item .title-1 i{width: 20px;height: 20px;font-style: normal;font-size: 20px;text-align: center;position: absolute;right: 0;top:50%;margin-top: -10px;}
.cz-technology-cases-center-left-item .text-2 {padding-top: 30px;overflow: hidden;opacity: .8;line-height: 30px;font-size: 15px;text-align: justify;}
.cz-technology-cases-center-right {float: right;width: 50%;}
.cz-technology-cases-center-right .img {width: 100%;height:600px;}

.cz-technology-cases-bottom {padding: 50px 0  0 0;overflow: hidden;color: #fff;}
.cz-technology-cases-bottom-left {float: left;width: 30%;overflow: hidden;}
.cz-technology-cases-bottom .title-1,.cz-technology-cases-bottom .title-2  {color: #fff;}
.cz-technology-cases-bottom .item-nav-2 {overflow: hidden;margin: 30px;padding-top: 30px;}
.cz-technology-cases-bottom .item-nav-2 a{display: inline-block;overflow: hidden;position: relative;padding:10px 0;font-size: 20px;font-weight: bold;color: #8f9199;clear: both;margin-top: 20px;}
.cz-technology-cases-bottom .item-nav-2 a::after{content: '';width: 0;height: 2px;background: #6060ea;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.cz-technology-cases-bottom .item-nav-2 a.cur,.cz-technology-cases-bottom .item-nav-2 a:hover {color: #fff;}
.cz-technology-cases-bottom .item-nav-2 a.cur::after{width: 100%;}
.cz-technology-cases-bottom-right {float: right;width: 55%;overflow: hidden;}
.cz-success-case-item {color: #b9babe;padding-bottom: 50px;overflow: hidden;}
.cz-success-case-item .item-2 {float: left;width: 45%;overflow: hidden;margin-bottom: 30px;}
.cz-success-case-item .item-2.c2 {float: right;}
.cz-success-case-item .item-2 .img{border: 2px solid #fff;background: #000;}
.cz-success-case-item .text-3 {line-height: 30px;font-size: 16px;padding: 20px 0;}
.cz-success-case-item .text-3 strong {color: #fff;font-weight: bold;font-size: 20px;}
.cz-success-case-item .title-4{color: #b9babe;clear: both;font-size: 18px;border-top: 2px solid rgba(255,255,255,.2);padding:30px 0 0 0;overflow: hidden;}


.cz-technology-parameters {}
.cz-technology-parameters .cz-content{width:77%;background: #fff;padding:1% 5% 2% 5%;overflow: hidden;margin-bottom: 100px;}
.cz-parameters-item {overflow: hidden;padding:60px 0 20px 0;}
.cz-parameters-item .title-1{font-size: 24px;position: relative;padding: 20px 0;overflow: hidden;}
.cz-parameters-item .title-1::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #e6e8ed;}
.cz-parameters-item .title-1 strong{font-weight: normal;}
.cz-parameters-item .title-1 i{width: 20px;height: 20px;font-style: normal;font-size: 20px;text-align: center;position: absolute;right: 0;top:50%;margin-top: -10px;}
.cz-parameters-item .item-4 {padding-top:50px;overflow: hidden;text-align: center;}
.cz-parameters-item .item-4 li{list-style: none;padding: 20px 0 ;margin: 0;display: inline-block;vertical-align: top;width: 24%;}
.cz-parameters-item .item-4 li i{display: block;width: 120px;height:120px;position: relative;margin: auto;border: 2px dotted rgba(96,96,234,.6);border-radius: 100%;}
.cz-parameters-item .item-4 li p{display: block;font-size: 18px;color: #666e80;margin: 0;padding: 30px 0 10px 0;}
.cz-parameters-item .item-4 li strong{display: block; font-size: 20px;color: #26334c;}
.cz-parameters-item .item-4.num3 li{width: 33%;}
.cz-parameters-item .swiper-5 {margin-top: 20px;overflow: hidden;}
.cz-technology-patent-swiper {overflow: hidden;padding: 20px 0 50px 0;}
.cz-technology-patent-swiper a{display: block;overflow: hidden;background: #f2f4f7;}
.cz-technology-patent-swiper .text{float: left;width: 40%;padding-top:17%;padding:17% 5% 0 5%;}
.cz-technology-patent-swiper .text span{display: block;position: relative;font-size: 16px;color: #26334d;padding-bottom: 20px;}
.cz-technology-patent-swiper .text span::after{content: '';width:30px;height: 2px;background: #6060ea;position: absolute;left: 0;bottom: 0;}
.cz-technology-patent-swiper .text strong{font-weight: normal;font-size: 18px;color: #26334d;display: block;line-height: 28px;padding-top: 20px;}
.cz-technology-patent-swiper .img{float: left;width: 50%;}
.cz-technology-patent-swiper .img::before {content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;background: url('http://10516.543211688.com/chengongfenmo/jiea.png') center no-repeat #6060ea;z-index: 20;display: none;}
.cz-technology-patent-swiper .img img.img-center {max-width: 70%;max-height:85%;}
.cz-technology-patent-swiper a:hover .img::before {display: block;}
.cz-technology-patent-swiper a:hover strong{color: #6060ea;}
.cz-technology-patent-swiper a:hover .text{padding:17% 5% 0 5.2%;width: 39%;}
.cz-technology-patent-swiper .swiper-pagination-bullet {background: #a8adb8;border-radius: 0;}
.cz-technology-patent-swiper .swiper-pagination-bullet-active {background: #6060ea;}

.cz-technology-section {position: relative;overflow: hidden;}
.cz-technology-section .top{width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;text-align: center;z-index: 10;}
.cz-technology-section .top .title-1 {font-size: 14px;opacity: .6;padding: 10px 0;}
.cz-technology-section .top .title-2 {font-size: 36px;padding-bottom:30px;}

.cz-technology-cases-list {padding-top:100px;overflow: hidden;}
.cz-technology-cases-list-item {float: left;width:24%;overflow: hidden;position: relative;padding-top: 110px;margin-bottom: 3%;margin-right: 8%}
.cz-technology-cases-list-item:last-child {margin-right: 0;}
.cz-technology-cases-list-item .img{border: 2px solid #fff;position: relative;z-index: 10;}
.cz-technology-cases-list-item .text-1{position: absolute;left: 0;top: 0;font-size: 200px;line-height:150px; z-index: 1;color: #0a1533;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;opacity: .2;}
.cz-technology-cases-list-item .text-2{padding:20px 0;overflow: hidden;}
.cz-technology-cases-list-item .text-2 strong{color: #989aa1;font-size: 20px;}



/* service */
.cz-service {position: relative;}
.cz-service-content {padding: 210px 0 170px 0;overflow: hidden;background: #f2f4f7 url('http://10516.543211688.com/chengongfenmo/service1.jpeg') center no-repeat;}
.cz-service-content .cz-content{width: 90%;}
.cz-service-content .text-1{font-size: 22px;line-height: 40px;color: #26334d;margin: 0 30px;}
.cz-service-content .item-3 {margin: 30px;}
.cz-service-content .item-3 li {list-style: none;width: 80px;height: 80px;float: left;position: relative;border: 1px dotted #ccc;border-radius: 100%;}
.cz-service-content .item-3 li i{display: block;position: relative;width:64px;height: 64px;margin: 7px;border-radius: 100%;border: 1px solid #ccc;overflow: hidden;}
.cz-service-content .item-3 li i svg {max-width: 70%;max-height: 70%;}
.cz-service-content .item-3 li:hover i{background: #6060ea;}
.cz-service-content .item-3 li:hover svg * {fill:#fff;}
.cz-service-content .item-3 li:hover {border: 1px dotted #6060ea;}
.cz-service-content .item-3 .linex {width:80px;height: 80px;background: url('http://10516.543211688.com/chengongfenmo/linex.png') center no-repeat;float: left;}
.cz-service-list {clear: both;overflow: hidden;background: #f2f4f7;}
.cz-service-list .cz-content{width: 90%;}
.cz-service-item {overflow: hidden;position: relative;margin:0 30px 20px 30px;}
.cz-service-item .cz-service-item-left {float: left;width:48%;background: #000;}
.cz-service-item .cz-service-item-right {width:52%;height: 100%;position: absolute;right: 0;top: 0;}
.cz-service-item .text-1{font-size: 16px;color: #26334c;position: absolute;left: 10%;top: 10%;}
.cz-service-item .text {position: absolute;left: 15%;bottom:20%;width: 90%;overflow: hidden;}
.cz-service-item .text .title-2 {position: relative;padding-top: 60px;}
.cz-service-item .text .title-2 strong{font-size: 36px;color: #26334c;position: relative;z-index: 2;}
.cz-service-item .text .title-2::before {content: '';position: absolute;top: 0;width:100px;height:87px;background:url('http://10516.543211688.com/chengongfenmo/syh.png') left top no-repeat;}
.cz-service-item .text .title-2::after {content: '';display: block;width: 25px;height:3px;margin:30px 0;background: #6060ea;}
.cz-service-item .text .item-3{overflow: hidden;font-size: 15px;color: #666e80;}
.cz-service-item .text .item-3 li{list-style: none;margin: 0;padding: 0;padding: 10px;position: relative;}
.cz-service-item .text .item-3 li::before {content: '';width:4px;height:4px;background: #666f80;position: absolute;top: 19px;left: 0;}
.cz-service-list .cz-service-item:nth-child(1) {background:url('http://10516.543211688.com/chengongfenmo/s1.png') 99% 95% no-repeat #fff;}
.cz-service-list .cz-service-item:nth-child(2) {background:url('http://10516.543211688.com/chengongfenmo/s2.png') 35% 95% no-repeat #fff;}
.cz-service-list .cz-service-item:nth-child(3) {background:url('http://10516.543211688.com/chengongfenmo/s3.png') 99% 95% no-repeat #fff;}
.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-left {float: right;}
.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-right  {right: auto;left: 0;}

.cz-service-video {clear: both;overflow: hidden;padding: 100px 0 10px 0;}
.cz-service-video .cz-content{width: 90%;}
.cz-service-video-nav {margin: 30px;overflow: hidden;position: relative;}
.cz-service-video-nav::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-service-video-nav a{display: block;float: left;color: #a1a7b2;font-size: 24px;padding-bottom: 20px;margin-right: 50px;overflow: hidden;position: relative;}
.cz-service-video-nav a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #6060ea;z-index: 10; display: none;}
.cz-service-video-nav a.cur{color: #26334c;}
.cz-service-video-nav a.cur::after {display: block;}
.cz-service-video-nav a:hover {color: #26334c;}
.cz-service-video-list {margin: 30px;overflow: hidden;}
.cz-service-video-list .cz-service-video-item:nth-child(3),
.cz-service-video-list .cz-service-video-item:nth-child(6),
.cz-service-video-list .cz-service-video-item:nth-child(3n) {margin:1% 0 2% 0;}
.cz-service-video-item {float: left;width: 30%;margin:1% 5% 2% 0;}
.cz-service-video-item a{display: block;overflow: hidden;}
.cz-service-video-item .img {position: relative;overflow: hidden;background: #000;}
.cz-service-video-item .text{text-align: center;padding: 20px 0;font-size: 18px;font-weight: bold;color: #26334d;}
.cz-service-video-item a:hover .img img.img-center {transform:scale(1.03);opacity: .8;}
.cz-popup-window-content.cz-video {background: #000;padding:0;width: 60%;margin-top: 5%;}
.cz-popup-window-content.cz-video .cz-popup-close {background: url("http://10516.543211688.com/chengongfenmo/xx1.png") center no-repeat;background-size: 40%;}
.cz-popup-window-content.cz-video video {width: 100%;height: 100%;display: block;}

.cz-service-faq {clear: both;overflow: hidden;padding: 100px 0 10px 0;}
.cz-service-faq .cz-content {width: 90%;padding-bottom: 40px;}
.cz-faq-item {margin: 30px;overflow: hidden;}
.cz-faq-item .title-1{text-align: left;overflow: hidden;cursor: pointer;padding:2% 5%;position: relative; border: 1px solid #e6e8ed;background: #f2f4f7;font-size: 18px;color: #26334d;}
.cz-faq-item .title-1::before,.cz-faq-item .title-1::after {content: '';position: absolute;top:50%;width: 50px;height: 50px;margin-top: -25px;}
.cz-faq-item .title-1::before {background: url('http://10516.543211688.com/chengongfenmo/q.png') center no-repeat;left:2%;}
.cz-faq-item .title-1::after{background: url('http://10516.543211688.com/chengongfenmo/jiae.png') center no-repeat;right: 3%;} 
.cz-faq-item .title-1.cur::after{background: url('http://10516.543211688.com/chengongfenmo/jian.png') center no-repeat;right: 3%;} 
.cz-faq-item .main-2{display: none;font-size: 16px;line-height: 30px;color: #26334d;padding:4% 5%;overflow: hidden;text-align: left;position: relative;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;border-bottom: 1px solid #e6e8ed;} 
.cz-faq-item .title-1:hover,.cz-faq-item .title-1.cur{background: #e9ebf0;}
.cz-faq-item .main-2 .text-1 {position: relative;}
.cz-faq-item .main-2 .text-1::before {content: '';position: absolute;left: -37px;top:3px;width: 25px;height: 25px;background: url('http://10516.543211688.com/chengongfenmo/A.png') no-repeat;}




/* about */
.cz-about {position: relative;}
.cz-about-us {padding: 110px 0;overflow: hidden;background: url('http://10516.543211688.com/chengongfenmo/about2.jpeg') center no-repeat #f3f5f8;background-size: cover;}
.cz-about-us .cz-content {width:90%;margin: 0 auto;}
.cz-about-us-left {float: left;width: 48%;margin-left: 30px;}
.cz-about-us-right {float: right;width: 43%;margin:5% 30px 0 0;}
.cz-about-us-right .cz-title{}
.cz-about-us-right .introduction-1{font-size: 16px;line-height: 32px;color: #666e80;margin: 30px;padding: 3% 0;overflow: hidden;border-top: 2px solid #e6e8ed;text-align: justify;}
.cz-about-us-right .item-3 li{list-style: none;margin: 0;padding:0 5%;float: left;width:18%;position: relative;}
.cz-about-us-right .item-3 li::after {content: '';width: 1px;height: 100%;background: #dbdde0;position: absolute;right:10%;top: 0;}
.cz-about-us-right .item-3 li:last-child::after {display: none;}
.cz-about-us-right .item-3 li i{display: block;width: 40px;height: 40px;position: relative;}	
.cz-about-us-right .item-3 li h2{display: block;margin: 5px 0;padding: 0;}
.cz-about-us-right .item-3 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal}
.cz-about-us-right .item-3 li h2 sup{font-size:30px;font-weight: normal;}
.cz-about-us-right .item-3 li p{display: block;font-size: 15px;color: #666e80;margin:7px 0;padding: 0;}
.cz-about-us-right .item-3 li i svg *{fill:#6060ea}



.cz-culture {padding: 110px 0 10px 0;overflow: hidden;}
.cz-culture .cz-content {width:90%;margin: 0 auto;}
.cz-culture-content {margin: 0px 0;overflow: hidden;position: relative; }
.cz-culture-nav {position: absolute;width: 300px;height:90px;right:15%;top:1%;z-index: 10;}
.cz-culture-nav a{display: block;font-size: 14px;line-height: 30px; overflow: hidden;position: absolute;height:100%;padding:0 0 0 20px;color: #a1a7b2;}
.cz-culture-nav a::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #e6e8ed;}
.cz-culture-nav .swiper-slide-thumb-active a::before{background: #6060ea;}
.cz-culture-nav .swiper-slide-thumb-active a {color:#6060ea;}
.cz-culture-swiper {position: relative;overflow: hidden;margin-left: 30px;}
.cz-culture-swiper .cz-culture-item{position: relative;overflow: hidden;}
.cz-culture-swiper .cz-culture-item .img{float: left;width:100%;}
.cz-culture-swiper .cz-culture-item .text{background: #fff;position: absolute;right:10%;bottom:7%;z-index: 5;padding:3%  5%;width:25%;box-shadow: 0px 15px 60px 0px rgba(25, 34, 51, 0.1);}
.cz-culture-swiper .cz-culture-item .text .num-1{font-size: 14px;color: #6060ea;position: relative;padding-left: 60px;margin: 20px 0;}
.cz-culture-swiper .cz-culture-item .text .num-1::before {content: '';width: 50px;height: 1px;position: absolute;left: 0;top: 50%;background: #6060ea;}
.cz-culture-swiper .cz-culture-item .text .title-2{font-size: 24px;color: #26334c;}
.cz-culture-swiper .cz-culture-item .text .text-3{font-size: 14px;color: #a1a7b2;line-height: 24px;padding: 30px 0;overflow: hidden;}
.cz-culture-swiper .cz-culture-item .text .viewmore-3 {margin-top: 10px;}
.cz-culture-swiper .cz-culture-item .text .viewmore-3 div{border: 1px solid #6060ea;background: #6060ea;}
.cz-culture-swiper .cz-culture-item .text a:hover .viewmore-3  div{border: 1px solid #4d4dbb;background: #4d4dbb;}
.cz-culture-swiper .cz-culture-item .text a:hover .viewmore-3  span{letter-spacing: 1px;}

.cz-history {padding: 200px 0 50px 0;overflow: hidden;background: url('http://10516.543211688.com/chengongfenmo/history1.jpeg') center no-repeat;background-size: cover;}
.cz-history .cz-content {width:100%;}
.cz-history .cz-content .cz-title {margin-left:5%;}
.cz-history .cz-content .cz-title .title-1,.cz-history .cz-content .cz-title .title-2 {color: #fff;}
.cz-history-content {margin: 60px 0;overflow: hidden;position: relative;cursor: url("http://10516.543211688.com/chengongfenmo/move.png"),default!important;}
.cz-history-swiper {background: url("http://10516.543211688.com/chengongfenmo/line.png") repeat-x left 87px;}
.cz-history-item {color: #fff;font-size: 14px;width:90%;margin: 0;opacity: .5;transition:all .4s ease;}
.cz-history-item .date-1{font-size: 40px;}
.cz-history-item .date-1 i{display: block;width:2px;height: 30px;background: #666;margin:20px 0 0 3px;position: relative;}
.cz-history-item .date-1 i::before {content: '';width: 8px;height:8px;border-radius: 100%;position: absolute;left: -3px;bottom: 0;background: #666;}
.cz-history-item .text-2 {overflow: hidden;position: relative;margin: 14px 3px;}
.cz-history-item .text-2::before {content: '';background: url('http://10516.543211688.com/chengongfenmo/kuang.png') no-repeat;width: 100%;height: 37px;position: absolute;left: 0;top:5px;z-index: 10;}
.cz-history-item .text-2 ul {list-style: none;border: 2px solid #6f7483;padding:0 5%;margin-top: 19px;}
.cz-history-item .text-2 li{list-style: none;margin: 0;padding:20px 0;border-bottom: 1px solid #3c445a;}
.cz-history-item .text-2 li:last-child {border: none;}
.cz-history-item .text-2 li p{margin: 5px 0;}
.cz-history-item:hover {opacity: 1;}
.cz-mouse-drag {background: url('http://10516.543211688.com/chengongfenmo/mous.png') no-repeat;width: 130px;height: 16px;position: absolute;right:10%;top:55%;}

.cz-honor {background: #f2f4f7 url('http://10516.543211688.com/chengongfenmo/honor1.jpeg') repeat-x top;overflow: hidden;}
.cz-honor .cz-content {background: #fff;width:80%;padding: 5%;overflow: hidden;position: relative;}
.cz-honor .cz-content .cz-title {float: left;}
.cz-honor-nav {text-align: right;float: right;margin-top: 20px;}
.cz-honor-nav a{text-align: center;display: inline-block;color: #a1a7b2;border: 1px solid #e6e8ed;padding:10px 30px;}
.cz-honor-nav a strong{display: block;font-weight: normal;font-size: 24px;}
.cz-honor-nav a span{display: block;padding:5px 0;font-size: 14px;}
.cz-honor-nav a.cur,.cz-honor-nav a:hover {color: #6060ea;border: 1px solid #6060ea;}
.cz-honor-content {overflow: hidden;clear: both;margin: 0 0 0 30px;padding: 50px 0 0 0;}
.cz-honor-list {overflow: hidden;width: 100%;height: 100%;}
.cz-honor-list-swiper {padding-bottom: 100px;}
.cz-honor-list-swiper .honor {position: relative;}
.cz-honor-list-swiper .honor a {display: block;overflow: hidden;margin-top: 10px;}
.cz-honor-list-swiper .honor a:hover {margin-top: 0px;}
.cz-honor-list-swiper .honor .text{text-align: center;font-size:12px;color:#666e80;padding:20px 0;;width: 80%;margin: auto;overflow: hidden;}
.cz-honor-list-swiper .honor .img i{opacity: 0;content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;background: url('http://10516.543211688.com/chengongfenmo/jiea.png') center no-repeat #6060ea;z-index: 20;}
.cz-honor-list-swiper .honor .img img.img-center {max-height: 100%;object-fit: contain;}
.cz-honor-list-swiper .honor a:hover .img i {opacity: 1;}
.cz-honor-list-swiper .honor a:hover .text{color: #6060ea;}
.cz-honor-progressbar {top:auto!important;right: auto;left: 0; bottom: 0;background: #f0f2f7;width:90%!important;height: 2px!important;}
.cz-honor-progressbar .swiper-pagination-progressbar-fill {background: #6060ea!important;height: 2px!important;}
.cz-honor-next,.cz-honor-prev {left:auto;top: auto;bottom: 0;right: 0;border:1px solid #e6e8ed;width: 50px;height: 50px;opacity: 1;z-index: 20;}
.cz-honor-next::after,.cz-honor-prev::after {display: none;}
.cz-honor-prev {right: 51px;background: url('http://10516.543211688.com/chengongfenmo/jt-l2.png') center no-repeat;}
.cz-honor-next {background: url('http://10516.543211688.com/chengongfenmo/jt-r2.png') center no-repeat;}
.cz-honor-swiper-num {position: absolute;left: 0;bottom:3%;color: #a1a7b2;}
.cz-honor-swiper-num strong{font-weight: normal;font-size: 24px;color: #26334c;letter-spacing: 2px;}
.cz-honor-swiper-num span{font-size: 16px;color: #a1a7b2;}


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("http://10516.543211688.com/chengongfenmo/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle;width:auto;height: auto;}
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(http://10516.543211688.com/chengongfenmo/xx1.png) center no-repeat; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}





/* contact */
.cz-contact {position: relative;}
.cz-contact-us {position: relative;background: #0f1d3f;overflow: hidden;}
.cz-contact-us-left {position: absolute;top: 35%;left: 5%;z-index: 10;width: 760px;}
.cz-contact-us-left .cz-title .title-1 {color: #fff;}
.cz-contact-us-left .cz-title .title-1 i{background: url('http://10516.543211688.com/chengongfenmo/it2.png') no-repeat;}
.cz-contact-us-left .cz-title .title-2 {color: #fff;}
.cz-contact-item {margin:50px 30px 30px 30px;border-top: 2px solid #fff;padding:0px;overflow: hidden;color: #9fa3b1;font-size: 14px;line-height: 24px;}
.cz-contact-item .item{border-top: 1px solid #fff;padding: 30px 0 40px 0;overflow: hidden;}
.cz-contact-item .item *{transition:all .4s ease;color:#fff}
.cz-contact-item .item .text-1{float: left;width: 35%;}
.cz-contact-item .item .text-2{float: right;width: 55%;text-align: right;}
.cz-contact-item .item strong {font-size: 24px;font-weight: normal;}
.cz-contact-item .item.item-1{border-top:none;}
.cz-contact-item .item.item-1 .text-2 {width: 40%;}
.cz-contact-item .item.item-2{float: left;width: 45%; }
.cz-contact-item .item.item-3{float: right;width: 45%;}
.cz-contact-item .item.item-4{clear: both;}
.cz-contact-item .item:hover {color: #fff;}
.cz-contact-us .img {background: #000;}
.cz-contact-us .map {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;background: url('http://10516.543211688.com/chengongfenmo/aboutus1.jpeg') no-repeat;
    background-size: 100% 100%;;}
.cz-contact-us .map #map {width: 100%;height: 100%;display: block;margin: 0;padding: 0;position: relative;}

.cz-message {position: relative;clear: both;overflow: hidden;background: url('http://10516.543211688.com/chengongfenmo/message1.jpeg') center no-repeat;}
.cz-message .cz-content {padding: 150px 0;overflow: hidden;width: 90%;}
.cz-message-left {float: left;width:25%;}
.cz-message-text {font-size: 14px;color: #666e80;border-top: 2px solid #e6e8ed;padding: 20px 0;overflow: hidden;margin: 30px;}
.cz-message-text p{display: block;margin: 5px 0;}
.cz-message-text strong{display: block;font-size: 18px;color: #26334c;}
.cz-message-right {float: right;width: 50%;}
.cz-message-right-input {clear: both;overflow: hidden;margin-bottom: 20px;margin-top: 40px;}
.cz-message-right-input:first-child {margin-top: 0;}
.cz-message-right-input input::-webkit-input-placeholder,
.cz-message-right-input textarea::-webkit-input-placeholder{color: #a1a7b2;font-size:15px;font-family:Microsoft Yahei;}
.cz-message-right-input li{list-style: none;padding: 0;margin: 0;width: 45%;float: left;} 
.cz-message-right-input li:last-child {float: right;}
.cz-message-right-input span{display: block;font-size: 14px;color: #26334c;padding: 10px 0;} 
.cz-message-right-input input{display: block;border: none;background: none;outline: none;border-bottom: 1px solid #e6e8ed;width: 100%;padding: 20px 0;} 
.cz-message-right-input input:focus,.cz-message-right-input textarea:focus {border-bottom: 1px solid #6060ea;}
.cz-message-right-input textarea{clear: both;display: block;border: none;background: none;outline: none;border-bottom: 1px solid #e6e8ed;width: 100%;padding: 20px 0;box-sizing: border-box;min-height: 100px;} 
.cz-message-right-input a{display: block;overflow: hidden;font-size: 14px;color: #fff;font-weight: bold;width:100px;padding: 20px 40px;background: #6060ea;position: relative;} 
.cz-message-right-input a i{position: absolute;right:15%;top: 50%;margin-top: -4px; background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') no-repeat;width: 22px;height: 8px;} 
.cz-message-right-input a:hover {background: #4d4dbb;}

.cz-recruitment {position: relative;clear: both;overflow: hidden;}
.cz-recruitment .cz-content {padding: 150px 0 ;overflow: hidden;width:80%;}
.cz-recruitment-top-text {margin: 30px;border-top: 2px solid #e6e8ed;padding: 30px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #666e80;display: flex;}
.cz-recruitment-top-text .text-1{float: left;width: 51%;}
.cz-recruitment-top-text .text-2{float: right;}
.cz-recruitment-top-text .text-2 strong{font-weight: normal;font-size: 16px;color: #666e80;margin-right: 30px;}
.cz-recruitment-top-text .text-2 strong:last-child {margin: 0;}
.cz-recruitment-list {clear: both;margin: 30px;overflow: hidden;border: 1px solid #e6e8ed;border-top: 3px solid #6060ea;box-sizing: border-box;}
.cz-recruitment-item:first-child .title-1 span {font-size: 16px;}
.cz-recruitment-item {border-bottom: 1px solid #e6e8ed;overflow: hidden;}
.cz-recruitment-item:last-child {border-bottom:none;}
.cz-recruitment-item .title-1{text-align: center;overflow: hidden;padding:0 5%;}
.cz-recruitment-item .title-1 span {float: left;margin: 0;display: block;width: 20%;padding: 30px 0;overflow: hidden;font-size: 14px;}
.cz-recruitment-item .title-1 span:first-child {font-size: 16px;text-align: left;}
.cz-recruitment-item .main-2{display: none;font-size: 16px;line-height: 30px;color: #26334d;padding:4% 5%;overflow: hidden;text-align: left;position: relative;} 
.cz-recruitment-item .title-1:hover,.cz-recruitment-item .title-1.cur{background: #f3f4f8;}
.cz-recruitment-item .main-2 p {font-size: 15px;}
.cz-end-resume {position: absolute;right: 10%;bottom: 15%;}
.cz-end-resume a{display: block;overflow: hidden;font-size: 14px;color: #fff;font-weight: bold;width:100px;padding:14px 30px;background: #6060ea;position: relative;}
.cz-end-resume a i{position: absolute;right:15%;top: 50%;margin-top: -4px; background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') no-repeat;width: 22px;height: 8px;} 

.cz-popup-window {position: fixed;top: -100%;right:0;z-index: 9999;width: 100%;height:100%;display: block;overflow: hidden;transition: all .4s;}
.cz-popup-window.cur {top:0;background: rgba(21,33,66,.5);}
.cz-popup-window-content {background: #fff;width:600px;padding:3%;overflow: hidden;margin: auto;margin-top:10%;position: relative;z-index: 10;}
.cz-popup-close {z-index:1;width: 30px; height:30px;background: url("http://10516.543211688.com/chengongfenmo/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute;right:1%; display:block; top:25px;cursor: pointer;transition: all .4s;}
.cz-popup-close:hover {transform:rotate(180deg);}
.cz-popup-window-mark {position: absolute;right: 0;top: 0;width:100%;height: 100%;z-index: 1;}	

.cz-recruitment-popup {overflow: hidden;}
.cz-recruitment-popup .title-1{font-size: 24px;padding-bottom: 30px;text-align: center;}
.cz-recruitment-popup .item-2{margin-bottom: 10px;overflow: hidden;}
.cz-recruitment-popup .item-2 li{list-style: none;margin: 0;padding: 0;float: left;width: 49%;margin-right: 1%;overflow: hidden;}
.cz-recruitment-popup .item-2 li:last-child {margin-right: 0;width: 50%;}
.cz-recruitment-popup .item-3{margin-bottom: 10px;overflow: hidden;} 
.cz-recruitment-popup .item-4{margin-bottom: 10px;overflow: hidden;} 
.cz-recruitment-popup .text-5{margin-bottom: 10px;overflow: hidden;font-size: 14px;color: #222;}  
.cz-recruitment-popup .text-5 span {font-size: 12px;color: #999;}
.cz-recruitment-popup .upload-5{background: #f3f4f8;position: relative;} 
.cz-recruitment-popup .upload-5 .file-input{font-size: 12px;} 
.cz-recruitment-popup .upload-5 .upload-submit {position: absolute;right: 15px;top:50%;z-index: 10; width: 70px;height: 35px;background: #6060ea;color: #fff;text-align: center;border: none;line-height: 35px;padding: 0;cursor: pointer;margin-top: -17.5px;}
.cz-recruitment-popup .upload-5 .upload-submit:hover {background: #000;}
.cz-recruitment-popup .text-4{font-size: 12px;line-height: 24px;color: #666666;}  
.cz-recruitment-popup .submit-5 {padding: 5px 0;overflow: hidden;}
.cz-recruitment-popup .submit-5 input{font-size: 16px;text-align: center;background: #6060ea;color: #fff;cursor: pointer;}  
.cz-recruitment-popup .submit-5 input:hover {background: #000;}
.cz-recruitment-popup  input{padding: 15px;border: 1px solid #ccc;width: 100%;font-size: 14px;color: #666;box-sizing: border-box;}


#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 35%
}

#toolbar li {
    margin-bottom: 3px;
    position: relative
}

#toolbar li,#toolbar li a {
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    overflow: hidden;
    background:#6060ea;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap
}

#toolbar li .iconfont {
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
    text-align: center;
    color: #2b2b2b;
    font-size: 26px
}

#toolbar li .iconfont,#toolbar li .wz {
    display: inline-block;
    vertical-align: middle;
    line-height: 57px
}

#toolbar li .wz {
    font-size: 14px;
    color: #fff;
    padding-left: 10px
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #6060ea;
    width: 440px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%
}

#toolbar li.ewm .ewm-box:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #6060ea;
    border-right: none
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#toolbar li.backtop {
    cursor: pointer
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color:#6060ea;
}

#toolbar li:hover a {
    width: 200px
}
#toolbar ul li:nth-child(2) {
	display:none;
}
#toolbar li:hover .iconfont {
    background-color:#6060ea;
    color: #fff
}



/* news */
.cz-news .cz-content {width: 90%;}
.cz-news-top {padding: 150px 0 100px 0;overflow: hidden;margin:0 30px;}
.cz-news-top-item {background: #fff;overflow: hidden;position: relative;}
.cz-news-top-item a{display: block;overflow: hidden;}
.cz-news-top-item .img{float: left;width: 57%;overflow: hidden;}
.cz-news-top-item a:hover .img img.img-center {transform:scale(1.03);}
.cz-news-top-item a:hover .text .more-4 {background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') center no-repeat #4d4dbb;}
.cz-news-top-item .text{width: 43%;height: 100%;position: absolute;right: 0;top: 0;overflow: hidden;padding: 5%;box-sizing: border-box;background: url('http://10516.543211688.com/chengongfenmo/news1.png') 160px 220px no-repeat;}
.cz-news-top-item .text .title-1{font-size: 22px;line-height: 34px;color: #26334c;position: relative;}
.cz-news-top-item .text .title-1::after{content: ""; display:block; height:4px; width:50px; margin:30px 0;background: #6060ea; }
.cz-news-top-item .text .text-2{font-size: 14px;line-height: 30px;color: #666e80;}
.cz-news-top-item .text .data-3{position: absolute;left: 12%;bottom:13%;z-index: 1;}
.cz-news-top-item .text .data-3 strong{font-weight: normal;color: #a1a7b2;font-size: 50px;display: block;margin: 0;padding:0;}
.cz-news-top-item .text .data-3 span{display: block;color: #a1a7b2;font-size: 14px;}
.cz-news-top-item .text .more-4 {width: 60px;height: 60px;background: url('http://10516.543211688.com/chengongfenmo/jt-r1.png') center no-repeat #6060ea;position: absolute;right: 12%;bottom:13%;z-index: 10;}
.cz-news-list {padding: 100px 0 40px 0;overflow: hidden;margin:0 30px;}
.cz-news-list .cz-index-news-item {width: 24%;margin-bottom: 2%;text-align:center;}
.cz-news-list .cz-index-news-item .text .title-2 {font-size: 12px;}
.cz-news-list .cz-index-news-item a:hover .img img.img-center {transform:scale(1.03);}
.cz-news-list .cz-index-news-item:nth-child(4),.cz-news-list .cz-index-news-item:nth-child(8) {margin-right: 0;}
.cz-page-trun {clear: both;padding: 10px 0px 100px 0px;text-align: center;}
.cz-page-trun a {margin: 0 20px;font-size: 18px;color: #a1a7b2;}
.cz-page-trun a span{color: #a1a7b2;margin: 0 10px;}
.cz-page-trun a span:first-child {color: #6060ea;}
.cz-page-trun a.prev,.cz-page-trun a.next{border: 1px solid #666;width:58px;height:58px;display: inline-block;vertical-align: middle;opacity: .2;}
.cz-page-trun a.prev:hover,.cz-page-trun a.next:hover {opacity: 1;}
.cz-page-trun a.prev {background: url('http://10516.543211688.com/chengongfenmo/jt-l2.png') center no-repeat;}
.cz-page-trun a.next {background: url('http://10516.543211688.com/chengongfenmo/jt-r2.png') center no-repeat;}

.cz-news-detail {margin-top: 100px;}
.cz-news-detail .cz-content {width: 90%;}
.cz-news-detail-path {font-size: 14px;color: #a1a7b2;padding: 30px 0;overflow: hidden;}
.cz-news-detail-path a{font-size: 14px;color: #a1a7b2;}
.cz-news-detail-content {padding:5% 0;width:70%;margin: auto;}
.cz-news-detail-content .title-1{font-size: 40px;color: #26334c;}
.cz-news-detail-content .time-2{font-size: 16px;color: #a1a7b2;border-bottom: 2px solid #e6e8ed;padding: 30px 0;}
.cz-news-detail-content .detail-3{padding: 30px 0;font-size: 16px;line-height: 30px; color: #666e80;overflow: hidden;}
.cz-news-detail-content .return-4 {background: #f2f4f7;margin: 50px 0;overflow: hidden;position: relative;}
.cz-news-detail-content .return-4 a{padding: 30px 5%;display: block;overflow: hidden;width:40%;position: relative;float: left;}
.cz-news-detail-content .return-4 a span {position: relative;z-index: 10;}
.cz-news-detail-content .return-4 a:hover span{color: #fff;}
.cz-news-detail-content .return-4 a.next::after,
.cz-news-detail-content .return-4 a.prev::after {content: '';position: absolute;height: 100%;top: 0;z-index: 1;transition:all .8s ease;opacity:0;}
.cz-news-detail-content .return-4 a.next {text-align: right;}
.cz-news-detail-content .return-4 a.prev {text-align: left;}
.cz-news-detail-content .return-4 a.prev::after{width: 0;right:0;background-image: linear-gradient(-90deg, transparent 0%,#6262ea 100%);}
.cz-news-detail-content .return-4 a.prev:hover::after {width: 100%;left: 0;opacity: 1;}
.cz-news-detail-content .return-4 a.next::after{width: 0;right:0;background-image: linear-gradient(90deg, transparent 0%,#6262ea 100%);}
.cz-news-detail-content .return-4 a.next:hover::after {width: 100%;left: 0;opacity: 1;}
.cz-news-detail-content .return-4 a.return{width: 50px;height: 100%;padding:0;background: url('http://10516.543211688.com/chengongfenmo/rtu.png') center no-repeat;position: absolute;left: 50%;top: 0;margin-left: -25px;z-index: 10;}





.cz-culture-nav a,.cz-top-nav-item strong,.characteristic-3 .item-4 .text-1,.cz-honor-list-swiper .honor .text,.cz-footer-content-top-left ul li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cz-news-top-item .text .text-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}


/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 999;background: #fff;border-bottom: 1px solid #e6e6e6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content {width: 90%;height: 100%;margin: auto;position: relative;}
.header .content .left {position: relative;height: 84px;}
.header .content .left .logo{display: block;width: 190px;height:58px;position: absolute;left: 0;top: 50%;margin-top: -29px;}
.header .content .left .stockcode{font-size: 12px;color: #666;margin-left: 150px;margin-top: 30px;padding-left:20px; position: relative;}
.header .content .left .stockcode::before {content: '';display: block;width: 1px;height:30px;background: #ccc;position: absolute;left: 0;top: 0;}
.header .content .left .stockcode p {text-decoration: underline;}
.header .content .center {text-align: center;position: absolute;left: 15%;width: 70%;height: 100%;top: 0;}
.header .content .center .nav{margin: 0;padding: 0;list-style: none;font-size: 0;}
.header .content .center .nav li{display: inline-block;margin: 0;list-style: none;position: relative;}
.header .content .center .nav li a{display: block;color: #fff; font-size: 14px;line-height: 84px;padding: 0 20px; position: relative;text-transform:uppercase;}
.header .content .center .nav li a:hover{color: #6060ea;}
.header .content .right {text-align: right;font-size: 0;padding-top: 30px;}
.header .content .right .search {display: inline-block;vertical-align: middle;width: 160px; position: relative;}
.header .content .right .search .icon {display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("http://10516.543211688.com/chengongfenmo/ss.png") center no-repeat;background-size: 100% ; cursor: pointer;}
.header .content .right .search .icon:hover {opacity: .5;}
.header .content .right .search .search-input {border: none;border-bottom: 1px solid #ccc;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px; overflow: hidden;cursor: pointer;}
.header .content .right .language .icon{display: block; width: 18px;height: 18px;padding-left: 25px;color: #1a1a1a;font-size: 14px; background: url("http://10516.543211688.com/chengongfenmo/ll.png") left center no-repeat;}
.header .content .right .language .language-show{display: none;position: absolute;width: 100px;padding:20px 10px 10px 10px;right: -40px;text-align: center;top:60px;background: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.header .content .right .language .language-show:before {content: '';position: absolute;top: -10px;left: 50%;margin-left: -15px;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #fff;}
.header .content .right .language .language-show a{display: block; color: #000;font-size: 12px;line-height: 20px; margin-bottom:5px;opacity: .5;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {display: block;}


.header.scroll-down {top: -100px;}
.header.scroll-down .header-nav-show 
{display: none;}

.header.cur .logo img.default,.eader.scroll-top .logo img.default{display: none!important;}
.header.cur .logo img.hover,.header.scroll-top .logo img.hover{display: block!important;}
.header.cur .content .center .nav li a,.header.scroll-top .content .center .nav li a{color: #000;}

.header .content .left .logo img.default{display: block;}
.header .content .left .logo img.hover{display: none;}
/* header - menu */
.header .content .center .nav li.cur a::after {width:100%;}
.header .content .center .nav li.cur a{color: #6060ea;}
/*.header .content .center .nav li a.cur{color: #6060ea;}*/
.header-nav-show {position: absolute;left: 0;top: 85px;background: #fff;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show .content {overflow: hidden;width: 60%;margin: auto;}
.header-nav-show .content .nav-content.Hide {display: none;}
.header-nav-show .content .nav-content {display: block;padding:2.5% 0 2.5% 0; min-height: 80px;}
.item-nav {position: relative;overflow: hidden;}
.item-nav .left{overflow: hidden;height: auto!important;width:35%;padding-right:1%;position: relative;}
.item-nav .left::after{content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;right: 0;top: 0;}
.item-nav .left .ntitle{padding-bottom: 10px;}
.item-nav .left .ntitle h3{font-size: 24px;color: #1a1a1a;text-transform: uppercase;margin: 0;}
.item-nav .left .img img{display: block;}
.item-nav .left .img {display: block;float: left;width: 68%;}
.item-nav .left .text{padding: 29px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #999999;float: left;width: 25%;padding-left: 5%;}
.item-nav .left .btn {font-size: 0;border: 1px solid #ccc;display: inline-block;padding: 15px 20px;position: relative;}
.item-nav .left .btn span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.item-nav .left .btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("http://10516.543211688.com/chengongfenmo/right2.png");background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.item-nav .left .btn::before {content: '';display: block;width:0px;height: 100%;position: absolute;left: 0;top: 0;background: #6060ea;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .left a {display: block;overflow: hidden;}
.item-nav .left a:hover .btn::before{width: 100%;}
.item-nav .left a:hover .btn span {color: #fff;}
.item-nav .left a:hover .btn i{background: url("http://10516.543211688.com/chengongfenmo/right3.png");background-size:100% 100%;opacity: 1;}
.item-nav .cnav{float: left;overflow: hidden;width: 20%;padding: 0 2%;position: relative;}
.item-nav .cnav::after{content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;right: 0;top: 0;}
.item-nav .cnav:last-child::after{display: none;}
.item-nav .cnav li{list-style: none;padding:0px 0 17px 0;overflow: hidden;position: relative;}
.item-nav .cnav li a{position: relative;display: block;padding-bottom:17px;overflow: hidden;}
.item-nav .cnav li a::before,.item-nav .cnav li a::after {content: '';display: block;width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .cnav li a::before {width: 0px;height: 2px;z-index: 3;}
.item-nav .cnav li a:hover::before{width: 100%;background: #6060ea;}
.item-nav .cnav li a h4{font-size: 16px;color: #999999;margin: 0;}
.item-nav .cnav li a i{width: 9px;height: 12px;position: absolute;top: 50%;right: 5%;margin-top: -15px; background: url("http://10516.543211688.com/chengongfenmo/right2.png");background-size:100% 100%;display: block;opacity: 0;}
.item-nav .cnav li:first-child a s{width: 24px;height: 24px;position: absolute; top:0; left:0;background:url("http://10516.543211688.com/chengongfenmo/1688.png");background-size: 100% 100%;display: block;opacity: 1;}
.item-nav .cnav li:last-child a s{width: 24px;height: 24px;position: absolute; top:0; left:0;background:url("http://10516.543211688.com/chengongfenmo/taobao.png");background-size: 100% 100%;display: block;opacity: 1;}
.item-nav .cnav li a:hover i{display: block;opacity: .5;right: 0;}
.item-nav .cnav li a:hover h4{color: #000;}
.item-nav .cnav li a.cur h4{color: #000;}
.item-nav .cnav li a.cur i{display: block;opacity: .5;right: 0;}
.item-nav .cnav li a.cur::before{width: 100%;background: #6060ea;}
.item-nav .left.w50 {width:50%;}
.item-nav .left.w50 .img{float: left;}
.item-nav .left.w50 .text {float: left;width: 45%;padding: 0px 0 20px 5%;}
.item-nav .left.w50 .btn {margin-left: 5%;}
.item-nav .cnav ul {list-style: none;margin: 0;padding: 0;}
.item-nav .cnav ul.cnav-show {display: none;}
.item-nav .cnav ul.cnav-show.cur {display: block;}
.item-nav .cnav .email {overflow: hidden;padding-top: 10px;}
.item-nav .cnav .email h4{font-size: 24px;color: #1a1a1a;margin: 10px 0;}
.item-nav .cnav .email h3 {margin: 0;}
.item-nav .cnav .email h3 a{font-size: 24px;color: #6060ea;margin: 0;}


.item-nav .cnav.cnav2.w25 {width:25%;padding: 0 0 0 5%;}
.item-nav .cnav.cnav2.w25 .cnav-show.cnav20 {width: 80%;}
.item-nav .cnav.cnav2.w25 .cnav-show.cnav24 {width: 80%;}
.item-nav .cnav.cnav2.w25 .cnav-show.cnav25 {width: 80%;}
.g-pages{
    width: 100%;
    float: left;
}
.pagination p{
	margin:0;
	cursor:pointer
}
.pagination{
	height:40px;
	padding:20px 0px;
}
.pagination a{
	display:block;
	float:left;
	margin-right:10px;
	padding:2px 12px;
 
	border:1px #cccccc solid;
	background:#fff;
	text-decoration:none;
	color:#808080;
	font-size:12px;
	line-height:24px;
}
.pagination a:hover{
	color:#6060ea;
	background: white;
	border:1px #6060ea solid;
}
.pagination a.page-num-current{
	border:none;
	background:#6060ea;
	color:#fff;
}
.pagination p{
	float:left;
	padding:2px 12px;
	font-size:12px;
  
	line-height:24px;
	color:#bbb;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin-right:8px;
}
.pagination p.pageRemark{
	border-style:none;
	background:none;
	margin-right:0px;
	padding:4px 0px;
	color:#666;
}
.pagination p.pageRemark b{
	color:#6060ea;
}
.pagination p.pageEllipsis{
	border-style:none;
	background:none;
	padding:4px 0px;
	color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}



.s_left{
	width: 25%;
}
.s_right{
	width: 80%;
}
.s_left .con{
	width: 100%;
    box-shadow: 0 3px 10px #6060ea;
    box-sizing: border-box;
    padding: 20px 20px 60px 20px;
    text-align: left;
	margin-left: 1px;
}
.s_left .tit{
	font-size: 17px;
    padding-bottom: 10px;
}
.s_left .point{
	height: 36px;
    line-height: 36px;
    width: 100%;
    border: 1px solid #6060ea;
    color: #6060ea;
    text-align: center;
    margin: 10px auto;
	cursor: pointer;
}
.s_left .bold{
	font-weight: 700;
}
.s_left .bold.ts{
	width: 100%;
    border-top: 1px solid #707070;
    padding: 10px 0;
}
.s_left .inp{
	background: #f5f5f5;
    height: 30px;
    line-height: 27px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 10px 0;
	border: 0;
	width: 100%;
}
.r-head{
	width: 100%;
    text-align: left;
    height: 39px;
    border-bottom: 2px solid #6060ea;
    margin-bottom: 30px;
}
.r-head span b{
	color: #6060ea;
	padding: 0 2px;
	font-size: 16px;
}
.r-body ul {
	padding: 0;
	margin: 0;
}
.r-body ul li{
	float: left;
	width: 30%;
	margin: 0 1.5% 30px;
	list-style: none;
	position: relative;
	padding: 0;
}

.r-body ul li .xtb{
	position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
	width: 36px;
    height: 36px;
    border: 2px solid #6060ea;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.r-body ul li .xtb img{
	width: 20px;
	height: 20px;
}
.r-body ul li .img{
	width: 100%;
    height: 274px;
	position: relative;
    display: inline-block;
    overflow: hidden;
}
.r-body ul li .img img{
	width: 100%;
    height: 100%;
	vertical-align: top;
	object-fit: cover;
}
.r-body ul li .ms{
	border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-top: -10px;
    height: 50px;
    padding: 10px 20px;
    text-align: left;
    overflow: hidden;
}
.r-body ul li .tit{
	font-size: 11px;
    line-height: 25px;
}
.r-body ul li .tit .hidden{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.r-body ul li .tit1{
	font-weight: 700;
    margin: 15px 0 5px;
}
.r-body ul li .tag{
	width: 61px;
    height: 23px;
    background: #6060ea;
    border: 1px solid #6060ea;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    float: right;
    margin-right: -20px;
    margin-top: -85px;
}
.group{
    width: 100%;
	margin-bottom: 20px;
	margin:  0 auto;
}
.auth_agreen {
	display: inline-block;
	width: 32%;
	margin-top: 10px;
	text-align: center;
}
.auth_agreen a{
    width: 50px;
    display: block;
    color: #777777;
    margin: 0 auto;
    background: #f5f5f5;
    border-radius: 5px;
}
.auth_agreen:last-child{
    tex
}
.auth_agreen .active{
    color: #fff;
    background: #6060ea;
}
.auth_hj {
	display: inline-block;
	width: 45%;
	margin-top: 10px;
	margin-right: 2%;
	font-size: 12px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label>i {
    display: inline-block;
    width: .9375rem;
    height: .9375rem;
    border: .0625rem solid #000;
    background: #fff;
    margin-right: .425rem;
    vertical-align: middle;
}

input[type="checkbox"]:checked+label>i {
    position: relative;
    border: .0625rem solid #6060ea;
    background: #6060ea;
    top: -0.0625rem;
}

input[type="checkbox"]:checked+label>i::before {
    content: '';
    position: absolute;
    width: .25rem;
    height: .5rem;
    color: black;
    border-bottom: .125rem solid #fff;
    border-right: .125rem solid #fff;
    left: 50%;
    top: 22%;
    transform-origin: center;
    transform: translate(-50%, -30%) rotate(40deg);
    -webkit-transform: translate(-50%, -30%) rotate(40deg);
}
.select{
	display: inline-block;
	width: 100%;
	position: relative;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	background-color: #f5f5f5;
	color: #555;
	text-shadow: none;
	border-radius: 4px;
	transition: box-shadow 0.25s ease;
	z-index: 2;
}
.select:hover{
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.select::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #ccc;
	top: 14px;
	right: 10px;
	cursor: pointer;
	z-index: 2;
}
.select select{
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.select select:focus{
	outline: none;
}
  
.s_right{
	margin-left: 20px;
	text-align: right;
}


/* fonts */

.cz-index-banner-container .text .title-2,.cz-index-product-nav a span,.cz-index-product-item .text .top .title-1,.cz-index-introduction-left .item-4 li h2 strong ,.cz-index-news-item .text .view-3,.cz-index-news-item .text .date-1,.cz-top-nav-item p,.cz-recruitment-item .title-1 span,.cz-about-us-right .item-3 li h2 strong,.cz-about-us-right .item-3 li h2 sup,.cz-culture-swiper .cz-culture-item .text .num-1,.cz-culture-nav a,.cz-culture-swiper .cz-culture-item .text .title-2,.cz-history-item .date-1,.cz-history-item .text-2 li p,.cz-honor-nav a strong,.cz-honor-swiper-num strong,.cz-honor-swiper-num span,.cz-honor-swiper-num,.cz-news-top-item .text .data-3 strong,.cz-news-top-item .text .data-3 span,.cz-faq-item .main-2,.cz-product-detail-content .cz-content .title-1 i,.cz-technology-cases-center-left-item .title-1 i,.cz-parameters-item .title-1 i,.cz-technology-patent-swiper .text span{font-family: 'Barlow-Regular',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
.viewmore-3 span,.cz-index-banner-button-next::before,.cz-index-banner-button-prev::before,.cz-title .title-1,.cz-index-product-item .text .bottom .view-4 strong,.cz-footer-content-top-right .tel-2,.cz-banner-top .text .title-1,.cz-contact-item .item strong,.cz-message-text strong,.cz-recruitment-top-text .text-2 strong,.cz-page-trun a span,.cz-page-trun a,.cz-service-item .text-1,.cz-product-detail-right .title-1,.cz-parameters-item .item-4 li strong,.cz-technology-cases-list-item .text-1{font-family: 'Barlow-Bold',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}


.cz-index-banner-container .text .title-1,.cz-index-product-item .text .top .title-2,.cz-product-list-item .text .title-1,.cz-product-item .title-1,.cz-product-detail-right .buttom-4 a,.characteristic-3 .item-4 .text-1,.cz-technology-cases-bottom .item-nav-2 a,.cz-success-case-item .text-3 strong,.cz-service-video-item .text，.cz-message-right-input a,.cz-end-resume a {font-weight: 1000;}



 
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.eot');
	src: local('☺'), url('../fonts/Barlow-Regular.woff') format('woff'), url('../fonts/Barlow-Regular.ttf') format('truetype'), url('../fonts/Barlow-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Light';
	src: url('../fonts/Barlow-Light.eot');
	src: local('☺'), url('../fonts/Barlow-Light.woff') format('woff'), url('../fonts/Barlow-Light.ttf') format('truetype'), url('../fonts/Barlow-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Bold';
	src: url('../fonts/Barlow-Bold.eot');
	src: local('☺'), url('../fonts/Barlow-Bold.woff') format('woff'), url('../fonts/Barlow-Bold.ttf') format('truetype'), url('../fonts/Barlow-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

 



@media screen and (max-width: 5120px) {
 
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
 
}
@media screen and (max-width: 1680px) {
 
}
@media screen and (max-width: 1600px) {	
	
}
@media screen and (max-width: 1500px) {	
 
}
@media screen and (max-width: 1440px) {
	.cz-index-banner-container .text .title-1 {font-size: 50px;}
	.cz-index-banner-container .text .title-2 {font-size: 18px;}
	.cz-index-product-nav a strong {font-size: 17px;}
	.cz-index-product-nav a span {font-size: 12px;}
	.cz-index-product-item .text .top .title-2 {font-size: 30px;}
	.cz-title .title-1 {font-size: 44px;line-height: 44px;}
	.cz-title .title-2 {font-size: 28px;}
	.cz-index-introduction-left .text-3 {font-size: 14px;line-height: 28px;padding: 30px;width: 70%;}
	.cz-index-introduction-left .viewmore-3 {padding: 10px 30px;}
	.cz-index-introduction-left .item-4 li {padding: 2% 5%;}
	.cz-index-introduction-left .item-4 li p {font-size: 14px;margin: 5px 0;}
	.cz-index-cooperative-customers-top a {width: 200px;height: 200px;}
	.cz-index-cooperative-customers-top a.item1 {margin-left: -100px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item2 {margin-left: -100px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item3 {margin-left: -255px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item4 {margin-right: -255px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item5 {margin-left: -410px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item6 {margin-left: -410px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item7 {margin-right: -410px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item8 {margin-right: -410px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item9 {margin-left: -565px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item10 {margin-right: -565px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a img.img-center {max-width: 60%;}
	.cz-index-news-item .text .title-2 {font-size: 16px;line-height: 26px;min-height: 100px;}
	.cz-top-nav-item strong,.characteristic-3 .item-4 .text-1,.cz-success-case-item .title-4,.cz-success-case-item .text-3 strong,.cz-technology-cases-list-item .text-2 strong,.cz-service-video-item .text {font-size: 17px;}
	.cz-service-content .text-1,.cz-culture-swiper .cz-culture-item .text .title-2,.cz-news-top-item .text .title-1 {font-size: 18px;}
	.cz-product-item .title-1 {font-size: 18px;line-height: 30px;}
	.cz-top-nav-item.num2 {width: 40%;left:30%;}
	.cz-top-nav-item.num3 {width: 60%;left:20%;}
	.cz-top-nav-item.num4 {width: 80%;left:10%;}
	.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
	.cz-product-list {width: 80%;}
	.cz-product-detail-right .title-1,.cz-news-detail-content .title-1 {font-size:30px;}
	.cz-product-detail-right .title-2 {font-size: 24px;}
	.cz-product-detail-right .text-3 {padding: 20px 0;margin-top: 20px;font-size: 14px;line-height: 26px;}
	.cz-product-detail-right {padding: 0 0 0 5%;}
	.cz-product-detail-right .buttom-4 a {height: 50px;line-height: 50px;}
	.characteristic-3 .item-4 .text-3 {font-size: 12px;line-height: 22px;}
	.cz-technology-advantages-right {width: 50%;padding: 0 0 0 0;}
	.cz-technology-advantages-right .text-1,.cz-technology-cases-center-left-item .text-2,.cz-about-us-right .introduction-1 {font-size: 14px;line-height: 28px;}
	.cz-technology-advantages {padding: 150px 0 80px 0;}
	.cz-technology-cases-center-right .img { height: 500px;margin-top: 50px;}
	.cz-technology-cases-center {padding: 0px 0 0 0;}
	.cz-parameters-item .item-4 li p,.cz-success-case-item .text-3,.cz-honor-list-swiper .honor .text {font-size: 14px;}
	.cz-parameters-item .item-4 li strong,.cz-technology-patent-swiper .text strong {font-size: 17px;}
	.cz-technology-patent-swiper .text {padding: 10% 5% 0 5%;}
	.cz-technology-cases-bottom .item-nav-2 a {font-size: 16px;}
	.cz-service-item .text .title-2 strong {font-size: 28px;}
	.cz-service-item .text .item-3 li {padding: 5px 10px;}
	.cz-service-item .text .item-3 li::before {top: 14px;}
	.cz-service-item .text {bottom: 10%;left: 10%;}
	.cz-service-video-nav a {font-size: 20px;}
	.cz-faq-item .title-1 {padding: 2% 8%;}
	.cz-faq-item .main-2 {padding: 4% 6.2%;}
	.cz-about-us-right {margin: 0 30px 0 0;}
	.cz-culture-swiper .cz-culture-item .img { width: 65%;}
	.cz-culture-nav {right: 5%;}
	.cz-news-top-item .text {padding:4% 5%;}
	.cz-culture-swiper .cz-culture-item .text {right: 5%;}
	.cz-news-top-item .text .title-1::after {margin:20px 0;}
	.cz-contact-us-left {top: 30%;}
	.cz-contact-item .item {padding: 30px 0 ;}
	.cz-message-left { width: 35%;}
	.cz-recruitment .adapt-mobile-x {width: 100%;overflow:auto;}
	.cz-recruitment .cz-content {width: 1200px;}
}
@media screen and (max-width: 1366px) {
	.cz-footer-content-top-left ul li a {font-size: 13px;}
	.cz-technology-patent-swiper .text strong,.cz-technology-patent-swiper .text span {font-size: 14px;}
	.cz-about-us-right {margin: 0;width: 45%;}
	.cz-about-us-right .introduction-1 {margin: 30px 0px 30px 30px;}
	.cz-footer-content-top-left ul {width: 12%;}
	.cz-recruitment .adapt-mobile-x {width: 100%;overflow:auto;}
	.cz-recruitment .cz-content {width: 1200px;}
}
@media screen and (max-width: 1280px) {
	.cz-index-introduction-left .text-3 {font-size: 12px;line-height: 24px;}
	.cz-index-introduction-left .item-4 li h2 strong {font-size: 34px;vertical-align: super;}
	.cz-index-introduction-left .item-4 li p {margin: 0;}
	.cz-index-news {padding: 100px 0 70px 0;}
	.cz-detail-content .parameter-2 .item-3 li,.cz-top-nav-item strong{font-size: 14px;}
	.cz-product-detail-content .cz-content {width:90%;}
	.cz-culture-swiper .cz-culture-item .img {width: 70%;}
	.cz-culture-nav {right: 0;}
	.cz-recruitment .adapt-mobile-x {width: 100%;overflow:auto;}
	.cz-recruitment .cz-content {width: 1200px;}
}
@media screen and (max-width: 1152px) {
 
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 640px) {
	.cz-menu-toggle,.mbshow {display: block!important;}
	.cz-index-banner .cz-index-banner-progress-bar,.cz-index-banner-button-next,
	.cz-index-banner-button-prev,.cz-header-nav-show,.pcshow,.cz-header::after {display: none!important;}
	#cd-nav-container {background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
	#cd-nav-container.is-visible{-webkit-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;}
	.cz-header .cz-content nav {float: none;padding-right: 0px;}
	.cz-header .cz-content {padding: 0;width: 100%;}	
	.cz-logo {left: 2%;top: 1%;margin-top: 0;z-index: 100;position: fixed;width: 140px;height: 58px;}
	.cz-header-nav {padding-top:20%;}
	.cz-header-nav li {display:block;padding: 3% 0;text-align: center;}
	.cz-header-nav li a::after {display: none;}
	.cz-header-nav li a {font-size: 18px;padding: 1% 0;font-weight: bold;color: #fff!important;}
	.cz-header.scroll-top .cz-content::after {top: 0;}
	.cz-header.scroll-top .cz-menu-toggle span,.cz-header.scroll-top .cz-menu-toggle span::after,.cz-header.scroll-top .cz-menu-toggle span:before,.detail .cz-menu-toggle span:before,.detail .cz-menu-toggle span::after,.detail .cz-menu-toggle span {background: #000;}
	.no-touch .cz-header.scroll-top .cz-menu-toggle span,.no-touch .cz-header.scroll-top .cz-menu-toggle span::after,.no-touch .cz-header.scroll-top .cz-menu-toggle span:before,.detail.no-touch .cz-menu-toggle span,.detail.no-touch .cz-menu-toggle span::after,.detail.no-touch .cz-menu-toggle span::before{background: #fff;}
	.no-touch .cz-header.scroll-top .cz-logo img.default {display: block;}
	.no-touch .cz-header.scroll-top .cz-logo img.hover  {display: none;}
	.cz-header.scroll-down .cz-logo,.cz-header.scroll-down .cz-menu-toggle {top: -100px;}
	
	.no-touch html,.no-touch body{overflow: hidden;height: 100%;}
	.cz-footer-content-top-left,.cz-footer-content-top-right {float: none;width: 100%;margin-left:0px;margin-right: 0;text-align: left;clear: both;}
	.cz-footer-content-top-left ul{float: none;width: 100%;margin-right:0;}
	.cz-footer-content-top-left ul h3 {padding: 10px 0;}
	.cz-footer-content-top-left ul li {display: none;}
	.cz-footer-content-top-right {padding-top: 40px;}
	.cz-footer-content-top-right .link-4 {text-align: left;}
	.cz-footer-content-top-right .link-4 a {margin-left: 0;margin-right: 5px;}
	.cz-footer-content-bottom {margin: 0px 0px 0px 0px;}
	.cz-footer-content-bottom a.niego {position: relative;right: auto;top: auto;}
	
	.cz-index-banner-container .text {width: 90%;top: 33%;left: 5%;margin: 0;}
	.cz-index-banner-container.center .text {left:5%;margin-left:0px;}
	.cz-index-banner-container .text .title-1 {font-size: 30px;}
	.cz-index-product .cz-content {margin: 100px auto;}
	.cz-index-product-left {width:100%;position: relative;}
	.cz-title .title-1 {font-size: 34px;line-height: 34px;}
	.cz-title .title-2 {font-size: 24px;}
	.cz-index-product-nav {margin-top: 30px; margin-left: 0px;}
	.cz-index-product-right,.cz-index-introduction-right {float: none;width: 100%;}
	.cz-index-product-item .text .bottom .text-3 {display: none;}
	.cz-index-product-item .text .top .title-2 {font-size: 24px;}
	.cz-index-product-item .text .top .title-1 {font-size: 18px;}
	.cz-index-product-item .text .bottom .view-4 {padding-top: 20px;}
	.cz-index-introduction-left {position: relative;left: auto; bottom:auto;width:90%;padding: 5%;margin-top:50px;}
	.cz-index-introduction-left .text-3 {padding: 30px 0;width: 100%;}
	.cz-index-introduction-left .viewmore-3 {padding: 10px 0px;}
	.cz-index-introduction-left .item-4 {margin: 30px 0px 30px 0px;}
	.cz-index-introduction-left .item-4 li i {position: relative;right: auto;top: auto;}
	.cz-index-introduction-left .item-4 li {padding: 7% 5% 3% 5%;}
	.cz-index-introduction-left .item-4 li h2 strong {font-size: 34px;}
	.cz-index-cooperative-customers-top {text-align: center;padding-top:30%;}
	.cz-index-cooperative-customers-top a {width: 100px;height: 100px;position: relative;display: inline-block;right: auto!important;top: auto!important;left: auto!important;margin: 0;}
	.cz-index-cooperative-customers-top a {margin-left:auto!important;margin-top:auto!important;margin-right:auto!important;}
	.cz-index-news {padding: 90px 0 70px 0;}
	.cz-index-news-nav {position: relative;right: auto;bottom: auto;margin: 30px 0;}
	.cz-index-news-bottom {padding-top:0px;margin-left:0px;}
	.cz-index-news-more {margin: 30px 0px;}
	.cz-index-news-item {float: none;width:100%;margin-right: 0;margin-bottom: 20px;}
	
	.cz-banner-top .img {height: 400px;}
	.cz-banner-top .text .title-1 {font-size: 30px;}
	.cz-top-nav-item.num4 {width:90%;left: 5%;top: -103px;}
	.cz-top-nav-item.num4::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num4 a {width: 50%;}
	.cz-top-nav-item i {width: 40px;position: relative;right: auto;top: auto;margin-top: auto;}
	.cz-top-nav-item p {display: none;}
	.cz-top-nav-item strong {font-size: 14px;text-align: center;}
	.cz-top-nav-item a {padding: 5%;}
	.cz-top-nav-item.num6 {width: 90%;width: calc(90% - 0px);left: 5%;margin:0px;top: -103px;}
	.cz-top-nav-item.num6::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num6 a {width: 33.3333333%;padding: 5%;box-sizing: border-box;}
	.cz-top-nav-item.num6 a strong {padding-top: 0px;}
	.cz-top-nav-item.num6 a i { margin-left:0px;left: auto;margin: auto;top: auto;}
	.cz-top-nav-item.num6 a:nth-child(3)::after,.cz-top-nav-item.num4 a:nth-child(2)::after {display: none;}
	.cz-top-nav-item.num3 {width: 90%;left: 5%;text-align: center;}
	.cz-top-nav-item.num2 {width: 90%;left:5%;}
	.cz-top-nav-item.num2 a {width: 40%;padding:5%;}
	.cz-top-nav-item i {margin: auto;}
	.cz-top-nav-two {display: none!important;}
	.cz-product-list {width: 90%;}
	.cz-product-item {margin: 1% auto 40px auto;}
	.cz-product-item .img {float: none;width: 100%;margin-bottom: 0px;}
	.cz-product-item .text {width: 100%;padding: 5% 10%;position: relative;left: auto;bottom: auto;box-sizing: border-box;border-top:none;}
	.cz-product-item .title-1 {font-size: 20px;line-height: 30px;padding: 20px 0;}
	.cz-product-detail {padding: 70px 0 100px 0;}
	.cz-product-detail .cz-content {width: 90%;width: calc(90% - 0px);padding: 0 0px;}
	.cz-product-detail-left,.cz-product-detail-right {width: 100%;float: none;}
	.cz-product-detail-swiper .swiper-button-next, .cz-product-detail-swiper .swiper-button-prev {display: none;}
	.cz-product-detail-right {padding: 5% 0 ;}
	.cz-product-detail-right .buttom-4 a {width: 80px;}
	.cz-popup-window-content.cz-video { width: 100%; height: 100%; margin-top: auto;}
	.cz-popup-video {height: 100%;}
	.cz-product-detail-content .cz-content {width: 90%;}
	.cz-detail-content {margin: 0;}
	.cz-detail-content .parameter-2 .item-3:first-child li {font-size: 17px;}
	.cz-detail-content .parameter-2 .item-3 li {font-size: 14px;width: 60%;}
	.characteristic-3 .item-4 {width: 100%;float: none;margin-bottom: 20px;}
	.characteristic-3 .item-4 .text-1 {padding: 10px 0 20px 0;}
	.characteristic-3 .item-4 .text-2 {padding: 20px 0 ; height: auto;}
	.characteristic-3 .item-4 .text-3 {max-height: none;padding-right: 0px;}
	.cz-technology-advantages-left {position: relative;float: none;width: 100%;margin-left: 0px;}
	.cz-technology-advantages-right {width: 100%;padding: 5% 0 0 0;float: none;}
	.cz-technology-advantages-right .text-1 { margin: 30px;padding: 30px 0 0px 0;}
	.cz-technology-cases-top strong,.cz-parameters-item .title-1 {font-size: 20px;}
	.cz-technology-cases {padding: 100px 0 80px 0;}
	.cz-technology-cases-center-left,.cz-technology-cases-center-right,.cz-technology-cases-bottom-left,.cz-technology-cases-bottom-right,.cz-success-case-item .item-2,.cz-service-item .cz-service-item-left,.cz-service-item .cz-service-item-right{ width: 100%;float: none;}
	.cz-technology-cases-center-right .img {height: auto;}
	.cz-technology-cases-center-right .img  img.img-center {position: relative;max-width: 80%;}
	.cz-parameters-item .item-4 li,.cz-parameters-item .item-4.num3 li {vertical-align: top;width: 100%;}
	.cz-technology-patent-swiper .img {float: none;width: 100%;}
	.cz-technology-patent-swiper .text {float: none;width:90%;padding: 15% 5% 5% 5%;text-align: center;}
	.cz-technology-patent-swiper .text span::after {left: 50%;margin-left: -15px;}
	.cz-technology-section .img img.img-block{width: 300%;max-width: 300%;}
	.cz-technology-section .top .title-2 {font-size: 26px;width: 90%;margin: auto;}
	.cz-technology-cases-swiper {margin-top: 40px;}
	.cz-technology-cases-list {padding-top: 50px;}
	.cz-technology-cases-list-item {float: none;width: 100%;padding-top: 110px;margin-right:0;}
	.cz-service-content .text-1 {margin: 0;font-size: 16px;line-height: 30px;}
	.cz-service-content .item-3 {margin: 30px 0;}
	.cz-service-content .item-3 .linex {width: 30px;}
	.cz-service-list .cz-content {width: 100%;}
	.cz-service-item { margin: 0 0px 20px 0px;}
	.cz-service-item-right {padding: 5%;width: 90%!important;}
	.cz-service-item .cz-service-item-right,.cz-service-item .text-1,.cz-service-item .text {position: relative;right: auto;top: auto;bottom: auto;left:auto;height: auto;float: none!important;clear: both;}
	.cz-service-list .cz-service-item:nth-child(1),.cz-service-list .cz-service-item:nth-child(2),.cz-service-list .cz-service-item:nth-child(3) {background-size: 50%;}
	.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-right {left: auto;}
	.cz-service-item .text{width: 100%;padding-bottom: 50px;}
	.cz-service-video-nav,.cz-service-video-list,.cz-faq-item {margin: 30px 0;}
	.cz-service-video-nav a {font-size: 16px;margin-right: 30px;}
	.cz-service-video-item {float: none;width: 100%;margin: 1% 0 2% 0;}
	.cz-faq-item .title-1 {padding: 7% 20%;font-size: 16px;}
	.cz-faq-item .main-2 .text-1::before {display: none;}
	.cz-about-us {padding:80px 0 110px 0;}
	.cz-about-us-left {float: none;width: 100%;margin-left: 0px;}
	.cz-about-us-right,.cz-news-list {float: none;width: 100%;margin: 30px 0;}
	.cz-about-us-right .item-3 li h2 strong {font-size: 34px;vertical-align: top;}
	.cz-about-us-right .item-3 li {padding: 0;width: 33%;text-align: center;}
	.cz-about-us-right .item-3 li i {margin: auto;}
	.cz-culture-nav {position: relative;width: 100%;height: 90px;right: auto;top: auto;}
	.cz-culture-swiper {margin: 50px 0 0 0;}
	.cz-culture-swiper .cz-culture-item {padding-bottom: 0;}
	.cz-culture-swiper .cz-culture-item .img {width: 100%;float: none;}
	.cz-culture-swiper .cz-culture-item .text {position: relative;left: auto;right: auto;top: auto;bottom: auto;width: 90%;padding: 5%;}
	.cz-history {padding: 100px 0 50px 0;}
	.cz-honor-nav {text-align: left;float: none;clear: both;padding-top: 30px;}
	.cz-honor-nav a {padding: 10px 0px;width: 32%;box-sizing: border-box;margin: 0;}
	.cz-honor-content{margin: 0;padding: 50px 0;}
	.cz-honor-next, .cz-honor-prev {bottom: 10px;}
	.cz-honor-progressbar {width: 100%!important;}
	.cz-news-top {padding: 100px 0 80px 0;margin: 0;}
	.cz-news-top-item .img {float: none;width: 100%;}
	.cz-news-top-item .text {width: 100%;height: auto;position: relative;right: auto;top: auto;padding: 5%;}
	.cz-news-top-item .text .data-3 {position: relative;left: auto;bottom: auto;margin-top: 30px;}
	.cz-news-top-item .text .more-4 {right:7%;bottom: 7%;}
	.cz-news-list {padding: 50px 0 40px 0;}
	.cz-news-list .cz-index-news-item {width: 100%;}
	.cz-news-detail {margin-top: 40px;}
	.cz-news-detail-content {padding: 5% 0;width: 100%;}
	.cz-news-detail-content .title-1 {font-size: 24px;}
	.cz-news-detail-content .detail-3 {font-size: 14px;}
	.cz-contact-us-left {width: 90%;}
	.cz-contact-item .item {padding: 15px 0;}
	.cz-contact-item .item .text-1,.cz-contact-item .item.item-1 .text-2,.cz-contact-item .item .text-2,.cz-message-left,.cz-message-right,.cz-message-right-input li {float: none;width: 100%;text-align: left;}
	.cz-contact-item .item strong {font-size: 14px;}
	.cz-contact-us img.img-block {width: 400%;max-width: 400%;}
	.cz-contact-us .map,.cz-mouse-drag {display: none;}
	.cz-message-right-input {margin: 30px;}
	.cz-message .cz-content {padding: 100px 0 50px 0;}
	.cz-technology {overflow: hidden!important;}
	body .cz-technology:nth-child(2) {padding-bottom: 150px;}
	.cz-technology-advantages {padding: 0px 0 80px 0;}
	.cz-history-swiper .swiper-slide-active .cz-history-item{opacity: 1;}
	.cz-history-swiper .swiper-slide-active .cz-history-item .date-1 i {background: #fff;}
	.cz-history-swiper .swiper-slide-active .cz-history-item .date-1 i::before {background: #fff;}
	.cz-honor .cz-content {padding:70px 5% 5% 5%;}
	.cz-product-item .viewmore-3 {border: none;padding: 15px 0px 20px 0px;}
	.cz-recruitment .adapt-mobile-x {width: 100%;overflow:auto;}
	.cz-recruitment .cz-content {padding: 70px 0 80px 0;width: 1200px;}
	.cz-recruitment-top-text .text-1 {float: none;width: 100%;}
	.cz-recruitment-top-text .text-2 {float: none;padding-top: 20px;}
	.cz-recruitment-item .title-1 {text-align: left;padding: 5%;}
	.cz-recruitment-item .title-1 span  {padding: 3px 0;width: 50%;}
	.cz-recruitment-item .title-1 span:first-child {font-weight: bold;border-bottom: 1px solid #e6e8ed;margin-bottom: 10px;display: block;width: 100%;padding: 3px 0;padding-bottom: 15px;}
	.cz-recruitment-item:first-child .title-1,#cz-indexbg {display: none;}
	.cz-end-resume {position: relative;right: auto;bottom: auto;}
	.cz-popup-window-content {background: #fff;width: 90%;height: 90%;padding: 15% 5% 5% 5%;overflow: hidden;margin: auto;margin-top: 0;position: relative;}
	.cz-recruitment-item .main-2 p,.cz-recruitment-item .main-2 {font-size: 14px;}
	.cz-recruitment-list {margin:0;}
	.cz-index-product .cz-content {position: relative;left: auto;top: auto;}
	.cz-index-product-nav {width: calc(100% - 0px);}
	.cz-banner-top .img {animation:none;}
	#cz2 .cz-technology-advantages {padding: 80px 0;}
	.cz-about-us-right .introduction-1 {margin: 30px;}
	.cz-about-us-right .item-3 li::after {right: 0;}

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

}