@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:Roboto; src:url(../font/ROBOTO-REGULAR-14_0.TTF);}
@font-face{ font-family:BEBAS; src:url(../font/BEBAS_.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

/*==========================================公共 结束=============================================*/

header{height: 96px;position: relative;z-index: 100;}
header .logo{line-height: 96px;}
header .right{}
header .right .tel{ display:inline-block}
header .right .tel big{ font-size:24px; color:#3073cd; font-weight:bold}
header .right .tel img{ margin:-3px 8px 0 0}
header .right ul.htui{display:inline-block;font-size:0;vertical-align: top;height: 96px;}
header .right ul.htui li{display:inline-block;margin-left: 14px;line-height: 96px;}
header .right ul.htui li a{display:inline-block;position:relative;height: 46px;vertical-align: middle;line-height: 46px;}
header .right ul.htui li a .con{position:absolute;right:0;top:0;bottom:0;width:100%;border-radius:23px;background: #01a2e9;transition:0.6s;opacity:0;font-size:16px;color:#fff;text-align:left;padding-left:20px;line-height:46px;}
header .right ul.htui li a img{ position:relative}
header .right ul.htui li a:hover .con{ width:180px; opacity:1}

.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:9999999999;pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility: hidden;}
.tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;visibility: visible;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{position:relative;border-bottom:2px solid #eee;height:4.25rem;padding-right: 0;position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{text-align:left;display:block;position:absolute;bottom:0;height: 4.25rem;line-height: 4.25rem;font-size:1.6rem;color:#999;pointer-events:none;margin-left: 0;transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem;padding: 0;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: navajowhite;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(http://www.xacdio.com/static/style/pc/images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;padding: 0;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}



nav{ height:50px; background:#3073cd; position:relative; z-index:1}
.navBox { float: left;}
.nav li {float: left;text-align: center;position: relative;}
.nav a {display: block;position: relative;padding: 0 24px;font-size: 18px;height: 96px;line-height: 96px;perspective: 300px;transform-style: preserve-3d;font-weight: bold;}
.nav a .bg {background: #01a2e9;position: absolute;left: 50%;margin-left: -2px;top: 0px;width: 4px;display: block;height: 20px;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform: translateY(-20px);transform: translateY(-20px);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;opacity: 0;visibility: hidden;}
.nav a .bg:before{content:"";position:absolute;bottom:3px;border-right: transparent 6px solid;border-left: transparent 6px solid;border-bottom: #f6542c 7px solid;left: 50%;margin-left: -6px;display: none;}
.nav a .txt {position: relative;z-index: 2;font-size: 17px;color: #1c1c1c;}
.nav .active a .bg,.nav .on a .bg {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;}
.nav .active a .txt,.nav .on a .txt{
    background: #01a2e9;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
}
.navBox .arrow { position: absolute; left: 0px; top: 95px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:active .txt, .subNavbox a:hover {color: #ffffff;}
.subNavbox {position: absolute;left: 50%;top: 115px;width: 114px;margin-left: -57px;background: #01a2e9;box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 15px 0px;}
.subNavbox:before{content:"";border-left:transparent 10px solid;border-right:transparent 10px solid;border-bottom: #01a2e9 10px solid;position:absolute;left:50%;margin-left:-10px;top:-10px;}
/*.nav li:nth-child(3) .subNavbox, .nav li:nth-child(5) .subNavbox{ width:240px; margin-left:-120px}*/
.subNavbox p {line-height: 42px;}
.subNavbox p a {line-height: 24px;height: auto;padding: 0;font-size: 14px;display:  inline-block;color: #fff;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 1px;background: #fff;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}

header .right .tel{float:left;padding: 0;padding-right: 20px;margin-left: auto;position:relative;font-size: 14px;color: #494949;height: 135px;}
/*header .right .tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; position:absolute; left:-30px; top:50%; margin-top:-7.5px;}*/
header .right .tel h5{font-size: 14px;color:#fff;margin-bottom: 3px;line-height:normal;}
header .right .tel h5 img{ margin-right:5px}
header .right .tel h3{font-size:22px;color:#fff;line-height:normal;font-family: DINOT;}

.title00 h3{ font-size:27px; color:#000000; font-weight:bold; text-align:center; margin-bottom:40px}

.container06{ padding:60px 0 80px; overflow:hidden}
.container06 .content{ margin:0 -7px; font-size:0}
.container06 .content .box{ display:inline-block; vertical-align:top; padding:0 7px}
.container06 .content .box01{width: 50%;}
.container06 .content .box01 ul{height: 596px;}
.container06 .content .box01 ul li a .img,.container06 .content .box01 ul li a .img img{overflow:hidden;width:100%;height: 470px;object-fit: cover;}
.container06 .content .box01 ul li a .con{padding:0 40px 47px;position:relative;z-index: 10;background: #f0f2f7;}
.container06 .content .box01 ul li a .con .time{width:7.5rem;color:#fff;height:85px;top: -45px;position: relative;background-image: linear-gradient(to right, #01a2e9 , #62c3d0);z-index: 1;}
.container06 .content .box01 ul li a .con .time h3{font-size: 26px;color:#fff;margin-bottom:4px;}
.container06 .content .box01 ul li a .con .time h5{font-size: 16px;color: #fff;font-weight:bold;letter-spacing: 7px;padding-left: 4px;}
.container06 .content .box01 ul li a .con h4{ font-size:18px; line-height:24px; color:#3c3c3c; height:48px; overflow:hidden; margin-bottom:10px}
.container06 .content .box01 ul li a .con p{font-size:14px;line-height:22px;height:48px;color:#818181;overflow:hidden;margin-bottom: 0; display: none;}
.container06 .content .box01 ul li a .con .more{display:inline-block;width: 120px;height: 40px;line-height: 40px;border-radius: 2px;font-size: 14px;color: #fff;transition:0.6s;position: relative;overflow: hidden;background: #ef7600;text-align: center;}
.container06 .content .box01 ul li a .con .more:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#00afbc;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container06 .content .box01 ul li a .con span{position:relative;display: block;}
.container06 .content .box01 ul .miso-dots{top: 430px;bottom: auto;right:0;width:100%;text-align:right;padding:0 40px;background: none;height: auto;}
.container06 .content .box01 ul .miso-dots li{width:16px;height:16px;border:transparent 1px solid;border-radius:50%;margin: 0 3px;}
.container06 .content .box01 ul .miso-dots li.miso-active{ border:#00afbc 1px solid;}
.container06 .content .box01 ul .miso-dots li button{background:#bfc1c5;width: 6px;height: 6px;padding: 0;border-radius: 50%;margin: 4px;}
.container06 .content .box01 ul .miso-dots li.miso-active button{background: #00afbc;}

.container06 .content .box02{width: 50%;}
.container06 .content .box02 .title01{height:50px;line-height:50px;background-image: linear-gradient(to right, #01a2e9 , #62c3d0);text-align:center;}
.container06 .content .box02 .title01 img{margin: -15px 10px 0 0;vertical-align: middle;}
.container06 .content .box02 .title01 big{ font-size:20px; color:#fff; margin-right:5px; font-weight: bold;}
.container06 .content .box02 .title01 small{ font-size:12px; color:#88a4ce; text-transform:uppercase}
.container06 .content .box_li{background:#f0f2f7;height: 610px;padding: 8px 32px;}
.container06 .content .box01 .box_li{height: 490px;padding: 0;}
.container06 .content .box02 ul{}
.container06 .content .box02 ul li{border-bottom:#d4d5d9 1px solid;padding: 26px 0;position:relative;}
.container06 .content .box02 ul li:after{ content:""; position:absolute; background:#00afbc; height:1px; bottom:-1px; left:0; width:0; transition:1s}
.container06 .content .box02 ul li:last-child{ border:none}
.container06 .content .box02 ul li a h4{ font-size:18px; color:#868686; transition:0.6s}
.container06 .content .box02 ul li a h5{font-size:18px;color:#3c3c3c;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 26px 0 16px;transition:0.6s;}
.container06 .content .box02 ul li a p{ font-size:14px; line-height:22px; height:48px; color:#818181; overflow:hidden;}

.container06 .content .box01 h6{ padding:0 32px}
.container06 .content h6{text-align:left;position: relative;transition: 0.36s;}
.container06 .content h6 a{background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;font-size:14px;transition: 0.36s;}

.container06 .more01{ text-align:center; margin-top:3.125rem}
.container06 .more01 a{display:inline-block;width: 170px;height: 45px;line-height: 43px;border-radius: 10px;font-size: 16px;color: #373737;transition:0.6s;border: #e5e5e5 1px solid;position: relative;overflow: hidden;background: #fff;}
.container06 .more01 a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container06 .more01 span{ position:relative}
/*==========================================首页 开始=============================================*/

footer .fl01{padding: 50px 0 50px;background:#303032;overflow:hidden;}
footer .fl01 .left{min-width: 32%;}
footer .fl01 .left h3{height:54px;line-height: 46px;font-size:18px;color:#fff;border-bottom:#454547 1px solid;margin-bottom:20px;display: inline-block;}
footer .fl01 .left ul{float:right;margin-left: 35px;}
footer .fl01 .left ul li{display:inline-block;margin-left: 5px;}
footer .fl01 .left ul li a{ display:inline-block; width:36px; height:36px; line-height:32px; border:#424243 1px solid; border-radius:18px; text-align:center; cursor:pointer}
footer .fl01 .left ul li a img.img01{ display:none}
footer .fl01 .left .con h4{ line-height:24px; font-size:16px; color:#fff}
footer .fl01 .left .con h4 img{ margin:-3px 6px 0 0}
footer .fl01 .left .con h2{line-height:24px;font-size:24px;margin:10px 0 16px;background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;}
footer .fl01 .left .con h2 span{margin-right: 20px;}
footer .fl01 .left p{ font-size:14px; line-height:24px; color:#bebebf}
footer .fl01 .left p img{ margin-left:6px; margin-top:-3px;}
footer .fl01 .right{ text-align:right; padding:1rem 0 0}
footer .fl01 .right .img{margin-left: 20px;}
footer .fl01 .right .img img{width: 125px;border-radius:4px;}
footer .fl01 .right .con{ padding:16px 0 0}
footer .fl01 .right .con h3{ font-size:16px; color:#fff; margin-bottom:1.875rem;}
footer .fl01 .right .con h3 big{ font-size:24px; color:#ef7600; text-transform:uppercase; margin-right:4px}
footer .fl01 .right .con h4{ font-size:14px; color:#fff; margin-bottom:8px}
footer .fl01 .right .con h5{ font-size:14px; color:#999}
footer .fl01 .right .p, footer .fl01 .right .p{ display:inline-block; background:#2a2a2b; border:#3d3d3e 1px solid; font-size:12px; line-height:20px; color:#999; padding:6px 20px; margin-top:1rem}
footer .fl01 .right .p a{ color:#999;}

/*友情链接*/
.container10{background:#2a2a2b;padding: 15px 0; overflow:hidden}
.container10 .nav01{float:left;width: 100px;font-size: 16px;color: #fff;height: 33px;line-height: 33px;}
.container10 ul{float:left;width: calc(100% - 100px);height: 50px;overflow:hidden;}
.container10 ul li{float:left;line-height: 33px;padding: 0 25px 0 0;height: 33px;overflow: hidden;}

.container10 ul li a{color: #999;font-size: 14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container10 ul li a:hover{color: #fff;}


.container10 .height{ height:auto;}

.banner{ padding:0; margin:0 auto}
.banner ul li.miso-slide{ height:calc(100vh - 96px); background-size:cover !important;}
.banner ul li.miso-slide img{ display:none}
.banner ul.miso-dots{bottom:3.625rem;height: 5px;width: auto;left: 50%;transform: translateX(-50%);}
.banner ul.miso-dots li{width:40px;height:5px;margin:0;text-align: center;}
.banner ul.miso-dots li button{display:  inline-block;border: none;line-height: 2px;width: 100%;position: absolute;padding: 0;font-size: 18px;color: #01a2e9;bottom: 20px;left: 0;right: 0;text-align: center;opacity:0; }
.banner ul.miso-dots li:before{content:"";position:absolute;left:0; width:0; bottom: 0;background: transparent;height: 4px; transition:0.6s;}

.banner ul.miso-dots{border-bottom: rgba(255, 255, 255, 0.6) 1px solid;height:3px;}
.banner ul.miso-dots:before{content:"01";position:absolute;bottom: 5px;height:1px;left: -34px;font-size:14px;color:rgba(255, 255, 255, 0.68);}
.banner ul.miso-dots:after{content:"";position:absolute;bottom: 5px;height:1px;right: -34px;font-size:14px;color: rgba(255, 255, 255, 0.68);}
.banner ul.miso-dots li.miso-active:before{background: #00afbc;width:100%;}
.banner ul.miso-dots li.miso-active button{ opacity:1;}

.container03{padding: 50px 0 30px 0;background:url(../image/container03_bg.jpg) center no-repeat;overflow:hidden;background-size: cover;}
.container03 ul{font-size:0;margin:0 -8px;margin-bottom: 50px;}
.container03 ul li{display:inline-block;width:30%;overflow: hidden;margin: 0 1.2rem;}
.container03 ul li a{ display:block; overflow:hidden}
.container03 ul li a .img,.container03 ul li a .img img{ overflow:hidden; width:100%}
.container03 ul li a .con{background:#fff;padding: 64px 30px;text-align:center;position:relative;border:#eeeeee 1px solid;position:relative;height: 242px;}
.container03 ul li a .con:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background: linear-gradient(to right, #01a2e9 , #62c3d0);transition:1s;transform:translateY(102%);}
.container03 ul li a .con h5{font-size: 19px;color:#000000;margin-bottom: 28px;position:relative;transition:0.6s;font-weight: bold;}
.container03 ul li a .con p{ font-size:14px; line-height:24px; color:#737373; height:72px; overflow:hidden; text-align:left; position:relative; transition:0.6s}
.container03 ul li a .con .icon{display:inline-block;position:absolute;width:40px;height:40px;border-radius:50%;left:50%;margin-left:-20px;top:-20px;line-height: 40px; z-index:1}
.container03 ul li a .con .icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(to right, #01a2e9 , #62c3d0);border-radius:50%;transform: scale(1.5);transition:0.6s;opacity: 0.2;}
.container03 ul li a .con .icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(to right, #01a2e9 , #62c3d0);border-radius:50%;transition:0.6s;}
.container03 ul li a .con .icon span{font-size: 1.5rem;color:#fff;position:relative;z-index: 10;transition:0.6s;display: inline-block;}

.container03 .more{ text-align:center}
.container03 .more a{background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;font-size: 16px;transition: 0.36s;}


.container01{ padding:80px 0}
.container01 ul.ul01{ font-size:0; margin:0 -15px; margin-bottom:48px}
.container01 ul.ul01 li{ display:inline-block; width:33.333333%; padding:0 15px;}
.container01 ul.ul01 li a{ display:block; position:relative}
.container01 ul.ul01 li a .img, .container01 ul.ul01 li a .img img{ width:100%; overflow:hidden}
.container01 ul.ul01 li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 30px}
.container01 ul.ul01 li a .top .box_table{ text-align:left}
.container01 ul.ul01 li a .top h4{font-size:20px;line-height:30px;height:60px;overflow:hidden;font-weight:bold;color:#fff;max-width: 200px;margin-bottom: 20px;}
.container01 ul.ul01 li a .top h6 span{display:inline-block;border-radius:13.5px;border:rgba(255,255,255,0.6) 1px solid;height:27px;width:27px;background: linear-gradient(to right, #01a2e9 , #62c3d0);font-size: 14px;color: #fff;white-space:nowrap;line-height: 25px;text-align: center; transition:0.6s;}
.container01 ul.ul01 li a .top h6 span font{display:inline-block;transition:0.6s;opacity:0;visibility:hidden;white-space: nowrap;width: 0;}

.container01 ul.ul02{font-size:0;margin:0 0;margin-bottom: 0;}
.container01 ul.ul02 li{ display:inline-block; width:25%; padding:0 0;}
.container01 ul.ul02 li a{display:block;position:relative;overflow: hidden;}
.container01 ul.ul02 li a .img, .container01 ul.ul02 li a .img img{ width:100%; overflow:hidden; position:relative; background:#000; transition:0.6s}
.container01 ul.ul02 li a .img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(to top, rgba(0, 0, 0, 0.5) , transparent);opacity:0.6;}

.container01 ul.ul02 li a .top{position:absolute;top:55%;height: 100%;right:0;left:0; transition:0.6s; padding:3rem 30px 0}
.container01 ul.ul02 li a .top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity: 0;}
.container01 ul.ul02 li a .top h3{position:relative}
.container01 ul.ul02 li a .top h4{ font-size:20px; color:#fff; font-weight:bold; margin:1.5rem 0 1.75rem; position:relative}
.container01 ul.ul02 li a .top p{ font-size:15px; line-height:26px; color:rgba(255,255,255,0.8); opacity:0; position:relative; transition:0.6s}
.container01 ul.ul02 li a .top h6{ font-size:14px; color:#fff; position:absolute; bottom:2.25rem; opacity:0; transition:0.6s}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner{height:365px;background-size: cover !important;}
.n_banner h3{ font-size:34px; color:#fff; margin-bottom:12px; font-weight:normal; font-family:Century751 No2 BT; text-transform:uppercase; font-style:italic}
.n_banner h4{font-size:24px;color:#fff;font-weight:bold;position:relative;padding-bottom: 30px;}
.n_banner h4:before{content:"";position:absolute;width:30px;height:4px;background:#ffffff;left:50%;margin-left:-20px;bottom: 0;}

.position{float: right;line-height: 60px;color: #e5e5e5;padding-left: 22px;background: url(http://www.xacdio.com/static/style/pc/images/position.png) left 24px no-repeat;font-size: 13px;}
.position i{display: inline-block;height: 60px;line-height: 60px;width: 10px;text-align:  center;font-size: 13px;color: #838287;margin: 0 1px;}
.position a{font-size: 12px;color: #838287;display: inline-block;line-height: 60px;vertical-align:  top;}
.position span{font-size: 12px;font-style:normal;display: inline-block;vertical-align: top;}
.position .span{color: #5b5b5b;}
.position span{color: #0050b7;}
.position a:hover{color: #0050b7;}
.mianbao{height: 60px;line-height: 60px;background: #f0f2f7;}

.al_select{}
.al_select ul{font-size:0;text-align: left;}
.al_select ul li{display:inline-block;position:relative;font-size: 15px;color: #474747;overflow: hidden;width: 16.6666667%;text-align: center;}
.al_select ul li a:before{content: "";position: absolute;width: 0;bottom: 0;top: 0;left: 0;transition: 0.6s;background: linear-gradient(to right, #01a2e9 , #62c3d0);}
.al_select ul li a{font-size: 16px;color: #1c1c1c;display:block;position: relative;width: 100%; font-weight: bold;}
.al_select ul li a span{ position:relative}
.al_select ul li:before{content:"";position:absolute;width:1px;height: 100%;background: #d8d9de;top: 0;right: 0;}
.al_select ul li:last-child:before{ display:none}

.al_select ul li a:hover,.al_select ul li.on a{color: #fff;}
.al_select ul li:hover a:before, .al_select ul li.on a:before{width: 100%;background: linear-gradient(to right, #01a2e9 , #62c3d0);}

.n_about{ padding:55px 0}
.n_about01{ background: url(../image/zuzhi.png) center bottom no-repeat;}

.n_product{ padding:60px 0}
.n_product ul{font-size:0;margin:0 -8px;margin-bottom: 20px;}
.n_product ul li{display:inline-block;width:33.333333%;padding:0 8px;overflow: hidden; margin-bottom:20px}
.n_product ul li a{ display:block; overflow:hidden}
.n_product ul li a .img,.n_product ul li a .img img{overflow:hidden;width:416px;height:252px;position: relative;object-fit: cover;}
.n_product ul li a .con{background: linear-gradient(to right, #01a2e9 , #62c3d0);padding: 0 30px;text-align:center;position: absolute;height: 100%;top: 0;width: 100%;transform: translateY(100%); transition:0.6s}
.n_product ul li a .con:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background: linear-gradient(to right, #01a2e9 , #62c3d0);transition:1s;transform:translateY(102%);}
.n_product ul li a .con h5{font-size: 18px;color: #fff;margin-bottom: 28px;position:relative;transition:0.6s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 20px;line-height: 20px;}
.n_product ul li a .con p{ font-size:14px; line-height:24px; color:#737373; height:72px; overflow:hidden; text-align:left; position:relative; transition:0.6s}
.n_product ul li a .con .icon{display:inline-block;position: relative;width:40px;height:40px;border-radius:50%;line-height: 40px;z-index:1;}
.n_product ul li a .con .icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #fff;border-radius:50%;transform: scale(1.5);transition:0.6s;opacity: 0.2;}
.n_product ul li a .con .icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #fff;border-radius:50%;transition:0.6s;}
.n_product ul li a .con .icon span{font-size: 1.5rem;color:#fff;position:relative;z-index: 10;transition:0.6s;display: inline-block;background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;}
.n_product ul li a h4{font-size: 18px;color: #333;position:relative;transition:0.6s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:65px;line-height:65px;text-align:center;}


.j_pages{ margin:0px auto 0px auto;}
.j_pages .box{display:inherit;width:100%;text-align: center;}
.j_pages a{padding: 0 14px;height: 34px;line-height: 34px;display:inline-block;background: #f0f2f7;margin: 0 4px;color: #919191;font-size: 12px;border-radius: 17px;transition:0.36s;}
.j_pages .on{background: linear-gradient(to right, #01a2e9 , #62c3d0);color:#fff !important;}
.j_pages a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.j_pages span{ padding: 0 10px;}
.j_pages a:hover{background: linear-gradient(to right, #01a2e9 , #62c3d0);color:#fff !important;text-decoration:none;}
.j_pages a:hover font{ color:#fff;}

.n_zizhi{ padding:78px 0 60px;}
.n_zizhi ul{font-size:0;margin: 0 -15px; margin-bottom:30px}
.n_zizhi ul li{display:inline-block;width:25%;padding: 0 15px;margin-bottom: 30px;}
.n_zizhi ul li a{ display:block; overflow:hidden; position:relative}
.n_zizhi ul li .img{width: 100%;height: 168px;line-height: 168px;position: relative;}
.n_zizhi ul li .img .img_box{position:relative;display: inline-block;background: #000;vertical-align: bottom;}
.n_zizhi ul li .img .img_box:after{content:"";position:absolute;top: -22px;left: -18px;background:url(../image/top_img.png) center no-repeat;width:170px;height:108px;pointer-events: none;}
.n_zizhi ul li h5{font-size: 16px;line-height: 60px;height: 60px;color: #606060;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:0.36s;position:relative;margin-top: 25px;}
.n_zizhi ul li h5:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:0; transition:0.6s}
.n_zizhi ul li h5 span{ position:relative}

.n_zizhi ul li .img{text-align:center;}
.n_zizhi ul li .img:after{content:"";position:absolute;background:url(../image/line001.png) center no-repeat;width:100%;height:29px;left: 0;bottom: -28px;}
.n_zizhi ul li .img .img_box{display:inline-block;max-width: 240px;max-height: 168px;vertical-align: bottom;}
.n_zizhi ul li .img .img_box img{max-width: 100%;max-height: 168px;display: block;object-fit: contain;opacity: 0.8;}

.n_zizhi01 ul li .img .img_box{ vertical-align:middle;}
.n_zizhi01 ul li .img .img_box img{max-width: 100%;max-height: 168px;display: block;object-fit: contain;opacity:1;}

.n_zhaopin{ padding:60px 0}
.n_zhaopin .slider-nav{margin-left: -21px;margin-right: -21px;margin-bottom: 40px;}
.n_zhaopin .slider-nav .miso-list{padding: 0;}
.n_zhaopin .slider-nav .miso-slide{padding: 0 21px;}
.n_zhaopin .slider-nav .miso-slide .miso{padding: 50px 0 22px;text-align:center;position:relative;border-radius: 4px;height: 290px;border: #e5e5e5 1px solid;}
.n_zhaopin .slider-nav .miso-slide .miso:before{content:"";position:absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border-radius:3px;background: linear-gradient(to right, #01a2e9 , #62c3d0); opacity:0; transition:0.6s}
.n_zhaopin .slider-nav .miso-slide .miso:after{content:"";position:absolute;top: 1px;right: 1px;bottom: 1px;left: 1px;border-radius:3px;background: #fff;z-index: 0; opacity:0; transition:0.6s}
.n_zhaopin .slider-nav .miso-slide .con{text-align:center;width:100%;margin-bottom:24px;display: none;}
.n_zhaopin .slider-nav .miso-slide .con img.img02,.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img01{ display:none}
.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img02{ display:inline-block}
.n_zhaopin .slider-nav .miso-slide .miso img{ display:inline-block;}
.n_zhaopin .slider-nav .miso-slide .miso .icon{fill:#9b9b9c;margin-bottom: 30px;}
.n_zhaopin .slider-nav .miso-slide .miso h4{font-size: 16px;color: #4c4c4c;padding: 30px 10px 10px;position: relative;z-index: 1;}
.n_zhaopin .slider-nav .miso-slide .miso h5{font-size: 14px;color: #898989;margin-bottom: 20px;text-transform: capitalize;position: relative;z-index: 1;}
.n_zhaopin .slider-nav .miso-slide .icon{display:inline-block;width:88px;height:88px;border-radius:50%;border: rgba(255, 255, 255, 0.3) 1px solid;line-height:86px;position: relative;z-index: 2;}
.n_zhaopin .slider-nav .miso-slide .miso h6{height:2px;position:relative;z-index: 1;}
.n_zhaopin .slider-nav .miso-slide .miso h6:before{content:"";position:absolute;width: 14px;height: 2px;top:0;left:50%;margin-left: -7px;background: linear-gradient(to right, #01a2e9 , #62c3d0);}
.n_zhaopin .miso-prev,.n_zhaopin .miso-next{width: 46px;height: 46px;background-size:100% 100%;z-index:1000;transition:0.6s;}
.n_zhaopin .miso-prev{left: -70px;background:url(../image/left04.png) center no-repeat;}
.n_zhaopin .miso-next{right: -70px;background:url(../image/right04.png) center no-repeat;}
.n_zhaopin .slider-for .miso-slide .ar_article{padding: 34px 32px;background: #fbfbfb;text-align:center;margin-bottom: 0;border-radius: 3px;}
.n_zhaopin .slider-for .miso-slide .ar_article p{ font-size:16px; line-height:35px; color:#414243}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll{height: 420px;overflow-y:scroll;margin-right: -10px;padding: 0 30px 0 0;text-align:  left;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar {width:1px;height:1px; background:none}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:none}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb { border-radius:10px; background:none}
.n_zhaopin .slider-for .miso-slide .ar_article:hover .ar_article_scroll::-webkit-scrollbar { background:#bdbebe}
.n_zhaopin .slider-for .miso-slide .ar_article:hover .ar_article_scroll::-webkit-scrollbar-track { background:#bdbebe}
.n_zhaopin .slider-for .miso-slide .ar_article:hover  .ar_article_scroll::-webkit-scrollbar-thumb { background:#31b2dc}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso:before{ opacity:1}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso:after{ opacity:1}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso img{display: inline-block;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .icon{ fill:#fff;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h4{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h5{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h6:before{}


.n_jiance{ padding:60px 0}
.n_jiance .ar_article table{ margin-bottom:60px}
.n_jiance .ar_article table tr{ background:linear-gradient(to right, #01a2e9 , #62c3d0)}
.n_jiance .ar_article table th{color:#fff;font-size:18px;font-weight:bold;padding: 17px 10px;}
.n_jiance .ar_article table td{font-size: 15px;color: #555555;padding: 18px 25px;background: #f0f2f7;text-align: center;}
.n_jiance .ar_article table td a{ color:#0050b7}

.n_jiance .ar_article{ margin-bottom:0}
.n_jiance_detail .ar_article table{ margin-bottom:0}
.n_jiance_detail .ar_article table td{ border:#fff solid 1px; font-size:15px; color:#797979; line-height:30px;}

.n_wenzhang{ padding:60px 0}
.n_wenzhang ul{font-size:0;margin: 0 -20px; margin-bottom:30px}
.n_wenzhang ul li{display:inline-block;width:50%;padding: 0 20px;margin-bottom: 40px;}
.n_wenzhang ul li a{ padding:40px; background:#f0f2f7; display:block; position:relative; overflow:hidden}
.n_wenzhang ul li a:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background: linear-gradient(to right, #01a2e9 , #62c3d0);transition:0.6s;transform:translateY(100%);}

.n_wenzhang ul li a .time{ width:112px; height:130px; background:#fff; float:left; position:relative}
.n_wenzhang ul li a .time h3{font-size:46px;background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent; margin-bottom:6px}
.n_wenzhang ul li a .time h6{font-size:18px; color:#6b6b6d}
.n_wenzhang ul li a .con{ float:right; width:405px; padding:12px 0 0; position:relative}
.n_wenzhang ul li a .con h5{ font-size:18px; color:#3f3f3f; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition: 0.36s;}
.n_wenzhang ul li a .con p{ font-size:14px; line-height:22px; height:44px; color:#808082; overflow:hidden; margin:14px 0; transition: 0.36s;}
.n_wenzhang ul li a .con h6{ background: linear-gradient(to right,#01a2e9 , #62c3d0); -webkit-background-clip: text; color: transparent; font-size: 14px; transition: 0.36s;}

.container05{ padding:112px 0 105px; background:url(../image/jianzhu.png) center bottom no-repeat; background-size:100% auto}
.container05 .content{position:relative;padding: 0;height: 434px;}
.container05 .center_box{margin: 0;overflow:hidden;}
.container05 .center{display:inline-block;width: 434px;height: 434px;margin: 50px 0;border-radius:50%;line-height: 434px;border: #d5d5d5 1px solid;position:absolute;top: 50%;left:50%;margin-left: -217px;text-align: center;margin-top: -217px;}
.container05 .center .box{position:relative;display:inline-block;width: 100%;height: 100%;vertical-align: middle;}
.container05 .center .box:before{ content:""; position:absolute; left:0; top:0; width:521px;height:521px;}
.container05 .center .box01{display:inline-block;width: 100%;height: 100%;border-radius:50%;vertical-align: middle;}
.container05 .center .box01 span {
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  border-radius: 50%;
  background: linear-gradient(to right, #01a2e9 , #62c3d0);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: circleScale1 3s linear infinite;
  -moz-animation: circleScale1 3s linear infinite;
  -ms-animation: circleScale1 3s linear infinite;
  animation: circleScale1 3s linear infinite;
}
.container05 .center .box01 span:nth-of-type(2) {
  animation-delay: 1s;
}
.container05 .center .box01 span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.container05 .center .box02{position:relative;display:inline-block;width: 255px;height: 255px;line-height: 255px;vertical-align: middle;background: linear-gradient(to right, #01a2e9 , #62c3d0);border-radius: 50%;margin-top: -3px;}
.container05 .center .box02:before{content:"";position:absolute;left:0;top:0;width: 255px;height: 255px;}
.container05 .center .box02 img{}

.container05 .box_w{width: 490px;text-align:left;padding: 0;position: relative;z-index: 100;margin-top: -16px;}
.container05 .box_w ul li .con{position:relative;display:inline-block;line-height: 38px;font-size: 24px;color: #3c3c3c;font-weight:bold;margin-bottom: 12px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 .box_w ul li .con img{margin-right: 10px;margin-top: -5px; }
.container05 .box_w.right ul li .con img{ margin-right:0; margin-left:10px; }
.container05 .box_w ul li .con img.img02{ display:none}
.container05 .box_w ul li p{font-size: 16px;color: #848484;line-height:24px;display:  inline-block;padding: 0;width: 360px;position:relative;z-index: 100;transition: 0.6s;}

.container05 .box_w.fr{width: 420px;text-align:right;padding: 0;}
.container05 .box_w.fr p{ text-align:right}

.container05 .box_w ul li .txt{position:relative;margin-left: 42px;}
.container05 .box_w ul li .txt:after{content:"";position:absolute;left:0;right:0;height:105px;top:50%;margin-top:-52.5px;border:#da251d 2px solid;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15);opacity:0;transition:0.6s;z-index: 0;}
.container05 .box_w ul li .txt .line{position:absolute;width:175px;height: 1px;left: 0;bottom: -20px;background: #cfd1d9;transition:0.6s;}
.container05 .box_w ul li .txt .line:before{content:"";position:absolute;right: -6px;top: -12px;width: 14px;height: 14px;border-radius: 50%;background: #c2c4cc;}
.container05 .box_w ul li .txt .line:after{content:"";position:absolute;right: -4px;top: -10px;width: 10px;height: 10px;border-radius: 50%;background: #ffffff;}
.container05 .box_w ul li.li01{height: 105px;}
.container05 .box_w ul li.li01 .txt .line{width: 438px;}
.container05 .box_w ul li.li02{height: 105px;margin-top: 186px;}
.container05 .box_w ul li.li02 .txt .line{width: 438px;}
.container05 .box_w ul li.li03{height: 105px;}
.container05 .box_w ul li.li03 .txt .line{width: 438px;}
.container05 .box_w ul li.li04{height: 105px;margin-top: 186px;}
.container05 .box_w ul li.li04 .txt .line{width: 438px;}
.container05 .box_w ul li.li05{height: 178px;}
.container05 .box_w ul li.li05 .txt .line{width: 396px;}
.container05 .box_w ul li.li06{height: 176px;}
.container05 .box_w ul li.li06 .txt .line{width: 273px;}
.container05 .box_w ul li.li07{height: 184px;}
.container05 .box_w ul li.li07 .txt .line{width: 252px;}
.container05 .box_w ul li.li08{height: 158px;}
.container05 .box_w ul li.li08 .txt .line{width: 338px;}
.container05 .box_w.fr ul li .txt .line{ left:auto; right:0}
.container05 .box_w.fr ul li .txt .line:before{left: -4px;}
.container05 .box_w.fr ul li .txt .line:after{left: -2px;}
.container05 .box_w.fr ul li .txt{ margin:0; margin-right:45px}

#n_lianxi{ position:relative; z-index:9; padding:60px 0 0}
#n_lianxi .tt1{color: #3ca0d3;text-align:center;margin-bottom: 30px;}
#n_lianxi .tt1 h3{font-size:30px;font-weight:bold;color: #393c3d;}
#n_lianxi .tt1 span{ font-size:14px; font-family:arial; text-transform:uppercase;}
#n_lianxi .tt2{ text-align:center;}
#n_lianxi .con{text-align:center;font-size:14px;color:#676768;line-height:30px;}

.lianxi_box{overflow:hidden;padding: 47px 70px 40px 70px;background: #fff;border: #eeeeee 1px solid;position:relative;}
.lianxi_box:before{content:"";position:absolute;top: 0px;height:7px;background:linear-gradient(to right, #01a2e9 , #62c3d0);left: -1px;right: -1px;}
.lianxi_box .left{width: 635px;height: 250px;border-right:1px solid #e4e7e9;}
.lianxi_box .tt{margin-bottom:90px;text-align: center;}
.lianxi_box .tt h3{font-size:36px;color: #3ca0d3;font-weight:bold;text-transform:uppercase;display:inline-block;}
.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}
.lianxi_box ul{padding-top:35px;}
.lianxi_box ul li{font-size:14px;color: #727273;display:inline-block;padding-left: 35px;margin-bottom: 15px;height: 30px;line-height: 30px;}
.lianxi_box ul li+li{}
.lianxi_box ul li b{display: inline-block;font-weight:normal;font-size:16px;color: #171717;margin-bottom: 4px;}
.lianxi_box ul li a{font-size:14px;color: #727273;font-family: PingFang;}
.lianxi_box .ewm{display: inline-block;text-align:center;font-size:16px;color: #303030;margin: 0 27px;margin-top: 30px;}
.lianxi_box .ewm img{width: 172px;height: 172px;margin-bottom:20px;border:1px solid #e5e5e5;padding: 10px;display: block;}


#n_lianxi .n_title00{margin-bottom: 45px;position:relative;text-align: center;}
#n_lianxi .n_title00:before{content:"";position:absolute;width: 20px;height:3px;background:#3c4962;left:50%;margin-left: -10px;bottom: -24px;}
#n_lianxi .n_title00 h3{font-size: 30px;color: #c19d78;font-weight:bold;margin-bottom: 6px;}
#n_lianxi .n_title00 h4{font-size:20px;color: #a3a3a3;}
#container01{ height:550px; margin-top:-178px}

.n_video{ padding:60px 0}
.n_video ul{ font-size:0; margin:0 -12.5px; margin-bottom:30px}
.n_video ul li{ display:inline-block; width:33.333333%; padding:0 12.5px; margin-bottom:25px}
.n_video ul li .img{width:410px; height:276px; overflow:hidden;position:relative;background:#000;}
.n_video ul li .img>img{width:410px;height:276px;opacity: 1;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_video ul li .img .top01{width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(to right, #01a2e9 , #62c3d0);opacity: 0.85;transform: translateY(100%); transition:0.6s}
.n_video ul li .img .top01 svg{ width:3rem; height:3rem; fill:#fff}
.n_video ul li h5{font-size: 18px;color: #5e5e5e;width:100%;position:relative;padding: 0 20px;background: #f0f2f7;height: 60px;line-height: 60px;text-align: center;}
.n_video ul li h5 span{overflow:hidden;display:block;width:100%;white-space: nowrap;text-overflow: ellipsis;}
.n_video ul li h5:after{content:"";position:absolute;left:0;bottom:-1px;width: 70px;height:2px;transition:0.6s;}

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 770px;height: 432px;position: fixed;left: 50%;top: 50%;margin-top: -260px;margin-left: -385px;object-fit: cover;}
.vwrap .videobox #videobox {width: 100%;display: inline-block;height: 100%;background:#000;border-radius: 5px;overflow: hidden;}
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../image/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.vwrap .videobox .video_wenzi{ font-size:24px; color:#fff; text-align:center; margin-top:25px}

.n_news{ padding:60px 0}
.n_news ul{ margin-bottom:60px}
.n_news ul li{ padding-bottom:30px; margin-bottom:30px; border-bottom:#eaeaea 1px solid; overflow:hidden}
.n_news ul li a{ display:block;}
.n_news ul li .img, .n_news ul li .img img{ width:325px; height:230px; overflow:hidden;}
.n_news ul li .con{ width:920px; height:230px; overflow:hidden; padding:32px 0 0}
.n_news ul li .con h5{ font-size:18px; line-height:20px; height:20px; color:#242424; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.n_news ul li .con h6{ font-size:12px; color:#6b6b6d; margin:12px 0 20px;}
.n_news ul li .con p{ font-size:14px; line-height:22px; height:44px; overflow:hidden; color:#808082; margin-bottom:45px;}
.n_news ul li .con span{font-size:14px;color:#b3b3b3;transition:0.6s;margin-bottom: 0.75rem;display: block;}

#n_dsj{padding: 60px 0; background:url(../image/n_dsj_bg.jpg) center bottom no-repeat}
#n_dsj .content{position:relative;background:url(../image/dots01.png) center top no-repeat;padding: 40px 0 60px;}
#n_dsj .content:after{content:"";background:url(../image/down01.png) center bottom no-repeat;position:absolute;z-index:10;width: 12px;height:9px;left:50%;bottom:0;margin-left: -5px;}
#n_dsj .content:before{content:"";position:absolute;width:1px;left:50%;top: 29px;bottom: 0;margin-left: 0;background: #e4e4e4;}
#n_dsj dl{position:relative;padding: 40px 0;border-bottom: #e4e4e4 1px solid;}
#n_dsj dl:before{content:"";position:absolute;background: linear-gradient(to right, #01a2e9 , #62c3d0);height:100%;left: 50%;width: 0;top: 0;margin-left: -1000px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj dt{ display:block; border-bottom:1px solid #e4e5e9; padding-bottom:10px;}
#n_dsj dt h1{position:absolute; top: 80px; right:auto; left: 635px; display:block; }
#n_dsj dt h1 strong{font-size: 24px;color: #66635f;}
#n_dsj .dd{display:block;width:100%;position:relative;min-height: 174px;background: url(../image/right002.png) 633px 60px no-repeat;}
#n_dsj .dd:hover{ background: url(../image/right002_on.png) 632.5px 65px no-repeat;}
#n_dsj .dd .pic_box{position:absolute;top:0;left: 265px;}
#n_dsj .dd .pic_box img{width: 256px;height: 140px;display:block;}

#n_dsj .dd .text_box {width: 575px;position: relative;right: 0;top: 6px;margin-left: 710px;}
#n_dsj .dd .text_box .box{ position:relative;}
#n_dsj .dd .text_box h3{font-size: 30px;font-weight:bold;display:block;margin-bottom: 12px;line-height: 30px;background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;}
#n_dsj .dd .text_box h3 small{font-size:16px;color: #686868;font-weight:  normal;margin-left: 3px;}
#n_dsj .dd .text_box p{overflow:hidden;font-size: 14px;line-height:30px;color: #303030;}
#n_dsj .dd.left_box{background: url(http://www.xacdio.com/static/style/pc/images/bg_dsj_li_right.png) 588px  0px no-repeat;}
#n_dsj .dd .text_box ul{list-style-type: none !important;padding-left: 5px;}
#n_dsj .dd .text_box ul li{position:relative;padding-left: 16px;}
#n_dsj .dd .text_box ul li:before{content:"";position:absolute;width: 6px;height: 7px;border-radius:50%;left:0;background:#535353;top: 12px;}
#n_dsj .dd:hover .text_box ul li:before{ background:#fff}

#n_dsj dl:hover:before{ width:2000px;}


#n_dsj .dd.right_box{}
#n_dsj .dd.right_box .box{text-align:left;width: 345px;}
#n_dsj .dd .pic_box{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj .dd.right_box .pic_box{left:auto;right: 220px;border: 3px solid rgb( 231, 233, 235 );-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj .dd.right_box .text_box{right:auto;left: 180px;}
#n_dsj .dd.right_box .text_box h1{ left:auto; right:-190px; text-align:right;}
#n_dsj .dd .text_box h1 strong{ position:relative; display: inline-block;}
#n_dsj .dd .text_box h1 strong::before {position: absolute;top: 0;left: 0;overflow: hidden; max-width: 0;color: #004785;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}
#n_dsj .dd:hover .text_box h1 strong::before,#n_dsj .dd:focus .text_box h1 strong::before {max-width: 100%;}
#n_dsj .dd:hover .pic_box{}
#n_dsj .dd:hover .text_box h3{ color:#fff}
#n_dsj .dd:hover .text_box small, #n_dsj .dd:hover .text_box p{ color:#fff}
#n_dsj .dd.right_box .text_box p{ text-align:right;}
#n_dsj .dd.first{ padding-top:110px; background:url(http://www.xacdio.com/static/style/pc/images/bg_dsj_li_right.png) 592px 115px no-repeat;}
#n_dsj .dd.first .pic_box{ top:110px;}
#n_dsj .dd.first:hover .pic_box{ top:120px;}
#n_dsj  dl.left_section dt h1{display:block;right: 610px;left: auto;}
#n_dsj_box .bnt_more{ }
#n_dsj_box .bnt_more a{ background:#66635f url(http://www.xacdio.com/static/style/pc/images/bg_dsj_last.png) center no-repeat; display:block; margin:0px auto; height:40px; width:40px; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj_box .bnt_more a:hover{ background:#333 url(http://www.xacdio.com/static/style/pc/images/bg_dsj_last.png) center no-repeat;}
#n_dsj h2{border-bottom: #cfd0d0 1px solid;line-height:144px;font-size:30px;text-align:center;color: #ff9617;text-transform:uppercase;}

#n_dsj .content .content00{ display:none}
#n_dsj .content .content00.on{ display:block}
#n_dsj .more00{text-align:center;margin-top: 29px;}
#n_dsj .more00 a{cursor:pointer;display:inline-block;width: 200px;height: 50px;line-height: 50px;text-align:center;border-radius: 25px;background: linear-gradient(to right, #01a2e9 , #62c3d0);font-size:16px;color:#fff;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#n_dsj .more00 a:hover{}
#n_dsj .more00 a.a2{ display:none}
#n_dsj .more00 a.a1 img{ margin-left:15px; margin-top:-3px}
#n_dsj .more00.on a.a1{ display:none}
#n_dsj .more00.on a.a2{ display:inline-block}

.n_news_detail{ padding-bottom:30px}
.n_news_detail .top_box{position:relative;margin-bottom: 35px;padding: 0 0 24px;text-align: left;border-bottom: #e5e5e5 1px solid;}
.n_news_detail .top_box h3{font-size: 22px;color: #313131;line-height:40px;margin-bottom: 10px;position: relative;}
.n_news_detail .top_box:before{content:"";position:absolute;bottom: -1px;width: 50px;height:2px;background: linear-gradient(to right, #01a2e9 , #62c3d0);}
.n_news_detail .top_box h5{height: 20px;line-height: 20px;}
.n_news_detail .top_box h5 font{font-size: 14px;color: rgba(49, 49, 49, 0.8);display: inline-block;margin-right: 36px;}
.n_news_detail .top_box h5 font img{margin: -3px 8px 0 0;}

.bshare-custom{display: inline-block;}
.bshare-custom small{font-size: 12px;color:#797979;margin-right:10px;vertical-align: middle;}
.bshare-custom small img{ margin-right:5px; margin-top:-3px}
.bshare-custom a{ display:inline-block !important; width:auto !important}
.bsBox,.bFind-wrapper-top{box-sizing: content-box;}


.n_news_detail .bottom_box .content{padding: 50px 0 30px;display: -webkit-box;}
.n_news_detail .bottom_box .w1280{ display:-webkit-box}
.n_news_detail .bottom_box .left{width: 850px;padding-right: 70px;}
.n_news_detail .bottom_box .right{width: 395px;vertical-align: top; }
.n_news_detail .bottom_box .right .right_box{background:#f0f2f7 url(../image/detail_bg.jpg) center bottom no-repeat;padding: 40px 30px;}
.n_news_detail .bottom_box .right .right_box h3{font-size: 16px;color:#383838;margin-bottom: 12px;background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;}
.n_news_detail .bottom_box .right .right_box h4{color:#68686a;font-size: 16px;margin-bottom: 25px;}
.n_news_detail .bottom_box .right .right_box .ul01{padding: 0;border-bottom: #c0c2c6 1px solid;margin-bottom: 20px; position:relative}
.n_news_detail .bottom_box .right .right_box .ul01:after{content:"";position:absolute;bottom: -1px;width:68px;height:2px;background: linear-gradient(to right, #01a2e9 , #62c3d0);}
.n_news_detail .bottom_box .right .right_box .ul01 li{}
.n_news_detail .bottom_box .right .right_box .ul01 li h5{height: 48px;line-height: 24px;font-size: 16px;color: #313131;overflow:hidden;text-overflow:ellipsis;transition:0.36s;}
.n_news_detail .bottom_box .right .right_box .ul01 li h6{font-size: 14px;color: #7d7e80;margin: 18px 0 12px;}
.n_news_detail .bottom_box .right .right_box .ul01 li p{font-size: 13px;color: #949396;line-height: 24px;height: 48px;overflow:hidden;text-overflow:ellipsis;padding-bottom:30px;} 
.n_news_detail .bottom_box .right .right_box .ul01 li span{font-size: 13px;color: #313131;padding: 25px 0 30px;text-decoration: underline;display: block;text-align: right;}

.n_news_detail .bottom_box .right .right_box .ul02 li{font-size: 14px;color: #68686a;line-height: 33px;}
.n_news_detail .bottom_box .right .right_box .ul02 li a{display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#606063;padding-left: 25px;transition:0.36s;}
.n_news_detail .bottom_box .right .right_box .ul02 li a:before{content:"";position:absolute;left: 4px;top:50%;width: 6px;height: 6px;margin-top: -3px;background: linear-gradient(to right, #01a2e9 , #62c3d0);border-radius:50%;}
.n_news_detail .bottom_box .right .right_box .ul02 li a b{padding-right: 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:100%;font-weight:normal;vertical-align:top;color: #606063;transition:0.36s;}
.n_news_detail .bottom_box .right .right_box .ewm_box{padding:30px 30px;text-align:center;margin-top: 10px;}
.n_news_detail .bottom_box .right .right_box .ewm_box .ewm{width:140px;height:140px;line-height:140px;text-align:center;background:#fff;display: inline-block;}
.n_news_detail .bottom_box .right .right_box .ewm_box .ewm img{ display:inline-block; width:122px; height:122px;}
.n_news_detail .bottom_box .right .right_box .ewm_box .con{font-size:13px;line-height:26px;color: #777;display: inline-block;text-align: left;margin-left: 16px;vertical-align: top;padding-top: 40px;}

.sticky{position:sticky;top:0;padding: 0;}

.piaofu_fx{position: absolute;left: 3%;top: 758px;width: 50px;}
.piaofu_fx ul{  padding:2px 0 0}
.piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;}
.piaofu_fx ul li > a{display:block;min-width: 39px;width: 39px;height: 39px;background: #f0f2f7;line-height: 39px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px;overflow:hidden;color:#fff;font-size:14px;}
.piaofu_fx ul li > a:hover{background: #f4f4f4;}
.piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}
.piaofu_fx ul li > a span{display:inline-block;width: 39px;height: 39px;text-align:center;}
.piaofu_fx ul li > a span img.img02{ display:none}

.piaofu_fx ul li > a:hover{width: 108px;background: linear-gradient(to right, #01a2e9 , #62c3d0);}
.piaofu_fx ul li > a:hover span img.img01{ display:none}
.piaofu_fx ul li > a:hover span img.img02{ display:inline-block}

.n_product_detail{ padding:60px 0}
.n_product_detail .left{float:left; width:620px;}
.lwy .miso_bd{margin-bottom: 0;}
.lwy .miso_bd li .img, .lwy .miso_bd li .img img{width:620px;height:376px;overflow:hidden;border-radius: 0;object-fit: cover;}
.lwy .miso_bd .miso-prev, .lwy .miso_bd .miso-next{width: 32px;height: 32px;z-index:1000;background-size:cover !important; transition:0.6s}
.lwy .miso_bd .miso-prev{left: 14px;background: url(../image/left05.png) center no-repeat;}
.lwy .miso_bd .miso-next{right: 14px;background:url(../image/right05.png) center no-repeat;}
.lwy .miso_bd .miso-prev:hover{background: url(../image/left05_on.png) center no-repeat;}
.lwy .miso_bd .miso-next:hover{background:url(../image/right05_on.png) center no-repeat;}

.lwy .miso_hd{margin: 0 -6px;}
.lwy .miso_hd li{display:inline-block;padding: 0 6px;padding-top: 0;}
.lwy .miso_hd li .img{width:100%;height: 132px;overflow:hidden;position:relative;border-radius: 0;padding:12px 0 0;object-fit: cover;}
.lwy .miso_hd li .img img{width:100%;height: 120px;overflow:hidden;position:relative;border-radius: 0;}
.lwy .miso_hd li .img:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;border-radius: 0;}
.lwy .miso_hd li.miso-current .img:after{ background:url(../image/kuang.png) center bottom no-repeat}

.n_product_detail .right{ width:612px}
.n_product_detail .right .ar_article h3{ font-size:16px; color:#0ba6e6; font-weight:bold; line-height:30px; margin-bottom:30px;}
.n_product_detail .right .table{ text-align:left}

.n_product_detail .right h4{font-size:18px;color: #da251d;margin-bottom:22px;}
.n_product_detail .right h2{margin-bottom: 35px;font-size: 24px;color: #1c1c1c;padding: 10px 0 30px;position:relative;border-bottom: #e5e5e5 1px solid;line-height: 32px;}
.n_product_detail .right h2:before{content:"";position:absolute;left:0;bottom: -2px;width: 40px;height: 3px;}
.n_product_detail .right .box_li{background:url(../image/line.png) top right no-repeat;padding-right:5px;position: relative;}
.n_product_detail .right .box_li:after{ content:""; position:absolute; background:url(../image/dots02.jpg) top right no-repeat; width:13px; height:13px; top:0; right:0}
.n_product_detail .right .ar_article{padding-right: 45px;margin-bottom: 0;overflow: hidden;overflow-y: scroll;height: 398px; }
.n_product_detail .right .ar_article p{font-size: 15px;color: #555555;line-height: 30px;margin-bottom: 30px;text-indent: 0;}
.n_product_detail .right .ar_article::-webkit-scrollbar {width:3px;height:3px; background:transparent}
.n_product_detail .right .ar_article::-webkit-scrollbar-track {border-radius:10px; background:transparent}
.n_product_detail .right .ar_article::-webkit-scrollbar-thumb {border-radius:10px; background:transparent;}
.n_product_detail .right .ar_article:hover::-webkit-scrollbar-thumb {background:linear-gradient(to bottom, #01a2e9 , #62c3d0)}
.n_product_detail .right .more{ text-align:right}
.n_product_detail .right a{display:inline-block;width: 250px;height: 50px;line-height: 50px;text-align:center;border-radius: 2px;background: #f4f4f4;margin-right: 0;font-size: 24px;color: #3073cd;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-weight: bold;vertical-align: top;}
.n_product_detail .right a.a1{background: #3073cd;font-size: 18px;font-weight:normal;width: 187px;float:left;color: #fff;}
.n_product_detail .right a img{ margin:-3px 8px 0 0}
.n_product_detail .right a:hover{background: #87aee2;}

.n_product_detail .fl02{overflow:hidden;background: #f4f4f4;}
.n_product_detail .fl02 h3{margin-bottom: 30px;border-bottom: #e9e9e9 1px solid;}
.n_product_detail .fl02 h3 span{display:inline-block;position:relative;font-size: 16px;color: #fff;width: 140px;height: 50px;background: #3073cd;text-align: center;line-height: 50px;}
.n_product_detail .fl02 h3 span:before{content:"";position:absolute;bottom:0;left: 0;width: 100%;height: 3px;background: #da251d;display: none;}
.n_product_detail .fl02 .ar_article{padding: 0 36px;}
.n_product_detail .fl02 .ar_article p{ font-size:14px; line-height:36px;}

.n_zizhi01 ul li .img:after, .n_zizhi01 ul li .img .img_box:after{ display:none}
.n_zizhi01 ul li .img{background:#f0f2f7;height:210px;line-height: 210px;}
.n_zizhi01 ul li .img .img_box{}
.n_zizhi01 ul li .img img{ vertical-align: middle;}
.n_zizhi01 ul li h5{ margin-top:0}


.piaofu_fx.on{top: 60px;position: fixed;}

.n_zizhi dl{ text-align:center; margin-bottom:40px;}
.n_zizhi dl dd{display:inline-block;margin: 0 17px;}
.n_zizhi dl dd a{ display:inline-block; width:154px; height:50px; line-height:48px; border:#e5e5e5 1px solid; border-radius:25px; font-size:16px; color:#5e5e5e; transition:0.6s}
.n_zizhi dl dd.on a, .n_zizhi dl dd a:hover{background: linear-gradient(to right, #01a2e9 , #62c3d0);border:#fff 1px solid;color: #fff;}

#ar_fot{margin-top:10px;position:relative;padding: 25px 0 0;border-top: #d8d8d8 1px solid; margin-top:40px;}
#ar_fot h5{width: 69%;display:block;font-size: 16px;line-height:30px;color: #6e6e6e;font-weight: normal;float: left;}
#ar_fot h5 span{ float:left}
#ar_fot h5 a{float:  left;font-size: 16px;color: #3e3e3e;font-weight:normal;width: calc(100% - 72px);}
#ar_fot h5 a:hover{color: #01a2e9;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot .fanhui{float:right;position: absolute;right: 0;top: 32px;}
#ar_fot .fanhui a{ display:inline-block; width:9.6875rem; height:2.5rem; line-height:2.5rem; background:#01a2e9; border-radius:1.25rem; text-align:center; font-size:15px; color:#fff; transition:0.36s}
#ar_fot .fanhui a img{ margin:-3px 0.5rem 0 0}

#ar_fot .fanhui a:hover{ background:#0090d0}
section.s_bn{ display: flex; justify-content: center; margin-bottom: 3rem;}

/*==========================================内页 结束=============================================*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.container06 .content h6 a, .container06 .content .box02 ul li a:hover h5, .container06 .content .box01 ul li a:hover .con h4, .n_wenzhang ul li a .con h6, .n_wenzhang ul li a .time h3, .n_video ul li a:hover h5 span, .n_news ul li .con span:hover, .n_news_detail .bottom_box .right .right_box .ul02 li a:hover, .n_news_detail .bottom_box .right .right_box .ul01 li a:hover span, .n_news_detail .bottom_box .right .right_box .ul01 li a:hover  h5, .n_news_detail .bottom_box .right .right_box h3, .n_news ul li a:hover .con h5, .nav .active a .txt, .nav .on a .txt, .n_zizhi ul li:hover h5 span{ color:#01a2e9 !important; background:none !important}
}
/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.container06 .content h6 a:hover{letter-spacing: 1px;}
	
	.container06 .content .box02 ul li a:hover h5, .container06 .content .box01 ul li a:hover .con h4, .n_news ul li a:hover .con h5{ background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text; color: transparent;}
	
	.container03 ul li a:hover .con .icon:before{background: #fff;}
	.container03 ul li a:hover .con .icon:after{background: #fff;}
	.container03 ul li a:hover .con .icon span{transform: rotate(180deg);background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;}
	.container03 ul li a:hover .con:before{transform:translateY(0);background: linear-gradient(to right, #01a2e9 , #62c3d0);}

	
	.container03 ul li a:hover .con h5{ color:#fff}
	.container03 ul li a:hover .con p{ color:#fff}
	
	.container01 ul.ul01 li a:hover .top h6 span{ width:110px;}
	.container01 ul.ul01 li a:hover .top h6 span font{ width:68px; opacity:1; visibility:visible; }
	
	.container01 ul.ul01 li a:hover .img img{ transform:scale(1.05)}
	
	.container01 ul.ul02 li a:hover .top{ top:0}
	.container01 ul.ul02 li a:hover .top:before{ opacity:0.6; background: linear-gradient(to right, #01a2e9 , #62c3d0);}
	.container01 ul.ul02 li a:hover .top p{ opacity:1}
	.container01 ul.ul02 li a:hover .top h6{ opacity:1}
	
	.container01 ul.ul02 li a:hover .img img{ opacity:0.65}
	.container01 ul.ul02 li a:hover .img img{ transform:scale(1.05)}
	
	.n_product ul li a:hover .con{ transform:translateY(0)}
	
	.n_wenzhang ul li a:hover:before{ transform:translateY(0);}
	.n_video ul li a:hover h5{}
	
	.n_wenzhang ul li a:hover .con h5, .n_wenzhang ul li a:hover .con p, .n_wenzhang ul li a:hover .con h6{ color:#fff}
	
	.container05 .box_w ul li:hover .con img.img01{ display:none}
	.container05 .box_w ul li:hover .con img.img02{ display:inline-block}
	.container05 .box_w ul li:hover .txt .line{ background:linear-gradient(to right, #01a2e9 , #62c3d0)}
	.container05 .box_w ul li:hover .txt .line:before{ background:linear-gradient(to right, #01a2e9 , #62c3d0)}
	.container05 .box_w.fr ul li:hover .txt .line:before{ background:linear-gradient(to right , #62c3d0, #01a2e9)}
	
	.n_video ul li a:hover .img .top01{ transform:translateY(0)}
	.n_video ul li a:hover h5 span, .n_news ul li .con span:hover, .n_news_detail .bottom_box .right .right_box .ul02 li a:hover, .n_news_detail .bottom_box .right .right_box .ul01 li a:hover span, .n_news_detail .bottom_box .right .right_box .ul01 li a:hover  h5{background: linear-gradient(to right,#01a2e9 , #62c3d0);-webkit-background-clip: text;color: transparent;}
	.n_video ul li a:hover .img>img{ transform:scale(1.05)}
	
	.n_zizhi ul li:hover h5 span{ background: linear-gradient(to right,#01a2e9 , #62c3d0);
    -webkit-background-clip: text;
    color: transparent;}
	
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
}

@media(max-width: 1420px){
	.w1390{ padding:0 15px}
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}



@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
}


@media(max-width: 456px){
	

} 

.online_q {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 9999;
  transition: .5s;
  -webkit-transition: .5s;
}

.online_q .btn2 {
  width: 6.25rem;
  height: 6.25rem;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
}

.online_q .btn-top {
  padding: 0;
  transition: .5s;
  overflow: hidden;
}

.online_q .btn2 a {
  font-size: 12px;
  color: #fff;
}

.online_q .btn2 span {
  display: flex;
  align-items: center;
  border-radius: 5px;
  flex-direction: column;
  border-radius: 3px 0 0 3px;
  justify-content: center;
  float: left;
  text-align: center;
  width: 6.25rem;
  height: 6.25rem;
  position: relative;
  z-index: 999;
  overflow: hidden;
  transition: .3s;
  -webkit-transition: .3s;
  background: #f0f2f7;
}

.online_q .btn2 span b {
  font-weight: normal;
  font-size: .95rem;
  display: block;
  margin-top: .5rem;
  color: #212121;
}

.online_q .btn2:hover span {
  background: #fff;
}

.online_q .open.pic {
  position: absolute;
  background: #fff;
  width: 100px;
  height: 100px;
  right: 80px;
  top: 50%;
  margin-top: -50px;
  text-align: right;
  opacity: 0;
  transition: .6s;
  -webkit-transition: .6s;
  visibility: hidden;
}

.online_q .open.pic img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

.online_q .btn2:hover .open.pic {
  opacity: 1;
  right: 7.25rem;
  visibility: visible;
}

.online_q .open.phone {
display: inline-block;
    height: 6.25rem;
    line-height: 1.5rem;
    z-index: 0;
    background: #fff;
    color: #5ec2d1;
    font-family: arial;
    font-size: 16px;
    transition: width 0s;
    -webkit-transition: width 0s;
    text-align: center;
    width: 18rem;
    padding: 1.5rem 0;
}

.online_q .btn2:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible;
}

.btn-tel a {
  display: block;
  width: 6.25rem;
  white-space: nowrap;
  position: absolute;
  right: 0;
  transition: .5s;
  -webkit-transition: .5s;
  overflow: hidden;
}

.btn-tel:hover a {
  width: 24rem;
}

.online_q .btn-02.btn-tel:hover span {
  background: url(http://www.xacdio.com/static/style/pc/images/piaofu_tel.png) center no-repeat #fff;
  border: 2px solid #037ccf;
}

.online_q .open.pic:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px;
}

#gotop.hide {
  height: 0;
  overflow: hidden;
  display: block !important;
}