@charset "utf-8";
/* CSS Document*/
:root {
	--r:255;
	--g:102;
	--b:0;
	--a:100%;
	--main-color:rgb(var(--r) var(--g) var(--b) / var(--a));
	--swiper-navigation-color:var(--main-color);
	--swiper-theme-color:var(--main-color)!important;
	--p-box-l:220px;
	}
*{margin:0 auto;padding:0;}
*,::after,::before {box-sizing:border-box;}
ul,ol,li {list-style:none;}
input,textarea { outline: none; }
.qc::after {clear:both;height:0;content:"";display:block;}
body {font-family:微软雅黑,'Microsoft YaHei','宋体',Arial,Helvetica,sans-serif;line-height:22px;color:#000;background:#fff url("/skin/image/indexbg.jpg") repeat-x center top;}
a {color:#333;text-decoration:none;}
html {width:100%;min-width:1200px;}
/*xs sm md lg*/.lg-w {width:1100px;}
.head-box {height:110px;margin:0 auto;position:relative;z-index:100;}
.head-box .logo {width:157px;height:167px;position:absolute;left:0px;top:35px;}
.head-box .logo img {width:100%;height:100%;}
.head-box h1 {font-size:48px;line-height:1;letter-spacing:2px;font-weight:bold;float:left;margin-left:177px;margin-top:35px;}
.h-box {width:240px;float:right;}
.h-box .link {width:240px;height:30px;float:right;background:var(--main-color);color:#fff;text-align:center;line-height:30px;border-radius:0px 0px 10px 10px;font-size:14px;}
.h-box .link a {padding-left:10px;padding-right:10px;color:#fff;}
.h-box .link a:hover {color:#333;}
.h-box .tel {width:240px;margin-top:20px;float:right;transform:scale(1.2);}
header nav {width:auto;min-width:1200px;height:76px;line-height:76px;background-color:#343331;margin-top:0px;}
header nav .conent {width:1080px;height:76px;line-height:76px;margin:0 auto;}
header nav .conent ul {margin-left:170px;}
header nav .conent ul li {float:left;color:#fff;font-size:16px;height:76px;line-height:76px;width:106px;text-align:center;background:url(../image/list.jpg) right no-repeat;margin-left:1px;}
header nav .conent ul li a {color:#fff;width:106px;height:76px;line-height:76px;display:block;text-align:center;margin-left:-5px;}
header nav .conent ul li a:hover,.on a {background:var(--main-color);}

/*banner*/
.swiper {width:100%;height:100%;}
.swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;}
.swiper-slide img {display:block;width:100%;height:470px;object-fit:cover;}
.search {width:100%;height:54px;font-size:14px;line-height:46px;background:#f2f2f2;border-top:6px solid #d7d7d7;border-bottom:2px solid #d7d7d7;}
.search .box div {float:left;}
.search .box div:last-child {float:right;height:46px;display:flex;align-items:center;}
.search .s-t {font-weight:bold;}
.search .s-s a {color:#666;border:1px solid #cccccc70;padding:3px 6px;border-radius:6px;}
.search .s-s a:hover {color:#333;border:1px solid #cccccc;}
.search .box form {display:flex;}
.search .box form .text {border:1px solid #666;padding-left:5px;color:#666;}

/**/
.ours {text-align:center;}
.ours .t-box {padding:40px 0 10px;}
.ours .t-box h2 {font-size:32px;line-height:40px;color:var(--main-color);margin-bottom:10px;}
.ours .t-box h2 span {font-size:18px;color:#666;font-weight:normal;}
.ours .t-box div::after,.ours .t-box div::before {display:block;content:"";height:1px;background:#ccc;position:relative;top:1px;z-index:-1;}
.ours .t-box div::after {top:-1px;}
.ours .t-box div span {display:block;width:100px;height:3px;background:var(--main-color);border:0;}
.ours p {font-size:12px;color:#666;}
.list-box {display:flex;margin-top:40px;}
.list-box >dl {border:solid 1px #CCC;margin:10px;padding:10px;}
.list-box >dl dt {font-size:24px;color:var(--main-color);line-height:2;text-align:center;}
.list-box >dl dd {white-space:normal;font-size:14px;color:#666;}
.list-box >dl svg {display:block;width:84px;aspect-ratio:1/1;}
.list-box >dl svg circle {fill:var(--main-color);}
.list-box >dl svg path {fill:#fff;}
.c-box {}
.c-box .c-li {display:flex;align-items:center;margin-top:40px;}
.c-box .c-li > div {width:550px;height:324px;padding:10px;}
.c-box .c-li-2 {flex-direction:row-reverse;}
.c-box .c-l img {width:100%;height:100%;}
.c-box .c-r {display:flex;justify-content:space-around;flex-direction:column;}
.c-box .c-r h3 {margin:0 0 20px;}
.c-box .c-r h3 a {color:#333;}
.c-box .c-r button {border:0;background:none;margin:20px 0 0;}
.c-box .c-r button a {display:block;width:144px;line-height:46px;color:#fff;background:var(--main-color);border-radius:23px;}
.c-box .c-r button:hover {animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.c-box .c-r p {font-size:14px;font-weight:100;text-indent:2em;}
.cp_bg {width:100%;background:#252525;display:block;height:140px;margin:40px 0;}
.cp_bg >div > h3 {margin:0 auto;text-align:center;line-height:140px;font-size:32px;position:relative;z-index:10;}
.cp_bg >div > h3 a {color:#fff;-webkit-transition:transform .3s;transition:transform .3s;display:inline-block;}
.cp_bg >div > h3 a:hover {-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.cp_bg >div > h3::before {display:block;content:"PRODUCT";position:absolute;z-index:-1;left:32%;font-size:78px;color:#2e2e2e54;}
.cp_bg >div > .al::before {content:"CLASSIC CASE";left:25%;}
.cp_bg >div > h3::after {display:block;content:"";height:4px;background:#fff;position:relative;top:-40px;width:20px;margin:0 auto;}

/**/
.p-box {display:flex;}
.p-box .p-l {width:var(--p-box-l);border:var(--main-color) solid 3px;background:#fff;}
.p-box .p-l h3 {height:80px;background:var(--main-color);text-align:center;line-height:80px;}
.p-box .p-l h3 a {color:#fff;font-size:26px;font-weight:400;}
.p-box .p-l dl dt {display:flex;position:relative;font-size:16px;color:#333;font-weight:bold;width:190px;height:46px;line-height:46px;text-align:center;border:1px dashed var(--main-color);margin:10px auto;border-radius:23px;padding:0 15px;align-items:center;}
.p-box .p-l dl dt::before {display:block;content:"⭘";font-size:12px;}
.p-box .p-l dl dt::after {display:block;content:"►";font-size:12px;}
.p-box .p-l dl dt a {color:#333;}
.p-box .p-l dl dt a:hover {color:var(--main-color);}
.p-box .p-l dl dd {display:flex;align-items:center;position:relative;font-size:14px;color:#666;font-weight:normal;margin:0 auto;border-bottom:#d3d3d3 1px dashed;height:32px;line-height:32px;padding:0 20px;width:180px;overflow:hidden;}
.p-box .p-l dl dd a {color:#666;text-align:center;}
.p-box .p-l dl dd a:hover {color:var(--main-color);}
.p-box .p-l dl dd::before {display:block;content:"";position:absolute;width:14px;height:14px;background-image:url("../image/icon.svg");background-size:cover;}
.p-box .p-r {width:calc(100% - var(--p-box-l));}
.p-box .p-r .list {margin-left:15px;}
.p-box .p-r ul li {width:278px;float:left;padding:15px;border:solid 1px #ccc;-webkit-box-shadow:0px 40px 20px -40px rgb(133,133,133);-moz-box-shadow:0px 40px 20px -40px rgb(133,133,133);-o-box-shadow:0px 40px 20px -40px rgb(133,133,133);}
.p-box .p-r ul li:nth-of-type(3n-1) {margin-left:15px;margin-right:15px;}
.p-box .p-r ul li:nth-child(n+4) {margin-top:15px;}
.p-box .p-r ul li img {width:100%;height:180px;object-fit:contain;}
.p-box .p-r ul li dl dt {line-height:1.2;padding-bottom:10px;}
.p-box .p-r ul li dl dd {font-size:12px;line-height:1.2;color:#6C6C6C;}
.p-box .p-r ul li dl dd span {padding-right:5px;}
.p-box .p-r ul li dl dt a {font-weight:bold;color:#333;}
.p-box .p-r ul li a {display:block;overflow:hidden;}
.p-box .p-r ul li:hover {border:solid 1px var(--main-color);}
.p-box .p-r ul li:hover img {transform:scale(1.1);transition:all 1s ease 0s;-webkit-transform:scale(1.3);-webkit-transform:all 1s ease 0s;}
.p-box .p-r ul li:hover dl dt a {color:var(--main-color);}

/**/
.anli_l {width:220px;}
.anli_l ul li {padding-top:10px;}
.anli_l ul li:first-child {padding-top:0;}
.anli_l ul li a {text-align:center;font-size:20px;color:#333;font-weight:bold;display:block;border:var(--main-color) 3px solid;background:#fff;line-height:70px;}
.anli_l ul li a:hover,.anli_l ul .cur a {background:var(--main-color);color:#fff;}
.anli_c {width:600px;padding:0 15px;}
.anli_c a {height:420px;width:100%;display:block;}
.anli_c a img {width:100% !important;height:100% !important;}
.anli_r {width:280px;background:#f1f1f1;padding:0 15px;}
.anli_r a img {width:250px;height:170px;}
.anli_r h3 {display:block;line-height:52px;overflow:hidden;}
.anli_r ul li {position:relative;margin:0 0 15px;height:170px;}
.anli_r ul li a {text-decoration:none;color:#666;word-wrap:break-word;display:block;}
.anli_r ul li a span {width:100%;display:block;text-align:center;line-height:38px;font-size:14px;color:#fff;background:#1b1e1e47;position:absolute;bottom:0;left:0;overflow:hidden;}

/**/
.box1 {height:570px;}
.box1 .boxL {width:50%;float:left;height:550px;overflow:hidden;}
.box1 .boxL .L1 {height:90px;color:#adadad;font-size:24px;text-transform:uppercase;font-weight:bold;line-height:42px;padding-left:10px;}
.box1 .boxL .L1 span {font-size:24px;color:#279562;font-weight:bold;}
.box1 .boxL .L2 {margin-top:10px;}
.boxR {width:480px;height:550px;overflow:hidden;float:right;background:url(../image/boxR.jpg) left top no-repeat;}
.boxR ul {width:420px;margin-left:35px;}
.boxR ul li {height:100px;border-bottom:1px dashed #abaaaa;color:#2d2b2a;font-size:16px;line-height:28px;margin-bottom:8px;}
.boxR ul li span {color:#212222;font-size:23px;font-weight:bold;}
.boxR ul li span.zit1 {color:#212222;font-size:13px;font-weight:normal;}

/**/
.list-box .b-l {float:left;width:500px;}
.list-box .b-r {float:right;width:500px;}
.t-head {padding-top:15px;}
.t-head .t-img {width:180px;float:left;}
.t-head .t-t {width:calc(100% - 200px);float:right;}
.t-head .t-t h3 {height:48px;overflow:hidden;}
.t-head .t-t h3 a {font-size:16px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.t-head .t-t p {font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.2;}
.t-head .t-t button {border:0;}
.t-head .t-t button a {font-size:14px;color:#fff;display:block;width:100px;height:30px;background:var(--main-color);text-align:center;line-height:30px;overflow:hidden;}
.t-head .t-img a {display:block;}
.t-head .t-img img {width:100%;}
.t-head .txt {height:58px;}
.lis .tit {height:45px;line-height:45px;border-bottom:#c8c8c8 1px solid;}
.lis .tit >a {font-size:20px;font-weight:bold;color:var(--main-color);}
.lis .tit span {float:right;}
.lis .tit span a {font-size:14px;color:#999;font-weight:normal;}
.lis .tit em {display:block;float:left;padding:5px 10px 0 0;}
.lis ul {margin-top:30px;}
.lis ul li {margin:15px 0;}
.lis .date {float:left;width:70px;aspect-ratio:1/1;text-align:center;}
.lis .date div {color:#999;font-size:14px;line-height:24px;border:#bab1b1 2px solid;}
.lis li:hover .date div {color:var(--main-color);border:var(--main-color) 2px solid;}
.lis li:hover .date div:nth-child(2) {border-bottom:0;}
.lis li:hover .date >span::before,.b-l li:hover .date >span::after {color:var(--main-color);}
.lis li:hover .title {border:var(--main-color) 1px solid;border-left:0;}
.lis .date div:nth-child(2) {border-bottom:0;font-size:24px;line-height:40px;}
.lis .date >span::before,.b-l .date >span::after {display:block;content:"❙";height:10px;background:#ffffff;position:relative;top:-5px;float:left;width:10px;line-height:10px;font-size:14px;left:12px;color:#bab1b1;}
.lis .date >span::after {float:right;left:-12px;}
.lis .title {float:right;width:calc(100% - 70px);border:#bab1b1 1px solid;border-left:0;padding:8.6px;}
.lis .title h3 {font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lis .title p {font-size:12px;color:#bbb;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.tempWrap {overflow:hidden;position:relative;height:320px;margin:15px 0;}
.wd_qie dl {border-bottom:#c4c4c4 1px dashed;margin:15px 0;padding:0 0 5px 0;line-height:2;}
.wd_qie dl:hover {background:#cccccc50;cursor:pointer;}
.wd_qie dt::before,.wd_qie dd p::before {display:inline-block;content:"问";color:#FFF;background:var(--swiper-theme-color);width:20px;aspect-ratio:1/1;text-align:center;line-height:20px;margin-right:20px;}
.wd_qie dd p::before {content:"答";background:#888;}
.wd_qie dd p {line-height:1.5;}
.wd_qie dt a {font-size:16px;font-weight:bold;color:#333;}
.wd_qie p {font-size:14px;color:#666;}
/**/
.dz{text-align: center; background:#04b8a9}
.dz .tit{font-size: 30px;font-weight: bold;fill:var(--main-color);}
.dz .t_c{fill:var(--main-color)}
.dz .t_t{fill:#fff; font-size:14px}
.tel { text-align:center; margin:15px auto}
/*友情链接*/
.fl {float:left;}
.links_bg {height:60px;background:var(--main-color);}
.links_l {width:150px;text-align:center;height:60px;line-height:60px;background:hsl(from var(--main-color) h s calc(l * 1.2));font-size:18px;color:#fff;font-weight:bold;}
.links_c {height:60px;line-height:60px;overflow:hidden;width:auto;}
.links_c a {font-size:14px;color:#fff;display:inline-block;padding:0 0 0 20px;}

/**/
footer {background:#504c49;text-align:center;font-size:14px;}
.f_box {border-top:#6c6b69 solid 1px;padding-top:10px;}
.f_box p {font-size:12px;line-height:2;}
footer p,footer a {color:#d6d5d5;}
.f_nav {text-align:center;border-bottom:#252324 solid 1px;}
.f_nav a {line-height:48px;}
.f_nav a::before {content:"|";padding-left:10px;padding-right:10px;}
.f_nav a:first-child::before {content:"";padding:0;}
.f_nav a:hover {color:var(--main-color);}
.f_nav a:hover::before {color:#d6d5d5;}

/*kefu*/
.side {position:fixed;width:60px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;}
.side ul li {width:60px;height:60px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:12px;line-height:1;text-align:center;transition:all .3s;cursor:pointer;}
.side ul li:hover {background:#f67524;color:#fff;}
.side ul li:hover a {color:#fff;}
.side ul li i {height:30px;aspect-ratio:1 / 1;margin:7px 0 5px 15px;display:block;overflow:hidden;transition:all .3s;}
.side ul li i svg {width:100%;vertical-align:middle;fill:currentColor;overflow:hidden;}
.side ul li .sidebox {position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden;}
.side ul li.sidetop {background:#f67524;color:#fff;}
.side ul li.sidetop:hover {opacity:.8;filter:Alpha(opacity=80);}
.side ul li.sideewm .ewBox.son {width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(/skin/image/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;}
.side ul li.sideetel .telBox.son {width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524;}
.side ul li.sideetel .telBox dd {display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;}
.side ul li.sideetel .telBox dd span {display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px;}
.side ul li.sideetel .telBox dd.bgs1 {background:url(/skin/image/right_pic8.png) 28px center no-repeat;background-color:#e96410;}
.side ul li.sideetel .telBox dd.bgs2 {background:url(/skin/image/right_pic9.png) 28px center no-repeat;}
.side ul li:hover .son {display:block!important;animation:fadein .5s;}

/**/
.b_a {display:block;line-height:0;}
.b_img {width:100%;height:445px;}
.position {margin:15px auto;font-size:14px;border:1px solid #e0e0e0;}
.position span {position:relative;display:inline-block;height:30px;line-height:30px;color:#fff;padding:0 10px;font-weight:100;background:var(--swiper-theme-color);}
.position span::after {content:"◆";padding:0;font-size:24px;position:absolute;color:var(--swiper-theme-color);right:-8px;}
.brnav {display:inline-block;padding-left:10px;}
.brnav a:hover {color:var(--swiper-theme-color);}
.lm > div {display:inline-block;}
.lm .main_l {width:240px;margin-right:15px;}
.lm .main_r {width:calc(100% - 255px);vertical-align:top;}
.lm .main {}
.lm .box{ margin-bottom:15px;}
.lm .box h3 {height:75px;font-size:24px;font-weight:normal;line-height:75px;color:#fff;border-bottom:1px solid #fff;text-align:center;background:var(--swiper-theme-color);}
.lm .box dl dt {position:relative;line-height:50px;background:var(--swiper-theme-color);margin:5px 0;}
.lm .box dl dt:hover {opacity:.8;filter:Alpha(opacity=80);}
.lm .box dl dt::after {content:"";width:8px;height:8px;border:2px solid #fff;border-style:none solid solid none;position:absolute;top:50%;right:32px;margin-top:-4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.lm .box dl dd {height:50px;font-size:16px;line-height:50px;padding-left:54px;padding-right:40px;margin-bottom:1px;background:#ececec;position:relative;cursor: pointer; color:#666}
.lm .box dl dd::after {content:"";width:8px;height:8px;border:2px solid #b8b8b8;border-style:solid solid none none;position:absolute;top:50%;right:32px;margin-top:-4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.newclass,.lm .box dl dd:hover a {color:var(--swiper-theme-color) !important;}
.newclass::after,.lm .box dl dd:hover::after {border-color:var(--swiper-theme-color) !important;}
.lm .box dl dt a {display:inline-block;font-size:18px;font-weight:normal;margin-right:40px;margin-left:38px;color:#fff;}
.lm .box dl dd a {color:#666;}
.lm .box ul{font-size:14px;background: #ececec; padding:15px; color: #666666; line-height: 30px;}
.lm .main_r h3 {height:50px;text-align:center;font-size:24px;font-weight:normal;line-height:50px;border-bottom:1px solid #ebebeb;margin-bottom:15px;}
.lm .main_r h3 span {display:inline-block;height:50px;border-bottom:1px solid var(--swiper-theme-color);}
.lm .main_r h3 span:nth-child(2){ float:right; font-size:12px;border-bottom:none;}
.lm .main_r h3 span:nth-child(2):hover a{ color:var(--swiper-theme-color)}
.lm .main_r .container {padding:0 40px 40px;text-indent:2em;font-size:1rem;line-height:2;word-wrap: break-word;}
.lm .main_r .container p{ margin:1rem 0;}
.lm .main_r .container img{ max-width:100%; display:block}

.lm .main_r .container ul li{width:calc(100% - 50% - 7.5px); float:left; border:1px solid #ebebeb; margin-bottom:15px;}
.lm .main_r .container ul li:hover{box-shadow: 0 6px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.3);transform: translate3d(0, -2px, 0);}
.lm .main_r .container ul li:nth-child(odd){ margin-right:7.5px}
.lm .main_r .container ul li:nth-child(even){ margin-left:7.5px}
.img_box img{ width:100%; height:275px}
.info{ height:30px;display:inline-flex;align-items: center;width: 100%;position: relative;}
.text_box{ padding:15px; text-indent:0}
.text_box .price{color:#d80808; left:0; position:absolute}
.text_box .price em{font-size: 14px;font-style: normal;}
.text_box .price i{font-size: 13px;font-style: normal;}
.text_box .consult{width: 80px;font-size: 12px;text-align: center;height: 27px;line-height: 27px;border-radius: 5px;background: #c91806;color: #fff;margin-left: 20px;cursor: pointer;    position: absolute;left: 40px;}
.text_box .type{font-size: 12px;right: 0;position: absolute;}

.xunjiadan { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.7); text-align: center; z-index: 9999; }
.xunjiadan .xunjiadan-container + i { display: inline-block; vertical-align: middle; height: 100%; }
.xunjiadan .xunjiadan-container { max-width: 780px; width: 90%; background: #FFFFFF; display: inline-block; vertical-align: middle; position: relative; }
.xunjiadan .xunjiadan-close-btn { cursor: pointer; position: absolute; top: 12px; right: 12px; width:30px; height:30px;z-index: 999;}
.xunjiadan .xunjiadan-close-btn svg {display: block;margin: 0; padding: 0;}
.xunjiadan .xunjiadan-close-btn svg:hover {fill: #f00; }
.xunjiadan .xunjiadan-content { position:relative; padding:50px 70px 45px; text-align: left; }
.xunjiadan .tit { margin-bottom: 30px; position: relative; text-align: center; font-size: 26px; color: #333333; padding-bottom: 20px; font-weight: bold; letter-spacing: 5px; }
.xunjiadan .tit:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 2px; background: #ae5b08; }
.xunjiadan .box-text { margin-top: 15px; color: #8a8a8a; text-align: center; letter-spacing: 1px; }
.xunjiadan .box-text span { font-size: 16px; }
.xunjiadan .box-text i { font-style: normal; color: #ae5b08; font-size: 16px; }
.xunjiadan .box-text em { font-style: normal; padding-left: 50px; color: #ae5b08; font-size: 16px; }
.xunjiadan .box-text em:before { content: ""; display: inline-block; margin: 0 42px 3px 0; width: 6px; height: 6px; border-radius: 50%; background: #ae5b08; }
.xunjiadan .box-text em b { font-style: normal; font-weight: lighter; /*color:#c00; */ font-family: Arial; font-size: 18px; }
.qr-code{ text-align:center;position: absolute;right: 80px;font-size: 12px;top: 40px; z-index:1}
.qr-code span {display:block;}
.qr-code span img{ width:70px;}
.qr-code:hover p{opacity:1}
.qr-code p{position: absolute;background: #fff;padding: 5px;opacity:0; -webkit-transition: opacity .5s;transition: opacity .5s;border: 1px solid #f1f1f1;}
.form-box ul li:first-child, .form-box ul li:last-child {border-bottom:1px solid #777;}
.form-box ul li{padding: 12px;border-bottom: 1px solid #eee;position: relative;}
.form-box ul li h2{margin: 0;display: inline;}
.form-box ul li h2 ~ span{ font-size:12px; font-weight:normal; color: #d45252;margin: 5px 0 0 0;display: inline;float: right;}
.form-box label {width:150px;margin-top:3px;display:inline-block;float:left;padding:3px;}
.form-box input {height:20px;width:220px;padding:5px 8px;}
.form-box input,.form-box textarea { box-sizing:content-box;border:1px solid #aaa;box-shadow:0px 0px 3px #ccc,0 10px 15px #eee inset;border-radius:2px;padding-right:30px;-moz-transition:padding .25s;-webkit-transition:padding .25s;-o-transition:padding .25s;transition:padding .25s;}
.form-box input:focus,.form-box textarea:focus {background:#fff;border:1px solid #555;box-shadow:0 0 3px #aaa;padding-right:70px;}
.form-box button {margin-left:156px;}
.form-box button.submit {background-color:#c91806;background:-webkit-gradient(linear,left top,left bottom,from(#c91806),to(#df1a06));background:-webkit-linear-gradient(top,#c91806,#df1a06);background:-moz-linear-gradient(top,#c91806,#df1a06);background:-ms-linear-gradient(top,#c91806,#df1a06);background:-o-linear-gradient(top,#c91806,#df1a06);background:linear-gradient(top,#c91806,#df1a06);border:1px solid #bf1403;border-bottom:1px solid #cf1300;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;box-shadow:inset 0 1px 0 0 #d31300;-webkit-box-shadow:0 1px 0 0 #d31300 inset;-moz-box-shadow:0 1px 0 0 #d31300 inset;-ms-box-shadow:0 1px 0 0 #d31300 inset;-o-box-shadow:0 1px 0 0 #d31300 inset;color:white;font-weight:bold;padding:6px 20px;text-align:center;text-shadow:0 -1px 0 #d31400;}
.form-box button.submit:hover {opacity:.85;cursor:pointer;}
.form-box button.submit:active {border:1px solid #cb1b09;box-shadow:0 0 10px 5px #cb1a09 inset;-webkit-box-shadow:0 0 10px 5px #cb1a09 inset;-moz-box-shadow:0 0 10px 5px #cb1a09 inset;-ms-box-shadow:0 0 10px 5px #cb1a09 inset;-o-box-shadow:0 0 10px 5px #cb1a09 inset;}
.form-box input:required,.form-box textarea:required {background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURf///+hiY/719fjOzvnY2Ot2d+lsbfvh4vKnqOyAgPzr6++TlPGdnu6JiumArZ4AAAA2SURBVAjXY2DAC1gKoAzGCxDanbXBCsyYGDpNAsxYvFHCCMxgz85UADNYkxwPgBlMDswMJAIAjQYIJtd3wVQAAAAASUVORK5CYII=') no-repeat 98% center;}
.form-box input:required:valid,.form-box textarea:required:valid {background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABjUExURQAAAFzQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU1zQU/38//f39OPuw/z5/+Htvvb47+TuxeTux+Ltwf////78/+PuwvT36+PtxOHtwDctsSgAAAARdFJOUwAD5CHq8L3AJM9asWkeYF3DS3PEaQAAAHtJREFUGNNtj9kSgyAMRS+KAu6xm7v9/6+siZNKZ3peyMlcQgD+UjkicpVqysq4VLzOSMlqbuR0kR/eUkwbBYb3GdEJ98fIU2BY5hs9l1X6gOVj6/tJ3AKdFK/9vNgBzc8rDWBC5MEci3j7detld6+Z4PV7RZlQUhZcfgDqpgvgh8aKzwAAAABJRU5ErkJggg==') no-repeat 98% center;box-shadow:0 0 5px #5cd053;border-color:#28921f;}
.form-box input:focus:invalid,.form-box textarea:focus:invalid {background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNpivBIUxEAJYMIhngnEB4D4PxLeBcQJhAxQhGqcBsT2aHKuQDwfiLcDsTQ2A3SB+CqyRmY+PgYmDg4wjQQ8gPgSEKsgG8AGxOuAmBNZJYugIAOPlRUDm7g4usuFgHg1yA6YAckwE5EBt64ug2x2NgOPtTW2cDIA4kCYAVF4g5qREZdMAhOS/zHA70+fGP7+B0bA16+4DNCFGcCPTfbv+/cMf37+ZPj98SMuA/hhBrzGJvsHaMCHrVsZfj16hMuA1zADLmNNZcAo/PvlC8N/3GFwGWbAAmyyXJqaDJLx8Qx85ua4DJgLM2AZEJ/FCMQXLxi+XL7M8OvhQ2yaDwLxVkakzARKxseAWAIl+kCxAKMRABQoJshhAAL3gRjk1uNwEZgmVM37oOrAAc+C5iyQyVZA7A3NeYrQNAIK5JvQsNqNrAEgwAAO6VaUCoOyHgAAAABJRU5ErkJggg==') no-repeat 98% center;box-shadow:0 0 5px #d45252;border-color:#b03535;}
.form_hint {background:#d45252;border-radius:3px 3px 3px 3px;color:white;margin-left:8px;padding:1px 6px;z-index:999;/* hints stay above all other elements*/position:absolute;/* allows proper formatting if hint is two lines*/display:none;}
.form_hint::before {content:"\25C0";color:#d45252;position:absolute;top:1px;left:-6px;}
.form-box input:focus + .form_hint {display:inline;}
.form-box input:required:valid + .form_hint {background:#28921f;}
.form-box input:required:valid + .form_hint::before {color:#28921f;}
.txt100{ font-size:12px; color:#ccc;text-align: right;}
.txt100 span{ color:#d45252}

.news li {float:none;padding:25px 0;border-bottom:1px dashed #eee;}
.news li::after {clear:both;height:0;content:"";display:block;}
.news li a {display:block;}
.news li a img {display:block;float:left;width:180px;height:100px;border:1px solid #eaeaea;}
.news li a dl {float:left;margin-left:15px;width:650px;}
.news li a dl dt {font-size:16px;color:#000;margin-bottom:10px;}
.news li a dl dd p {font-size:12px;color:#999;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.news li:hover {background:#f5f5f5;}

.news_content {color:#333;}
.news_content h1 {font-size:24px;line-height:1.5;margin:35px 0 0 0;text-align:center;font-weight:normal;}
.news_content .unit_box {margin:10px 20px;border-bottom:1px dashed #ddd;padding-bottom:15px;}
.news_content .unit_box span {font-size:12px;margin-right:50px;margin-left:20px;color:#999;}
.news_content .unit_box a {color:#999;}
.news_content .abstract {margin:30px 20px 20px 20px;border:1px solid #f3f3f3;padding:20px;color:#999;line-height:24px;font-size:14px;background:#f8f8f8;}
.news_content .abstract span {color:#000;font-size:16px;}
.news_content .article {margin:30px 20px 20px 20px;padding-bottom:20px;font-size:16px;line-height:2; color:#666}
.news_content .article h1,.news_content .article h2,.news_content .article h3,.news_content .article h4{height:auto; text-align:inherit; font-size:inherit; font-weight:bold; line-height:inherit; border-bottom:none; margin-bottom:auto; margin:20px 0 10px;}
.news_content .article p{ text-indent:2em; margin-bottom:10px;}
.news_content .article p img{display: block; margin:10px auto;text-indent:0}
.news_content .post_link{margin: 0 30px 30px 20px;}
.news_content .post_link ul li {float:left;font-size:14px;color:#999;width:auto;overflow:hidden;}
.news_content .post_link ul li a {display:inline-block;overflow:hidden;width:300px;white-space:nowrap;text-overflow:ellipsis;color:#555;font-size:14px;vertical-align:bottom;}
.news_content .post_link ul li:nth-child(2) {float:right;}
.news_content .post_link ul li a:hover{ text-decoration:underline}

.pr_content {color:#333;}
.pr_content .pr_top{border: 1px solid #efefef; padding:10px;}
.pr_content .pr_img{float:left;display: block;border: 1px solid #eee; max-width:358px;}
.pr_content .pr_img img{ width:100%; height:auto; display:block}
.pr_content .pr_info{float: left;margin-left:15px;width:450px;overflow: hidden;position: relative;}
.pr_content .pr_info h1{font-size: 22px;border-bottom: 1px dashed #bbb;padding-bottom: 15px; line-height:1.5}
.pr_content .pr_info ul{margin-top: 15px;}
.pr_content .pr_info ul li {color: #999;font-size: 14px;margin-top: 10px;}
.pr_content .pr_info ul li span{ color:#333}
.pr_content .consult{margin-top: 10px;}
.pr_content .consult svg{ width:40px; display: inline-block;fill:#9e1009;vertical-align: middle;}
.pr_content .consult span:nth-child(2){display: inline-block;color: #000;font-size: 24px;font-weight: bold;font-family: Arial;height:40px;line-height:40px;vertical-align: middle;}
.pr_content .consult span:last-child {display: inline-block;cursor: pointer;width: 130px;height:40px;line-height:40px;margin-left:50px;text-align: center;color:#fff;background:rgb(var(--r) var(--g) var(--b) / var(--a));border-radius: 5px;vertical-align: middle;}
.pr_content .consult span:last-child:hover{ background-color:rgb(calc(var(--r) - 20) calc(var(--g) - 20) var(--b) / var(--a))}
.pr_box .box_hd{margin: 20px auto;}
.pr_box .box_hd h2{display: inline-block;font-size:24px;margin:35px 0 20px 0;}
.pr_box .box_hd span:nth-child(2) {display: inline-block;margin: 0 10px;width:5px;height: 8px;background: #d80808;}
.pr_box .box_hd span:nth-child(3){display: inline-block;width:calc(100% - 131px);height: 8px;background: #e8e8e8;}
.pr_box .box_hb >img,.pr_box .box_hb >p img{ display:block; max-width:800px; margin-bottom:40px;}
.box_hb ul{display: flex;width: 800px;flex-wrap: wrap;align-items: stretch;border: 1px solid #dfdfdf;}
.box_hb ul li{width:33.3333%; border: 1px solid #dfdfdf; padding:10px}
.box_hb ul li p{text-align:center;}
.box_hb ul li span{ font-size:12px}

.box_hb table{ width:100%; margin-bottom:20px; border-collapse: collapse; border-spacing: 0;  font-family:"PingFang SC","微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体"; }
.box_hb table tr:nth-child(1) th{ background:#f4f4f6;  text-indent:30px; color:#000; font-size:16px; font-weight:bold; text-align:left; }
.box_hb table th{border:1px solid #dedede; color:#000; padding:10px 0 10px 30px; background:#fafafa; font-size:13px; text-align:left; font-weight:bold; }
.box_hb table td{ border:1px solid #dedede; padding:10px 20px; font-size:13px; color:#666; line-height:26px; }
.box_hb table a{ color:#000; }
.pic table td { border:0px !important}
.pic table td img{ width:600px;}
.fw{ width:800px; margin:0 auto}
.fw h6{font-size: 18px;font-weight: bold;margin-bottom:15px;}
.fw p{margin-bottom:15px;color: #666; line-height:2}
/*分页*/
.listpage {margin:0 auto;text-align:center;padding:35px 0 60px 0;background:#fff;}
.listpage a {font-family:Arial;font-size:14px;color:#111;background:#fff;border:1px solid #ccc;text-decoration:none;margin-left:6px;display:inline-block;height:28px;line-height:28px;width:28px;text-align:center;vertical-align:middle;}
.listpage .pre {width:64px;}
.listpage span {font-size:14px;color:#fff;background:var(--swiper-theme-color);border:1px solid var(--swiper-theme-color);margin-left:8px;display:inline-block;height:28px;line-height:28px;width:28px;text-align:center;vertical-align:middle;}
.listpage .nopage {width:64px;background:#eee;color:#aaa;border:1px solid #ddd;cursor:not-allowed;}
.listpage a:hover{color:#fff;background:var(--swiper-theme-color);border:1px solid var(--swiper-theme-color);}
@keyframes fadein {from {opacity:0;}
to {opacity:1;}
;}
/*动画*/
@-webkit-keyframes shake {from,to {-webkit-transform:translate3d(0,0,0);}
20%,60% {-webkit-transform:translate3d(-10px,0,0);}
40%,80% {-webkit-transform:translate3d(10px,0,0);}
;}
@keyframes shake {from,to {transform:translate3d(0,0,0);}
20%,60% {transform:translate3d(-10px,0,0);}
40%,80% {transform:translate3d(10px,0,0);}
;}