﻿body{line-height:1.5;/*max-width:1920px;*/margin:auto;}
body,html{height:100%;/*font-size:1.5vw;*/}
.line3{display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:3;height:72px;}
.line4{display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:4;height:96px;}
.line2{display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:2;height:48px;}
.line5{display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:5;height:120px;}
.line6{display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:6;height:144px;}
.pic{overflow:hidden;}
.pic:hover img,li:hover .pic img,.swiper-slide:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.phone{display:none;}
.editor,.fontp{font-size:14px;color:#666;line-height:24px;text-align:justify;}
.editor table,.editor img,.editor embed,.editor iframe{margin:12px 0;max-width:100%;}
.editor img{height:auto !important;}
.bdsharebuttonbox a{float:none !important;display:inline-block !important;margin:0 8px !important;padding:0 !important;line-height:inherit;width:22px;height:22px;vertical-align:middle;}
.bdsharebuttonbox{/*text-align:center;margin-top:60px;*/}
.pos_re{position:relative;}
.pos_re>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.wrapper{max-width:1720px;margin:auto;width:90%;}
.hei100{height:100%;}
.f_72{font-size:72px;}
.f_60{font-size:60px;}
.f_48{font-size:48px;}
.f_36{font-size:36px;}
.f_30{font-size:30px;}
.f_24{font-size:24px;}
.f_20{font-size:20px;}
.f_18{font-size:18px;}
.f_16{font-size:16px;}
.f_15{font-size:15px;}
.f_14{font-size:14px;}

.fs10{font-size:0.714rem !important;}
.fs11{font-size:0.786rem !important;}
.fs12{font-size:0.857rem !important;}
.fs13{font-size:0.929rem !important;}
.fs14{font-size:1.000rem !important;}
.fs15{font-size:1.071rem !important;}
.fs16{font-size:1.143rem !important;}
.fs17{font-size:1.214rem !important;}
.fs18{font-size:1.286rem !important;}
.fs19{font-size:1.357rem !important;}
.fs20{font-size:1.429rem !important;}
.fs21{font-size:1.500rem !important;}
.fs22{font-size:1.571rem !important;}
.fs23{font-size:1.643rem !important;}
.fs24{font-size:1.714rem !important;}
.fs25{font-size:1.786rem !important;}
.fs26{font-size:1.857rem !important;}
.fs27{font-size:1.929rem !important;}
.fs28{font-size:2.000rem !important;}
.fs29{font-size:2.071rem !important;}
.fs30{font-size:2.143rem !important;}
.fs31{font-size:2.214rem !important;}
.fs32{font-size:2.286rem !important;}
.fs33{font-size:2.357rem !important;}
.fs34{font-size:2.429rem !important;}
.fs35{font-size:2.500rem !important;}
.fs36{font-size:2.571rem !important;}
.fs37{font-size:2.643rem !important;}
.fs38{font-size:2.714rem !important;}
.fs39{font-size:2.786rem !important;}
.fs40{font-size:2.857rem !important;}
.fs41{font-size:2.929rem !important;}
.fs42{font-size:3.000rem !important;}
.fs43{font-size:3.071rem !important;}
.fs44{font-size:3.143rem !important;}
.fs45{font-size:3.214rem !important;}
.fs46{font-size:3.286rem !important;}
.fs47{font-size:3.357rem !important;}
.fs48{font-size:3.429rem !important;}
.fs49{font-size:3.500rem !important;}
.fs50{font-size:3.571rem !important;}
.fs51{font-size:3.643rem !important;}
.fs52{font-size:3.714rem !important;}
.fs53{font-size:3.786rem !important;}
.fs54{font-size:3.857rem !important;}
.fs55{font-size:3.929rem !important;}
.fs56{font-size:4.000rem !important;}
.fs57{font-size:4.071rem !important;}
.fs58{font-size:4.143rem !important;}
.fs59{font-size:4.214rem !important;}
.fs60{font-size:4.286rem !important;}
.fs61{font-size:4.357rem !important;}
.fs62{font-size:4.429rem !important;}
.fs63{font-size:4.500rem !important;}
.fs64{font-size:4.571rem !important;}
.fs65{font-size:4.643rem !important;}
.fs66{font-size:4.714rem !important;}
.fs67{font-size:4.786rem !important;}
.fs68{font-size:4.857rem !important;}
.fs69{font-size:4.929rem !important;}
.fs70{font-size:5.000rem !important;}
.fs71{font-size:5.071rem !important;}
.fs72{font-size:5.143rem !important;}

.fw100{font-weight:100 !important;}
.fw200{font-weight:200 !important;}
.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}
.fw900{font-weight:900 !important;}
.cfff{color:#fff !important;}
/*.img{position:relative;overflow:hidden;}
.img>img{visibility:hidden;opacity:0;}*/
.img-box{height:100%;width:100%;background-size:cover !important;background-position:center center !important;position:absolute;left:0;top:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.swiper-slide:hover .img-box,li:hover .img-box{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.video-alert .video{width:100%;height:100%;}
.video-alert{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:12;background:#fff;}
.video-alert video,.video-alert iframe{width:100%;height:100%;}
.video-alert .close{width:64px;z-index:8;height:64px;display:block;background:#a02420 url(../images/close.png) no-repeat center center/80%;position:absolute;right:0;top:0;}

.xq_btn a{width:200px;height:60px;line-height:60px;border:1px solid #FFFFFF;display:inline-table;color:#fff;transition:all 0.3s linear;text-align:center;}
.nxq_btn:hover img:nth-of-type(2){display:inline-block;}
.xq_btn a:hover{background:#D22630 !important;border-color:#D22630 !important;color:#fff !important;}
.nxq_btn{margin-top:20px;display:flex;align-items:center;color:#333;}
.nxq_btn img{width:6px;margin-left:10px;}
.nxq_btn img:nth-of-type(1){display:inline-block;}
.nxq_btn img:nth-of-type(2){display:none;}
.nxq_btn:hover img:nth-of-type(1){display:none;}
.nxq_btn:hover{color:#d52b24;}
.xq_btn a,.jz_more a{border-color:#808080;color:#808080;}

.ny_navbtn{width:26px;height:16px;position:relative;cursor:pointer;display:none;/*margin-left:20px;*/top:30px;}
.ny_navbtn span{display:block;width:100%;height:2px;background:#FFF;position:absolute;transition:all 0.3s linear;}
.ny_navbtn span:nth-of-type(1){top:0;}
.ny_navbtn span:nth-of-type(2){top:50%;transform:translateY(-50%);}
.ny_navbtn span:nth-of-type(3){bottom:0;}

.header{line-height:80px;width:100%;height:80px;position:fixed;top:0;z-index:200;}
.header.on{/*background-color:rgba(0,0,0,0.8);*/background:#016cde;opacity:0.96;}
.header.onn{/*background-color:rgba(0,0,0,0.8);*/background:#016cde;opacity:0.96;}
.header .logo img{height:49px;}
.header .pname{height:49px;font-size:20px;color:#FFF;padding-left:10px;display:none;line-height:75px;max-width:calc(100% - 210px);overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.code dd{text-align:center;float:left;width:68px;margin-left:15px;}
.code dd p{font-size:12px;color:#666;margin-top:0px;}
.code dd img{box-sizing:border-box;}
.language{text-align:right;padding-top:35px;}
.language a{font-size:16px;color:#333;}
.language span{display:inline-block;padding:0 5px;}
.language img{width:160px;margin-top:22px;display:block;}
.language a:hover,.language a.cur{color:#a02420;}
/*.tel{padding-top:15px;font-size:14px;color:#a02420;}
.tel em{font-style:normal;}
.tel img{width:24px;margin:-4px 8px 0 0;}*/
.lg img{width:18px;margin:-2px 5px 0 0;}
.lg{margin-top:10px;text-align:right;font-size:14px;color:#474747;font-weight:bold;}
.nav .search{position:relative;float:right;width:18px;height:18px;}
.nav .search .sea_xl {position:absolute;width:230px;margin:-10px 0 0 -20px;border-radius:6px;padding:9px 10px;right:-10px;background:#fff;box-shadow:0px 0px 30px 0px rgba(3, 3, 3, 0.15); z-index:10;opacity:1;visibility:visible;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);display:none;}
.nav .search .sea_xl .sea_xlfot a {color:#333;display:block;line-height:30px;font-size:13px;padding:0px;}
.nav .search .sea_xl .sea_xlfot a:hover {color:#e60012;text-decoration:underline;}
.nav .search .sea_xl .f_16 {font-weight:bolder;line-height:26px;margin-top:10px;font-size:14px;color:#016cde;}
.nav .search .sea_xlclose {width:16px;position:absolute;right:8px;top:0px;cursor:pointer;}
.nav li{margin:22px 5px;line-height:36px;position:relative;float:left;}
/*.nav li:before{content:"";display:block;width:1px;height:28px;background:#e5e5e5;position:absolute;right:0;top:50%;margin-top:-14px;}*/
.nav li a{display:inline-block;font-size:17px;color:#FFF;padding:0 18px;}
/*.nav li:hover>a,.nav li.cur>a{background:#a02420;color:#fff;}*/
.nav li.cur a{font-weight:bold;}
.nav li:nth-last-child(1):before{display:none;}


.nav li dl{position:absolute;width:calc(100% + 60px);margin:18px 0 0 -20px;border-radius:6px;padding:9px 10px;left:0px;background:#fff;box-shadow:0px 0px 30px 0px rgba(3, 3, 3, 0.15);z-index:-1;opacity:0;visibility:hidden;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}
.nav li dl dd a,.nav li .new_sub_nav dd a{line-height:40px;border-bottom:1px solid #eaeaea;display:block;line-height:38px;font-size:13px;color:#333;text-align:left;font-weight:bold;}
.nav li dl dd:hover a,.nav li .new_sub_nav dd:hover a{color:#b52c27;}
.nav li dl dd:nth-last-child(1) a{border-bottom:0;}
/*.nav li>dl:before{content:"";display:block;background:url(../images/sj.png) no-repeat center center/100%;width:12px;height:12px;position:absolute;left:50%;top:-6px;margin-left:-6px;z-index:2;}*/
.nav li dl dl{margin:0;left:100%;top:0;width:130px;}
.logow{display:none;}
.nav li .new_sub_nav{box-sizing:border-box;position:absolute;left:-60px;width:600px;margin:5px 0 0 -20px;border-radius:6px;padding:22px 32px;left:0px;background:#fff;box-shadow:0px 0px 30px 0px rgba(3, 3, 3, 0.15);z-index:-1;opacity:0;visibility:hidden;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}

.nav li.menu:hover>dl,.nav dl dd:hover dl,.nav li:hover .new_sub_nav{z-index:2;visibility:visible;-webkit-transform:translateY(0px);opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.nav li .new_sub_nav dl{float:left;width:180px;}
.nav li .new_sub_nav .new_sub_tuijian{float:right;width:310px;}
.nav li .new_sub_nav .new_sub_tuijian .pic{height:70px;border-radius:5px;width:136px;float:left;}
.nav li .new_sub_nav .new_sub_tuijian .pic img{width:100%;}
.nav li .new_sub_nav .new_sub_tuijian .wenz{float:right;width:calc(100% - 150px);}
.nav li .new_sub_nav .new_sub_tuijian .wenz span{display:block;border-radius:5px;text-align:center;font-size:12px;color:#d3090f;width:65px;line-height:22px;background:#fbe6e7;}
.nav li .new_sub_nav .new_sub_tuijian .wenz h3{margin-top:6px;}
.nav li .new_sub_nav .new_sub_tuijian .wenz h3 a{color:#333;}
.nav li .new_sub_nav .new_sub_tuijian>div:hover .wenz h3 a{color:#b52c27;}
.nav li .new_sub_nav .new_sub_tuijian>div{margin-bottom:16px;}
.nav li:hover .new_sub_nav .new_sub_tuijian .pic img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

.f14{font-size:14px;}
.search input[type=text]{width:calc(100% - 70px);display:block;line-height:36px;height:36px;border:solid 1px #EEE;outline:none;background:#fff;box-sizing:border-box;padding:0 10px;font-size:14px;color:#666;}
.search .submit{position:absolute;right:30px;top:09px;width:50px;height:36px;border:none;outline:none;cursor:pointer;background:#016cde;border-radius:5px;color:#FFF;}
.footer{background:#3f4043;color:#FFF;padding:20px 0px 0px 0px;/*margin-top:20px;*/}
.footer a{color:#FFF;}
.footer .left{width:100%;}
.footer .left ul li{float:left;width:22%;padding:10px;}
.footer .left ul li.short{width:12%;}
.footer .left ul li a{display:inline-table;width:100%;text-align:center;line-height:34px;color:#abadb1;font-size:15px;}
.footer .left ul li a.first {color:#eee;font-size:18px;margin-bottom:5px;font-weight:bold;}
.footer .left ul li a:hover { color:#e60012;}
.footer .frilink{width:100%;margin:10px 0px;color:#AAA;border-top:1px solid rgba(255,255,255,.1);padding:20px 0px 10px 0px;text-align:left;}
.footer .frilink a{color:#666;margin:0px 4px;}
.footer .frilink a:hover{color:#EEE;}
.footer .bottom{width:100%;text-align:center;padding:15px 0px;background:#3a3b3e;color:#CCC;}
.footer .bottom a{color:#CCC;}
.footer-top{padding:50px 0;}
.footer-top .fl{width:calc(100% - 380px);max-width:960px;}
.footer-top dl{width:14.2857%;float:left;}
.footer-top dt a{font-size:14px;color:#363636;font-weight:bold;}
.footer-top dd{font-size:12px;line-height:26px;}
.footer-top dd a{color:#999;}
.footer-top dd:hover a{color:#333;}
.footer-top dt{margin-bottom:8px;}
.footer-top .fr{width:260px;}
.footer-top .fcode{width:90px;margin:35px 0 0 15px;}
.footer-top .fr h3{color:#666666;margin-bottom:8px;}
.footer-top .fr p{font-size:12px;line-height:30px;color:#666;}
.footer-top .fr p img{width:14px;margin:-2px 8px 0 0;}
.footer-top .fr p a{color:#666;}
.footer-btm{text-align:left;font-size:12px;line-height:26px;color:#666666;}
.footer-btm .wrapper{border-top:1px solid #ccc;padding:18px 0;}
.footer-btm a{color:#666;}
.footer-btm img{width:90px;}
.footer-btm a:nth-child(1):hover,.footer-btm a:nth-child(2):hover,.footer-btm a:nth-child(3):hover,.footer-btm a:nth-child(4):hover{color:#2457a2;font-weight:bold;}
.footer-btm a:hover .hide{display:inline-block;}
.footer-btm a:hover .show{display:none;}
.swiper-button-prev.prev01,.swiper-button-next.next01{width:70px;height:70px;margin-top:-35px;opacity:.8;}
.swiper-button-prev.prev01{background:url(../images/prev.png) no-repeat center center/auto 100%;}
.swiper-button-next.next01{background:url(../images/next.png) no-repeat center center/auto 100%;}
.swiper-button-prev.prev01:hover,.swiper-button-next.next01:hover{opacity:1;}
.swiper-pagination.pagination01 .swiper-pagination-bullet{width:30px;height:6px;border-radius:0;background:#fff;opacity:1;}
.swiper-pagination.pagination01 .swiper-pagination-bullet-active{width:60px;background:#a02420;}
.banner .prev01{left:4%;}
.banner .next01{right:4%;}
.pad{padding:3.6% 0;}
.index .pad{padding:2% 0;}
.bgf5{background:#f5f5f5;}
.fwb{font-weight:bold;}
.ca02{color:#a02420;}
.ny-tit h2{font-size:26px;}
.f16{font-size:14px;color:#333;}
.f16p{font-size:14px;line-height:26px;color:#333;text-align:justify;}
.hr{width:38px;height:1px;background:#a02420;display:block;text-align:center;margin:16px auto 20px auto;}
.tit{/*text-align:center;margin-bottom:60px;*/}
.tit hr{width:66px;height:2px;border:none;background:#050606;display:block;margin:34px auto 0 auto;}
.f18a{font-size:16px;color:#333;}
.f18a a{color:#333;}
.f18a:hover a{color:#a02420;}
.w980 {width:80%; margin:0 auto;max-width:980px;}
.w1020 {width:80%; margin:0 auto;max-width:1020px;}
.w1200 {width:90%; margin:0 auto;max-width:1200px;}
.w1400 {width:90%; margin:0 auto;max-width:1400px;}
.w1720 {width:90%;margin:0 auto;max-width:1720px;}
.banner_inner{position:relative;}
.banner_inner .content{width:100%;text-align:center;position:absolute;top:52%;transform:translateY(-50%);font-size:1.8rem;color:#FFF;margin:0 auto;}
.banner_inner .content h1{font-size:24px;}
.banner_inner .content h3{font-size:15px;margin-top:0.8rem;font-weight:400;max-height:50px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.banner_inner .content .more{display: -webkit-box;}
.banner_inner .content .more a{padding: 8px 20px;margin: 0 auto;margin-top:0px;display: block;font-size: 14px;border-radius:10px;margin-top:20px;color: #FFF;border: solid 1px #FFF;}
.nomsg {text-align:center;font-size:20px;min-height:300px;line-height:200px;}

.bgh{background:#F9F9F9;}

.fixed-right{position:fixed;right:8px;z-index:7;bottom:15%;}
.fixed-right li{border-radius:50%;position:relative;text-align:center;color:#fff;line-height:50px;width:50px;height:50px;margin:0 0 6px 0;}
.fixed-right li span{padding-top:7px;display:block;}
.fixed-right li span img{margin-top:-8px;}
.fixed-right li .li-hide{position:absolute;right:80px;font-size:15px;border-radius:5px;background:#c5151b;display:none;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.fixed-right li.nobg:before{background:transparent !important;}
.fixed-right li.nobg{margin-bottom:32px;}
.fixed-right li:before{width:100%;height:100%;border-radius:50% !important;}
.fixed-right li em{opacity:0;line-height:18px;font-style:normal;font-size:12px;color:#fff;display:block;position:absolute;left:50%;top:50%;width:30px;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);-moz-transform:translateX(-50%) translateY(-50%) scale(0);-ms-transform:translateX(-50%) translateY(-50%) scale(0);-o-transform:translateX(-50%) translateY(-50%) scale(0);transform:translateX(-50%) translateY(-50%) scale(0);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.fixed-right li a img{width:106px;max-width:106px;margin-left:-21px;}
.fixed-right li:hover em{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1.0);-moz-transform:translateX(-50%) translateY(-50%) scale(1.0);-ms-transform:translateX(-50%) translateY(-50%) scale(1.0);-o-transform:translateX(-50%) translateY(-50%) scale(1.0);transform:translateX(-50%) translateY(-50%) scale(1.0);}
.fixed-right li .li-hide.code{padding:10px;width:106px;height:106px;}
.fixed-right li .li-hide:before{content:"";display:block;position:absolute;right:-7px;top:11px;width:7.5px;height:15px;background:url(/static/assets/img/ri_sjh.png) no-repeat right center;}
.fixed-right li .li-hide.mail{width:150px;line-height:50px;top:7px;color:#fff;}
.fixed-right li .li-hide.mail:before{top:17.5px;}

.fixed-right li:hover .li-hide{display:block;}
.fixed-right li:before{content:"";display:block;width:50px;height:50px;position:absolute;right:0;top:0;}
.fixed-right li.wx:before{background:#e60012 url(/static/assets/img/ri_kefu.png) no-repeat;border-top-left-radius:3px;border-top-right-radius:3px;background-position:-50px 0px;}
.fixed-right li.tel:before{background:#e60012 url(/static/assets/img/ri_kefu.png) no-repeat;background-position:-100px 0px;}
/*.fixed-right li:nth-child(3):before{background:#e60012 url(/static/assets/img/ri_kefu.png) no-repeat;border-top-left-radius:3px;border-top-right-radius:3px;background-position:6px 6px;}
.fixed-right li:nth-child(4):before{background:#e60012 url(/static/assets/img/ri_kefu.png) no-repeat;background-position:-145px 6px;}
.fixed-right li:nth-child(5):before{background:#e60012;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}*/
/*.fixed-right li.tel0:after{content:"";display:block;width:100%;height:100%;background:url(/static/assets/img/ricon03.png) no-repeat center center/20px;}*/
.fixed-right li.totop{border-radius:50%;margin-top:30px;background:#a0a4ab url(/static/assets/img/ricon04.png) no-repeat center center/21.5px;}
.fixed-right li .li-hide img{width:108px;background:#fff;}
.fixed-right li.totop:hover{background:#e60012 url(/static/assets/img/ricon04.png) no-repeat center center/21.5px;}
.fixed-right li.totop:before,.fixed-right li.nobg:before{display:none;}
.fixed-right li.tel0:after{animation:t0 .6s infinite alternate;-webkit-animation:t0 .6s infinite alternate;}

.index-banner {width:100%;position:relative;}
.index-banner ul {width:100%;height:auto;}
.index-banner ul li {width:100%;position:relative;}
.index-banner ul li .content {width:100%;position:absolute;top:58%;left:0;transform:translateY(-50%);color:#1C1C1C;}
.index-banner ul li .content .left {width:55%;float:left;}
.index-banner ul li .content .right {width:40%;float:right;}
.index-banner ul li .content .tits {font-weight:500;color:#FFF;}
.index-banner ul li .content .tit {font-weight:400;color:#FFF;text-align:left;}
.index-banner ul li .content .buts {display:flex; align-items:center;margin-top:4.16667vw;}
.index-banner ul li .content .buts .but {width:8.41667vw;height:3.125vw;background-color:rgba(255,255,255,0.7);text-align:center;font-size:0;/*margin-right:2.08333vw;*/ border-radius:50px;}
.index-banner ul li .content .buts .but span {font-size:0.83333vw;padding-right:0.88542vw;display:inline-block;background-image:url("/static/assets/img/icon1.png");background-size:0.41667vw; background-position:right center;background-repeat:no-repeat;line-height:3.125vw;color:#1C1C1C;}


.index-banner .a {width:4.16667vw;height:4.16667vw;position:absolute;top:50%;margin-top:-2.08333vw;z-index:10;background-color:#fff;border-radius:100%;background-position:center;background-repeat:no-repeat;background-size:0.52083vw;}
.index-banner .a.prev {left:5.10833vw;background-image:url("/static/assets/img/prev.png");}
.index-banner .a.next {right:5.10833vw;background-image:url("/static/assets/img/next.png");}

.index-banner .btns {width:100%;position:absolute;bottom:3.64583vw;left:0;display:flex;align-items:center;justify-content:center;z-index:15;}
.index-banner .btns span {width:4.16667vw;height:4px;background-color:#fff;display:inline-block;margin:0 1.04167vw;position:relative;border-radius:0;opacity:1;}
.index-banner .btns span.swiper-pagination-bullet-active {background-color:#D00302;}
.index-banner .btns span.swiper-pagination-bullet-active:after {width:100%;}

.index .box{padding:50px 0;}
.index .box .tit {background:url(/static/assets/img/titlebg.png) no-repeat center center;font-size:25px;margin:10px 0px 10px 0px;text-align:center;}
.index .box .intro {text-align:center;font-size:14px;color:#666;}

.index .box1 .item {margin:40px 0px 0px 0px;}
.index .box1 .item ul li {width:25%; float:left;text-align:center;margin-bottom:50px;}
.index .box1 .item ul li .imgitem{width:20%;margin:0 auto;margin-bottom:15px;}
.index .box1 .item ul li a {display:block;line-height:34px;color:#444;font-size:15px;}
.index .box1 .item ul li a.first {color:#333;font-size:18px;margin-bottom:5px;font-weight:bold;}
.index .box1 .item ul li a:hover { color:#e60012;}


.index .box2 .type{margin:0 auto;width:100%;text-align:center;padding:5px 0px;}
.index .box2 .type a{display:inline-table;padding:10px 20px;margin:10px;color:#333;border:solid #DDD 1px;font-size:15px;border-radius:3px;}
.index .box2 .type a.on{color:#FFF;background-color:#e60012;}
.caselist .item ul{}
.caselist .item ul li{width:31.33%;float:left;padding:0;position:relative;margin:1%;}
.caselist .item.item4 ul li{width:23%;}
.caselist .item ul li:hover .tits{color:#e60012;}
.caselist .item ul li .tits{line-height:50px;height:50px;font-size:16px;color:#333;padding-left:10px;background-color:#F6F6F6;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.caselist .item ul li .tits:after {width:1.4875vw;height:1.4875vw;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url("/static/assets/img/icon2.png");position:absolute;top:50%;right:1.04167vw; content:'';margin-top:-0.8375vw;}
.caselist .item ul li .tits span{display:block;width:calc(100% - 3vw);height:50px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caselist .item ul li:hover .tits:after {background-image:url("/static/assets/img/icon2_h.png");}
.caselist .item ul li:hover:after {width:100%;left:0;}
.caselist .item ul li::after {width:0;height:0.11667vw;position:absolute;bottom:0;left:0;content:'';background-color:#D00302;transition:all 0.5s;}
.caselist .more {margin:0 auto;text-align:center;margin-top:10px;}
.caselist .more a{color:#FFF;padding:10px 30px;background-color:#e60012;display:inline-table;border-radius:50px;}
.index .box2 .item ul li .tits{background:#EEE;}

.templatelist .item ul li .no{position:absolute;top:0px;left:0px;background:rgba(255,255,255,0.9);padding:4px 8px;color:#333;border-bottom-right-radius:10px;}


.index .box3{padding:50px 0px 20px 0px;}
.index .box3 .item {width:30%;float:left;text-align:center;margin:20px 1.5%;padding-bottom:0px;background-color:#F6F6F6;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.index .box3 .item dl { background:-webkit-linear-gradient(left, #287bdb, #115fb9);padding-top:30px; padding-bottom:30px;color:#FFF; }
.index .box3 .item dl dd.pic{width:12%;margin:0 auto;}
.index .box3 .item dt{font-size:17px;margin-bottom:8px;}
.index .box3 .item ul{padding:10px 0px;}
.index .box3 .item ul li{width:calc(100% - 50px);height:40px;line-height:40px;text-align:left;padding:0px 10px 0px 30px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index .box3 .item ul li a{color:#333;font-size:14px;}
.index .box3 .item ul li a:before{position:absolute;left:12px;top:0px;content:'●';text-indent:0;color:#b3b3b3;font-size:16px;font-family:arial!important}
.index .box3 .item ul li a:hover:before {color:#e60012;}
.index .box3 .item ul li a:hover { color:#e60012;}
.index .box3 .item .more{background-color:#EEE;height:50px;line-height:50px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.index .box3 .item .more a{color:#333;font-size:16px;}
.index .box3 .item .more a:hover { color:#e60012;}
.index .box3 .item .more a span { background-image:url("/static/assets/img/icon1_2.png"); width:8px; height:13px; display:inline-table;margin-left:10px;}
.index .box3 .item .more a:hover span {background-image:url("/static/assets/img/icon1.png");}

.webpage .newsbox .item {width:48%;float:left;text-align:center;margin:20px 1%;padding-bottom:0px;background-color:#F6F6F6;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.webpage .newsbox .item dl { background:-webkit-linear-gradient(left, #287bdb, #115fb9);padding-top:30px; padding-bottom:30px;color:#FFF; }
.webpage .newsbox .item dl dd.pic{width:12%;margin:0 auto;}
.webpage .newsbox .item dt{font-size:17px;margin-bottom:8px;}
.webpage .newsbox .item ul{padding:10px 0px;}
.webpage .newsbox .item ul li{height:40px;line-height:40px;text-align:left;padding:0px 10px 0px 30px;position:relative;}
.webpage .newsbox .item ul li a{color:#333;font-size:14px;}
.webpage .newsbox .item ul li a:before{position:absolute;left:12px;top:0px;content:'●';text-indent:0;color:#b3b3b3;font-size:16px;font-family:arial!important}
.webpage .newsbox .item ul li a:hover:before {color:#e60012;}
.webpage .newsbox .item ul li a:hover { color:#e60012;}
.webpage .newsbox .item ul li span.tit{width:calc(100% - 120px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;float:left;}
.webpage .newsbox .item ul li span.time{float:right;margin-right:5px;}
.webpage .newsbox .item .more{background-color:#EEE;height:50px;line-height:50px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.webpage .newsbox .item .more a{color:#333;font-size:16px;}
.webpage .newsbox .item .more a:hover { color:#e60012;}
.webpage .newsbox .item .more a span { background-image:url("/static/assets/img/icon1_2.png"); width:8px; height:13px; display:inline-table;margin-left:10px;}
.webpage .newsbox .item .more a:hover span {background-image:url("/static/assets/img/icon1.png");}

.uskysintro .msg{line-height:28px;}
.uskysintro .msg h2{color:#333;line-height:30px;margin-bottom:10px;}
.uskysintro .msg h2 span{color:#016cde;padding:0px 1px;}
.uskysintro .msg p{margin-bottom:5px;color:#333;}
.uskysintro .msg p a{color:#333;}

.routecur {width:100%;border-bottom:1px solid #E6E6E6;background-color:#fff;font-size:0.8375vw;color:#666;}
.routecur .box {display:flex;align-items:center;height:50px;position:relative;}
.routecur .box a {color:#666;font-weight:400;}
.routecur .box span {font-weight:600; }
.routecur .box i {color:#1C1C1C;font-weight:600; }
.routecur .box em {margin:0 15px;width:1px;background-color:#D4D2D2;height:20px;display:inline-block; }
.routecur .box .icon {margin:0 10px;width:6px; }
.routecur .box .homeIcon {margin-right:7px;margin-left:20px; }
.routecur .type {float:right;position:absolute;right:0px; }
.routecur .type a{display:inline-table;padding:8px 12px;margin:10px 5px;color:#333;border:solid #DDD 1px;font-size:14px;border-radius:3px;}
.routecur .type a.on{color:#FFF;background-color:#e60012;border:solid #e60012 1px;}
.casebox{margin-top:20px;}
.routecur .type a.on:hover{color:#FFF;}
.casebox .type{margin:0 auto;width:100%;text-align:center;margin-top:1rem;margin-bottom:0rem;}
.casebox .type a{display:inline-table;padding:10px 20px;margin:10px;color:#333;border:solid #DDD 1px;font-size:15px;border-radius:3px;font-weight:bolder;}
.casebox .type a.on{color:#FFF;background-color:#e60012;border:solid #e60012 1px;}
.casebox .type2{margin:0 auto;width:100%;text-align:center;margin-top:0rem;margin-bottom:1rem;}
.casebox .type2 a{display:inline-table;padding:8px 18px;margin:10px;color:#333;border:solid #DDD 1px;font-size:13px;border-radius:30px;}
.casebox .type2 a:hover{color:#FFF;background-color:#e60012;border:solid #e60012 1px;}

.newsindex .news_tit {text-align:center;width:100%;margin:20px 0px;}
.newsindex .jz_more {margin:0 auto;width:100%;text-align:center;}
.newsindex .jz_more a{display:inline-table;}
.newsindex .box2{background:#fafafa;width:100%;margin-top:50px;padding-top:50px;padding-bottom:50px;}
.newsindex .box2 ul{float:left;width:48%;}
.newsindex .box2 ul:nth-child(1){margin-right:2%;}
.newsindex .box2 ul li.f_36{margin-bottom:10px;color:#e60012}
.newsindex .box2 .jz_more {text-align:left;}

.newslist{margin-top:30px;}
.newslist ul{display:flex;flex-wrap:wrap;}
.newslist ul li{width:31%;margin:0 3.5% 2vw 0;}
.newslist ul li:nth-of-type(3n){margin-right:0;}
.newslist ul li a h5,.newslist ul li h5{width:80px;height:32px;background:#FFCE00;display:flex;justify-content:center;align-items:center;color:#1C1C1C;margin:20px 0 16px 0;}
.newslist ul li a h3,.newslist ul li h3{width:100%;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;color:#1C1C1C;overflow:hidden;}
.newslist ul li a h4,.newslist ul li h4{color:#666;line-height:1.8;font-weight:normal;overflow:hidden;margin:0.5vw 0;width:100%;text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist ul li a p,.newslist ul li p{color:#666;}
.newslist ul li:hover a h5{background:#D22630;color:#fff;}
.newslist ul li:hover a h3{color:#D22630;}
.newslist .msg{width:62%;padding-top:10px;}
.newslist .msg.w100{width:100%;}
.newslist .msg .nxq_btn a{border-color:#808080;color:#808080;margin-top:40px;}
.newslist .pic{overflow:hidden;position:relative;}
.newslist .pic img{transition:all 0.3s linear;}
.newslist ul li:hover .pic img{transform:scale(1.1);}
.newslist .pic video{display:block;width:100%;position:absolute;left:0;top:0;}
.newslist2 ul li{width:100%;margin-bottom:20px;padding:2%;}
.newslist2 ul li a{display:flex;}
.newslist2 ul{display:block;}
.newslist2 ul li .pic{width:36%;margin-right:2%;}
.newslist3 ul li{background-color:#F6F6F6;padding:1% 2% 2% 2%;border-radius:5px;}
.newslist3 ul li:hover{background-color:#EEE;}

.newsInfo {width:1200px;max-width:90%;margin:5.2% auto;margin-top:3%;margin-bottom:3%; }
.newsInfo .tits {text-align:center;font-size:26px;line-height:34px;color:#000;font-weight:bold; }
.newsInfo .tit {font-size:16px;line-height:30px;color:#808080;text-align:center;margin-top:0.78125vw;display:flex;align-items:center;justify-content:center;margin-bottom:0px; }
.newsInfo .tit span:nth-child(1) {margin-right:10px; }
.newsInfo .tit .aBox {display:inline-block; }
.newsInfo .tit .aBox a{float:none !important;display:inline-block !important;margin:0 3px !important;padding:0 !important;line-height:inherit;width:22px;height:22px;vertical-align:middle;border-radius:100px;}
.newsInfo .tit .aBox a {width:30px !important;height:30px !important;display:inline-block !important;float:none !important;}
.newsInfo .tit .aBox a.bds_more{width:22px !important;height:22px !important;}
.newsInfo .editor {font-size:16px;line-height:2;color:#333;margin:1.16667vw 0 0.46667vw 0; }
.newsInfo .editor p{padding:5px 0px;}
.newsInfo .editor a{color:#333;text-decoration:underline;}
.newsInfo .editor a:hover{color:#016cde;}
.newsInfo .editor ul,.newsInfo .editor li{all:revert;}
.newsInfo .editor img {display:block;margin:0 auto;max-width:100%; }
.newsInfo .tag{font-size:16px;line-height:2;}
.newsInfo .tag a{color:#333;text-decoration:underline;margin-right:10px;}
.newsInfo .tag a:hover{color:#016cde;}
.newsInfo .statementmsg {color:#999;}


.NewsBox{padding:0px 10px 10px 10px;}
.NewsBox .Showtit{text-align:center;border-bottom:solid 1px #EEE;padding-bottom:7px;font-family:"微软雅黑";}
.NewsBox .Showtit h2{padding:9px;margin:0px;font-size:20px;font-family:"微软雅黑";color:#444;}
.NewsBox .Showtit .Showtime{color:#787878;padding:3px;}
.NewsBox .Showtit .Showtime a{color:#888;}
.NewsBox .Showtit .Showtime span{color:#666;font-weight:bolder;margin-left:5px;}
.NewsBox .ShowtitCase{text-align:left;border:none;padding:0px;margin-bottom:-20px;}
.NewsBox .ShowtitCase h2 label{float:left;}
.NewsBox .ShowtitCase h2 span{float:right;font-size:13px;color:#888;}
.NewsBox .ShowtitCase h2 span font{ font-family:Arial;}
.NewsBox .AbTit{text-align:right;padding-right:10px;padding-top:10px;}
.NewsBox .Rshow{margin:8px;line-height:30px;color:#444;padding:0px 0px;font-size:14px;font-family:arial,宋体,sans-serif;}
.NewsBox .Rshow p{padding-bottom:7px;text-indent:2em;}
.NewsBox .Rshow a{ color:#333;}
.NewsTag{margin-top:2px;color:#06c;background-color:#f4f4f4;padding:8px 0px 8px 12px;}
.NewsTag span{font-weight:bolder;color:#666;display:inline-table;}
.NewsTag a{color:#06c;}
.NewsBox .caselist .item.item4 ul li{width:31.3%;}


.KnowledgeList ul li{border-bottom:1px dotted #C6C6C6;padding:2px 8px 8px 16px;background:url(../images/ico04.gif) no-repeat 8px 12px;margin-bottom:8px;}
.KnowledgeList ul li div.item{float:left;}
.KnowledgeList ul li div.item a{color:#444;font-weight:bolder;font-size:16px;font-family:"微软雅黑";font-weight:400;}
.KnowledgeList ul li div.item a:hover{color:#0066cc;}
.KnowledgeList ul li div.item a.cur{color:#787878;}
.KnowledgeList ul li div.time{float:right;color:#888;padding-right:5px;font-size:13px;}
.KnowledgeList ul li div.info{line-height:24px;padding:3px 5px 0px 3px;color:#777;cursor:pointer;font-size:13px;}/**/
.KnowledgeList ul li div.info strong{}
.KnowledgeList ul li div.info a{color:#0066cc;font-weight:bolder;}

.Platform{width:950px;margin:0 auto;margin-top:-24px;min-height:500px;_height:500px;}

.casetitle{height:28px;margin-top:-3px;padding:0px 10px;}
.casetitle dt{padding-top:2px;}
.casetitle dd{float:left;}
.casetitle dd a{width:100px;height:22px;color:#256ba7;background:url(../images/case/casetag.jpg) no-repeat;padding:4px 10px 0px 10px;font-weight:bolder;font-size:13px;text-align:center;margin:0px 2px; font-family:"微软雅黑";letter-spacing:1px;display:block;}
.casetitle dd a:hover{color:#EEE;background:url(../images/case/casetag2.jpg) no-repeat;text-decoration:none;}
.casetitle dd.cur a{color:#EEE;background:url(../images/case/casetag2.jpg) no-repeat;}
.case{border:solid 1px #EEE;padding:10px 4px 10px 4px;}
.case .caseitem{float:left;margin:3px 4px 10px 4px; position:relative;}
.case .caseitem a{display:inline-block;width:188px;height:185px;text-align:center;background-color:#FCFCFC;padding-top:8px;border:solid 1px #EFEFEF;text-decoration:none;color:#999;}
.case .caseitem a:hover{border:solid 1px #9cc5ed;color:#06c;}
.case .caseitem a img{border:solid 1px #F3F3F3;width:170px;}
.case .caseitem a p{width:160px auto;padding-top:5px;line-height:18px;}
.case .caseitem div.iteminfo{display:none; position:absolute;top:89px;left:85px;width:396px;height:300px;z-index:10;background-color:#F00;}

div.casenews{height:280px;margin-top:10px;margin-bottom:-10px;}
div.casenewsleft{float:left;width:495px;margin-right:10px;}
div.casenewsright{float:right;width:495px;}
div.casenewsleft dl,div.casenewsright dl{width:495px;height:30px;line-height:30px;background:url(../images/titbg.jpg) repeat-x;padding:0px;margin:0px;}

div.casenewsleft dl dt.tag,div.casenewsright dl dt.tag{float:left;color:#666;font-weight:bolder;font-size:15px;font-family:"微软雅黑","黑体";padding-right:16px;_padding-top:5px;}
div.casenewsleft dl dt.tag img,div.casenewsright dl dt.tag img{margin:0px 6px 0px 7px;}
div.casenewsleft dl dt a,div.casenewsright dl dt a{color:#888;}
div.casenewsleft ul,div.casenewsright ul{width:477px;height:227px;border-left:solid 1px #ccd3df;border-right:solid 1px #ccd3df;border-bottom:solid 1px #ccd3df;padding:5px 8px;}
div.casenewsleft ul li,div.casenewsright ul li{height:20px;padding-top:7px;padding-left:15px;border-bottom:dotted 1px #c4c4c4;background:url(../images/ico04.gif) no-repeat 7px 10px;}
div.casenewsleft ul li a,div.casenewsright ul li a{color:#555;}
div.casenewsleft ul li a img,div.casenewsright ul li a img{margin-right:7px;}
div.casenewsleft ul li a:hover,div.casenewsright ul li a:hover{color:#0066cc;}

.page{display:flex;justify-content:center;align-items:center;margin:70px 0 5.2vw 0;}
.page a,.page span{margin:0 15px;font-size:16px;color:#333;}
.page span{color:#d52b24;}
.page a.page_prev,.page a.page_next{width:50px;height:50px;overflow:hidden;border-radius:100%;opacity:0.7;transition:all 0.3s linear;}
.page a.page_prev:hover,.page a.page_next:hover{opacity:1;}
.page a.page_prev{background:url(../img/ins/prev.jpg) no-repeat center center/100% 100%;}
.page a.page_next{background:url(../img/ins/next.jpg) no-repeat center center/100% 100%;}
.page a:hover{color:#d52b24;}

.feecbackTop{font-family:\5FAE\8F6F\96C5\9ED1;color:#000;border-bottom:1px dotted #d9d9d9;padding-bottom:10px;padding-left:10px;margin:0px 20px;}
.feecbackTop span{font-size:38px;margin-right:10px;}
.feecbackTop span em{color:#71b22c;}
.feecback{margin-top:20px;background:url("../images/contact/feedback.jpg") right bottom no-repeat;padding-bottom:50px;}
.feecback th{width:100px;padding-right:10px;text-align:right;}
.feecback th,.feecback td{padding-bottom:10px;}
.feecback input.text{background-color:#ededed;height:24px;line-height:24px;width:240px;border:0;border:none;padding:0 10px;}
.feecback textarea{background-color:#ededed;padding:10px;width:400px;border:0;border:none;height:100px;}
.feecback input.submit,.feecback input.reset{overflow:visible;color:#fff;padding-left:10px;padding-right:10px;height:24px;border:0;border:none;cursor:pointer;}
.feecback input.submit{background-color:#71b22c;margin-right:5px;}
.feecback input.reset{background-color:#999;}
.feecback em{color:Red;margin-left:3px;}

.latestDetailImg{width:1020px;height:600px;margin:0 auto;position:relative;overflow:hidden;margin-top:20px;}
.latestDetailImg li{position:absolute;left:0;top:0;z-index:2;display:none;background-color:#fff;width:100%;}
.latestDetailImg dl{position:absolute;right:20px;bottom:20px;z-index:11;}
.latestDetailImg dd{background-color:#cccccc;width:10px;height:10px;overflow:hidden;float:left;margin-right:5px;text-indent:-6666px;cursor:pointer;border-radius:100%;}
.latestDetailImg dd.current{background-color:#89b8ff;}
.latestDetailImg span.next,.latestDetailImg span.prev{background:url("../img/latestj.png") no-repeat;width:50px;height:65px;display:block;
	position:absolute;top:50%;margin-top:-32px;z-index:20;cursor:pointer;}
.latestDetailImg span.prev{left:0;background-position:0 0;}
.latestDetailImg span.next{right:0;background-position:-50px 0;}

.shareBox{width:100%;height:30px;margin:0 auto;position:relative;margin-bottom:10px;}
.shareBox .shareright{position:absolute;right:0px;top:0px;width:100px;height:30px;text-align:center;line-height:30px;background-color:#68a1cc;}
.shareBox .shareright a{color:#FFF;}
.ucNewsElem{ clear:both; background:#EFEFEF;position:relative; padding:14px 0 0 34px;height:60px;line-height:23px;border-bottom:#D1D1D1 6px solid;color:#999;}
.ucNewsElem p span{font-weight:700;}
.ucNewsElem p a{color:#555;}
.ucNewsElem p a:hover{ color:#333;}
.ucBack{width:66px;height:22px;line-height:22px;text-align:center;color:#FFF;display:block;position:absolute;top:28px;right:16px;background:#BBB;}

.contact11{padding:10px;}


.webpage .box{padding:3rem 0px;}
.webpage .titbox{text-align:center;margin-bottom:30px;}
.webpage .titbox h2{font-size:1.2rem;margin-bottom:10px;}
.webpage .titbox h2 span{color:#016cde;padding:0px 1px;font-size:1.4rem;}
.webpage .titbox .intro{font-size:1rem;color:#555;}
.webpage .feature{padding-bottom:3rem;}
.webpage .feature ul{padding:3% 0px;}
.webpage .feature ul li{text-align:center;width:25%;float:left;padding:0px 3%;box-sizing:border-box;margin-bottom:30px;}
.webpage .feature2 ul li{width:33.3%;padding:0px 5%;}
.webpage .feature ul li .tit{font-size:1.2rem;}
.webpage .feature ul li .img{width:25%;margin:0 auto;margin-bottom:10px;}
.webpage .feature ul.item5 li{width:20%;}
.webpage .feature ul.item5 li .img{width:30%;}
.webpage .feature ul li .intro{font-size:0.9rem;line-height:1.3rem;padding:.5rem;color:#555;}

.webpage .process{padding-bottom:6rem;}
.webpage .process ul li{text-align:center;width:10.66%;float:left;padding:0px 3%; position:relative;}
.webpage .process .item7 li{width:10.26%;padding:0px 2%;}
.webpage .process ul li::after {content: "";position: absolute;top:2.4rem;right: 0;width: 0.4rem;height: 0.45rem;background-image: url(/img/icon_jt.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
.webpage .process ul li:last-child::after{display: none;}
.webpage .process ul li .tit{font-size:1.2rem;}
.webpage .process ul li .img{width:60%;margin:0 auto;margin-bottom:10px;}
.webpage .process ul li .intro{font-size:0.9rem;line-height:1.3rem;padding:.5rem;color:#555;}


.webpage .sitetype .titbox{margin-bottom:0px;}
.webpage .sitetype ul{padding:3% 0 0 0;}
.webpage .sitetype ul li{/*padding:1rem;*/position:relative;background:#FFF;}
.webpage .sitetype ul li .img{float:left;width:50%;text-align:center;}
.webpage .sitetype ul li .img img{width:100%;}
.webpage .sitetype ul li .msg{float:left;width:40%;text-align:left;padding:0% 3%;position:absolute;top:20%;transform:translateY(-20%);left:50%;}
.webpage .sitetype ul li .msg .tit{color:#333;}
.webpage .sitetype ul li .msg .intro{line-height:28px;padding:15px 0 10px 0;color:#444;}
.webpage .sitetype ul li .msg .more a{background-color:#e60012;color:#FFF;display:inline-table;border-radius:100px;padding:0.5rem 1.4rem;margin-right:10px;font-size:0.8rem;font-weight:600;}
.webpage .sitetype ul li .msg .more a:hover{}
.webpage .sitetype ul li .msg .more a:nth-child(2){background-color:#016cde;color:#FFF;display:inline-table;border-radius:100px;padding:0.5rem 1.4rem;margin-right:10px;font-size:0.8rem;font-weight:600;}
.webpage .sitetype ul li .msg .more a:nth-child(2):hover{}
.webpage .sitetype ul li:nth-child(even) .img {float:right;}
.webpage .sitetype ul li:nth-child(even) .msg {left:0;}


.website{line-height:24px;padding:20px 6px;font-size:14px;color:#111;}
.website h3.aboutTitle{color:#555;padding:0px;margin:10px 5px 0px 5px;}
.website table.noBorderTable td, #ContentDetail table.noBorderTable th, #ContentDetail table.noBorderTable caption {border:1px dashed #ddd !important;}
.website p a{color:#333;}
.website table{border-collapse:collapse;display:table;margin-bottom:10px;}
.website td, .website th {background:none repeat scroll 0 0 white;border:1px solid #ddd;padding:5px 10px;}
.website h2.tit {color:#333;font-size:18px;font-weight:700;line-height:30px;padding-left:10px;}
.website h2.tit img.tel {margin-top:12px;}
.website h2.tit a.more {float:right;font-size:12px;}
.website .con {margin-top:5px;padding:0 15px 10px;}
.fw {font-weight:700;}
.website .con p {font-size:14px;}
.website p{line-height:30px;}
.website .con ul li {background:url("../img/icon.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);font-size:14px;padding-left:10px;}
.website .con02 {border-bottom:1px solid #bababa;border-left:1px solid #ececec;border-right:1px solid #ececec;padding-bottom:30px;}
.website .con02 ul {margin:0 auto;width:648px;}
.website .con02 li {float:left;height:144px;width:162px;}
.website .con02 li a {cursor:default;display:block; height:144px;text-indent:-6666px;transition:none 0s ease 0s;width:162px;}
.website .con ul.b1 li {float:left;margin-right:20px;}
.website .con ol{padding:0px;margin:0px;}
.website .con ol.b2 {width:700px;}
.website .con ol.b2 li {float:left;margin-right:16px;}


.aboutpage .about, .aboutpage .culture{padding:3% 5%;}
.aboutpage .culture{background-color:#fafafa;}
.aboutpage .about .pic, .aboutpage .culture .pic {width:34%;float:left;padding:0 3%;}
.aboutpage .about .pic{padding-bottom:2%;}
.aboutpage .culture .pic{float:right;}
.aboutpage .about .intro, .aboutpage .culture .intro {width:60%;float:left;text-align:left;font-size:18px;}
.aboutpage .about .intro h1{color:#016cde;}
.aboutpage .culture .intro h1{color:#e60012;}
.aboutpage .about .intro h2, .aboutpage .culture .intro h2{padding:5px 0px 10px 0px;color:#444;}
.aboutpage .about .intro p, .aboutpage .culture .intro p{line-height:32px;color:#555;}

.aboutpage .contact{padding:3% 5%;}
.aboutpage .contact .tit{position:relative;padding:20px 20px 15px 10px;margin-bottom:20px;}
.aboutpage .contact .tit::after{display:block;width:80px;height:5px;background:#e60012;content:'';position:absolute;left:10px;bottom:0;}
.aboutpage .contact .info{float:right;width:40%;}
.aboutpage .contact .info li{margin:24px 20px 24px 10px;color:#333;}
.aboutpage .contact .info li h5{font-size:22px;margin-bottom:5px;}
.aboutpage .contact .info li h5 span{margin:0px 10px;font-size:18px;color:#666;}
.aboutpage .contact .info li p{font-size:20px;color:#555;}
.aboutpage .contact .info li .ewm{margin-top:16px;}
.aboutpage .contact .leav{float:left;width:50%;}
.aboutpage .contact .leav ul li{width:100%;padding:8px 10px;font-size:15px;}
.aboutpage .contact .leav ul li input.txt,.aboutpage .contact .leav ul li textarea.txt{width:calc(100% - 20px);height:34px;border:1px solid #e6e6e6;padding:6px 10px;}
.aboutpage .contact .leav ul li textarea.txt{height:100px;padding:10px;}
.aboutpage .contact .leav ul li.vcode input.txt{width:calc(100% - 130px);}
.aboutpage .contact .leav ul li .layui-input{height:46px;}
.aboutpage .contact .leav ul li .submit{width:180px;height:50px;line-height:50px;border:none;color:#FFF;background:#d22630;font-size:18px;}

.prodetail{color:#333;}
.prodetail .img{float:left;width:55%;}
.prodetail .msg{float:left;width:42%;padding:0.5% 0% 2% 3%;line-height:32px;position:relative;}
.prodetail .msg .tit{font-size:16px;}
.prodetail .msg .no{color:#666;}
.prodetail .msg .favorite{position:absolute;right:5px;top:5px;width:30px;}
.prodetail .msg .chk{}
.prodetail .msg .chk span{border:solid 1px #EEE;padding:0px 15px;margin-right:12px;margin:10px 12px 10px 0px;border-radius:10px;position:relative;display:block;float:left;height:40px;line-height:40px;font-size: 14px;}
.prodetail .msg .chk span.sup{line-height:46px;}
.prodetail .msg .chk span.sup sup{color:#e60012;margin-left:3px;position:absolute;top:-13px;right:7px;font-size:10px;}
.prodetail .msg .chk span.on{border:solid 1px #016cde;}
.prodetail .msg .year{margin-bottom:10px;}
.prodetail .msg .year .chk{display:none;}
.prodetail .msg .year .chk.on{display:block;}
.prodetail .msg .prices span{color:#e60012;font-size:24px;}
.prodetail .msg .but{margin-top:20px;}
.prodetail .msg .but a{display:block;float:left;border-radius:30px;background-color:#F00;padding:3px 16px;margin-right:10px;color:#FFF;font-size:14px;}
.prodetail .msg .but a.preview{background-color:#016cde;}
.prodetail .msg .themecolor{margin-bottom:10px;}
.prodetail .msg .themecolor .list{display: block; float: left;}
.prodetail .msg .themecolor .list a{width:22px;height:22px;border-radius:100%;display:block;float:left;margin:4px;}
.prodetail .msg .themecolor .list a.on{width:30px;height:30px;margin-top:0px;}
.pricebox{margin-bottom:30px;}

.payorder{padding:10px 20px 0px 20px;line-height:40px;text-align:center;}
.payorder em{font-style:normal;}
.payorder .price span{color:#F00;font-size:22px;}
.payorder .paytype{margin: 0 auto;text-align: center;}
.payorder .paytype img{width:120px;}

.pricebox table{width:100%;border:solid 1px #EEE;}
.pricebox table tr th,.pricebox table tr td{width:16%;text-align:center;padding:0px;}
.pricebox table tr th{padding:10px 2%;font-size:16px;border-left:solid 1px #EEE;}
.pricebox table tr td{padding:10px 2%;color:#444;border-top:solid 1px #EEE;border-left:solid 1px #EEE;font-size:14px;}
.pricebox table tr td:first-child{font-weight:400;font-size:15px;color:#333;border-left:none;}
.pricebox table tr th:first-child{border-left:none;}



.login{background-color:#EEE;/*height:100vh;*/font-size:14px;padding:80px 0;}
.login .header{padding:20px;position:relative;}
.login .header .logo{float:left;width:15%;margin-left:5%;}
.login .header .logo img{width:130px;}
.login .header .nav{float:right;width:80%;text-align:right;position:absolute;right:4%;top: 50%;}
.login .header .nav a{padding:0px 2%;font-size:17px;color:#016cde;}
.login .content{width:100%;margin:0 auto;padding:10vh 0px 50px 0px;width:910px;}
.login .content .img{float:left;/*width:50%;margin-top:50px;*/text-align:center;}
.login .content .img img{/*width:80%;*/height:420px;border-radius:6px;box-shadow: 0px 0px 30px 0px rgba(3, 3, 3, 0.15);border-start-end-radius:initial;border-end-end-radius:initial;}
.login .content .rightc{float:left;width:40%;min-width:450px;height:420px;background-color:#EEE;border-radius:6px;box-shadow:0px 0px 30px 0px rgba(3, 3, 3, 0.15);border-end-start-radius:initial;}
.loginbox .type{background-color:#DDD;width:100%;text-align:center;}
.loginbox .type a{width:32.7%;display:inline-table;line-height:40px;height:40px;text-align:center;color:#333;font-size:15px;}
.loginbox .type a.on{background-color:#EEE;color:#016cde;font-weight:bold;}
.loginbox .mxscan{text-align:center;padding:30px 0px 0px 0px;}
.loginbox .mxscan .qrcode{position:relative;margin-bottom:0px;text-align:center;border:solid 1px #DDD;width:180px;height:180px;margin:0 auto;padding:10px;margin-bottom:10px;}
.loginbox .mxscan .qrcode .qrimg{width:180px; height:180px;display:none;}
.loginbox .mxscan .qrcode .qrclose{width:180px;height:180px;position:absolute;background:#EAEAEA;top:50%;margin:0 auto;transform:translateX(-50%) translateY(-50%);left:50%;display:none;}
.loginbox .mxscan .qrcode .qrclose span{display:block;margin:55px 0px 20px 0px;}
.loginbox .mxscan .qrcode .qrclose a{display:inline-table;}
.loginbox .mxscan .other h2{font-size:16px;font-weight:normal;margin:20px 0px 10px 0px;position: relative;height:40px;}
.loginbox .mxscan .other h2::before {content: '';position: absolute;width:60%;background-color: #bec2ca;height: 1px;z-index: 1;margin: 0 auto;transform: translateX(-50%) translateY(-50%);left: 50%;top: 50%;}
.loginbox .mxscan .other h2 span{background-color:#EEE;position:absolute;transform: translateX(-50%) translateY(-50%);left: 50%;top: 50%;z-index:2;padding:0px 30px;}
.loginbox .mxscan .other p a{margin:0px 5px;}
.login .form{padding:30px 20px;}
.login .form ul li{width:100%;padding:12px 10px;font-size:15px;}
.login .form ul li input.txt,.login .form ul li textarea.txt{width:calc(100% - 40px);height:34px;border:1px solid #e6e6e6;padding:6px 10px;}
.login .form ul li textarea.txt{height:100px;padding:10px;}
.login .form ul li.vcode input.txt{width:calc(100% - 150px);}
.login .form ul li.getmobilecode input.txt,.login .form ul li.getemailcode input.txt{width:calc(100% - 190px);}
.login .form ul li.getmobilecode .btn,.login .form ul li.getemailcode .btn{width:140px;height:48px;line-height:48px;border:none;color:#444;background:#ccc;font-size:14px;display:inline-table;text-align:center;border-radius:5px;}
.login .form ul li .submit{width:calc(100% - 20px);height:50px;line-height:50px;border:none;color:#FFF;background:#d22630;font-size:18px;cursor:pointer;}
.binduserbox .tit{text-align:center;font-size: 24px;font-weight: normal;margin-top: 30px;margin-bottom: -10px;}
.login .foot{padding:20px;text-align:center;position:fixed;bottom:0px;margin:0 auto;width:80%;color:#333;}
.login .foot a{color:#333;}
.login .foot .link{margin-bottom:5px;}

@media only screen and (min-width:1023px) {
    .fixed-right li:hover:before{background:#e60012 !important;}
    .fixed-right li:hover:after{opacity:0;}
}

@media (min-width:1024px) {
    .index-banner .a:hover {background-color:#D00302;}
    .index-banner .a:hover.prev {background-image:url("/static/assets/img/prev_h.png");}
    .index-banner .a:hover.next {background-image:url("/static/assets/img/next_h.png");}
    .index-banner ul li .content .buts .but:hover {background-color:#D00302;}
    .index-banner ul li .content .buts .but:hover span {color:#fff;background-image:url("/static/assets/img/icon1_h.png");}

    .routecur .box a:hover {color:#D00302; }
}



@media (max-width:1300px) {
    .prodetail .msg .chk span {margin:5px 12px 5px 0px;}
    .prodetail .msg .but{margin-top:10px;}
    .prodetail .msg {padding-top:0px;}

}
@media (max-width:768px) {
    .routecur .type{display:none;}
}
@media(max-width:1024px){
    .wrapper {width:94%;}
    .w1020{width:94%;}
    .w1400{width:94%;}
    .w1720{width:94%;}
    .f_30{font-size:18px;}
    .header{line-height:60px;height:60px;}
    .header .logo img{height:40px;width:auto;}
    .header .pname{display:block;}
    .ny_navbtn{display:block;top:20px;}
    .ny_navbtn.on span{background:#1d1d1d;}
    .ny_navbtn.on span:nth-of-type(1){top:50%;transform:rotate(45deg);}
    .ny_navbtn.on span:nth-of-type(2){display:none;}
    .ny_navbtn.on span:nth-of-type(3){top:50%;transform:rotate(-45deg);}
    .nav{width:100vw;height:100vh;background:#fff;position:fixed;left:0;top:0px;display:block;padding:30px 5%;box-sizing:border-box;transform:translateX(100%);opacity:0;transition:all 0.3s linear;overflow-y:scroll;}
    .nav.on {transform:translateX(0);opacity:1;}
    .nav ul{display:block;}
    .nav ul li{width:100%;margin:10px 5px;}
    .nav ul li a{color:#333;}
    .nav li dl{position:relative;width:100%;padding:5px 0px;margin:5px 0px; z-index:2;visibility:visible;-webkit-transform:translateY(0px);opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
    .nav li dl dd a{font-weight:normal;}
    .nav .search{width:calc(100% - 20px);margin:10px;padding-bottom:200px;}
    .nav .search h6{display:none;}
    .nav .search .sea_xl{display:block;width:100%;}
    .nav .search .sea_xl .sea_xlclose{display:none;}
    .nav .search .sea_xl .sea_xlfot a{font-size:14px;padding:0px;}
    .nav .search input[type="text"]{width: calc(100% - 60px);}
    .nav .search .submit{right: 10px;}
    .footer{padding-top:0px;padding-bottom:60px;bottom:0px;}
    .footer .navf{display:none;}
    .fixed-right{width: 100%;bottom: 0;right:0;background-color:#c5151b;}
    .fixed-right li {border-radius: 0 !important;width:50%;height: 60px;margin: 0;float: left;}
    .fixed-right li.totop {position: absolute;right: 15px;bottom: 100px;width: 36px;height: 36px;border-radius: 50% !important;}
    .fixed-right li::before{width:30px;height:30px;top:15px;left:calc(50% - 70px);}
    .fixed-right li em{width: 100%;opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1.0);-moz-transform:translateX(-50%) translateY(-50%) scale(1.0);-ms-transform:translateX(-50%) translateY(-50%) scale(1.0);-o-transform:translateX(-50%) translateY(-50%) scale(1.0);transform:translateX(-50%) translateY(-50%) scale(1.0);}
    .fixed-right li.wx::before{background-size: cover;background-position: -30px 0px;}
    /*.fixed-right li:nth-child(2){display:none;}*/
    .fixed-right li.tel::before{background-size: cover;background-position: -60px 0px;}
    .fixed-right li.wx:hover .li-hide{display:block;}
    .fixed-right li.tel:hover .li-hide{display:none;}
    .fixed-right li .li-hide.code{bottom:64px;}
    .fixed-right li .li-hide::before{top:auto;transform:rotate(90deg);-webkit-transform:rotate(90deg);right:calc(50% - 4px);bottom:-7.5px;}

    .index-banner{padding-top:50px;background-color: #016cde;}
    .index-banner ul li .content{top:50%;}
    .banner_inner{padding-top:50px;background-color: #016cde;}
    .banner_inner .content{padding-top:60px;top:43%;}
    .banner_inner .content h1{display:none;}
    /*.banner_inner .content h1{position:absolute;left:200px;top:10px;}*/
    .index .box1 .item ul li{width:50%;}
    .caselist .item ul li{width:100%;margin-bottom:30px;}
    .caselist .item.item4 ul li{width:100%;}
    .index .box3 .item{width:100%;margin:10px 0px;}
    
    .casebox .type2 a{padding:8px 12px;margin:10px 2px;}
    .caselist .item ul li{margin:1% 0px;}

    .aboutpage .about, .aboutpage .culture{padding:0px;}
    .aboutpage .about .pic,.aboutpage .culture .pic{width:100%;padding:4% 0;}
    .aboutpage .about .intro,.aboutpage .culture .intro{width:100%;}
    .aboutpage .contact{padding:0px;}
    .aboutpage .contact .leav{width:100%;}
    .aboutpage .contact .info{width:100%;margin-left:0px;}
    .aboutpage .contact .leav ul li{padding:8px 0px;}

    .routecur{margin-bottom:60px;font-size:13px;}
    /*.routecur .box {height:40px;}*/
    .routecur .box .icon {width:4px;margin:0 5px; }
    .routecur .box em {height:12px;margin:0 8px; }
    .routecur .box .homeIcon{margin-left:0px;}
    .routecur .location{width:100%;}
    .webpage .feature ul li{width:100%;}
    .webpage.applet .feature ul li{width:94%;}
    .webpage .newsbox .item{width:100%;}
    .webpage .sitetype ul li .img{width:100%;}
    .webpage .sitetype ul li .msg{position:relative;top: auto;left: auto;transform: none;width:100%;padding:0px;}

    .newslist ul li{width:100%;}
    .newsindex .box2 ul{width:100%;}
    .newsindex .box2 ul:nth-child(2) li.f_36{margin-top:30px;}

    .NewsBox .caselist .item.item4 ul li{width:100%;}
    
    .prodetail .img{width:100%;}
    .prodetail .msg {width: 100%;padding-top:2%;}
    
    .login .content .img{display:none;}
    .login .content .rightc{width:98%;float:left;}
}
@media (max-width:1200px) {
    .newsInfo .tits { font-size:18px;line-height:26px; }
    .newsInfo .tit {font-size:14px; }
    .newsInfo .con {font-size:13px;line-height:24px; }
    .newsInfo .con span { font-size:13px !important;line-height:24px; }
}
@media (max-width:1366px) {
    .header .wrapper  {width:96%;}
    .newsInfo .tits {font-size:22px;line-height:30px; }
    .nav li > a {padding:0 6px;font-size:15px;}
    .routecur{margin-bottom:60px;}
    /*.routecur .type{top:40px;}*/
}
@media(max-width:1488px){
    .f_30{font-size:18px;}
    .f_48{font-size:36px;}
    .f_72{font-size:60px;}
    .f_20{font-size:14px;}
    .f_60{font-size:40px;}
    .f_36{font-size:24px;}
    .f_18{font-size:14px;}
    .f_24{font-size:16px;}
}
@media(max-width:1766px){
    .f_30{font-size:26px;}
    .f_72{font-size:66px;}
    .f_20{font-size:17px;}
    .f_48{font-size:44px;}
    .f_60{font-size:54px;}
    .f_36{font-size:30px;}
    .f_18{font-size:16px;}
    .f_24{font-size:18px;}
    .f_14{font-size:12px;}
    .f_16{font-size:14px;}
    .xq_btn a{width:200px;height:60px;line-height:60px;}
}
@media (max-width:512px) {
}
@media (max-width:360px) {
    .header .pname{display:none;}
    .banner_inner .content h1{display:block;font-weight:400;font-size:20px;}
    .banner_inner .content h3{display:none;}
    .index .box1 .item ul li{width:100%;}
}