body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div {margin: 0;padding: 0;border: 0;}
body {height: 100%;background: #fff;color: #333;font-family: "微软雅黑",Arial, Source Han Sans, Helvetica;font-size: 15px;overflow-x:hidden;}
html{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol {list-style-type: none;}
ol,ul,li{list-style: none;}
select,input,img,select,textarea {vertical-align: middle;font-family: "微软雅黑",Arial, Source Han Sans, Helvetica;}
address,cite,code,em,th {font-weight: normal;font-style: normal;}
a, a:active{color: #0F3443;text-decoration: none;cursor:pointer;}
a{border:0;}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both;}
* sup{ font-size:40%}
.wrap{width:100%;max-width:1200px;margin:0 auto;}
.section{ padding:40px 0 60px 0}
.section02{ padding:80px 0}
.header{ line-height:96px; position:fixed; width:100%; background:#8ecaff; z-index:999;box-shadow: 0 0 10px #ccc; top:0;}
.header .logo{ float:left; width:45%; max-width:420px; height:auto; }
.header .logo img{width:100%; height:auto;}
.header .menu{ float:right; width:55%; min-width:649px;}
.header .menu ul{width: 100%;}
.header .menu li{ float:left; width:16.66%; text-align:right}
.header .menu .cur{color:#012732;font-weight: 700;}
.header .menu li .menu_a{ font-size:17px; line-height:96px; display:block;position:relative}
.header .menu li .menu_a i{ position:absolute;left:0px;top:93px; width:0;margin-left:40px; height:3px; background:#0048b7; transition:.5s}
.header .menu li .menu_a:hover i{ color:#0048b7}
.header .menu li .sub{ font-size:14px; position:absolute; display:none;clear:both; z-index:999; margin-left:40px}
.header .menu li .sub div{ width:180px; text-align:left}
.header .menu li .sub p{ line-height:28px;background-color:rgba(0, 0, 0, 0.7);}
.header .menu li .sub p a{ display:block;padding:8px 15px 8px 15px; color:#fff}
.header .menu li .sub p a:hover{background-color:rgba(0, 72, 183, 1);}
.header .menu li:hover .menu_a.cur i{ width:50px;}
.banner {width: 100%;overflow: hidden; padding-top:89px;}
.banner .swiper-button-prev,.banner .swiper-button-next {opacity: .5;pointer-events: unset;}
.banner .swiper-button-prev {left:2%;}.banner .swiper-button-next {right:2%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity: 1;}
.banner-pic {position: relative;width: 100%;overflow: hidden;z-index: 1;}
.banner-pic img {width: 100%;object-fit: cover;}
.banner-words {position: absolute;height: 220px;margin-top: -110px; color:#fff; top:50%; width:100%; z-index:999;}
.banner-words h3{ font-size:36px;}
.banner-words h1{ font-size:50px; padding:10px 0;}
.banner-words .more{font-family:arial; font-size:14px; font-weight:bold; width:170px; height:42px; line-height:42px; text-align:center; border-width:2px; border-color:#0048b7; background-color:#0048b7; color:#fff; display:block; margin-top:40px;}
.swiper-slide-active .banner-words .more {animation: bannerriVP 3s ease both;}
.swiper-slide .banner-words h1 {-webkit-transform: translateX(-220px);transform: translateX(-220px);-webkit-transition: all 1.5s;transition: all 1.5s;opacity: 0;}
.swiper-slide .banner-words h3{-webkit-transform: translateX(220px);transform: translateX(220px);-webkit-transition: all 1.5s;transition: all 1.5s;opacity: 0;}
.swiper-slide-active .banner-words h1{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.swiper-slide-active .banner-words h3{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
@keyframes bannerriVH {
0% {transform: translateY(-0px);opacity: 0;}
100% {transform: translateY(0px);opacity: 1;}
}
@keyframes bannerriVP {
0% {transform: translateY(0px);opacity: 0;}
100% {transform: translateY(0px);opacity: 1;}
}
.banner .swiper-pagination {bottom: 14px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background:transparent; border:solid 1px #fff; opacity: 1;vertical-align: middle;}
.banner .swiper-pagination-bullet-active {width: 16px;height: 16px;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active:after {content: "";width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background-color: #fff;border-radius: 100%;margin-top: -5px;margin-left: -5px;}
.title{ text-align:center; margin-bottom:32px; }
.title h3{ padding-bottom: 12px; font-size:36px; font-weight:bold;}
.title span{ background:#0048b7; width:50px; height:3px; margin:0 auto; display:block; margin-bottom:20px;}
.title p{ color:#999; line-height:30px; font-size:15px;}
#a01{ position: absolute;  margin-top:-90px;}
#a02{ position:absolute; margin-top:-90px;}
#a03{ position:absolute; margin-top:-90px;}
#a04{ position:absolute; margin-top:-90px;}
.pic{ width:100%; display:block; overflow:hidden}
.pro .conn{background:#f9f9f9;}
.pro div{box-sizing: border-box;}
.i-pro-list{ margin-top:30px}
.i-pro-list ul{ margin-right:-30px}
.i-pro-list li{ float:left; width:25%; padding-right:30px; margin-top: 20px; margin-bottom: 10px; box-sizing: border-box;}
.i-pro-list li .pic{ border:3px solid #f3f3f3; border-bottom:0; position:relative; text-align: center;box-sizing: border-box;}
.i-pro-list li .pic::before{content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.i-pro-list li .pic img{ max-width:100%;cursor: pointer;transition: all 1.5s; }
.i-pro-list li .pic .bg{ position:absolute; left:50%;top:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; background:url(../images/icon_01.png) no-repeat; -webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
.i-pro-list li .tit,.pror .i-pro-list li:hover .tit{ color:#fff; font-size:16px; line-height:52px; padding: 0 6px; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;
  background: -webkit-linear-gradient(left, #0048b7 , #5b75c0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0048b7, #5b75c0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0048b7, #5b75c0); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0048b7, #5b75c0); 
}
.i-pro-list li .pic,.i-pro-list li .pic .bg{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-pro-list li:hover .pic{border-top:3px solid #0048b7;border-left:3px solid #0048b7;border-right:3px solid #0048b7;}
.i-pro-list li:hover .pic .bg{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.pro .more{ width:157px; text-align:center;border:1px solid #e8e8e8; -webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px; margin:50px auto 0; overflow:hidden}
.pro .more a{ display:block; padding:12px 0; font-size:14px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.pro .more i{ width:17px; height:6px; background:url(../images/icon_02.png) no-repeat center; display:inline-block; vertical-align:middle}
.pro .more span{ display:inline-block; vertical-align:middle; margin-right:5px}
.pro .more:hover a{ background:#0048b7; color:#fff}
.pro .more:hover i{ background:url(../images/icon_04.png) no-repeat center;}

.prol{width: 18%; float: left;}
.prol .ctit{ width: 100%; line-height: 90px; font-size: 26px;background:#0048b7; color:#fff; text-align: center;margin-bottom: 3px;}
.prol li{ margin-bottom: 3px; width: 100%;}
.prol li a{display: block; width: 100%; text-align: center; font-size: 16px; color: #333; line-height: 55px; background-color: #f0f0f0; box-sizing: border-box;}
.prol li a:hover,.prol li a.cur{color:#fff; background-color:#0048b7;}
.pror{width: 82%; float: right; padding-left: 50px; box-sizing: border-box;}
.pror .i-pro-list{margin-top: 0;}
.pror .i-pro-list ul{padding-bottom: 30px;}
.pror .i-pro-list li{width: 33.33%; margin-top: 0; margin-bottom: 30px;}
.pror .i-pro-list li .tit{background: #f0f0f0; color: #333;}

.inabout{background:url(../images/inabout.jpg) no-repeat center center; background-size:cover;}
.inabout .jianjie{ width:50%; background: url(../images/abbg.png) rgba(255,255,255,0.6) no-repeat 95% center; box-shadow: 0 0 10px #ccc; }
.inabout .jianjie .jianjiein { width:100%; max-width:600px; float:right; padding:45px 0; position: relative;}
.inabout .jianjie .jianjiein .title{text-align:left;}
.inabout .jianjie .jianjiein .title span{ background:#0048b7; width:50px; height:3px; margin:0; display:block; margin-bottom:20px;}
.inabout .jianjie .jianjiein .conn{ font-size:15px; line-height:30px; color:#666; width:80%;}
.inabout .jianjie .jianjiein .more02{ display:block;width:55px; height:55px;float:right; right:-25px; border-radius:50%; position: absolute; top: 50%; margin-top: -23px;}
.inabout .jianjie .jianjiein .more02 a{display:block;width:55px; height:55px;background:url(../images/jiantou.png) #0048b7 no-repeat center center;border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.inabout .jianjie .more{ background:#0048b7; color:#fff; width:95px; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin-top:30px; position:relative; overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.inabout .jianjie .more span{ position:relative}
.inabout .jianjie .more:before{ content:""; width:100%; height:100%;background:#0048b7;  position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.inabout .jianjie .more:hover::before{ left:0;}
.inabout .jianimg{width:50%; float: left; overflow: hidden; text-align: left;}
.inabout .jianimg img{max-height: 100%; }


.innews div{box-sizing: border-box;}
.innews .tabmenu li {border-right:solid 1px #ececec; float:left; width:19%; margin-left:-1.34px; min-height:400px;position:relative; padding:0 2%;}
.innews .tabmenu li:last-child{ border-right:none;}
.innews .tabmenu li:first-child{ border-left:none;}
.innews .tabmenu .cli {width:27%}
.innews .tabmenu li .shijian{ color:#999; line-height:35px;}
.innews .tabmenu li h3{ line-height:30px; color:#333; font-size:18px; margin-bottom:20px;}
.innews .tabmenu li .tu{ width:auto; max-width:100%; display:none}
.innews .tabmenu li .tu img{ width:auto; max-width:100%; }
.innews .tabmenu li .jian{ color:#666;  display: block; line-height:28px;}
.innews .tabmenu .cli .shijian{ color:#666; font-size:16px;}
.innews .tabmenu .cli h3{ font-size:20px; margin-bottom:20px;}
.innews .tabmenu .cli .tu{ display:block}
.innews .tabmenu .cli .jian{ display: none;}
.innews .more{ background:#fff; border:solid 1px #ececec; color:#999; width:95px; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin-top:40px; position:relative; overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.innews .more:hover{ color:#fff;}
.innews .more span{ position:relative}
.innews .more:before{ content:""; width:100%; height:100%;background:#0048b7;  position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.innews .more:hover::before{ left:0;}

.ad{ padding:60px 0; position:relative}
.ad li{ float:left; width:220px;line-height:22px; color:#666}
.ad li .adCon{ padding-left:80px;}
.ad li h3{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px}
.ad .li1{ background:url(../images/icon_1.png) no-repeat left top;}
.ad .li2{ background:url(../images/icon_2.png) no-repeat left top;}
.ad .li3{ background:url(../images/icon_3.png) no-repeat left top;}
.ad .li3{ float:right}
.ad .li1{ position:absolute; left:50%; margin-left:-110px}

.footer{ background:#8ecaff; padding-top:50px; padding-bottom:50px; line-height:30px; font-size:16px;}
.footer .left{float: left;}
.footer .left h3{ font-size:26px; color:#333; line-height:60px}
.footer .mid{ color:#666; line-height:58px; color:#666; margin-left:150px; margin-top:-12px; float: left;}
.footer .mid p{ padding-left:30px}
.footer .mid .add{ background:url(../images/f_icon1.png) no-repeat left center}
.footer .mid .tel{ background:url(../images/f_icon2.png) no-repeat left center}
.footer .mid .fax{ background:url(../images/f_icon3.png) no-repeat left center}
.footer .mid .mail{ background:url(../images/f_icon4.png) no-repeat left center}
.footer .qr{ text-align:center;margin-top:0px; font-size:15px; color:#666; float: right; padding-left: 15px;}
.footer .qr img{ display:block; width:125px; height:auto}

.f_nav{ margin-top:10px}
.f_nav li{ float:left;}
.f_nav li a{ color:#666; font-size:16px; position:relative; display:block; padding-right:12px; padding-left:12px}
.f_nav li a:after{ content:""; width:1px; height:12px; background:#ddd; position:absolute; right:0;top:50%; margin-top:-6px}
.f_nav li:first-child a{ padding-left:0}
.f_nav li:last-child a:after{ display:none}
.f_nav li a:hover{color:#0048b7}
.copyright{ background:#9abad5; line-height:30px; padding:20px 0; text-align: center; color:rgba(255,255,255,0.9)}
.copyright a{color:rgba(255,255,255,0.8)}
.floatKf{ position:fixed; width:54px;right:0px; bottom:20%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1); z-index:99}
.floatKf li{ width:54px; height:54px;text-align:center;border-bottom:1px solid #fff;position:relative; font-size:14px; cursor:pointer}
.floatKf li .hd{ display:none}
.floatKf .tel{background:url(../images/floatkf.png) no-repeat 0 0px;}
.floatKf .tel:hover{background:url(../images/floatkf.png) no-repeat -54px 0;}
.floatKf .tel .hd{ background:#0048b7; color:#fff; font-size:16px; position:absolute;right:55px;top:0;text-align:left;padding:0 20px;  min-width: 150px;line-height: 54px;}
.floatKf .tel .hd span{ float:left}
.floatKf .fwh .hd{ position:absolute; right:55px;top:0; margin-top:-55px; background:#fff;padding:5px;color:#535353;}
.floatKf .fwh .hd img{ width:120px; display:block;}
.floatKf .fwh{background:url(../images/floatkf.png) no-repeat 0 -55px;}
.floatKf .fwh a{ display:block; height:54px}
.floatKf .fwh:hover{background:url(../images/floatkf.png) no-repeat -54px -55px;}
.floatKf .mail{background:url(../images/floatkf.png) no-repeat 0 -110px;}
.floatKf .mail:hover{background:url(../images/floatkf.png) no-repeat -54px -110px;}
.floatKf .mail .hd{ background:#0048b7; color:#fff; font-size:16px; position:absolute;right:55px;top:0;text-align:left;padding:0 20px; line-height: 54px;}
.floatKf .mail .hd span{ float:left}
.floatKf .tel .hd p{ float:left; margin-left:20px}
.floatKf .backtop{background:url(../images/floatkf.png) no-repeat 0 -165px;}
.floatKf .backtop:hover{background:url(../images/floatkf.png) no-repeat -54px -165px;}
.floatKf .backtop a{ display:block}
.nbanner{ height:320px; margin-top:89px;font-size:16px; }
.nbanner .wrap{ text-align:center; color:#fff}
.nbanner a{ color:#fff;}
.nbanner a:hover{ color:#b90000;}
.nbanner h3{ padding-top:132px; font-size:36px; font-weight:bold;line-height:45px; margin-bottom:15px; }
.nguide {color: #333333;text-align:center; padding:20px 0; background: #f9f9f9;}
.nguide ul { font-size: 16px; text-align:center;}
.nguide li { text-align:center; display:inline-block; margin:0 10px;}
.nguide li a {color: #333333;display: block; line-height:42px; text-align:center; display:block; padding:0 20px; background:#ddd; border-radius:20px;}
.nguide li a:hover, .nguide li .cur {color: #fff;background-color:#0048b7;}
.nmain .conn{ padding:0px 0 20px 0;}
.aboutleft{ float:left; width:50%; margin-top:20px;line-height:32px; font-size:15px; color:#333; }
.aboutleft h3{font-size:32px; line-height:50px; color:#42a088; margin-bottom:20px; font-weight:bold }
.tuandui p{ line-height:32px; font-size:15px; color:#333; margin-bottom:10px;}
.aboutright{width:43.9166%;position:relative;float:right; margin-top:30px; padding-right: 21px; box-sizing: border-box;}
.aboutright img{width:100%;height:auto;object-fit:cover;position:relative;z-index:2;}
.aboutright:after{content:"";display:block;width:325px;height:237px;border-top:1px solid #0048b7;border-right:1px solid #0048b7;position:absolute;right:0;top:-21px;}
.aboutright:before{content:"";display:block;width:459px;height:92%;background:#eeeeee;position:absolute;bottom:-20px;left:-20px;}
.mainbg{ background: #f9f9f9;}

.culturebox{ position:relative; margin:50px 0 80px;}
.culturebox .pic img{ width:100%; display:block; height:auto}
.cufltxt{width: 25%;background:rgba(0,72,183,0.85);color: #fff; position:absolute; left:4%;bottom:-30px; padding:40px 50px 70px;}
.cufltxt h3{font-size:30px;margin-bottom: 20px;color: #fff;}
.cufltxt h3:after{ content:""; width:197px; max-width: 100%; height:2px; background:#fff; display:block; margin:20px 0 30px}
.cufltxt .txt{line-height: 35px;font-size: 18px;}
.culturebox2 .cufltxt{ left:auto; right:4%} 


.honor li{ float:left; width:23.5%; margin-right:2%;}
.honor li:nth-child(4n){ margin-right:0}
.honor li:nth-child(4n+1){ clear:both; margin-bottom:20px}
.honor li .pic{ display:block; overflow:hidden; width:98%; margin:1%;}
.honor li .pic img{cursor:pointer; transition:all 1.5s; width:100%;}
.news_list.conn{padding-bottom: 50px;}
.news_list .newspic{ float:left; width:27%;}
.news_list .newspic span{ overflow:hidden; display:block; }
.news_list .newspic span img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
/*.news_list .newskuai:first-child a{ border-top:solid 1px #ddd}*/
.news_list .newskuai { position:relative; margin-top:-1px; padding: 0 10px; box-sizing: border-box;}
.news_list .newskuai a{ padding:20px 0; display:block; border-bottom:solid 1px #dddddd;width:100%; max-width:1200px; margin:0 auto;}
.news_list .newskuai h3{ line-height:32px; padding:0; color:#333; font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list .newskuai p{line-height:24px; color:#666; font-size:14px;}
.news_list .newskuai .neiwen{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden}
.news_list .newskuai .time{background:url(../images/time.png) no-repeat left center; padding-left:25px; margin:5px 0 0;}
.news_list .newscon{ width:100%;}
.news_list .newskuai:hover h3{ color:#0048b7}
.news_list .newskuai:hover a{ border-bottom:none}
.news_list .newskuai:hover{ background-color:#f5f5f5;border-bottom:solid 1px #dddddd;}
.news_list .newskuai .more{ background:#fff; float:right; border:solid 1px #ddd; color:#999; width:95px; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; position:relative; overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.news_list .newskuai:hover .more{ color:#fff;}
.news_list .newskuai .more span{ position:relative;}
.news_list .newskuai .more:before{ content:""; width:100%; height:100%;background:#0048b7;  position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.news_list .newskuai:hover .more::before{ left:0;}
.newsxiang .dabiaoti{ text-align:center; border-bottom:solid 1px #ddd; margin-bottom:25px; padding-bottom:15px}
.newsxiang .dabiaoti h3{ font-size:28px; font-weight:bold; color:#000; line-height:30px; padding:13px 0;}
.newsxiang .dabiaoti p{  color:#999; line-height:34px;}
.newsxiang .nxq{ line-height:35px;  color:#333; font-size:16px;}
.newsxiang .nxq img{ max-width:100%;}
.newsxiang .back{ margin:30px 0 40px 0;}
.shangxia{ padding:15px 0 ; border-top:solid 1px #ddd; clear:both}
.shangxia li{ float:left; line-height:36px;}
.shangxia li:nth-child(2){ float:right; text-align:right; }
.shangxia li a{ color:#333}
.shangxia li a:hover{ color:#0048b7}
.back{ width:112px; height:30px; line-height:30px; color:#0048b7; border:solid 1px #0048b7; text-align:center; float:right; position:relative; }
.back a{color:#0048b7; display:block}
.back a:hover { color:#fff; background-color:#0048b7;}
.nmain .lianxi{ padding:30px 0 40px 0}
.lianxi ul{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;}
.lianxi .pic{ width:auto; display: inline-block; margin:0 auto;  border-radius:50%;border:solid 1px #ddd; overflow:hidden; box-sizing: border-box;}
.lianxi .pic img{max-width: 100%;}
.lianxi .pic:hover img{transform:scale(1);}
.lianxi .box{  margin-top:10px; padding: 0 5px;}
.lianxi li{line-height:30px; width: 33.33%; text-align: center;}
.iw_poi_title {color:#0048b7;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.liuyan.conn{padding-bottom: 0;}
.liuyan p{color:#a9a9a9; margin-bottom:20px;}
.liuyan ul li{width:48%;margin-bottom:15px;float:left; margin-right:3%;}
.liuyan ul li:nth-child(2n){ margin-right:0}
.liuyan ul li input{width:96%;border:1px solid #e9e9e9; border-radius: 5px; height:46px;padding:0% 2%; font-size:15px;}
.liuyan .inptxt{width:100%;margin-bottom:15px;}
.liuyan textarea{display:block;resize:none;border:1px solid #e9e9e9; border-radius: 5px; width:97%;height:140px;padding:1%;font-size:15px;}
.liuyan .inp-sub{ clear:both;width:204px;height:50px;line-height:50px;text-align:center; border-radius: 5px;background:#0048b7;color:#fff;font-size:16px;color:#fff;display: block;border:0px;margin:20px auto 0px auto;cursor:pointer;}
.liuyan .inp-sub:hover{background:#0048b7;}
.caselist{ margin-top:20px;}
.caselist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%}
.caselist li:nth-child(3n){ margin-right:0}
.caselist li:nth-child(3n+1){ clear:both}
.caselist li .pic{ overflow:hidden;}
.caselist li .pic{ border:solid 1px #f5f5f5;}
.caselist li .wenzi{ line-height:45px; padding-bottom:10px;font-size:16px; text-align:center; background:#f5f5f5; position:relative; overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist li:hover .wenzi{ color:#fff}
.caselist li .wenzi span{ position:relative;}
.caselist li .wenzi:before{ content:""; width:100%;height:55px;background:#0048b7;  position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist li:hover .wenzi::before{ left:0;}
.prolist li{ position: relative; margin-top:-1px;}
.prolist li a{ clear:both; display:block; width:100%; max-width:1200px; margin:0 auto; border-bottom:solid 1px #ddd;padding:20px 0;}
.prolist li a:hover{ border-bottom:none}
.prolist li:hover{ background:#f5f5f5;border-bottom:solid 1px #ddd;}
.prolist .pic{ float:left; width:32%;}
.prolist .wenzi{ float:right; width:60%; margin-top:30px;}
.prolist li:nth-child(2n) .pic{ float:right;}
.prolist li:nth-child(2n) .wenzi{ float:left;}
.prolist h3{ font-size:24px; font-weight:bold; color:#333; margin-bottom:12px;}
.prolist p{ font-size:15px; color:#666; line-height:30px; margin-bottom:12px;}
.prolist li:hover h3{ color:#0048b7;}
.prolist li:hover .pic img{transform:scale(1.05);}
.prolist .more{ background:#fff; border:solid 1px #ddd; color:#999; width:95px; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; margin-top:30px; position:relative; overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.prolist li:hover .more{ color:#fff;}
.prolist .more span{ position:relative}
.prolist .more:before{ content:""; width:100%; height:100%;background:#0048b7;  position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.prolist li:hover .more:before{ left:0;}
.prodetail .proleft{ float:left ; width:46%;}
.pro-switch {position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img {width: 100%;display: block;}
.flexslider .slides .img {width: 100%;display: block;height:100%;}
.flexslider .slides li a{display:block}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav .flex-prev {left: -5%;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.prodetail .proleft .flex-direction-nav{ display:none}
.prodetail .flex-direction-nav a {width: 60px;height: 84px;margin: -40px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;-webkit-transition: all .3s ease;}
.prodetail .flex-direction-nav .flex-next {background-position: 0 -90px;right:-5%;}
.prodetail .proleft .flex-control-nav {width: 100%; max-width:1200px; margin:0px auto 0 auto;position:relative;text-align: center; }
.prodetail .proleft .flex-control-paging li a { background-color:#ddd;display:block;height:13px;width:13px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius:50%;transition: all .3s ease; color:#ddd; }
.prodetail .proleft .flex-control-paging li a.flex-active {border-radius:50%;background:#0048b7; color:#0048b7;}
.prodetail .proright{ width:100%; }
.prodetail .proright .biaoti h3{ line-height:34px; padding:13px 0; font-size:24px; font-weight:bold; border-bottom:solid 1px #ddd}
.prodetail .proright .pin{ width:150px; line-height:60px; background:#0048b7; text-align: center; color:#fff; float:right; font-size:16px;}
.prodetail .proright .tedian{padding:20px 0; min-height:180px; clear:both;line-height:35px; color:#666; text-align: center;}
.prodetail .proright .tedian img{max-width: 100%;}
.prodetail .proright .tedian span{ color:#0048b7; margin-right:8px;}
.prodetail .proright .tedian h3{ font-size:18px; font-weight:bold; margin:10px 0; line-height:45px;}
.prodetail .proright .tedian h3:first-child { margin:0}
.canshu{padding-top:10px;}
.canshu > .tit{ border-bottom:1px solid #d8d8d8; font-size:18px;}
.canshu > .tit span{ display:inline-block; padding:10px 55px; background:#0048b7; color:#fff; position:relative}
.canshu > .tit span:after{ content:""; width:0; height:0; border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #0048b7; position:absolute; left:50%; margin-left:-6px; bottom:-8px}
.canshu .inconn{ padding:20px 0; line-height:30px;overflow-x: auto;}
.other{ border-top:solid 1px #ddd; padding-top:30px; margin-top:30px; font-size:14px;}
.other h3{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.canshu table{width:100%; min-width: 558px;border-spacing: 0; border-top:solid 1px #ddd; border-left:solid 1px #ddd; overflow:hidden;font-size:14px; margin:10px 0;box-sizing:border-box} 
.canshu td{border:none!important;border-bottom:solid 1px #ddd!important; border-right:solid 1px #ddd!important; padding:5px!important; text-align:center} 
.canshu tr:nth-child(2n+1) td{background-color:#f1f1f1;}
.canshu img{ width:auto; max-width:100%;}
.cp_lx { background:url(../images/con01.jpg) no-repeat left center; background-size:50px; padding:60px; font-size:20px; color:#0048b7; border-top:solid 1px #ddd; padding-top:20px;}
.erweima{ float:right; width:120px; margin-top:-20px}
.jiagou img{ width:auto; max-width:100%; height:auto}
.imgfzuo { width:50%; float:left;}
.imgfzuo img{ width:100%; height:auto; display:block}
.wenziyou{ float:right; width:40%}
.gongneng li{ float:left; width:48%; margin:10px 0;}
.gongneng li:nth-child(2n){ float:right;}
.gongneng li:nth-child(2n+1){clear:both;}
.gongneng li .gnpic{ float:left; width:80px;}
.gongneng li .gnpic img{ width:65px; height:46px;}
.gongneng li .wenzi{ float:left; width:calc(100% - 80px); line-height:46px; font-size:16px;}
.tukuangs { font-size:16px;}
.tukuangs td{ padding:20px;}
.tukuangs img{ width:90%; display:block; margin:0 auto;}


/* 三行LOGO滚动 —— 全自适应版本 */
.logo-scroll-area {
  overflow: hidden;
  width: 100%;
  padding: 0 0;
}
.logo-scroll-row {
  display: flex;
  width: max-content;
  margin: 10px 0;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  white-space: nowrap;
}
/* 三行不同速度 */
.logo-row1 { animation: scrollLeft 20s linear infinite; }
.logo-row2 { animation: scrollLeft 28s linear infinite; }
.logo-row3 { animation: scrollLeft 36s linear infinite; }

/* LOGO项样式 */
.logo-item {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
}
.logo-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 滚动动画 */
@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 悬停暂停 */
.logo-scroll-area:hover .logo-scroll-row {
  animation-play-state: paused;
}

/* ========== 自适应 ========== */
@media (max-width: 768px) {
  .logo-item {
    width: 100px;
    height: 50px;
    margin: 0 10px;
  }
}
@media (max-width: 480px) {
  .logo-item {
    width: 80px;
    height: 45px;
    margin: 0 8px;
  }
}