@charset "utf-8";
/* by Sean Lu 20200727 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; color:#666;  }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { color: #0070aa; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #009a8b; color: #fff; }
::-moz-selection { background: #009a8b; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; }


.top{ background:#333; line-height:40px; font-size:12px; color:#b0b0b3;}
.top a{ margin-left:10px; color:#b0b0b3;}
.top img{ vertical-align:middle; margin-right:5px;}
.top em{ width:1px; height:13px; background:#adadad; display:inline-block; margin:0 15px;}
.top span.hotline{ font-size:14px; font-weight:bold; color:#fff;}

.header{ height:100px;}
.header .logo{ float:left; margin-top:15px;}
.header .menux{ float:right;}
.header .menux a{ margin-left:10px; background:#ff8400; font-size:14px; color:#fff; height:36px; line-height:36px; display:inline-block; width:100px; text-align:center; margin-top:32px; border-radius:0 5px 0 5px;}
.header .menux a:nth-child(2){ background:#2075a1;}
.header .navbar{ text-align:center;}
.header .navbar .nli{ display:inline-block; line-height:100px; position: relative;}
.header .navbar .nli.nli01{ background:url(../img/menu_jt.jpg) no-repeat right; -webkit-transition: all .2s; transition: all .2s;}
.header .navbar .nli.nli01:hover{ background:url(../img/menu_jts.jpg) no-repeat right;}
.header .navbar .nli .na{ font-size:16px; color:#666; padding:0 25px;}
.header .navbar .nli .sub { position: absolute; left: 0; top: 100px; -webkit-transition: all .2s; transition: all .2s; width:180px; z-index:99999; line-height:36px; display:none; background:#2075a1;}
.header .navbar .nli:hover .sub {  display:block;}
.header .navbar .nli .sub .sa { font-size: 14px; color: #fff; text-align:center;}
.header .menu{ display:none;}

.header.header_foot .navbar .nli .sub{ top:-90px;}

/*
.header { height: 80px; background: #000 url(../img/topbg.jpg) no-repeat center; color: #fff; }
.header .logo { float: left; height: 45px; margin: 17px 0; }
.header .logo a { display: block; height: 100%; -webkit-transition: all .2s; transition: all .2s; }
.header .logo a:hover { opacity: .8; }
.header .logo img { display: block; height: 100%; }
.header .seabox { float: right; height: 36px; box-sizing: border-box; margin: 22px 0; border: 1px solid #ccc; border-radius: 4px; width: 210px; background:#ededee; }
.header .seabox .key { float: left; width: 70%; border: 0; box-sizing: border-box; line-height: 100%; height: 100%; padding-left: 36px; background: url(../img/saeb.png) no-repeat 14px center; font-size: 12px; background-size: auto 14px; color:#333; }
.header .seabox .btn { float: right; width: 30%; background: #e98300; color: #fff; font-size: 12px; height: 100%; border: 0; cursor: pointer; font-weight: bold; }
.header .navbar { text-align: center; line-height: 36px; padding: 22px 0; }
.header .navbar .nul {  }
.header .navbar .nul .nli { display: inline-block; position: relative; z-index: 9; }
.header .navbar .nul .nli .na { font-size: 17px; font-weight: bold; padding: 0 15px; display: block; color: #fff; text-decoration: none; }
.header .navbar .nul .nli:hover .na { color: #e98300; }
.header .navbar .nul .nli .na:hover { color: #e98300; }
.header .navbar .nul .nli .sub { position: absolute; left: 0; top: 36px; background: #333; padding: 10px; width: 110px; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(5px); transform: translateY(5px); }
.header .navbar .nul .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);  }
.header .navbar .nul .nli .sub .sli { line-height: 26px; text-align: left; }
.header .navbar .nul .nli .sub .sli .sa { font-size: 14px; color: #fff; padding-left: 25px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; display: block; }
.header .navbar .nul .nli .sub .sli .sa:hover { color: #e98300; padding-left: 20px; }

*/

.bannerslide {}
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 600px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
/*.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }*/
.paginationw { position: absolute; left: 0; text-align: center; bottom: 30px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #2075a1; }


.box{ padding:65px 0;}
.box.box01{ background:#eff0f4;}
.box.box02{ border-bottom:1px #dfdfdf solid;}
.box.box03{ background:#ecf5ff;}
.box.box04{ background:url(../img/case_bg.jpg) no-repeat center; background-size:cover;}
.box h3.title{ font-size:16px; color:#2075a1; font-weight:normal; text-align:center;}
.box h1.titlebig{ font-size:36px; color:#333; font-weight:normal; text-align:center;}
.box.box04 h3.title{ color:#fff;}
.box.box04 h1.titlebig{ color:#fff;}
.box.box04 .line span{ background:#fff;}
.box .line{ text-align:center; height:5px;}
.box .line span{ width:65px; height:5px; background:#2075a1; display:block; margin:auto; margin-top:20px;}
.proslide{ margin-top:35px;}
.proslide li{ width:31.8%; margin-right:2.3%; position:relative; text-align:center; float:left; box-shadow: 0 0 10px #ccc;}
.proslide li .img{ width:100%; display:block;}
.proslide li:nth-child(3){ margin-right:0;}
.proslide li .text{ position:absolute; top:45px; width:100%; left:0;}
.proslide li .text h2{ font-size:24px; color:#333;}
.proslide li .text p{ font-size:14px; color:#666; line-height:20px; margin-top:20px;}
.proslide li .text a.more{ font-size:12px; color:#2075a1; margin-top:30px; display:inline-block;}
.proslide li .text a.more img{ margin-left:5px;}

.video{ width:620px;}
.cont{ margin-left:650px;}
.cont h3.title{ text-align:left;}
.cont h1.titlebig{ text-align:left;}
.cont .line{ width:100%; height:60px;}
.cont .line span{ float:left;}
.cont .content{}
.cont .content li{ background:url(../img/solu01.png) no-repeat left top; padding-left:75px; margin-bottom:35px;}
.cont .content li:nth-child(2){ background:url(../img/solu02.png) no-repeat left top; margin-bottom:0;}
.cont .content li h4{ font-size:16px; color:#666; margin-bottom:10px;}
.cont .content li p{ font-size:14px; line-height:22px; color:#666;}

.anli{ margin-top:40px;}
.anli li{ float:left; position:relative; margin-right:1%; width:24.2%;}
.anli li:nth-child(4){ margin-right:0;}
.anli li img{ width:100%;}
.anli li span{ position:absolute; bottom:30px; left:30px; padding:10px; background:#2075a1; border-radius:10px; color:#fff; font-size:14px; font-weight:bold;}

.news{ margin-top:40px;}
.news li.news_li{ float:left; width:29%; margin-right:2%; border-radius:10px; background:#fff; box-shadow:0 0 10px #ddd;}
.news li.news_li img.img{ width:100%;}
.news li.news_li .txt{ padding:25px 20px; font-size:16px; color:#333;}
.news li.news_li .txt a{ display:block; font-size:12px; color:#2075a1; text-align:right; margin-top:10px;}
.news li.news_li .txt a img{ margin-left:5px;}
.news li.news_lid{ width:38%; margin-right:0; padding:30px 30px 25px; box-sizing:border-box;}
.news li.news_lid .new_tit{ font-size:20px;}
.news li.news_lid .new_tit a{ float:right; font-size:12px; line-height:20px; color:#2075a1;}
.news li.news_lid .new_tit a img{ margin-left:5px;}
.news li.news_lid .news_x{}
.news li.news_lid .news_x li{ line-height:54px; height:54px; overflow:hidden; background:url(../img/new_jt.jpg) no-repeat left; padding-left:15px; border-bottom:1px #f1f1f1 solid;}
.news li.news_lid .news_x li a{ font-size:16px; color:#666;}

.honor{ margin-top:40px;}
.honor li{ float:left; margin-right:1%; width:19.2%;}
.honor li img{ width:100%;}
.honor li:nth-child(5){ margin-right:0;}

.foot{ background:#393945; padding:40px 0 50px; color:#c0c0c3; font-size:12px; line-height:26px;}
.foot a{ color:#c0c0c3; font-size:12px; line-height:26px;}
.foot .b_cont{ width:35%;}
.foot .b_cont img{ margin-bottom:15px;}
.foot .b_li{ width:65%;}
.foot .b_li dl{ float:left; width:33%;}
.foot .b_li dl dt{ font-size:14px; color:#fff; font-weight:bold; line-height:70px;}
.foot .b_li dl dd{ background:url(../img/bottom_jt.png) no-repeat left; padding-left:15px;}
.bottom{ background:#2c2c34; line-height:50px; font-size:12px; text-align:center; color:#7e7e81;}

.inbanner{ background:url(../img/inbanner.jpg) no-repeat center; background-size:cover; height:380px;}
.inbanner.inbanner_cont{ background:url(../img/inbanner_contact.jpg) no-repeat center;}
.inbanner.inbanner_news{ background:url(../img/inbanner_news.jpg) no-repeat center;}
.inbanner.inbanner_case{ background:url(../img/inbanner_case.jpg) no-repeat center;}
.inbanner.inbanner_pro{ background:url(../img/inbanner_pro.jpg) no-repeat center;}
.inbanner h2{ color:#fff; line-height:380px; font-size:42px; padding-left:50px; font-weight:normal; letter-spacing:5px;}


.com1{ padding:65px 0;}
.com_content{ margin-left:620px;}
.com1 h1.com_tit{ margin-top:35px;}
h1.com_tit{ font-size:36px; color:#333;}
.com_line{ height:4px; margin-bottom:60px;}
.com_line span{ width:60px; height:4px; background:#0071ac; display:inline-block;}
.p_txt{ color:#666; font-size:16px; line-height:30px;}
.p_txt img{ margin-top:30px;}
.p_txt.p_txt02{ line-height:48px; text-align:center; padding:50px 0 80px;}
.p_txt.p_txt03{ line-height:48px; text-align:center;}
.com2 h1.com_tit{ text-align:center;}
.com2 .com_line{ text-align:center;}
.com3 h1.com_tit{ text-align:center;}
.com3 .com_line{ text-align:center;}
.com2 .com_li{ background:#505050;}
.com2 .com_li li{ float:left; width:25%; position:relative; cursor:pointer;}
.com2 .com_li li img{ width:100%; display:block;}
.com2 .com_li li span{ display:block; width:100%; height:100%; background:url(../img/com_black.png) no-repeat; position:absolute; top:0; -webkit-transition: all .2s; transition: all .2s;}
.com2 .com_li li:hover span{ opacity:0.1;}
.com2 .com_li li h2{ color:#fff; text-align:center; position:absolute; top:50%; width:100%; -webkit-transition: all .2s; transition: all .2s;}
.com2 .com_li li:hover h2{ background:#ff8400; padding:15px 0; top:47%; box-sizing:content-box;}
.com3{ background:url(../img/com06.jpg) no-repeat center; padding-top:70px; height:315px;}
.com4{ text-align:center; padding:60px 0; width:100%; margin:0 auto;}

.contact{ padding:50px 0;}
.map{ position:relative;}
.map span{ position:absolute; width:100%; height:100%; background:#000; opacity:.5; top:0; display:block; transition:all .5s;}
.map:hover span{ opacity:0.1;}
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; margin-top:50px;  }
.messagecon h2{ font-size:24px; margin-bottom:30px; color:#333;}
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing:border-box; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #a3c4d5; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #0069a0; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.main_news{ background:#f1f1f1; padding:50px 0;}
.main_news ul{}
.news_tit{ text-align:center; margin-bottom:30px;}
.news_tit a{ margin:0 20px; color:#333; font-size:18px; font-weight:bold;}
.news_tit a.on{ color:#2075a1;}
.main_news li{ margin-bottom:40px; background:#fff; padding:20px 40px; border-radius:15px ; -webkit-transition: all .2s; transition: all .2s;}
.main_news li:hover{ box-shadow:0 0 10px #ccc;}
/*.main_news li:nth-child(3n){ margin-right:0;}*/
.main_news li .time{ width:8%; margin-right:2%;}
.main_news li .time .date{ font-size:30px;}
.main_news li .time .year{ font-size:13px; margin-top:10px; margin-bottom:20px;}
.main_news li .img{ width:20%; overflow:hidden;}
.main_news li .img img{ width:100%; display:block; -webkit-transition: all .2s; transition: all .2s;}
.main_news li:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.main_news li .text{ width:65%; margin-right:3%}
.main_news li .text h2{ height:48px; overflow:hidden; font-size:18px; color:#333; margin-bottom:20px; font-weight:normal;}
.main_news li .text p{ font-size:14px; color:#666; margin-bottom:20px; height:36px; overflow:hidden;}
.main_news li .text span{ font-size:12px;}


.protit{ line-height:56px; text-align:center; box-shadow:0 7px 10px -10px #999;}
.protit li{ display:inline-block; padding:0 20px; margin:0 10px; -webkit-transition: all .2s; transition: all .2s;}
.protit li a{ font-size:18px;}
.protit li:hover{ border-bottom:2px #0870a5 solid;}
.protit li.on{ border-bottom:2px #0870a5 solid;}
.protit li.on a{ color:#0870a5;}
.procontent{ padding-top:50px;}
.slideTxtBox{}
.slideTxtBox .hd{}
.slideTxtBox .hd li{ float:left; margin-right:10px; padding:10px 20px; background:#f3f3f3; cursor:pointer; border-radius:0 10px 0 10px; color:#666;}
.slideTxtBox .hd li.on{ background:#2075a1; color:#fff;}
.slideTxtBox .bd{ padding:40px 0;}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul.pt{}
.slideTxtBox .bd ul.pt .pt01{}
.slideTxtBox .bd ul.pt .pt01 .fl{ width:65%;}
.slideTxtBox .bd ul.pt .pt01 .fl h1{ margin-top:20px;}
.slideTxtBox .bd ul.pt .pt01 .fl p{ margin-top:30px; color:#666; line-height:24px;}
.slideTxtBox .bd ul.pt .pt01 .img{ margin-left:70%;}
.slideTxtBox .bd ul.pt .pt01 .img img{ width:100%;}
.slideTxtBox .bd ul.pt .pt02{ background:url(../img/pt02.jpg) no-repeat center; height:400px; padding:50px 0; text-align:center;}
.pt02 h1{ color:#fff;}
.pt02 ul{ margin-top:50px;}
.pt02 ul li{ float:left; width:24%; margin-right:1.3%; background:#fff; text-align:center; padding:30px; box-sizing:border-box;}
.pt02 ul li:nth-child(4){ margin-right:0;}
.pt02 ul li img{ max-width:100%}
.pt02 ul li span{ display:block; margin-top:10px; font-size:20px; font-weight:bold;}
.pt02 ul li p{ font-size:14px; color:#666; margin-top:10px; height:56px;}
.pt03{ padding:50px 0; text-align:center;}
.pt03 h1{}
.pt03 ul{ margin-top:50px;}
.pt03 ul li{ float:left; width:50%; border-right:1px #ccc solid; box-sizing:border-box; padding:50px; cursor:pointer;}
.pt03 ul li:hover{ background:#f1f1f1;}
.pt03 ul li:nth-child(2n){ border-right:none;}
.pt03 ul li:nth-child(3){ border-top:1px #ccc solid;}
.pt03 ul li:nth-child(4){ border-top:1px #ccc solid;}
.pt03 ul li p{ margin-top:20px; color:#666; line-height:24px; height:92px; overflow:hidden;}
.pt04{ background:#ddd; padding:60px 0;}
.pt04 h1{ text-align:center; margin-bottom:40px;}
.pt04 li{ float:left; width:23%; margin-left:2%;margin-bottom: 1vh;}
.pt04 li:hover{ box-shadow:0 0 10px #CCC; -webkit-transition: all .2s; transition: all .2s;}
.pt04 li:nth-child(4){ margin-right:0;}
.pt04 li .img{ background:#f8f8f8; border-radius: 10px 10px 0 0;}
.pt04 li .img img{ width:100%;}
.pt04 li .txt{ background:#fff; padding:20px; text-align:center; border-radius:0 0 10px 10px;}
.pt04 li .txt h4{ height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pt04 li .txt p{ height:60px; overflow:hidden; margin-top:10px; color:#666; font-size:14px;}

.contact01{ text-align:center; font-size:20px; line-height:54px; border-bottom:1px #e9e9e9 solid; margin-bottom:30px; padding-bottom:30px;}
.contact01 img{ width:32px; margin-right:5px; vertical-align:middle;}
.contact02{}
.contact02 li{ float:left; width:33%; text-align:center; border-right:1px #e9e9e9 solid; padding:30px 0; line-height:56px;}
.contact02 li:nth-child(3){ border-right:none;}
.contact02 li p{ font-size:20px; line-height:40px;}
.contact02 li p span{ background:#0072dc; padding:10px 30px; display:inline; color:#fff; border-radius:20px;}
.contact02 li h3{ font-size:24px; font-weight:normal; margin-top:10px; color:#333}

.news_detail{ background:#fff; padding:30px; border-radius:30px; box-shadow:0 0 8px #ddd; line-height:24px;}
.news_detail img{ width:100%;}


@media (max-width:1200px) {
.wrapper { width: 98%; margin: 0 auto; }	
.com4 img{ width:100%;}
.cont h1.titlebig{ height:45px; overflow:hidden;}
.cont .content li p{ height:70px; overflow:hidden;}
	
}

@media (max-width:800px) {
.header .menu{ display: block; float: right; width: 38px; height: 38px; background: url(../img/menu.jpg) no-repeat center; margin-top: 20px; text-indent: -9999px; cursor: pointer;}
.menu.on { background-image: url(../img/menus.jpg); }
.header .navbar { position: fixed; opacity: 0; z-index: 99; top: 117px; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.9); padding: 20px 20px; visibility: hidden; }
.header .navbar.navon { opacity: 1; visibility: visible; }
.header .navbar .nli { display: block; line-height: 30px; padding: 10px 0; border-bottom: 1px dashed rgba(255,255,255,.1); }
.bannerslide .swiper-slide{ height:400px;}
.proslide li .text{ top:20px;}
.proslide li .text h2{ font-size:21px;}
.proslide li .text p{ padding:0 10px; font-size:12px; line-height:18px; height:32px; overflow:hidden; margin-top:15px;}
.proslide li .text p br{ display:none;}
.proslide li .text a.more{ margin-top:20px;}
.video{ width:100%;}
.video.fl{ float:none;}
.cont{ margin-left:0; margin-top:100px;}
.anli li{ width:48%; margin-right:3.6%; margin-bottom:20px;}
.anli li:nth-child(2n){ margin-right:0}
.anli li:nth-child(3),.anli li:nth-child(4){ margin-bottom:0}
.news li.news_li{ width:48%; margin-right:3.6%;}
.news li.news_li:nth-child(2n){ margin-right:0}
.news li.news_lid{ width:100%; margin-top:20px;}
.header .menu{ margin-top:30px;}
.com1 .fl{ width:50%;}
.com1 .fl img{ width:100%;}
.com1 h1.com_tit{ margin-top:0;}
.com_content{ margin-left:3%; width:47%; float:right;}
.com_line{ margin-bottom:30px;}
.com_li .wrapper{ width:100%;} 
.com2 .com_li li h2{ font-size:20px;}
.com3{ height:auto;}
.p_txt.p_txt02{ padding:40px 20px; font-size:15px; line-height:36px;}
.p_txt.p_txt03{ padding:40px 20px; font-size:15px; line-height:36px;}
.slideTxtBox .bd ul.pt .pt01 .fl{ width:100%; float:none; margin-bottom:30px;}
.slideTxtBox .bd ul.pt .pt01 .img{ display:none;}
.pt02 ul li p{ display:none;}
.main_news li .time{ width:12%;}
.main_news li .text{ width:60%;}
.main_news li .text h2{ margin-bottom:0;}
.pt04 li{ width:45%;    margin-left: 2.5%;}
}

@media (max-width:400px) {
.top .fr{ display:none;}
.header{ height:auto; padding:10px 0;}
.header .logo{ margin-top:0;}
.header .logo img{ width:150px;}
.header .menux{ display:none;}
.header .menu{ margin-top:10px;}
.bannerslide .swiper-slide{ height:200px;}
.box{ padding:30px 0;}
.box h1.titlebig{ font-size:26px;}
.proslide li .text h2{ font-size:15px;}
.proslide li .text p{ display:none;}
.proslide li .text a.more{ margin-top:5px; font-size:11px;}
.inbanner{ height:145px;}
.inbanner h2{ line-height:145px; font-size:30px; padding-left:20px;}
.com1{ padding:50px 0;}
.com1 img{ width:100%;}
.com1 .fl{ width:100%; margin-bottom:20px;}
.com_content{ margin-left:0; width:100%;}
.com1 h1.com_tit{ font-size:26px;}
.com_line{ margin-bottom:30px;}
.p_txt{ font-size:14px; line-height:24px;}
h1.com_tit{ font-size:26px; margin-top:0;}
.com2 .com_li li{ width:50%;}
.com2 .com_li li h2{ font-size:18px;}
.p_txt.p_txt02,.p_txt.p_txt03{ font-size:14px; line-height:24px;}
.com3{ padding-top:20px;}
.slideTxtBox .bd ul.pt .pt01 .fl h1,.pt02 h1,.pt03 h1,.pt04 h1{ font-size:24px;}
.slideTxtBox .bd ul.pt .pt01 .fl p{ font-size:14px;}
.slideTxtBox .bd ul.pt .pt02{ background-repeat:repeat-y; height:auto;}
.pt02 ul li{ width:48%; margin-right:3.6%; margin-bottom:20px;}
.pt02 ul li:nth-child(2n) { margin-right: 0;}
.pt03 ul li{ padding:10px;}
.pt03 ul li p{ font-size:12px; line-height:18px; height:145px;}
.pt04 li{ width:48%; margin-bottom:10px;}
.pt04 li:nth-child(2n) { margin-right: 0;}
.pt04 li .txt p{ display:none;}
.news_detail{ padding:30px 20px; font-size:14px;}
.main_news li .time,.main_news li .img{ display:none;}
.main_news li .text{ width:100%;}
.contact01{ font-size:16px;}
.contact02 li{ padding:15px 0;}
.contact02 li p{ font-size:13px;}
.contact02 li h3{ font-size:15px;}
.pt04 li{ width:45%;    margin-left: 2.5%;}
}





.product_content_detail{width:95vw;margin: 0 auto;line-height: 1.8;}
.product_content_detail img{ max-width:100%;}
.product_content_detail table.ke-zeroborder{ overflow-x:scroll;table-layout:fixed;}
.product_content_detail table.ke-zeroborder tbody tr:nth-child(even) {background-color: #f5f5f5}
.product_content_detail table.ke-zeroborder tbody tr:nth-child(odd) {background-color: #fafafa}
.product_content_detail table.ke-zeroborder tr.thead {background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTQ5MTEsIDIwMTMvMTAvMjktMTE6NDc6MTYgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ1NDg4Q0RERjAwMTFFNzk2QzY4RTJBNTg0QUZDOTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ1NDg4Q0VERjAwMTFFNzk2QzY4RTJBNTg0QUZDOTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDU0ODhDQkRGMDAxMUU3OTZDNjhFMkE1ODRBRkM5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENDU0ODhDQ0RGMDAxMUU3OTZDNjhFMkE1ODRBRkM5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADwACgMBEQACEQEDEQH/xABdAAEBAQAAAAAAAAAAAAAAAAAAAQgBAQAAAAAAAAAAAAAAAAAAAAAQAAECBAcAAwEAAAAAAAAAAAEAAkEiMmIRIZGxElIDMWGiIxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyNVIyVjciRsEDDxt6Q0QKpGSsbkSNggYeNvSGiBVIyVjciRsEDDxt6Q0QKpGSsbkSNggYeNvSGiBVIyVjciRsEDDxt6Q0QKpGSsbkSNggYeNvSGiBVIyVjciRsEDDxt6Q0QHUDhRHj88fpBP420/lB//2Q==)}
.product_content_detail table.ke-zeroborder tr.thead td {position: relative;padding: 1vw 2vw;color: #fff;line-height: 1.375;font-weight: 700}
.product_content_detail table.ke-zeroborder tbody tr.thead td:first-child {color: #fff;}
.product_content_detail table.ke-zeroborder  tr.thead td:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #666;content: ""}
.product_content_detail table.ke-zeroborder  tbody tr td {position: static;overflow: hidden;padding: 0.5vw 1vw;color: #595757;line-height: 1.375;border-left: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb}
/* .product_content_detail table.ke-zeroborder  tbody tr td:first-child {color: #231815} */
.product_content_detail table.ke-zeroborder  tbody tr td:last-child {border-right: 1px solid #ebebeb}
.product_content_detail table.ke-zeroborder  tbody tr td:after, .product_content_detail table tbody tr td:last-child:before {display: none!important}
.product_content_detail table.ke-zeroborder  tbody tr td ul li {position: relative;padding-top: 5px;padding-left: 15px}
.product_content_detail table.ke-zeroborder  tbody tr td ul li:after {position: absolute;top: 14px;left: 0;width: 4px;height: 4px;border-radius: 6px;background: #999;content: ""}
.product_content_detail table.ke-zeroborder  tbody tr td a {display: inline-block;margin-top: 0;border-bottom: 1px solid #333;color: #333;text-decoration: none;font-size: 16px;line-height: 1.428}
.product_content_detail table.ke-zeroborder  tbody tr td a:hover {border-bottom: 1px solid #999;color: #999}