@charset "utf-8";
@font-face {
    font-family: "fzltxh10";
    src: url("../font/fzltxh10.TTF");
}
@font-face {
    font-family: "hyk2gj";
    src: url("../font/hyk2gj.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"fzltxh10";color: #000;}
input,textarea{ border:none;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
h3{font-family:"Microsoft YaHei";font-weight: bold;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
.relative{position: relative;}
.pc-show{display: block;}
.wap-show{display: none;}
.img100 img{width: 100%;vertical-align: bottom;}
.w1560{width: 1560px;margin: 0 auto;}
.w1500{width: 1500px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w1040{width: 1040px;margin: 0 auto;}
p{line-height: 1.6em;}
.text-center{text-align: center;}
.padding-tb40{padding: 40px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.overhide{overflow: hidden;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.max100 img{max-width: 100%;vertical-align: bottom;}
.margin-top40{margin-top: 40px;}
.margin-top60{margin-top: 60px;}
.margin-top80{margin-top: 80px;}
.max1920{max-width: 1920px;margin: 0 auto;}
body{padding-top: 86px;}
.w800{width: 800px;margin: 0 auto;}
/*index*/
.gy{padding: 20px 0;}
.pagination1{position: absolute;z-index: 9;bottom:30px;left: 0;width: 100%;text-align: center;}
.pagination1 .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;}
.line1{height: 1px;background: url("../images/line1.png") no-repeat center;background-size: cover;position: relative;}
.line1 div{position: absolute;width: 200px;height: 6px;background: #0087ff;top:50%;left: 50%;margin-left: -100px;margin-top: -3px;}
.gy-warp{border:1px solid #dfdfdf;margin-top: 15px;background: #e9ecee;}
.cplm{border-right: 1px solid #dfdfdf;width: 30%;box-sizing: border-box;background: url("../images/bg1.jpg") no-repeat center bottom;background-size: cover;padding: 30px 0;}
.cplm h2{text-align: right;margin-right: 70px;color: #2b75b6;font-size: 35px;font-weight: bold;position: relative;font-family:"Microsoft YaHei";}
.cplm h2:after,.cplm-list h3:after{content: '';position: absolute; height: 100%;top:0;right: -15px;border-right: 2px solid #2b75b6;}
.cplm-list{margin-right: 70px;text-align: right;margin-top: 35px;}
.cplm-list li{margin-bottom: 15px;cursor: pointer;}
.cplm-list h3{font-size: 22px;color: #2b75b6;position: relative;margin-bottom: 8px;font-family:"fzltxh10";}
.cplm-list p{font-size: 18px;color: #8a8a8a;}
.cplm-list li.active h3{font-size: 27px;}
.gyrl{width: 70%;}
.gyrl-warp{padding-left: 45px;}
.gyrl-page{display: none;}
.gyrl-page.active{display: block;}
.gyrl-top{margin: 30px;}
.gyrl-top h4{font-size: 40px; color: #242424;font-family:"Microsoft YaHei";}
.gyrl-top h4 span{font-size: 20px; color: rgba(36,36,36,.5);}
.gyrl-text p{position: relative;font-size: 19px; color: #777;padding-left: 22px;margin-top: 15px;}
.gyrl-text p:before{content: "";width: 10px;height: 10px;background: #828282;border-radius: 100%;top:10px;left: 0;position: absolute;}
.gy-img{margin-right: 5px;margin-top: 47px;}
.gy-icon li{width: 68px;border-radius: 100%;overflow: hidden;position: absolute;right: -34px;}
.gy-icon li img{border-radius: 100%;}
.gy-icon li:nth-child(1){bottom:388px;}
.gy-icon li:nth-child(2){bottom:200px;}
.gy-icon li:nth-child(3){bottom:10px;}
.title74 h3{font-size: 74px;margin-bottom: 30px;}
.title74 span{display: block;text-transform: uppercase;font-size: 38px;}
.title74 .i{width: 120px;height: 10px;background: #444;margin: 0 auto;}
.title-fff h3{color: #fff;}
.title-fff span{color: rgba(255,255,255,.41);}
.title-fff .i{background: #fff;}
.technical{height: 657px;}
.advantages{padding: 20px 0;}
.advantages-warp{padding: 50px 50px 0;margin-top: -293px;background:#fff;box-shadow: 0 0 18px 0 rgba(92, 92, 92, 0.32);}
.advantages{border-top: 1px solid #fff;}
.advantages-warp li{float: left;width: 20%;text-align: center;margin-bottom: 60px;}
.advantages-warp img{max-width: 60%;}
.advantages-warp p{margin: 10px 5px;color: #333;}
.renlian{height: 812px;}
.renlian-top h3{margin: 10px 0;}
.renlian-top img{max-width: 100%;}
.product{padding: 20px 0;}
.product-warp{padding: 47px 35px 0;background: #fff;margin-top: -460px;box-shadow: 0 0 18px 0 rgba(92, 92, 92, 0.32);}
.product-warp li{float: left;width: 30%;margin-right: 5%;text-align: center;margin-bottom: 20px;}
.product-warp li:nth-child(3n){margin-right: 0;}
.product-warp .img100{border:1px solid #b2c6ff;}
.product-warp p{font-size: 22px;font-family:"Microsoft YaHei";margin-top: 10px;height: 3.2em;}
.product-warp li:hover p{color: #2b75b6;}
/*.footer{font-size: 16px;}*/
/*.footer-top{background: #434343;padding: 40px 0;color: #fff;}*/
/*.f-lxwm{width: 210px;}*/
/*.footer-title{font-size: 18px;margin-bottom: 15px;}*/
/*.f-lxwm-top strong{display: block;color: #fff;font-size: 24px;}*/
/*.adrees{position: relative;padding-left: 46px;margin-top: 20px;line-height: 1.6em;}*/
/*.adrees span{position: absolute;top:0;left: 0;}*/
/*.f-lxwm-bot{margin-top: 52px;}*/
/*.f-lxwm-bot a{color: #fff;text-decoration: underline;}*/
/*.wzdh{margin:0 180px;position: relative;}*/
/*.wzdh:before{content: '';position: absolute;border-left: 1px solid #e6e6e6;height: 200px;top:26px;left: -66px;}*/
/*.wzdh:after{content: '';position: absolute;border-right: 1px solid #e6e6e6;height: 200px;top:26px;right: -66px;}*/
/*.guide li{float: left;margin-right: 20px;}*/
/*.guide li p{margin-top: 3px;}*/
/*.guide li:last-child{margin-right: 0;}*/
/*.guide li a{color: #fff;}*/
/*.jrwm{display: block;width: 90px;line-height: 30px;border:1px solid #fff;text-align: center;color: #fff;border-radius: 4px;margin-top: 30px;}*/
/*.footer-code{text-align: center;}*/
/*.code{width: 135px;margin: 10px auto;}*/
/*.footer-code p{color: #fff;}*/
/*.footer-bot{background: #222;text-align: center;padding: 15px 0;}*/
/*.footer-bot span,.footer-bot a{color: #fff;font-family: "宋体";display: inline-block;margin: 0 2px;}*/
/*.footer-bot a{color: #fff;}*/


/*hader start*/
header{position: fixed;width: 100%;height: 86px;background: #fff;top: 0px;left: 0px;z-index: 999;font-family: "Microsoft YaHei", arial;}
.header-box{min-width: 930px;}
.header-box-r{float: right;}
.header-box .logo{float: left;overflow: hidden;margin-top: 18px;margin-bottom: 15px;}
.header-box .logo a{display: block;width: 257px;height: 53px;}
.header-box .logo img{width: 100%;height: 100%;float: left;}
.header-box-top{height: 29px;text-align: right;padding: 6px 0px;position: relative;z-index: 5;background: #fff;padding-right: 30px;margin-right: -30px;}
.h-box-search{height: 21px;background: #d3d3d3;display: inline-block;overflow: hidden;position: relative;vertical-align: top;margin-top: 1px;margin-right: 1px;}
.h-box-search .search-txt{height: 21px;line-height: 19px;width: 133px;font-size: 13px;text-align: center;border: none;background: none;float: left;font-family: "Microsoft YaHei", arial;}
.h-box-search .search-txt:focus{width: 180px;}
.h-box-search .search-box{height: 21px;width: 26px;background: url(../images/main.png) no-repeat;background-position: -4px -5px;overflow: hidden;position: absolute;right: 0px;top: 0px;}
.h-box-search .search-submit{display: block;height: 21px;width: 26px;background: none;cursor: pointer;text-indent: -1000px;border: none;}
.ch-city{height: 23px;background: url(../images/main.png) no-repeat;background-position: -44px -4px;width: 156px;display: inline-block;vertical-align: top;position: relative;margin-right: 2px;}
.ch-city-box{border: 1px solid #e5e5e5;height: 21px;line-height: 21px;float: left;margin-left: 31px;width: 124px;background: #fff;margin-top: 1px;}
.ch-city-box span{color: #a6a6a6;font-size: 13px;cursor: pointer;height: 21px;line-height: 19px;display: block;padding-left: 12px;text-align: left;font-family: "Microsoft YaHei", arial;}
.login-box{border: 1px solid #e5e5e5;height: 21px;line-height: 21px;vertical-align: top;background: url(../images/main.png) no-repeat;background-position: -1px -35px;display: inline-block;width: 113px;margin-top: 1px;position: relative;}
.login-box span {color: #6c6c6c;display: block;font-size: 12px;text-align: center;width: 100%;text-indent: 6px;line-height: 21px;cursor: pointer;background: url(../images/main.png) no-repeat;background-position: 83px -63px;}
.ch-city.toggle-boxs .toggle-box{position: absolute;width: 124px;top: 23px;text-align: center;right: -1px;border: 1px solid #e5e5e5;border-top: 0px;overflow: hidden;display: none;}
.login-box.toggle-boxs .toggle-box{position: absolute;width: 100%;top: 21px;text-align: center;left: -1px;border: 1px solid #e5e5e5;border-top: 0px;overflow: hidden;display: none;}
.toggle-boxs:hover .toggle-box{display: block;}
.toggle-boxs .toggle-box a{display: block;font-size: 12px;color: #6c6c6c;line-height: 26px;background: #fff;}
.ch-city.toggle-boxs .toggle-box a{text-align: left;text-indent: 19px;}
.toggle-boxs .toggle-box a{border-top: 1px solid #e5e5e5;}
.toggle-boxs .toggle-box a:hover{background: #e5e5e5;color: #fff;}
.header-nav{text-align: center;margin-right: -26px;}
.header-nav-box{display: inline-block;position: relative;}
.header-nav-box.active .header-nav1{color: #0073c0;}
.header-nav-box.active .header-nav1:after{background: #0073c0;width: 96px;}
.header-nav1{font-size: 14px;color: #2c2c2c;text-align: center;width: 111px;display: block;height: 35px;line-height: 35px;background: #fff;position: relative;z-index: 2;padding-bottom: 5px;overflow: hidden;}
.header-nav1:after{width: 96px;height: 5px;background: #fff;margin: auto;display: block;content: '';transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.header-nav-box:hover .header-nav-box2{top: 40px;}
.header-nav-box:hover .header-nav1{color: #0073c0;}
.header-nav-box:hover .header-nav1:after{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;background: #0073c0;}
.header-nav-box2{position: absolute;width: 96px;left: 50%;margin-left: -48px;top: -1000%;background: url(../images/header-nav-box2s.png);}
.header-nav-box2 a{display: block;line-height: 35px;text-align: center;font-size: 13px;color: #0073c0;border-top: 1px solid #0073c0;}
.header-nav-box2 a:hover{background: #0073c0;color: #fff;}
/*hader end*/


/*footer*/
.max-box{max-width: 1040px;margin-left: auto;margin-right: auto;padding-left: 12px;padding-right: 12px;}
footer{overflow: hidden;  background: #2f363a;  position: relative;  z-index: 20;}
.footer-box{padding-top: 28px;  padding-left: 5px;  padding-right: 5px;  min-width: 960px;  position: relative;}
.footer-box1{overflow: hidden;  display: inline-block;  width: 130px;  vertical-align: top;}
.footer-box1 img{width: 136px;  float: left;}
.footer-box1 a{display: block;  overflow: hidden;  background: url(../images/footer-box1.png) no-repeat center bottom;  padding-bottom: 2px;}
.footer-box2{display: inline-block;overflow: hidden;vertical-align: top;width: 400px;margin-top: 10px;margin-left: 10px;}
.footer-box2 .fb-li{display: block;  overflow: hidden;  float: left;  width: 65px;  margin-right: 13px;}
.footer-box2 .fb-li a{display: block;  color: #d0d1d1;  font-size: 12px;  line-height: 18px;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;}
.footer-box2 .fb-li a:hover{color: #fff;  transition: all 0.5s;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  }
.footer-box2 .fb-li .top{display: block;  color: #f8f8f8;  line-height: 20px;  font-size: 14px;  margin-bottom: 15px;}
.footer-box3{overflow: hidden;  display: inline-block;  width: 128px;  margin-top: 12px;  margin-left: 6px;}
.footer-box3 .fx-top{overflow: hidden;text-align: center;margin-bottom: 12px;}
.footer-box3 .fx-box{width: 25px;  line-height: 24px;  height: 24px;  font-size: 12px;  display: block;  color: #a6a6a6;  text-align: center;  background: url(../images/main.png) no-repeat;  padding-top: 27px;  cursor: pointer;  float: left;  margin-right: 8px;}
.footer-box3 .fx-box:hover{color: #0073c0;}
.footer-box3 .fx-box.w{background-position: -10px -217px;}
.footer-box3 .fx-box.qq{background-position: -46px -217px;}
.footer-box3 .fx-box.tm{background-position: -81px -217px;}
.footer-box3 .fx-box.yk{background-position: -116px -217px;}
.footer-box3 .fx-box:hover{background-position-y: -298px !important;}
.fl-ewm{overflow: hidden;  width: 128px;  height: 128px;  margin: auto;}
.fl-ewm img{width: 128px;  height: 128px;  float: left;}
.footer-box4{display: inline-block;  margin-left: 8px;}
.footer-add{overflow: hidden;  display: block;  width: 100%;  padding-top: 18px;}
.footer-add p{font-size: 12px;  color: #a6a6a6;padding-left: 8px;  margin-bottom: 16px;}
footer .cop{overflow: hidden;  height: 60px;}
footer .cop-l{float: left;font-size: 12px;color: #999999;line-height: 24px;height: 24px;margin-top: 18px;}
footer .cop-l span{float: left;margin-right: 15px;}
footer .cop-l img{float: left;margin-top: 6px;}
footer .cop-r{float: right;overflow: hidden;color: #d7d7d7;font-size: 12px;height: 24px;line-height: 24px;margin-top: 18px; }
footer .cop-r a{display: inline-block;  color: #d7d7d7;  font-size: 12px;  margin: 0px 6px;  height: 24px;  line-height: 24px;  cursor: pointer}
footer .cop-r a.active{color: #0073c0;}
.fxqq-box,.fxwx-box,.yq-box{overflow: hidden;  background: #fff;  position: absolute;  width: 100%;  bottom: 318px;  display: none;  z-index: 20;}
.fxwx-box{text-align: center;}
.fxqq-box-center,.yq-box-center{width: 1037px;  overflow: hidden;  margin: auto;  padding: 20px 10px;}
.fxqq-box a{font-size: 14px;  line-height: 26px;  background: url(../images/fxqq-box.png) no-repeat center left;  display: block;  float: left;  padding-left: 30px;  color: #999999;  width: 116px;  margin-right: 32px;  margin-top: 2px;  margin-bottom: 2px;}
.yq-box a{font-size: 14px;line-height: 26px;display: block;float: left;padding-left: 30px;color: #999999;width: 145px;margin-right: 32px;margin-top: 2px;margin-bottom: 2px;}
.fxqq-box a:hover{color: #0073c0;}
.fxqq-box .fxqq7{margin-right: 0px;}
.footer-box .footer-box4{float: right; margin: 10px 30px 0 0}
.footer-box .tongji{position: absolute;border: 1px solid #0f81ce;color: #0f81ce;font-size: 14px;font-family: arial;right: 26px;top: 223px;line-height: 20px;font-weight: bold;padding: 0px 6px;z-index: 2;}
.footer-box3 .fx-box.wx{background-position: -10px -217px;}
.sq-mask{position: fixed;height: 100%;width: 100%;left: 0px;top: 0px;background: url(../images/sq-mask.png);z-index: 20;display: none;}
.sq-box{overflow: hidden;}
.sq-boxs .close{position: absolute;right: -15px;top: -15px;cursor: pointer;width: 30px;height: 30px;background: url("../images/xx.png");border-radius: 100%;-webkit-border-radius: 100%;}
.sq-boxs{width: 720px;background: url(../images/sq-boxs.jpg) no-repeat center center;position: fixed;top: 50%;left: 50%;margin-left: -360px;margin-top: -270px;z-index: 30;display: none;padding-bottom:40px;border-radius: 6px;-webkit-border-radius: 6px;}
.sq-boxs .title{color: #ffffff;font-size: 16px;font-weight: bold;line-height: 24px;text-align: center;margin-top: 40px;margin-bottom: 17px;}
.sq-boxs .txt{text-align: center;font-size: 12px;color: #ffffff;line-height: 20px;margin-bottom: 22px;}
.sq-box-txt{overflow: hidden;}
.sq-box-select{width: 49%;height: 31px;position: relative;background-color: #fff;background-image: url(../images/sq-box-select.jpg);background-repeat: no-repeat;background-position: center right;border: 1px solid #cacfd6;text-align: center;font-size: 13px;color: #828282;line-height: 31px;text-indent: -20px;margin: 0px 1px;box-sizing: border-box;}
.sq-box-select select{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;opacity: 0;cursor: pointer;}
.sq-box-txt{margin-bottom: 8px;}
.sq-box-inputs-img{background: #fff;text-align: center;max-height: 130px;display:none;}
.sq-box-inputs-img img{max-height: 130px;max-width: 100%;}
.sq-box-input{overflow: hidden;}
.sq-boxs-center{width: 500px;margin: 0 auto;}
.sq-box-inputs{overflow: hidden;position: relative;width: 49%;}
.sq-box-inputs label{display: block;width: 73px;position: absolute;top:0;left: 0;text-align: center;font-size: 13px;color: #666;height: 31px;line-height: 31px;}
.sq-box-inputs input{height: 29px;border: 1px solid #cacfd6;line-height: 29px;width: 100%;padding-left: 75px;padding-right: 9px;font-size: 12px;box-sizing: border-box}
.sq-box-input{margin-bottom: 8px;}
.sq-box-inputs textarea {border: 1px solid #cacfd6;line-height: 22px;width: 482px;height: 88px;padding-left: 9px;padding-right: 9px;font-size: 12px;padding-top: 4px;padding-bottom: 8px;float: left;}
.sq-box-bottom{overflow: hidden; margin-top: 2px;}
.sq-box-inputs-long{width: 100%;}
.sq-box-submit{overflow: hidden;width: 265px;height: 31px;line-height: 31px;text-align: center;font-size: 13px;color: #fff;border: none;background: #4f94e7;cursor: pointer;float: left;margin-right: 7px;}
.sq-box-bottom .yzm{width: 77px;height: 29px;border: 1px solid #cacfd6;line-height: 29px;text-align: center;font-size: 12px;float: left;margin-right: 3px;}
.sq-box-bottom .yzm-img{width: 102px;height: 31px;float: left;margin-right: 8px;}
.sq-box-bottom .yzm-sx{float: left;overflow: hidden; font-size: 12px;color: #ffffff;line-height: 16px;cursor: pointer;margin-top: -2px;}
/*footer end*/

/*8200*/
.p8200-1 img{max-width: 90%;}
.p8200-img1{width: 62%;position: absolute;top:0;left: 0;height: 100%;}
.p8200-img2{width: 38%;}
.dgn1{background: #171717;}
.title60{margin-bottom: 80px;}
.title60 span{display: block;text-transform: uppercase;color: #fff;font-family: "hyk2gj";font-size: 32px;font-style: italic;}
.title60 .i{margin: 35px auto;}
.title60 h3{font-size: 60px;color: #fff;margin-bottom: 10px;}
.title60 p{font-size: 25px;color: #fff;}
.dgn1 p{font-size: 30px;}
.dgnList1{width: 88%;margin: 0 auto;}
.dgnList1 li{float: left;width: 10%; padding: 0 1% 20px;border-right: 1px solid #2b3c13;box-sizing: border-box;border-bottom: 1px solid #2b3c13;}
.dgnList1 li img{max-width: 80%;}
.dgnList1 li:nth-child(10n){border-right: none;}
.dgnList1 li:nth-child(11){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(12){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(13){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(14){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(15){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(16){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(17){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(18){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(19){border-bottom: none;padding-bottom: 0;}
.dgnList1 li:nth-child(20){border-bottom: none;padding-bottom: 0;}
.dgnList1 p{color: #fff;font-size: 18px;}
.dgnList1 .i{margin: 25px auto 10px;}
.mjjimg{width: 53%;text-align: right;}
.mjj{padding-top: 100px;}
.mjj-text{width: 45%;}
.i-style{width: 20px;height: 5px;background: #1790f3;}
.mjj-text .i{background: #6fc100;}
.title68 span{display: block;text-transform: uppercase;font-family: "hyk2gj";color: #fff;font-size: 32px;}
.title68 .i{margin: 35px auto;}
.title68 h3{font-size: 68px;color: #fff;margin-bottom: 20px;}
.title68 p{color: #fff;font-size: 25px;}
.tip{background: #fff;color:#000;display: inline-block;font-size: 29px;font-family:"Microsoft YaHei";line-height: 43px;padding: 0 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.xspimg{width: 61%;}
.xsp-top{position: absolute;top:0;left: 0;width: 100%;height: 100%;animation-delay: 500ms !important;}
.text-left{position: absolute;top:0;left: 0;height: 100%;z-index: 3;}
/*.xsp-text{width: 38%;}*/
.xsp-text p{font-size: 23px;}
.xsp-text .i{margin: 35px 0;}
.xsp-text h3{margin-bottom: 0;}
.xsp-text span,.iden-text span{margin-bottom: 30px;}
.xsp{padding-top: 80px;}
.span-blue span{color: #1790f3;}
.iden-text{padding-top: 20px;}
.secend5{width: 448px;}
.secend5 img{width: 100%;vertical-align: bottom;}
.secend5-text{text-align: center;position: absolute;width: 100%;height: 100%;top:0;line-height: 408px;}
.secend5-text span{color: #81ffff;font-family:"Microsoft YaHei";font-weight: bold;}
.secend5-text span:nth-child(1){font-size: 91px;}
.secend5-text span:nth-child(2){font-size: 122px;}
.secend5-text span:nth-child(3){font-size: 72px;}
.iden-top{margin: 0 40px;}
.iden-list{font-size: 0;}
.iden-list li{display: inline-block;text-align: left;margin: 0 30px;}
.iden-list span{font-size: 35px; color: #fff;font-family:"Microsoft YaHei";}
.iden-list p{font-size: 26px; color: #fff;}
.iden-list .i-style{margin: 15px 0;}
.iden-list li:nth-child(2){animation-delay: 300ms !important;}
.iden-list li:nth-child(3){animation-delay: 600ms !important;}
.iden-list li:nth-child(4){animation-delay: 900ms !important;}
.camera{background: #131313;}
.camera-text .i{margin: 40px 0;}
.margin-bot60{margin-bottom: 60px;}
.title60 .margin-bot60{margin-bottom: 60px;}
.camera-text{position: relative;z-index: 3;}
.camera-text .title60{margin-bottom: 0;}
.sxt2{position: relative;height: 462px;}
.sxt2-con{position: absolute;top:0;height: 100%;left: 0;}

.cam{width: 60%;right: -10%;top:0;position: absolute;}
.duoren{background: #f7f7f7;}
.title-black h3{color: #000;}
.title-black p{color: #000;}
.duoren{padding-top: 130px;}
.duoren-img{width: 70%;margin-right: -10%;animation-delay: 300ms !important;}
.duoren-text{position: absolute;left: 0;top:0;height: 100%;z-index: 5;}
.duoren-text .title60{margin-bottom: 0;}
.duoren-text h3{margin: 30px auto 0;}
.imgscale .img100{overflow: hidden;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.cpu-l{position: absolute;width: 50%;height: 100%;top:0;left: 0;}
.cpu-r{width: 50%;position: relative;z-index: 5;}
.cpu{background: #000;color: #fff;padding: 40px 0;}
.cpu-warp h3{font-size: 60px;}
.cpu-cs{margin: 20px 0;}
.cpu-cs p{font-size: 25px;}
.cup-list{font-size: 0;}
.cup-list li{width: 48%;margin: 20px 1% 0;display: inline-block;vertical-align: top;}
.cup-list span{font-size: 28px;font-family:"Microsoft YaHei";}
.cup-list p{font-size: 20px;margin-top: 4px;}
.dingzhi{display: inline-block;background: #a40e0e;font-size: 16px;line-height: 25px;padding: 0 8px;margin-top: 5px;}
.tcp{padding-top: 15px;}
.tcp-img{width: 70.8%;margin-right: -14%;}
.tcp-text{width: 67%;}
.tcp-text .img2{margin: 60px auto 80px;}
.manage1{width: 47%;text-align: center;margin-left: 4%;}
.manage1 span{display: block;text-transform: uppercase;color: #1790f3;font-family: "hyk2gj";font-size: 25px;font-style: italic;}
.manage1 h3{font-size: 53px; color: #3a3a3a;}
.manage2{position: absolute;top:0;right: 5%;width: 45.4%;background: #fff;box-shadow: 0 0 10px 2px #ddd;border-radius: 50px;text-align: center;}
.manage2-wrap{padding:20px 40px 40px;}
.manage2-wrap h3{font-size: 51px;color: #3a3a3a;}
.manage2-wrap p{font-size: 20px;color: #3a3a3a;margin: 5px 0 10px;}
.manage2-wrap .tip{font-size: 18px;color: #fff;background: #1790f3;line-height: 32px;padding: 0 30px;}
.tip-blue .tip{color: #fff;background: #1790f3;}
.manage2-wrap li{margin-bottom:22px; }
.manage2-wrap li:last-child{margin-bottom: 0;}
.fearless{background: #cddfe5;}
.fearText{width: 60%;}
.fearImg{width: 35.5%;}
.fearText h3{margin: 30px 0 0;}
.fearText .tip{margin-top: 40px;}
.recognition{height: 716px;}
.recog-img .tip{font-size: 25px;padding: 0 40px;margin-top: 60px;}
.recog-img .img2{margin-top: 50px;}
.recog-img .img3{margin-top: 20px;}
.xijie{background: #0f1012;}
.xijie .title68 h3{margin-bottom: 0;}
.xijie .title68 .i{margin: 20px auto 0;width: 21px;height: 3px;}
.details li{float: left;width: 48%;margin-right: 4%;margin-top: 40px;}
.details li:nth-child(even){margin-right: 0;}
.details .img100{border:1px solid #535353;width: 51%}
.deta-con{width: 44%;}
.details .img{margin: 4px;}
.details li:nth-child(odd) .deta-con{float: left;}
.details li:nth-child(odd) .img100{float: right;}
.details li:nth-child(even) .deta-con{float: right;}
.details li:nth-child(even) .img100{float: left;}



.xijie8300 .details li:nth-child(odd){text-align: right;}
.xijie8300 .details li:nth-child(odd) .deta-top{display: inline-block;}



.deta-top{width: 62px;max-width: 100%;background: #343635;margin-bottom: 30px;}
.deta-top .i{background: #1790f3;height: 15px;width: 100%;position: relative;}
.deta-top .i:after{content: '';position: absolute;border:5px solid transparent;bottom:-5px;left: 50%; margin-left: -5px; transform: rotate(45deg);border-bottom-color: #1790f3;border-right-color: #1790f3;}
.nop{line-height: 54px;text-align: center;font-size: 30px; color: #fff;font-family:"Microsoft YaHei";font-weight: bold;}
.deta-con h4{font-size: 35px; color: #fff;}
.deta-mid{margin: 20px 0;}
.deta-mid p{font-size: 20px; color: #fff;}
.deta-bot{font-size: 20px;color: rgba(255,255,2525,.3);text-transform: capitalize;}
.cpcs{background: #e3e3e3;}
.cpcs h3{font-weight: normal;font-size: 65px;}
.title65 .i{width: 21px;height: 3px;margin: 30px auto;}
.title65 p{font-size: 30px;color: rgba(60,60,60,.6);text-transform: uppercase;}
.cpcs-l{width: 42%;}
.cpcs-l li{border-bottom: 2px solid #717171;padding: 22px 0;}
.cpcs-page{float: left;}
.cpcs-page:nth-child(1){width: 51%;margin-right: 2%;}
.cpcs-page:nth-child(2){width: 47%;}
.cpcs-page span{display: block;color: rgba(60,60,60,.7);font-size: 16px;margin-bottom: 4px;}
.cpcs-page p{font-size: 16px;color: #000;font-family:"Microsoft YaHei";}
.cpcs-l li.last .cpcs-page{width: 100%;margin-right: 0;}
.cpcs-l li.last .cpcs-page p{font-size: 16px;}
.title65{margin-bottom: 80px;}
.cpcs-r{background: #f5f5f5;box-shadow: 0 0 10px 2px #ddd;border-radius: 50px;width: 52%;margin-top: 40px;}
.cpcs-warp{padding: 55px 15px;}
.cpcs-warp h3{font-size: 57px;}
.cpcs-warp p{font-size: 26px;}
.cpcs-warp .i{margin: 20px auto;}
.butt-text h3{margin: 15px 0 8px;}
.butt-text .tip{margin-top: 30px;font-size: 25px;}
.buttImg{width: 56.66%;}
.scene{margin-bottom: 6px;}
.scene-top{padding: 20px 0;background: -webkit-linear-gradient(#d5d5d5, #b7b7b7); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#d5d5d5, #b7b7b7); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#d5d5d5, #b7b7b7); /* Firefox 3.6 - 15 */background: linear-gradient(#d5d5d5, #b7b7b7); /* 标准的语法 */}
.scene-top h3{color: #464847;font-size: 68px}
.scene-top p{color: #464847;font-size: 24px;text-transform: uppercase;}
.scene-con{background: #d3d3d3;}
.scene-mid{width: 668px;margin: 0 auto;max-width: 100%;}
.scene-mid p{font-size: 22px; color: #464847;}
.scene-list li{float: left;width: 24.4%;margin-right: 0.8%;margin-top: 0.8%;position: relative;}
.scene-list li:nth-child(4n){margin-right: 0;}
.scene-list p{line-height: 43px;position: absolute;left: 5px;right: 5px;bottom:5px;font-size: 32px;color: #fff;background: url("../images/redBg.png") no-repeat center;background-size: cover;}
/*8300*/
.a8300{padding-bottom: 0;}
.span-back span{color: #000;}
.c83006 .tip{color: #4a91e1;}
.m8300 .cpcs-r{margin-top: 0;}
/*a8500*/
.a8500{padding-top: 35px;}
.a8500-2{position: absolute;top:20%;left: 50%;}
.b8500-con{position:absolute;top:80px;left:0;width:100%;}
.title-radius{text-align: center;line-height: 44px;display: inline-block;background: #1790f3;font-size: 22px; color: #fff;font-family:"Microsoft YaHei";font-weight: bold;border-radius: 44px;padding: 0 20px;margin-bottom: 20px;}
.c8500{background: #f4f4f4;}
.c8500-l{width:52%;border-radius:20px; background: #49adff;box-shadow: 0 0 10px 2px #ddd;overflow: hidden;}
.c8500-l-warp{margin: 40px 28px;}
.c8500-l-top h3{color: #fff;font-size: 43px;}
.c8500-l-top .i{width: 20px;height: 5px;background: #fff;margin: 18px auto;}
.c8500-l-top p{color: #fff;font-size: 18px;line-height: 1.8em;}
.c8500-list li{float: left;width: 48%;margin-right: 4%;margin-top: 4%;}
.c8500-list li:nth-child(1),.c8500-list li:nth-child(2){margin-top: 0;}
.c8500-list li:nth-child(even){margin-right: 0;}
.c8500-list li p{font-size: 26px;color: #fff;margin-top: 15px;font-family:"Microsoft YaHei";}
.span-black span{color: #000;}
.c8500-r{position:absolute;top:0;right:0;width:46%;height:100%;}
.d8500{padding: 30px 0;}
.d8500-text{position: absolute;right: 0;width: 40%;height: 100%;}
.d8500-img{width: 53.5%;}
.d8500-img2{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.d8500-text .i{margin-left: 0;}
.d8500-text .tip{margin-top: 30px;}
.title60.text-center .i{margin-left: auto;margin-right: auto;}
.e8500-text{width: 46%;}
.e8500-text .title60{margin-bottom: 0;margin-top: 50px;}
.e8500-img{float: right;width: 53%;}
.f8500-r{width: 55%;position: relative;;z-index: 5;}
.f8500-img{position: absolute;top:0;left: 0;width: 66%;height: 100%;}
.g8500 .tip{font-size: 23px;}
/*.g8500 .duoren-img{position: absolute;bottom:0;right: 0;margin-right: 0;}*/
.h8500{padding: 135px 0;}
.h8500 .cpu-l{width: 63.5%;}
.i8500-text .title60{margin-bottom: 0;}
.i8500-text h3{margin-bottom: 50px;}
.i8500-img{width: 41%;}
.i8500-text{position: absolute;top:0;left: 0;width: 57%;height: 100%;}
.i8500{padding-top: 50px;}
.j8500 .manage2{position: static;float: left;width: 50%;}
.j8500 .manage3{float: right;width: 46%;text-align: left;}
.manage3{width: 46%;}
.manage3 span{margin-bottom: 20px;}
.recog-img .i{margin: 30px auto 0;}
.k8500{height: 790px;}
.k8500 .title-radius{line-height: 52px;background: #00b51b;font-size: 26px;margin-bottom: 70px;}
.cptitle70 span{display: inline-block;width: 135px;line-height: 33px;text-align: center;color: #fff;background: url("../images/850027.png") no-repeat center;background-size: cover;font-size: 16px;margin-bottom: 20px;}
.cptitle70 strong{display: block;font-size: 67px;font-family: "Arial";text-transform: uppercase;color: #d0d0d0;letter-spacing: -2px;line-height: 1em;}
.cptitle70 h3{font-size: 70px;line-height: 1em;margin-top: -30px;}
.cptitle70{margin-bottom: 60px;}
.l8500-list{padding-top: 20px;}
.l8500-list li{float: left;width: 48%;margin-right: 4%;background: #fff;margin-top: 2%;border-radius: 6px;overflow: hidden;position: relative;}
.l8500-list li:nth-child(even){margin-right: 0;}
.l8500-list .img100{width: 50%;}
.l8500-des{position: absolute;height: 100%;top:0;width: 50%;}
.l8500-list li:nth-child(1){margin-top: 0;}
.l8500-list li:nth-child(2){margin-top: 0;}
.l8500-list li:nth-child(1) .l8500-des{right: 0;}
.l8500-list li:nth-child(2) .l8500-des{left: 0;}
.l8500-list li:nth-child(2) .img100{float:right;}
.l8500-list li:nth-child(3) .l8500-des{left: 0;}
.l8500-list li:nth-child(3) .img100{float:right;}
.l8500-list li:nth-child(4) .l8500-des{right: 0;}
.l8500-list li:nth-child(5) .l8500-des{right: 0;}
.l8500-list li:nth-child(6) .l8500-des{left: 0;}
.l8500-list li:nth-child(6) .img100{float:right;}
.l8500-warp{padding: 0 30px;}
.l8500-warp h4{font-size: 35px;font-family:"Microsoft YaHei";font-weight: bold;background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(23, 109, 250)), to(rgb(2, 161, 221)));-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */margin-bottom: 20px;}
.l8500-warp p{font-size: 20px; color: #3f3f3f;font-family:"Microsoft YaHei";line-height: 1.4em;}
.mqs{font-size: 20px;color: rgba(63,63,63,.3);margin-top: 16px;}
.m8500 .cpcs-r{background: none;box-shadow: none;}
/*8600*/
.a8600-page{width: 50%;}
.a8600-text{position: absolute;width: 49.2%;right: 8%;top:10%;}
.a8600-img{position: absolute;width: 39.375%;left: 27%;top: 8%;}
.c8600{padding: 80px 0 20px;}
.c8600-text{width: 45%;position: absolute;bottom: 10%;top:0;left: 0;}
.i8600 .i8500-img{width: 90%;margin-right: -20%;}
.j8600-img{margin-top: -40px;margin-right: -40px;}
.j8600 .manage2-wrap{padding:100px 60px;}
.j8600 .title68 h3{margin-bottom: 0;}
.k8600{height: 900px;}
.k8600 .recog-img{width: 77%;margin-top: 30px;}
.cpcs-23 .cpcs-page span{font-size: 18px;}
.cpcs-23 .cpcs-page p{font-size: 18px;}
.cpcs-23 li{padding: 28px 0;}
.cpcs-23 li.last .cpcs-page p{font-size: 20px;}
.m8600 .cpcs-l{width: 44%;}
.m8600 .cpcs-r{margin-top: 0;}
.o8600{padding-top: 90px;}
/*8700*/
.a8700-l{width: 39.7%;}
.a8700-r{width: 60.3%;}
.a8700 .img1{position: absolute;right: 6%;top:0;height: 100%; width: 44.5%;}
.c8700-img{width: 51.3%;}
.c8700-text{width: 48.7%;top:0;height: 100%;right: 0;position: absolute;}
.c8700-ms{margin-left: 50px;}
.radius-green .title-radius{background: #00b51b;padding: 0 40px;}
.c8700 .title68 h3{font-size: 65px; color: #3b414f;line-height: 1.2em;}
.c8700 .title68 h3:nth-of-type(1){margin-bottom: 0;}
.d8700 .c8500-r{right: auto;left: 0;}
.d8700 .title60{margin-bottom:60px;}
.d8700 .title60 span{font-size: 30px;}
.d8700 .title60 h3{font-size: 55px;}
.d8700 .title60 p{font-size: 23px;}
.d8700 .c8500-l{background: #80b1d2;}
.d8700-img2{margin-top:20px;}
.e8700-img{width: 60%;margin-right: -6%;}
.g8700-img img{max-width: 100%;vertical-align: bottom;}
.g8700-con{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.j8700{padding: 130px 0;}
.j8700-con{position: absolute;height: 100%;left: 0;top:0;width: 48%;z-index: 5;}
.j8700-img{width: 46%;}
.j8700 .title60{margin-bottom: 0;}
.k8700 .title68 h3{margin-bottom: 0;}
.k8700 .manage2-wrap{padding: 60px;}
.k8700 .manage2-wrap h3{font-size: 68px;}
.k8700 .manage2-wrap p{margin: 25px 0;font-size: 26px;}
.k8700 .title68 .tip{font-size: 22px;margin-top: 20px;}
.k8700 .manage2-wrap .tip{font-size: 25px; line-height: 44px;}
.k8700{padding-bottom: 30px;}
.l8700-con{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.l8700-img{margin-bottom: 100px;margin-right: -50px;}
.l8700-img img{max-width: 100%;}
.xj-left-right .l8500-list .img100{float: left !important;}
.xj-left-right .l8500-des{right: 0; left: auto !important;}
.m8500 .cpcs-l{border-top: 2px solid #717171;}
.m8500 .cpcs-l li{padding: 28px 0;}
.m8500 .cpcs-l p{font-size: 20px;}
.m8500 .cpcs-l span,.m8500 .cpcs-l p{font-size: 18px;}
.m8500-img{margin-top: 100px;}
/*8100*/
.a8100-l{width: 50%;}
.a8100-r{width: 50%;}
.a8100 .img3{position: absolute;width: 41.14%;top:7%;right: 9%;}
.a8100 .img4{position: absolute;width: 106%;bottom:0;left:-16%;}
.j8100-img div{width: 510px;max-width: 100%;}
.m8100 .cpcs-l{width: 47%;}
/*a351*/
.a351-page{width: 50%;position: relative;}
.a351-img1{position: absolute;top:0;bottom: 10%;right: 8%;width: 58.5%;}
.a351-img2{position: absolute;top:0;bottom: 10%;left: 8%;width: 60.8%;}
.a351-img1-bot2{margin-top: 20%;}
.b351-img{width: 45%;}
.b351-text{position: absolute;height: 100%;top:0;right: 0;width: 45%;}
.b351-text .title60 {margin-bottom: 0;}
.e351{padding-top: 80px;}
.e351-text{position: absolute;height: 100%;top:0;left: 0;width: 52%;}
.e351-text .tip{padding: 0 40px;background: #0a65e8;}
.e351-img{width: 46%;}
.f351-text{position: absolute;height: 100%;top:0;right: 0;width: 44%;}
.f351-text p{font-family: "Microsoft YaHei";font-weight: bold;}
.f351-img{width: 54%;}
.g351{padding-top: 80px;}
.lgm{font-size: 25px; color: #ff0000;}
.h351-img{width: 46%;}
.h351-text{width: 50%;position: absolute;top:0;height: 100%;}
.h351-text-bot{margin-top: 200px;}
.h351-text-bot img{max-width: 100%;vertical-align: bottom;}
.loogger .cpcs-page{width:100%;}
.i351-right{width: 35%;}
.i351-right .cpcs-l{width:100%;border-top: 2px solid #717171;}
.i351-right .cpcs-l li{padding: 15px 0;}
.i351-right .cpcs-l p{font-size: 15px;}
.i351-right .cpcs-l span{font-size: 15px;}
.i351-right .cptitle70 strong{font-size: 43px;}
.i351-right .cptitle70 h3{font-size: 43px;}
.i351-left{box-shadow: 0 0 10px 2px #ddd;border-radius: 50px;background: #f4f4f4;width: 58%;}
.i351-left-wrap{padding: 60px;}
.j351{padding: 20px;}
.tlfarlj li{float: left;margin-right: 0.8%;width: 16%;}
.tlfarlj li:last-child{margin-right: 0;}
.tlfarlj{padding: 40px 0 30px;}
/*FC-DV300*/
.zmdzd{display: inline-block;font-size: 25px;color: #fff;position: relative;padding: 0 38px;}
.zmdzd:before{content: "";position: absolute;left: 0;top:50%;border-top: 1px solid #fff;width: 28px;}
.zmdzd:after{content: "";position: absolute;right: : 0;top:50%;border-top: 1px solid #fff;width: 28px;}
.b300{padding-top: 40px;}
.b300-text{position: absolute;left: 0;top:0;height: 100%;width: 48%;}
.b300-img{width: 49%;}
.double-line{display: inline-block;height: 3px;width: 38px;background: #001c2b;position: relative;margin-right: 16px;margin-top: 20px;}
.double-line:after{content: '';position: absolute;height: 100%;width: 5px;top:0;right: -16px;background: #001c2b;width: 7px;}
.c300-img{width: 54.86%;}
.c300-right{width:45.14%;}
.c300-text{position: absolute;width: 100%;top:0;left: 0;height: 100%;}
.c300-text h3{font-size: 45px;}
.c300-text .title60{width:700px;max-width: 95%;margin-left: 5%;}
.ye1{position: absolute;left: 0;top:-70px;z-index: 5;}
.ye2{position: absolute;right:0;top:-70px;z-index: 5;}
.e300{padding: 80px 0;}
.f300{background: #f1f2f5;}
.f3001{width: 40.6%;margin-left: 8.5%;}
.f3002{width: 42.42%;}
.g300-img{width: 78%;margin-right: -18%;}
.g300 .title60{margin-bottom: 0;}






.cup-list,.manage2,.fearImg,.scene-list,.d8500-img2{animation-delay: 300ms !important;}
.imgscale .img100 img,.product-warp li p,.trans3{
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}

.slideUp{animation:up 2s both;-webkit-animation:up 2s both;}
@keyframes up{
    0%{
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
.slideRight,.details li:nth-child(even){animation:slideRight 2s both;-webkit-animation:slideRight 2s both;}
@keyframes slideRight{
    0%{
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
.slideLeft,.details li:nth-child(odd){animation:slideLeft 2s both;-webkit-animation:slideLeft 2s both;}
@keyframes slideLeft{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
}
.rotate45{animation:rotate45 2s both;-webkit-animation:rotate45 2s both;}
@keyframes rotate45 {
    0%{transform: rotate(-45deg);}
    100%{transform: rotate(0deg);}
}
.toBig{animation:toBig 2s both;-webkit-animation:toBig 2s both;}
@keyframes toBig {
    0%{transform: scale(0);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}
}