::-webkit-input-placeholder{color:#999;font-family:microsoft yahei;font-size:14px}:-moz-placeholder{color:#999;font-family:microsoft yahei;font-size:14px}::-moz-placeholder{color:#999;font-family:microsoft yahei;font-size:14px}:-ms-input-placeholder{color:#999;font-family:microsoft yahei;font-size:14px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul{list-style:none;margin:0;padding:0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.m20{margin:20px 0}
.p5{padding:5px}
.p10{padding:10px}
.p20{padding:20px}
.p30{padding:30px}
.pt10{padding:10px 0}
.pt20{padding:20px 0}
.clear{clear:both}
.dis{display:none}
.text-center{text-align:center}
.text-hide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.text-hide-2,.text-hide-3,.text-hide-4,.text-hide-5,.text-hide-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.text-hide-2{-webkit-line-clamp:2}
.text-hide-3{-webkit-line-clamp:3}
.text-hide-4{-webkit-line-clamp:4}
.text-hide-5{-webkit-line-clamp:5}
.text-hide-6{-webkit-line-clamp:6}
.fl{float:left}
.fr{float:right}a{transition:color ease .15s}body{background:#fff;margin:0;padding:0}div,p,td{font-size:14px;line-height:24px}
.notsupport{position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#00a2e9}
.notsupport h1{font-size:80px;margin-top:200px;margin-bottom:100px;font-weight:400}
.notsupport h2{font-size:30px;margin-bottom:30px;font-weight:300}
.width{width:1480px;margin:0 auto; display:block}
.bg_white{background:#fff;padding:20px 0}
.bg_gray{background:#f5f5f5;padding:20px 0}
.bg_blue{background:#f1f8fe;padding:20px 0}
.bg_red{background:#e21e68}
.bg_black{background:#313131}
.bg_about{background:url(../images/bg.jpg) no-repeat;background-size:cover;padding:50px 0 80px 0}
.bg-process{background:url(../images/lcbg.jpg) no-repeat;background-size:cover;padding:50px 0 80px 0}
.topbar{background-color:#f5f5f5;font-size:12px;color:#666;border-bottom:#ddd solid 1px}
.topbar .fl{line-height:40px;height:40px}
.topbar .fr{line-height:40px;height:40px}
.topbar .fr a{color:#666;display:inline-block}
.topbar .fr a:hover{color:#2079ff}
.header{background:#fff;min-height:110px}
.header .title{display:block;padding-top:25px;font-size:25px;font-weight:700;text-align:center;width:450px}
.header .title i{color:#f60}
.header .title span{font-size:16px;line-height:40px;font-weight:400}
.header .tel{min-height:110px;padding:25px 0 0 60px}
.header .tel span{font-size:42px;color:#f60;margin-right:5px;float:left;margin-top:10px}
.header .tel p{margin:0;padding:0 0 0 40px;color:#999}
.header .tel p span{font-size:27px;color:#f60;display:block;float:none;margin:0;width:200px;font-family:Impact}
.header .qr{float:right;margin-top:5px;width:120px;margin-left:20px}
.header .qr .text{width:20px;float:left;font-size:12px;color:#b0b0b0;text-align:center;line-height:14px}
.header .qr img{height:100px;width:100px;float:left;border:1px solid #b0b0b0}
.nav{background-color:#0059a9;list-style:none;margin:0;padding:0}
.nav li{display:inline-block;padding:0;position:relative}
.nav li a{display:block;padding:20px 28px;color:#fff;font-size:18px}
.nav li a:hover{background:#2079ff;color:#fff}
.nav .hover a{background:#2079ff;color:#fff}
.nav li a span{float:right;font-size:18px;color:#999}
.nav li .subnav{position:absolute;border-bottom:0;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;margin:0;box-shadow:1px 3px 6px 1px rgba(0,0,0,.1)}
.nav li .subnav li{position:relative;display:block;margin:0;min-width:200px;float:none}
.nav li .subnav li a{color:#333;white-space:nowrap;border-radius:0;padding:10px 15px;border-bottom:1px solid #f3f3f3;font-size:14px}
.nav li .subnav li a:hover{color:#2079ff}
.nav li:hover a{background:#2079ff;color:#fff}
.nav li:hover .subnav{opacity:1;transform:translate3d(0,0,0);visibility:visible}
.nav li:hover .subnav a{background:#fff;color:#333;font-size:14px}
.nav li:hover .subnav a:hover{color:#2079ff;background:#f5f5f5}
.nav li .subnav li .subnav2{position:absolute;border-bottom:0;right:-200px;top:-14px;z-index:9999;opacity:0;transition:all .3s ease 0s;visibility:hidden;box-shadow:1px 3px 6px 1px rgba(0,0,0,.1)}
.nav li .subnav li:hover .subnav2{opacity:1;visibility:visible}
.banner{margin:0 auto;z-index:1}
.banner .box_skitter{width:100%;height:570px}
.banner_inner{height:300px;padding:110px 0 0 150px;color:#fff}
.banner_inner h2{font-size:28px;font-weight:400}
.banner_inner p{color:#fff;font-size:15px}
.topfield{background:#2079ff;background:linear-gradient(-118deg,#2079ff 25%,#195fbc 75%);padding:10px 0 6px 0;border-bottom:1px solid #007fe4;padding-bottom:10px}
.field{margin-top:10px;padding-bottom:10px;border-bottom:dashed 1px #ddd}
.field:last-child{border-bottom:dashed 0 #ddd}
.field h3{font-size:16px;font-weight:400;display:inline;color:#fff}
.field a{margin:0 3px;font-size:15px;padding:0 10px;position:relative;display:inline-block;border:1px solid #e0e0e0;line-height:36px;overflow:hidden;border-radius:4px;color:#595959;background:#fff;vertical-align:middle}
.field a.hover,.field a:hover{background-color:#f60;color:#fff;border-color:#f60}
.h1{text-align:center;background:url(../images/icon_dot.png) no-repeat center bottom;padding-bottom:25px;margin-bottom:20px}
.h1 div{color:#2079ff;font-size:30px;font-weight:700;margin-bottom:10px}
.h1 span{color:#afafaf;font-size:16px}
.h1-white{text-align:center;margin:0 auto 30px auto;font-size:30px;font-family:microsoft yahei;color:#fff;font-weight:300}
.h1-white span{font-size:24px;font-family:microsoft yahei;display:block;color:#f60;padding:15px 10px 10px 10px}
.h2{margin:0 auto 20px auto;border-bottom:1px dashed #f3f3f3}
.h2 span{border-bottom:2px solid #1f82fc;display:inline-block;line-height:30px;margin:0;padding:0 0 15px 0;font-size:20px;font-family:microsoft yahei;font-weight:300}
.home_banner{height:349px;background:url(../images/home-banner.png) no-repeat center 0;position:relative;color:#fff;line-height:34px;clear:both;top:-45px}
.ad1{position:absolute;left:50%;margin-left:488px;top:100px;width:210px;text-align:center;white-space:nowrap}
.ad1 p{height:83px;background-image:url(../images/ad-tel.png);background-repeat:no-repeat;background-position:right top;padding-right:10px;color:#fff}
.ad1 p b{display:block;font-family:Arial;font-size:30px;line-height:38px}
.ad1 span{display:block;line-height:43px;border:solid 1px #fff;color:#fff;font-size:16px;border-radius:30px}
.ad1 a:hover span,.ad1 span:hover,.ad1:hover span{border-color:#f68100;background:#f68100;color:#fff}
.timer_bg{background:url(../images/timer.jpg) no-repeat center 0;height:700px;margin-top:-100px;padding:50px 0 0}
.timerlist{display:block;height:140px;padding-top:20px;padding-right:0;padding-bottom:0;padding-left:0;margin-left:120px}
.timerlist li{font-size:16px;color:#666;height:45px;line-height:45px;overflow:hidden;background:url(../images/timerico.png) no-repeat 20px 18px;width:350px;float:left;padding:0 0 0 50px}
.home_timer{background:#fff;display:flex;z-index:1;padding:30px;border-radius:4px;border:1px solid #f3f3f3;box-shadow:0 0 30px rgba(0,0,0,.1);width:94%;margin:100px auto 0 auto}
.home_timer_item{flex:1;text-align:center;position:relative;line-height:5}
.home_timer_item:after{display:block;content:"";border-right:1px solid #ededed;position:absolute;right:0;top:30px;width:1px;height:40px}
.home_timer_item:last-child:after{display:none}
.home_timer_item_head{position:relative;display:inline-block}
.home_timer_item_head span{font-size:48px;font-weight:700;color:#f60}
.home_timer_item_head em{font-size:14px;color:#989898;position:absolute;right:-65px;top:13px;text-align:left;width:60px}
.home_timer_item_foot{font-size:16px;font-weight:400;color:#666}
.video_bg{background:url(../images/timer.jpg) no-repeat center 0;height:700px;margin-top:-100px;padding:50px 0 0}
.home_video{padding:15px;border-radius:5px;box-shadow:0 0 30px rgba(0,0,0,.1);width:67%;margin:10px auto 0 auto}
.home_video video{margin:0 auto}
.home_nav{text-align:center;padding:30px 0 30px 0}
.home_nav ul{margin:0;padding:0;list-style:none}
.home_nav ul li{display:inline-block;position:relative}
.home_nav ul li a{background:#1f82fc;border-color:#1f82fc;color:#fff;display:block;padding:6px 15px;border-radius:30px}
.home_nav ul li a:hover{background:#f60;border-color:#f60}
.home_nav ul .hover a{border:1px solid #f60;background:#f60}
.home_nav ul li dl{background:#f60;top:23px;left:0;position:absolute;opacity:0;transition:all .3s ease 0s;transform:translate3d(0,10px,0);visibility:hidden;z-index:100}
.home_nav ul li dl a{display:block;border:0;font-weight:400;padding:10px 30px;color:#fff;border-radius:0;white-space:nowrap}
.home_nav ul li dl a:hover{background:#fff;color:#333;padding:10px 30px}
.home_nav ul li:hover a{background:#f60;border-color:#f60;border-radius:30px}
.home_nav ul li:hover dl{opacity:1;transform:translate3d(0,0,0);visibility:visible}
.home_slide{position:relative;margin:10px 0}
.home_slide .hide{width:1380px;overflow:hidden;margin-left:60px}
.home_slide ul{margin:0;padding:0;list-style:none;width:29999px}
.home_slide ul li{float:left;width:264px;margin:0 10px 10px 0;height:240px;background:#fff;border:1px solid #eee;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;overflow:hidden}
.home_slide ul li .title{position:absolute;bottom:-40px;width:100%;background:#1f82fc;height:40px;line-height:40px;padding:0 15px;color:#fff;opacity:.7;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.home_slide ul li .pic{overflow:hidden;width:100%;height:100%}
.home_slide ul li .pic img{transition:all 1s;width:100%;height:100%}
.home_slide ul li:hover .pic img{transform:scale(1.1)}
.home_slide ul li:hover .title{bottom:0}
.home_slide ul li:hover{box-shadow:0 1px 10px rgba(0,0,0,.1)}
.home_slide .prev{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;width:45px;height:45px;position:absolute;left:0;top:80px;cursor:pointer}
.home_slide .next{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E") no-repeat center;width:45px;height:45px;position:absolute;right:0;top:80px;cursor:pointer}
.home_about{margin-top:20px;background:#fff}
.home_about .pic{width:35%;float:left}
.home_about .intro{padding:20px 30px;margin-left:35%}
.home_about .intro .abouttext{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4}
.home_about .intro p{line-height:200%}
.home_about .intro .more{margin:25px 0 0 0}
.home_about .intro .more a{display:inline-block;background:#1f82fc;padding:8px 40px;color:#fff}
.home_about .intro .more a:hover{background:#f60}
.home_pic{margin-top:30px;padding-bottom:40px ;}
.home_pic ul{display:flex;flex-wrap:wrap}
.home_pic ul li{width:473px;margin:0 30px 30px 0;list-style:none}
.home_pic ul li:nth-child(3n){margin-right:0}
.home_pic ul li a{display:block;width:100%;height:100%}
.home_pic ul li a .top{width:100%;height:360px;position:relative;transition:all .5s ease}
.home_pic ul li a .top img{width:100%;height:100%}
.home_pic ul li a .top .date{position:absolute;top:20px;left:0;background:#f60;color:#fff;padding:10px 20px;display:none;font-size:16px}
.home_pic ul li a .foot{border-top:0 solid #f6f6f6;background:#fff;padding:15px 15px 25px 20px;position:relative}
.home_pic ul li a .foot .title{height:48px;line-height:24px;font-size:16px;overflow:hidden}
.home_pic ul li a .foot .desc{line-height:20px;font-size:14px;color:#999}
.home_pic ul li a:hover .top{border:10px solid #1f82fc}
.home_pic ul li a:hover .top .date{display:block}
.home_pic ul li a:hover .foot{background:#1f82fc;border-color:#1f82fc}
.home_pic ul li a:hover .foot .title{color:#fff}
.home_pic ul li a:hover .foot .desc{color:#fff}
.auto-box{width:100%;height:auto;padding:30px 0 40px}
.main-box{max-width:1200px;height:auto;margin:0 auto}
.index-tserver{width:100%;background:url(../images/360server-line.png) no-repeat center 125px;box-sizing:border-box;text-align:center;padding:0 2.6%}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-.1%}
.index-tserver li.tserver-list1{background:url(../images/360server-icon1.png) no-repeat center top}
.index-tserver li.tserver-list2{background:url(../images/360server-icon2.png) no-repeat center top}
.index-tserver li.tserver-list3{background:url(../images/360server-icon3.png) no-repeat center top}
.index-tserver li.tserver-list4{background:url(../images/360server-icon4.png) no-repeat center top}
.index-tserver li.tserver-list5{background:url(../images/360server-icon5.png) no-repeat center top}
.index-tserver li.tserver-list6{background:url(../images/360server-icon6.png) no-repeat center top}
.index-tserver li.tserver-list7{background:url(../images/360server-icon7.png) no-repeat center top}
.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;text-align:left;font-size:14px;line-height:22px;background:linear-gradient(111deg,#04bde4,#1067fe);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.zoomin{animation-name:zoomin}@keyframes zoomin{0%{opacity:0;transform:scale(.3)}50%{opacity:1}}
.tab-block{height:580px;margin:50px auto 0;background-color:#fff;border:1px solid #e5e5e5}
.tab-block.information-tab{height:430px}
.tab-block.information-tab .tabs{height:380px}
.tab-block .tab-buttons{width:100%;height:50px;background-color:#fafafa}
.tab-block .tab-buttons .tab-button{margin-top:0;width:33.33%;float:left;height:50px;text-align:center;font-size:18px;color:#999;line-height:50px;position:relative;cursor:pointer;background-color:#f2f2f3;font-weight:400}
.tab-block .tab-buttons .tab-button.cur{background-color:#fff;color:#1183ff}
.tab-block .tab-buttons .tab-button.cur:after{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background-color:#1183ff}
.tab-block .tabs{width:100%;height:528px}
.tab-block .tabs .tab-item{width:100%;height:100%;padding:20px;display:none}
.tab-block .tabs .tab-item.active{display:block}
.information-tab .information-left{width:500px;height:340px;overflow:hidden;position:relative;float:left}
.information-tab .information-left img{width:100%;transition:all 1s}
.information-tab .information-left .left-bottom{position:absolute;bottom:0;left:0;width:100%;height:48px;line-height:48px;background-color:rgba(0,0,0,.5);z-index:2;color:#fff;padding:10px}
.information-tab .information-left .left-bottom .article-title{font-size:18px;width:400px;float:left}
.information-tab .information-left .left-bottom .article-time{font-size:14px;float:right}
.information-tab .information-left a:hover img{transform:scale(1.1)}
.information-tab .information-left a:hover .left-bottom{background-color:rgba(31,130,252,.7)}
.information-tab .information-right{width:920px;height:340px;float:right}
.information-tab .information-right .article-list{padding-top:20px}
.information-tab .information-right .article-list .article-link{display:block;padding:0 20px}
.information-tab .information-right .article-list .article-link .article-head span{display:inline-block;vertical-align:middle}
.information-tab .information-right .article-list .article-number{width:20px;height:20px;text-align:center;line-height:20px;color:#fff;background-color:#999;font-size:14px}
.information-tab .information-right .article-list .article-title{font-size:16px;color:#333;line-height:20px;margin-left:14px;width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.information-tab .information-right .article-list .article-time{float:right;font-size:12px;color:#999;line-height:20px}
.information-tab .information-right .article-list .article-content{margin-top:10px;padding-left:44px;width:450px;font-size:14px;color:#666;line-height:26px;display:none}
.information-tab .information-right .article-list .article-content p{height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.information-tab .information-right .article-list:nth-of-type(1) .article-number,.information-tab .information-right .article-list:nth-of-type(2) .article-number,.information-tab .information-right .article-list:nth-of-type(3) .article-number{background-color:#1f82fc}
.information-tab .information-right .article-list.current .article-link{background-color:#fafafc;padding:20px}
.information-tab .information-right .article-list.current .article-number{background-color:#f60!important}
.information-tab .information-right .article-list.current .article-title{color:#f60}
.information-tab .information-right .article-list.current .article-content{display:block}
.main{padding-top:20px;background-color:#f2f7ff;width:100%;padding-bottom:20px}
.position{line-height:50px;border:1px solid #f0f0f0;padding:0 0 0 15px;background:#fff;box-shadow:0 0 10px #e1e1e1}
.position ul{margin:0;padding:0}
.position ul li{font-size:16px}
.content-box{background-color:#fff;box-shadow:0 0 10px #e1e1e1;padding:20px}
.home_pro_nav{width:320px;box-shadow:0 0 8px #e1e1e1}
.home_pro_nav .title{background:linear-gradient(-118deg,#2079ff 1%,#195fbc 93%);font-size:40px;color:#fff;text-indent:30px;line-height:100px;letter-spacing:8px;font-weight:600}
.home_pro_nav .min{min-height:auto}
.home_pro_nav .tree{background:#fff}
.home_pro_nav .home_tree h4{height:47px;line-height:47px;padding-left:45px;font-size:16px;color:#fff;font-weight:400;letter-spacing:1px;margin:0;background-image:url(../images/icolist.png);background-repeat:no-repeat;background-position:15px center;background-color:#2079ff}
.home_pro_nav .home_tree h4 a{color:#fff}
.home_pro_nav .home_tree h4:hover{color:#fff;background-color:#195fbc}
.home_pro_nav .home_tree ul{margin:0;display:none;border-bottom:0;display:flex;flex-wrap:wrap;background-color:#f6f6f6}
.home_pro_nav .home_tree ul li{width:49%;border-bottom:1px solid #e1e1e1;line-height:45px;background:url(../images/minlist.png) no-repeat 7px 21px;padding-left:15px}
.home_pro_nav .home_tree ul li a{color:#666}
.home_pro_nav .home_tree ul li a:hover{color:#f30}
.home_pro_nav .home_tree ul .hover{background-color:#fafafa}
.home_pro_nav .hover ul{opacity:1}
.left-qr{margin-top:10px}
.left-qr img{width:100%}
.left-tel{background:linear-gradient(-118deg,#2079ff 1%,#195fbc 93%);padding:45px 0 45px 70px}
.left-tel h5{font-size:16px;color:#fff;height:32px;line-height:32px;font-weight:400;text-shadow:2px 2px 2px #000}
.left-tel h5 span{padding:4px 8px 0 0;font-size:32px;color:#fff;text-shadow:2px 2px 2px #000}
.left-tel .tel{font-family:Impact;font-size:30px;color:#fff;text-shadow:2px 2px 2px #000}
.pro_list{width:1100px}
.pro_list ul{width:100%;margin:0;padding:0;list-style:none}
.pro_list ul li{float:left; height:410px;width:32.3%;margin:0 1% 1% 0;box-shadow:0 0 8px #d4d4d4;background:#fff}
.pro_list ul li a{display:block;border:8px solid #fff}
.pro_list ul li a .ico{overflow:hidden}
.pro_list ul li a .ico img{width:100%;height:226px;transition:all 1s}
.pro_list ul li a .name{text-align:center;line-height:45px;padding:0 10px}
.pro_list ul li a .tag{background:#f9f9f9;border-bottom:1px solid #f0f0f0;padding:5px 0 5px 15px;font-size:13px;color:#6c7377}
.pro_list ul li a:hover{border-color:#2079ff}
.pro_list ul li a:hover .name{background:#2079ff;color:#fff}
.pro_list ul li a:hover .tag{color:#2079ff}
.pro_list ul li a:hover .ico img{transform:scale(1.1)}
.pro_show{width:1100px;border:0 solid #f3f3f3;padding-bottom:20px}
.pro_show .left{float:left;width:50%;text-align:center;border-right:1px solid #f3f3f3;padding:0 20px}
.pro_show .left .thumb_pic{margin:40px 0 0 0;text-align:center}
.pro_show .left .thumb_pic ul{margin:0 auto}
.pro_show .left .thumb_pic ul li{display:inline-block;margin-right:5px;border:1px solid #eaeaea;padding:3px;cursor:pointer;position:relative}
.pro_show .left .thumb_pic ul li.hover{border:1px solid #f90;background:#fff}
.pro_show .left .thumb_pic ul li.hover:after{content:" ";position:absolute;right:27px;top:-6px;width:11px;height:11px;border:#f90 solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#f90;z-index:-1}
.pro_show .right{margin-left:50%;padding:20px 0 0 30px}
.pro_show .right h1{font-size:18px;margin:0;padding:0;font-weight:400;text-align:left}
.pro_show .right h5{font-size:14px;margin:10px 0;padding:0;color:#2079ff;font-weight:400}
.pro_show .right h5 span{color:#404142}
.pro_show .right .attribute li{font-size:14px;line-height:30px}
.pro_show .right .attribute li em{display:inline-block;width:80px;font-style:normal;color:#555;font-size:14px}
.pro_show .right .price{font-size:14px;line-height:30px;margin:20px 0}
.pro_show .right .price span{font-size:18px;color:#f60}
.pro_show .right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px}
.pro_show .right .tags{margin:20px 0}
.pro_show .right .tags a{margin-left:10px;display:inline-block;border-radius:4px;border:1px solid #dadada;background:#fff;padding:2px 6px;font-weight:400;font-size:14px}
.pro_show .right .tags a:hover{background:#2079ff;color:#fff;border-color:#2079ff}
.pro_show .right .action{margin:30px 0 50px 0}
.pro_intro{width:1100px;border:1px solid #f3f3f3;margin-bottom:30px}
.pro_intro .left{width:320px;margin-right:20px;float:left;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.pro_intro .plist{margin:15px;width:300px}
.pro_intro .plist ul{width:304px}
.pro_intro .plist ul li{float:left;width:137px;margin:0 15px 15px 0}
.pro_intro .plist ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;border-radius:4px}
.pro_intro .plist ul li a div{overflow:hidden;width:100%;height:100%}
.pro_intro .plist ul li a div img{width:100%;height:100%;max-height:127px;min-height:127px;display:block;border:0}
.pro_intro .plist ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:5px 0}
.pro_intro .plist ul li a:hover p{color:#f30}
.pro_intro .right{float:left;width:850px;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.pro_intro .tabs{width:100%;background:#f7f7f7}
.pro_intro .tabs ul{width:100%;background:#f7f7f7}
.pro_intro .tabs ul li{float:left}
.pro_intro .tabs ul li a{display:block;padding:10px 30px;text-align:center;font-size:16px;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;background:#fff;color:#999;border-top:2px solid #fff}
.pro_intro .tabs ul li.hover a{border-bottom:1px solid #fff;background:#fff;color:#2079ff;border-top:2px solid #2079ff}
.pro_intro .intro{padding:30px}
.pro_intro .intro img{max-width:790px}
.pro_intro .intro .extend li{font-size:14px;line-height:30px}
.pro_intro .intro .extend li em{display:inline-block;width:120px;font-style:normal;color:#555;font-size:14px}
.news_list{width:1100px}
.news_list ul{margin:0;padding:0;list-style:none}
.news_list ul li{float:left;border:1px solid #dedede;margin-bottom:10px;padding:10px;overflow:hidden;transition:all .3s ease 0s}
.news_list ul li .fl{width:240px}
.news_list ul li .fl img{border:1px solid #e5e5e5;padding:5px}
.news_list ul li .fr{float:none;position:relative}
.news_list ul li .fr .title{transition:all .5s ease;border-bottom:1px solid #dedede}
.news_list ul li .fr .title a{font-size:18px}
.news_list ul li .fr .date{color:#999;font-size:12px}
.news_list ul li .fr .intro{color:#aaa;font-size:14px}
.news_list ul li .fr .more a{color:#2079ff}
.news_list ul li .fr .more a:hover{color:#f30}
.news_list ul li .fr .title:hover{transform:translateX(10px)}
.news_list ul li:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(83,115,252,.2)}
.news_show{width:1100px;padding:20px;border:1px solid #eee}
.news_show h1{font-size:24px;margin:0;font-weight:300;color:#333;margin:0 0 15px 0;line-height:34px;text-align:center}
.news_show aside{margin-bottom:30px;color:#999;font-size:12px;border-left:2px solid #2079ff;line-height:40px;padding-left:20px;background:#f4faff}
.news_show img{max-width:100%;margin:0 auto 20px}
.news_show p{margin-bottom:15px;color:#666}
.news_show .intro a{color:#2079ff}
.news_show .intro a:hover{color:#f30}
.news_show .intro img{max-width:100%;height:auto}
.news_show .tags{font-weight:500}
.news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:400;font-size:14px}
.news_show .tags a:hover{background:#2079ff;color:#fff;border-color:#2079ff}
.case_list{width:1100px}
.case_list ul{width:100%;margin:0;padding:0;list-style:none}
.case_list ul li{float:left;width:49%;margin:0 1% 1% 0;box-shadow:0 0 8px #d4d4d4;background:#fff}
.case_list ul li a{display:block;border:8px solid #fff}
.case_list ul li a .ico{overflow:hidden}
.case_list ul li a .ico img{width:100%;height:290px;transition:all 1s}
.case_list ul li a .name{text-align:center;line-height:45px;padding:0 10px}
.case_list ul li a .text{padding:0 10px}
.case_list ul li a:hover{border-color:#2079ff}
.case_list ul li a:hover .name{background:#2079ff;color:#fff}
.case_list ul li a:hover .text{background:#2079ff;color:#fff}
.case_list ul li a:hover .ico img{transform:scale(1.1)}
.contact-list{width:101%}
.contact-list ul{margin:0 0 0 -.1%;padding:0;list-style:none;position:relative}
.contact-list ul li{float:left;width:24%;padding:20px 1%;background:#fff;text-align:center;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin:10px 1% 10px 0;border:1px solid #eee;height:300px}
.contact-list ul li .icon{padding:30px 0;font-size:48px;color:#dd514c}
.contact-list ul li h3{margin:0;padding:5px 0;font-size:24px;font-weight:400}
.contact-list ul li em{font-style:normal;color:#999}
.contact-list ul li span{display:block;font-size:24px;color:#666;padding:0 20px;margin-top:1.6rem}
.contact-list ul li p{text-align:left;font-size:14px;color:#666;padding:0 20px}
.contact-list ul li:hover{box-shadow:0 0 10px rgba(83,115,252,.13);background:#f2f7ff}
.contact-list ul li:hover span{color:#2079ff}
.pagelist{text-align:center;margin:20px 0}
.pagelist a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;margin:0 2px;border-radius:.1rem}
.pagelist a:hover{border-color:#2079ff;background:#2079ff;color:#fff}
.pagelist .page-num-current{border-color:#2079ff;background:#2079ff;color:#fff}
.pagelist .page-num-current:hover{border-color:#f30;background:#f30;color:#fff}
.pagelist span{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 14px;margin:0 2px;border-radius:.1rem}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer{background:#2e3033;background-image:url(../images/dian.jpg);padding:40px 0;min-height:200px;color:#8b8b8b}
.footer_item{width:22%;padding-left:3%;border-right:1px solid #1a1d21;border-left:1px solid #464a50;position:relative}
.footer_item:after{display:block;content:"";width:2px;height:40px;top:0;left:-2px;position:absolute;background:#2079ff}
.footer_item h4{font-size:28px;color:#fff}
.footer_item h5{font-size:16px;color:#fff}
.footer_item .footer_menu{line-height:36px}
.footer_item .footer_menu a{display:block;color:#8b8b8b;transition:all .5s ease}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px)}
.footer_last{width:auto;padding-left:4%;border-right:0}
.footer_tel{font-family:Impact;font-size:30px;color:#fff}
.footer_tel .qr{text-align:center}
.footer_tel .qr dl{width:140px;float:left;display:block;margin-right:30px;margin-top:10px;height:164px}
.footer_tel .qr dl:nth-child(2){margin-right:0}
.footer_tel .qr dl:first-child+dl{margin-right:0}
.footer_tel .qr dl dt{text-align:center}
.footer_tel .qr dl dt img{width:130px;height:130px;display:inline-block;background-size:100%;margin-top:5px}
.footer_tel .qr dl dd{font-size:14px;color:#939393;line-height:24px;padding-top:5px}
.copyright{background:#2b2d31;line-height:26px;padding:15px 0;text-align:center;color:#8b8b8b;border-top:1px solid #34383e}
.copyright a{color:#8b8b8b}
.copyright a:hover{color:#ff0}


/*
@media screen and (min-width:1760px){.width{width:1480px}
.nav li a{padding:20px 44px}
.home_slide .hide{width:1380px;overflow:hidden;margin-left:60px}
.home_slide ul li{width:380px;margin:0 15px 10px 0;height:280px}
.home_slide .next,.home_slide .prev{top:120px}
.home_about .intro .abouttext{-webkit-line-clamp:6}
.home_pic ul li{width:473px; }
.home_pic ul li a .top{height:355px}
.information-tab .information-right{width:920px}
.case_list,.news_list,.news_show,.pro_intro,.pro_list,.pro_show{width:1100px}
.pro_list ul li a .ico img{height:254px}
.case_list ul li a .ico img{height:392px}}
*/

@media screen and (max-width:1680px){
html,body{zoom:90%;}
}
@media screen and (max-width:1380px){
html,body{zoom:85%;}
}


.paging li{ display:inline-block; list-style:none}