body, input, textarea, select, button{ color:#353535; margin:0; padding:0; font-size:12px; font-family:"Microsoft YaHei"; background: #fff;}
ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,*,strong,span { margin:0; padding:0; }
img{ border:0px;border-style:none;}
em{ font-style:normal;}
ul{ list-style:none;}

.head{ height: 60px; background: #fff; position:fixed; width: 100%; padding: 5px 20px 0 20px; top: 0; left: 0; overflow: hidden;}
.logo{width: 100%; margin-top: 10px;}
.logo img{ width: 90%;}
.btnlist{ float: right; text-align: right; width: 50%; margin-top: 5px;}
.btnlist span{ display: inline-block; margin-right: 10px; font-size: 20px;}
.gradient1{background: linear-gradient(to bottom, #38a1f4 0%,#0c5dea 100%);}
.gradient2{background: linear-gradient(to bottom, #3da0f1 0%,#0d5dea 100%);}
.gradient{background: linear-gradient(to bottom, #8db7e7 0%,#206eee 100%);}
.navs{height: 40px; position: relative; }
.navs li{ float: left; width: 17.5%; border-right: 1px solid #a7d5f9; line-height: 40px; font-size: 12px; text-align: center; }
.navs a{color: #fff;}
.navs .end{width: 12.5%; border: 0; font-size: 20px;}
.othernav{ position: absolute; top:40px; right: 0; width: 150px;  font-size: 12px; line-height: 40px; text-align: center; display: none; z-index: 1000;}
.othernav a{ line-height: 35px; display: block; border-bottom: 1px solid #fff;}
.maintitle{ line-height: 0;}
.maintitle img{ width: 100%;}

.swiper-wrapper img{ width:100%;}
.swiper-container{padding: 0;}

.index_link a{ background: #158dee; color: #fff; height: 80px; color: #fff; font-size: 16px; text-align: center; margin-bottom: 10px; }
.index_link i{ font-size: 40px; margin-right: 10px;display: block; margin-top: 10px; float: left; margin-left: 10px;}
.index_link span{line-height: 80px; display: block; float: left;}
.index_link .l2{ background: #fe651f; height: 170px;}
.index_link .l3{height: 170px; margin-top: -90px;}
.index_link .l2 span,.index_link .l3 span{ float: none; text-align: left; line-height: 50px; width: 100%; padding-left: 20px;}
.index_link .l3 i{ font-size: 70px; margin-top: -10px;float: none;}
.index_link .l2 p,.index_link .l3 p{ width: 100%; height: 30px; font-size: 14px;margin-top: -5px;}
.index_link .l2 i{ font-size: 120px; margin-top: -50px;float: none;}
.index_link .l2 p{margin-top: -40px;}



.datapicturelist{ padding:20px 10px; width: 100%; background: #f9f9f9;}
.datapicturelist ul{ margin-right: -3.3333333%; overflow: hidden;}
.datapicturelist li{ display: block;  width: 30%; margin-right: 3.3333333%; float: left; text-align: center; border: 1px solid #909090; margin-bottom: 20px;}
.datapicturelist a{ display:block; width: 100%;height: 110px; border: 5px solid #288df5; overflow: hidden; }
.datapicturelist img{ max-width: 100%; max-height: 100px; height:100px;width:100px;object-fit:fill}
.datapicturelist span{ display: block; line-height: 25px; height: 25px; font-size: 12px;border-top: 1px solid #909090; overflow: hidden;}

.selectclass{background: #158dee; color: #fff; width: 90%; margin: 0 auto;height: 35px; line-height: 35px; position: relative;}
.selectclass .t{   text-align: center; font-size: 14px; margin-bottom: 10px;}
.selectclass .t i{ margin-left: 5px;font-size: 16px;}
.selectclass .list{ position: absolute; top: 35px; left: 0; width: 100%;background: #158dee; color: #fff; z-index: 1000; display: none;}
.selectclass .list a{ display: block; width: 100%; line-height: 35px; font-size: 14px; color: #fff; text-align: center; border-top: 1px solid #fff;}

.classlist{ margin-left: -3.3333333%; padding: 10px; overflow: hidden;}
.classlist a{ display:block; float: left; width: 30%; margin-left: 3.3333333%; background: #fff; color: #2e2e2e; margin-bottom: 10px; line-height: 35px; text-align: center; overflow: hidden; height: 35px; padding: 0 10px; font-size: 14px;}
.classlist .on{ background: #158dee; color: #fff;}

.waphead{ background: #fff; color: #fff; position: initial; }
.waphead .title{color: #000;}
.waphead a{color: #000;}
.productshow{padding: 10px;}
.producthead{ background: #fff; padding: 10px;}
.producthead .t{ background: #737373; line-height: 35px; padding-left: 10px; color: #fff; font-size: 16px; display: block;}

.button-warning{ border-radius: 0; margin-top: 10px;}

.newsshow{ padding:10px;background: #fff;}
.newsshow_title{ padding: 0 0 0 20px; font-size: 18px;}
.newsshow_time{ border-bottom: 1px solid #e9e9e9; line-height: 35px; padding-left: 20px; color: #999;}
.contentbox{ padding: 20px; font-size: 14px; line-height: 25px;}

.productmsg i{ font-size: 22px; color: #fe651f;}
.oproductmsg i{ font-size: 22px; color: #737373;}
.oproductmsg{ background: #f9f9f9; padding-top: 10px;}
.oproductmsg ul{ background: none;}
.oproductmsg li input[type=text],.oproductmsg li input[type=tel]{font-size: 14px; border: 1px solid #e8e8e8; background: #f4f4f4; height: 35px;}
.oproductmsg li textarea{font-size: 14px; border: 1px solid #e8e8e8; background: #f4f4f4;}
.oproductmsg .item-inner:after{ display: none;}
.oproductmsg ul:before{display: none;}
.oproductmsg ul:after{display: none;}

.prolist{ width: 100%;}
.ptitle{ line-height: 26px; color: #fff; font-size: 14px;width: 100%; overflow: hidden;}
.ptitle a{ display: block; height: 26px; color: #fff; padding: 0 10px; float: right; }
.ptitle div{ display: block; width: 40%; height: 26px; text-align: left;background: linear-gradient(to bottom, #84b2e4 0%,#2371ef 100%); float: left; }
.ptitle div img{ height: 100%; float: right;}
.ptitle span{line-height: 26px; display:block; float: left; padding-left: 10px; width: 80%;}
.ptitle i{ font-size: 20px; margin-left: 10px; }
.prolist .plist{ padding:20px 10px; width: 100%; background: #f9f9f9;}
.prolist .plist ul{ margin-right: -3.3333333%; overflow: hidden;}
.prolist .plist li{ display: block;  width: 30%; margin-right: 3.3333333%; float: left; text-align: center; border: 1px solid #909090;}
.prolist .plist a{ display:block; width: 100%;height: 110px; border: 5px solid #288df5; overflow: hidden; }
.prolist .plist img{ max-width: 100%; max-height: 100px;height:100px;width:100px;object-fit:fill}
.prolist .plist span{ display: block; line-height: 25px; height: 25px; font-size: 12px;border-top: 1px solid #909090;}


.iabout{ padding: 10px; overflow: hidden;}
.iabout img{ width: 35%; display: block; float: left;}
.iabout .txt{ width: 60%; float: right;}
.iabout .txt span{ font-size: 14px; font-weight: bold; line-height: 30px;}
.iabout .txt p{ line-height: 25px;}

.inewsbox{width: 100%; padding: 10px;}
.nlink{height: 35px; margin-right: -3.33333333%;}
.nlink a{ display: block; float: left; width: 30%; border-left: 1px solid #dcdcdc; height: 35px; line-height: 35px; text-align: center; font-size: 14px; margin-right: 3.33333333%; background: #d8d8d8; color: #353535; }
.nlink .on,.nlink a:hover{ background: #158dee; color: #fff;}
.nlist li{ margin-top: 10px; }
.nlist li .time{ width: 75px; height: 75px; color: #555555; background: #f7f7f7; text-align: center; position: absolute; top: 10px; left: 10px;}
.nlist li .time span{ font-size: 30px; font-weight: bold; display: block; margin-top: 5px;}
.nlist li a{padding:10px; background:#fff; display: block; border: 1px solid #eee;color: #555555;height: 98px;position:relative;}
.nlist .info{ margin-left: 10px; width: 100%; padding-left: 80px; padding-right: 10px; }
.nlist .info span{ display: block; font-size: 14px; overflow: hidden; font-weight: bold; line-height: 30px; height: 30px;}
.nlist .info p{ height: 40px; overflow: hidden;}
.nlist li a:hover{color: #fff; background: #158dee;}
.nlist ul{ display: none;}


.izh{ padding:30px 10px; background: #f9f9f9;}
.izh ul{height: 70px; margin-right: -3.333333333%; }
.izh li{ float: left; margin-right: 3.333333333%; width: 30%; border: 2px solid #fff;box-shadow: 0 0 5px #888;}
.izh li a{ width: 100%; display: block; position: relative; height: 70px; text-align: center; overflow: hidden;}
.izh li a img{width: 100%;}
.izh li span{ position: absolute; bottom: 0;left: 0; display: block; width: 100%; height: 20px; line-height:20px; font-size: 12px; text-align: center; color: #fff;background: rgba(0,0,0,0.5);}

#panel-left-demo ul ul{ display: none;}

.classtitle{ width: 90%; position: relative; text-align: center; height: 40px; margin:10px auto 0 auto;}
.classtitle div{width: 100%; background: #a3a3a4; height: 1px; position: absolute; left: 0; top:20px; z-index: -1;}
.classtitle span{ display:inline-block; width: 40%; height: 40px; background: #efeff4; color: #a3a3a4; font-size: 16px; line-height: 40px;}
.toptitlebox{ margin:10px 0;}

.datainfolist li{position: relative;padding:20px 0; overflow: hidden;}
.datainfolist li a{display: block;}
.datainfolist li .img{ float: left;position: absolute;top: 20px;left: 0;}
.datainfolist li img{width: 280px;height: 220px;}
.datainfolist li .news-b{width: 100%;padding-left: 310px;box-sizing: border-box;}
.datainfolist li .news-b h1{color: #444444;font-size: 18px;font-weight: bold;width: 100%; line-height: 40px;}
.datainfolist li .news-b p{font-size: 14px;color: #565d6c;line-height: 25px;height: 65px;overflow: hidden;margin-bottom: 20px;}
.datainfolist li .news-b span{font-size: 30px;color: #999999;}

.datainfolist li .more{ color: #cd000d; border: 1px solid #cd000d; border-radius: 5px; line-height: 35px; padding: 0 15px; font-size: 16px; text-align: center; width: 100px;}
.datainfolist li .more:hover{ background: #cd000d; color: #fff;}
.datainfolist li .more i{ font-size: 20px;}

.datainfolist{ padding: 0 10px 40px 10px; background: #fff;}
.datainfolist li{ padding: 10px 0 15px 0; border-bottom: 1px solid #ccc;}
    .datainfolist li .img{ top:10px;}
    .datainfolist li img{ width: 100px; height: 70px;}
    .datainfolist li .news-b{ padding-left: 110px;}
    .datainfolist li .img span{ display: block; color: #999; line-height: 20px;}
    .datainfolist li .img i{ margin-right: 5px;}
    .datainfolist li .more{display: none;}
    .datainfolist li .news-b h1{ font-size: 16px; line-height: 20px;}
    .datainfolist li .news-b p{ max-height: 80px; margin: 0;}

.productshow .card{ margin:20px 0;}
.productshow .card-header span{ border-left: 4px solid #158dee; padding-left: 10px; display: inline-block; line-height: 15px;}
.pctitle{ background: #fff;height: 40px; margin-top: 20px; line-height: 40px;  overflow: hidden;}
.pctitle a{ display: block; text-align: center; float: left; width: 33.33333333%;border-right: 1px solid #efeff4; font-size: 14px;}
.productshow .card-content-inner table{ width: 100%;}

.waphead:after{ display: none;}


.LivePage{padding:5px 20px 0 20px; clear:both; font-size:12px; background: #f9f9f9;}
.LivePage .Page_left{float:left;font-family:Tahoma; display: none;}
.LivePage .Page_left span{ color:#158dee; margin:0 5px;}
.LivePage .Page_right{font-family:Tahoma;color:#fff; text-align: center;}
.LivePage .Page_right A {padding:2px 5px;color:#000;text-decoration:none;margin:2px;display:inline-block;}

.LivePage .Page_right span{color:#000;font-weight:bold;background:#d8d8d8;padding:2px 5px;margin:2px;display:inline-block;}


.LivePage .Page_right .page_pre,.LivePage .Page_right .page_next{border:1px solid #1d94fa;color:#fff;font-weight:bold;background:#1d94fa;padding:2px 5px;margin:2px;display:inline-block;}

.LivePage .Page_right em{float:left;}
.LivePage .Page_right input{float:left; width:30px; margin-top:2px; height:15px;}
.LivePage .Page_right .PageTXT{ margin-top:5px;}