@charset "utf-8";
BODY {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
DL {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
DT {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
DD {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
UL {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
OL {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
LI {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
TH {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
TR {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
TD {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
P {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
IMG {BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px;}
UL {LIST-STYLE-TYPE: none;}
LI {LIST-STYLE-TYPE: none;}
ul,li{ list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;} 
img{ border:none; border:0; vertical-align:middle;}
a{ text-decoration:none; outline:none;}
p{ margin:0; padding:0;}
input,select,textarea{vertical-align:middle; *font-size:100%;}
input{ margin:0;outline:none; padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1}

.text-center{text-align:center;}

/*全局css*/
.clear {CLEAR: both;}
.h5px { height:5px; width:100%; clear:both;}
.h6px { height:6px; width:100%; clear:both;}

.h10px { height:10px; width:100%; clear:both;}
.h20px {height:20px; width:100%; clear:both;}
.h30px {height:30px; width:100%; clear:both;}
.h40px {height:40px; width:100%; clear:both;}
.h50px {height:50px; width:100%; clear:both;}
BODY { font:14px "微软雅黑", "黑体", Arial, Helvetica, sans-serif; COLOR: #666666; line-height:25px; background: #ffffff;}

.shuzi { font-family:Arial;}

A {COLOR: #666666; TEXT-DECORATION: none;}
A:hover {COLOR: #02468f; TEXT-DECORATION: none;}

.text-truncate1{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-truncate2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*头部css*/
.topoutbox{ position:relative; height:600px;}
.header { width: 1200px; height:130px; margin:0 auto; b}
#header {   width: 100%; background: url(../image/bg.png) repeat-x top; position:absolute; z-index:99; }
#bannerbox { width: 100%;position:absolute; z-index:98; }
#topnewsbox  { width: 100%; height:295px; background:url(../image/newsbox.png) center center no-repeat;}
.gundong {position: fixed; width: 100%;z-index: 99; opacity:0.8;}
.logo { width:250px; height:130px; float:left;}

/*搜索css*/
form { margin: 0;} 
.search { FLOAT: right;height:109px; list-style-type: none; width:140px; text-decoration: none;  z-index:100;}
.search_box {
margin-top:45px; 
width: 117px; 
height: 17px; 
background: url(../image/search.gif) center top;
} 
.search_box #SearchStr {  
float: left; 
padding: 0; 
margin: 0px 0 0 5px; 
border: 0; 
width: 90px; 
background: none; 
font-size: 12px; color:#ffffff; line-height:17px;
} 
.search_box #button { 
float: right; 
width:22px; height:17px;
margin: 0 auto;
}

.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: 100%;object-fit: cover;}

/*主导航css*/
.nav { width: 950px; height:130px; float:right;}
.menu { FLOAT: left;height:130px; list-style-type: none; width:1000px; text-decoration: none; line-height:130px; position: absolute; z-index:100;  }

.menu a {display: block; width:110px; height:130px; text-align:center; font-size:15px; line-height:130px; font-weight: normal; color:#ffffff; }
.menu a:visited {display: block;color:#ffffff; width:110px; text-align:center; font-size:15px; font-weight: normal;}
.menu a:hover {color:#fff; background: url(../image/nav.png) repeat-x;  font-weight:bold; }

.menu li { float: left; width: 110px;  LINE-height:130px; HEIGHT: 90px; margin-right:20px; }
.menu li a {display: block; width:110px; height:130px; text-align:center; font-size:15px; line-height:130px; font-weight: normal; color:#ffffff; }
.menu li a:visited {display: block;color:#ffffff; width: 110px; text-align:center; font-size:15px; font-weight: normal;}
.menu li a:hover {color:#fff; background: url(../image/nav.png) repeat-x;  font-weight:bold; }
.menu li ul { display:none; list-style-type: none; text-align:left; left:0; top:130px; width:990px; position: absolute; color: #333333; background:url(../image/navbg.png) repeat top;}

.menu li ul a {   color:#333333; text-decoration:none; width: auto; text-align:center;height:60px;FONT-SIZE: 15px; FONT-WEIGHT: normal;line-height: 60px;padding:0px 20px; background:none;  }
.menu li ul a:visited { color:#333333; text-decoration:none; text-align: center;FONT-WEIGHT: normal;}
.menu li ul a:hover { color:#02468f; text-decoration:none;FONT-WEIGHT: normal;background:none;  }
.menu li ul li { float: left; width: auto; height:60px;}
.menu li:hover ul { display:block; }
.menu li.sfhover ul {display:block;}
.menu .on ul { display:none;}
.menu li.on a,.menu li a.active{display: block; width:110px; height:130px; text-align:center; font-size:15px; line-height:130px; font-weight: bold; color:#fff; background: url(../image/nav.png) repeat-x; }
.menu li.on a:visited,.menu li a.active:visited {display: block;color:#fff; background: url(../image/nav.png) repeat-x; width: 110px; text-align:center; font-size:15px; font-weight: bold; }
.menu li.on a:hover,.menu li a.active:hover {color:#fff; background: url(../image/nav.png) repeat-x; font-weight:bold;}
.menu li.sfhover a {display: block; width: auto; height:130px; text-align:center; font-size:15px; line-height:130px; font-weight:bold; color:#ffffff; background: url(../image/nav.png) repeat-x; }
.menu li.sfhover a:visited {display: block;color:#ffffff; background: url(../image/nav.png) repeat-x; width: 110px; text-align:center; font-size:15px; font-weight:bold; }
.menu li.sfhover a:hover {color:#fff; background: url(../image/nav.png) repeat-x;  font-weight:bold;}
.menu li.on ul a {   color:#333333; text-decoration:none; width: auto; text-align: center;height:60px;FONT-SIZE: 15px; FONT-WEIGHT: normal;line-height: 60px;padding:0px 20px; background:none;  }
.menu li.on ul a:visited { color:#333333; text-decoration:none;  text-align: center;FONT-WEIGHT: normal;background:none;}
.menu li.on ul a:hover { color:#02468f; text-decoration:none; FONT-WEIGHT: normal;background:none;}
.menu li.sfhover ul a {   color:#333333; text-decoration:none; width: auto; text-align: center;height:60px;FONT-SIZE: 15px; FONT-WEIGHT: normal;line-height: 60px;padding:0px 20px; background:none;  }
.menu li.sfhover ul a:visited { color:#333333; text-decoration:none; text-align: center;FONT-WEIGHT: normal;background:none;}
.menu li.sfhover ul a:hover { color:#02468f; text-decoration:none; FONT-WEIGHT: normal;background:none; }

.menu li#bigmenu ul { width: 180px; }

.menu li#bigmenu ul a { width: 180px; text-align:left; text-indent:20px;}

/*内页子导航css*/
.submenu { width:100%; height: auto; line-height:50px;text-align:center; display: table;}
.submenu a { text-align:center; width: auto; line-height:50px; height:48px; display: table-cell; color:#333333; font-size:18px; border:1px solid #e5e5e5; background:#fff;}
.submenu a:visted {color:#333333; font-size:18px; border:1px solid #e5e5e5; background:#fff;}
.submenu a:hover {color:#fff; font-size:18px;border:1px solid #e5e5e5; background:#004b8f; }

.submenu a.on,.submenu a.active {text-align:center; width: auto; line-height:50px; height:48px;display:table-cell; color:#fff; font-size:18px; border:1px solid #e5e5e5; background:#004b8f;}
.submenu a.on:visted,.submenu a.active:visted {  color:#fff; font-size:18px; border:1px solid #e5e5e5; background:#004b8f;}
.submenu a.on:hover,.submenu a.active:hover {  color:#fff; font-size:18px; border:1px solid #e5e5e5; background:#004b8f; }

.subsubmenu { width:auto; float:left; height:50px; line-height:50px; margin-top:0px;}
.subsubmenu a { display:block; color:#666666; font-size:15px; font-weight:bold; float:left; margin-right:40px;}
.subsubmenu a:visted { display:block;  color:#666666; font-size:15px; font-weight:bold;}
.subsubmenu a:hover { display:block;  color:#02468f; font-size:15px; font-weight:bold; border-bottom:2px solid #02468f;}
.subsubmenu a.on { display:block; color:#02468f; font-size:15px; font-weight:bold; float:left;margin-right:40px;border-bottom:2px solid #02468f;}
.subsubmenu a.on:visted { display:block; color:#02468f; font-size:15px; font-weight:bold;border-bottom:2px solid #02468f;}
.subsubmenu a.on:hover { display:block;color:#02468f; font-size:15px; font-weight:bold;border-bottom:2px solid #02468f; }

.banner-title { color:#ffffff; font-weight:bold; width:580px; text-align:left; font-size:25px; line-height:60px; height:60px;} 
.banner-con { color:#ffffff; font-weight:normal;width:580px; font-size:15px;text-align:left;line-height:30px;}
.banner-link a{ color:#ffffff; float:left; height:auto; border:1px solid #ffffff; border-radius:5px; padding:0px 40px; font-weight:normal;width: auto; font-size:15px;text-align:center;line-height:30px;}
.topnewsbox { width:1190px; height:280px; margin:0 auto;}
.topnewsleft { float:left; height:280px; width:500px;}
.topnewsright { float:right; height:280px; width:680px; }

.topnews_nav { width:85%; margin:0 auto;}
.topnews_nav a { float:left;font-size:18px; font-weight: normal; margin-right:50px; border-top:2px solid #ffffff; color:#333333; padding-top:18px; line-height:30px; height:30px; display:block;}
.topnews_nav a:visited { color:#333333;}
.topnews_nav a:hover { color:#333333;}

.topnews_nav a.on { float:left;font-size:18px; font-weight:bold; margin-right:50px; border-top: 2px solid #02468f;color:#333333; padding-top:18px; line-height:30px;  height:30px; display:block;}
.topnews_nav a.on:visited { color:#333333;}
.topnews_nav a.on:hover { color:#333333;}

.topnews_con {width:85%; margin:0 auto;}
.topnews_con_time { color:#02468f; font-weight:bold; font-size:30px; text-align:left; line-height:50px; height:50px;}
.topnews_con_title a{ color:#333333; font-weight:bold; font-size:18px; text-align:left; line-height:50px; height:50px;}

.topnews_con_con { color:#999999;font-weight: normal;line-height:25px; height:auto; font-size:16px;}
.topnews_con_con span{font-size:14px;}
.topnews_r_con { color:#ffffff;font-weight:bold; font-size:18px; text-align:left;width:85%; margin:0 auto; }
.topnews_r_con1 { color:#ffffff;font-weight:bold; font-size:14px; text-align:left;width:85%; margin:0 auto; }
.aboutleft { float:left; width:500px; height:auto;}
.aboutright { float:right; width:700px; height:auto;}
.abouttitle { line-height:40px; font-size:18px; color:#000; font-weight:bold; }

.aboutcon { line-height:25px; font-size:16px; color:#666666; font-weight:normal;}

.aboutlink a{ color:#000; float:left; border:1px solid #000; border-radius:5px; padding:0px 40px; font-weight:normal;width: auto; font-size:15px;text-align:center;line-height:40px; height:40px;}

.aboutlink a:hover {border:1px solid #02468f; color:#02468f;}
/*面包屑导航css*/
.bread { float:right; width:auto;height:50px;line-height:50px; padding-left:30px; background:url(../image/add.png) center left no-repeat;}

/*主页幻灯css*/
.bannerbox{ overflow:hidden;width:100%;height:500px;clear:both;z-index:96;}

.partybox { width:100%; height:auto;}
.party_left { float:left; width:590px;}
.party_right { float:right; width:590px;}
.partynews { width:590px; height:84px; float:left; line-height:84px; font-size:18px; color:#333333; margin-right:20px;margin-bottom:20px;}
.partynews:nth-child(2n){margin-right:0px;}
.partynews a{ height:84px;padding:0 15px; line-height:84px;font-size:18px; display:block; background:#f8f8f8;}
.partynews a span{float:right;}
.partynews_on { background:#f8f8f8;}
/*主体css*/
.indexbody { width:100%; height: auto; }
.indexbox { margin:0 auto; width:1200px; height:auto;}
.cont {margin:0 auto; min-height:400px; height:auto; line-height:25px; padding:40px 0;}

.history { background:url(../image/history-bot.png) center bottom no-repeat;line-height:0;}

.history img { padding:0; margin:0;}
.history p { padding:0; margin:0;}
/*主页css*/
.indexbigtitle { width:100%; height:40px; line-height:40px; text-align:left; font-size:28px; font-weight: bold; color:#000;}
.indexbigtitle span{ line-height:30px; text-align:left; font-size:15px; font-weight: normal; color:#666666;}

.indexnav { width:100%; height:25px; line-height:25px; text-align:center; font-size:14px; font-weight: normal;}
.videoleft {width:800px; height:auto; float:left; display:block; overflow:hidden}
.videoright {width:400px; height:auto; float:right; display:block;overflow:hidden}
.indextitle2 { width:100%; height:30px; line-height:30px; text-align:left; font-size:18px; font-weight: bold;}

.indexsubmenu { width:auto; float:right; height:40px; line-height:20px; margin-top:10px;}
.indexsubmenu a { display:block; padding:5px 10px; color:#000000; font-size:13px; font-weight:normal; float:left; margin-right:20px;}
.indexsubmenu a:visted { display:block; padding:5px 10px; color:#000000; font-size:13px; font-weight:normal;}
.indexsubmenu a:hover { display:block; padding:5px 10px; color:#ffffff; font-size:13px; font-weight:normal; background:#02468f;}
.indexsubmenu a.on { display:block; padding:5px 10px; color:#ffffff; font-size:13px; font-weight:normal;background:#02468f; float:left;margin-right:20px;}
.indexsubmenu a.on:visted { display:block; padding:5px 10px; color:#ffffff; font-size:13px; font-weight:normal;background:#02468f;}
.indexsubmenu a.on:hover { display:block; padding:5px 10px; color:#ffffff; font-size:13px; font-weight:normal; background:#02468f;}

.project_left { float:left; width:1048px; height:422px; display:block; background:#202020;}
.project_right { float:right; width:151px;height:422px; display:block; overflow:hidden;background:#202020;}


.map_left { float:left; width:700px; height:500px; display:block; }
.map_right { float:right; width:460px;height:500px; display:block; overflow:hidden;}

.map_link { width:455px; margin:0 auto; height:45px; line-height:45px; border:1px solid #333333; border-radius:5px; text-align:center;}

.planbox { width:950px; height:auto; margin:0 auto;}
.plan_left { float:left; width:450px; height:300px; display:block;}
.plan_right { float:right; width:460px;height:300px; display:block; overflow:hidden;}
.plan_title a{ font-size:18px; font-weight:bold; color:#FFFFFF;}

.project_right li { float:left; width:150px; border-bottom:1px solid #303030; border-left: 1px solid #303030; height:140px; display:block;}
.project_right li.planon { background:#666666;}

.service_list { width:100%;}
.servicecon { float:left; border:1px solid #cccccc; width:385px; height:240px; margin-right:19px;}
.servicetitle { width:360px; margin:0 auto; text-align:left; font-weight:bold; font-size:18px;}
.service_con { width:360px; margin:0 auto; text-align:left; font-weight:bold; color:#999999; font-size:13px;}
.servicetime { width:360px; line-height:26px; height:26px; margin:0 auto; text-align:left; font-weight:bold; color:#222222; font-size:24px; background:url(../image/newsmore.png) right center no-repeat;}

.casebox { width:1200px; height:350px;}
.caseleft { width:550px; float:left; height:360px; display:block; overflow: hidden; background:url(../image/casebg.gif) top center no-repeat;}
.caseright { width:525px; float:right; height:360px; display:block;overflow: hidden;}
.casebox ul li {position: relative; float:left; height:350px; width:225px; overflow:hidden;transition: .3s; cursor: pointer; }
.casebox ul li .shou_div{ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 225px;}
.casebox ul li img { width:525px; height:350px;position: absolute; right:0; top:0;}
.casetitle { margin:0 auto; width:200px; }
.casetitle a { text-align:left; font-size:18px; font-weight:bold; color:#000000; line-height:50px; }
.case_con { margin:0 auto; width:200px; color:#454545; }
.casemore {margin:0 auto; width:200px; color:#454545; }
.casemore a { float: left; padding:5px 10px; border:1px solid #454545; display:block; color:#454545;}
.casebox ul li.s1 .shou_div{ background: #cecdcb;}
.casebox ul li.s2 .shou_div{ background: #e4e4e4;}
.casebox ul li.s3 .shou_div{ background: #f5f5f5;}
.casebox ul li.on{ width: 750px; }
.casebox ul li.s1.on .shou_div{ background: #cecdcb;}
.casebox ul li.s2.on .shou_div{ background:  #e4e4e4;}
.casebox ul li.s3.on .shou_div{ background: #f5f5f5;}

/* 手风琴  */

/*内页-人才栏目css*/
.jobtop {  height:280x; width:1200px; background:url(../image/jobbg.png) left top no-repeat;}
.jobbox { width:320px; height:150px; margin-top:100px; margin-right:30px; float:left; padding:0 30px; color:#FFFFFF; display: block;}
.jobbox p { text-align:center; font-weight:bold; font-size:14px;}
.jobtitle { font-size:24px; font-weight:bold; color:#000000; text-align:left;}
.jobitem {position:relative; height:60px; width:580px; float:left; display:block; background:#fff; margin-right:40px; cursor:pointer; margin-bottom:20px;}
.jobitem:nth-child(2n){margin-right:0px;}
.joblist li{height:60px; width:580px; display:block; background:#fff;cursor:pointer; }
.jobitem li a { margin-left:10px; display:block; padding-left:40px; background:url(../image/plus.png) left center no-repeat; line-height:60px; float: left; font-size:16px; font-weight:bold;}
.jobcon { display:none; position: absolute; top:60px; left:0px; background:#818284; color:#FFFFFF; width:580px; height:auto; z-index:999;} 
.jobcon div.con { padding:15px;}

/*内页-联系我们css*/
.contact p { text-align:center; line-height:25px;font-size:16px;}
.contact p span{ text-align:center; line-height:25px;font-size:18px; font-weight:bold; color:#02468f;}
.contact p.big { font-size:24px; font-weight:bold; line-height:40px;}
.contact li { width:342px; height:150px; margin-left:40px; float:left; display:inline;}
.contact img{max-width:100%;}
.con_con { float: left; width:310px; margin-left:95px; line-height:108px; font-weight:bold; font-size:16px;  }
.newstitle { width:100%; height:50px; border-bottom:1px dashed #cecece; line-height:50px; text-align:center; font-size:18px; font-weight:bold; margin-bottom:20px;}
.newscon { margin:20px 0;}
.newscon img{max-width:100%;}
.newscon1 { margin:5px 0;}
/*内页-上下页标签css*/
.nextbox {height:40px; width:1200px; margin-top:80px;}
.nextbox li {height:40px; width:580px; font-size:15px; color:#FFFFFF; float:left; display:block;margin-right:40px;margin-bottom:20px;}
.nextbox li:nth-child(2n){margin-right:0px;}
.nextbox li.next { margin-right:0px;}
.nextbox li a { display:block;height:40px; width:580px;background:#999999;cursor:pointer; color:#FFFFFF; line-height:40px; padding-left:10px;}
.nextbox li a:visited { display:block;height:40px; width:580px;background:#999999;cursor:pointer; color:#FFFFFF;}
.nextbox li a:hover { display:block;height:40px; width:580px;background:#043c79;cursor:pointer; color:#FFFFFF;}

/*内页-视频栏目css*/
.video_list  {WIDTH: 100%; OVERFLOW: hidden;margin: 0 auto;}
.video_list  li { float:left; width:380px; height: 290px; line-height:35px; margin-bottom:10px;margin-right:30px;text-align:left; font-weight:bold; display:inline; overflow:hidden;}
.video_list li a.imgbg { display:block; width:380px; height: 250px;overflow:hidden;}
.video_list  li img {width:380px; height:250px;}
.video { margin:0 auto;width:800px;height:600px;}
/*内页-产品栏目css*/
.pro_list li { float:left; width:385px; height: 345px; margin-bottom:40px;margin-right:22px;text-align:left;   overflow:hidden;}
.pro_list li:nth-child(3n){margin-right:0px;}
.pro_list li a.imgbg { display:block; width:385px; height: 215px;overflow:hidden;}
.pro_list  li img {width:385px; height:215px;}
.pro_list .imgtext { width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; background:url(../image/plus.gif) right center no-repeat;}
.pro_list .imgtextcon { width:100%; height:50px; line-height:25px; font-size:16px; }
.pro_list .imgtext a{color:#333333;}
.pro_list .imgtext a:hover{COLOR: #02468f;}

.peoplelist  li { float:left; width:585px; height: 320px; margin-bottom:40px;margin-right:30px;text-align:left;    overflow:hidden;}
.peoplelist li a.imgbg { display:block; width:260px; height: 320px;overflow:hidden;}
.peoplelist  li img {width:260px; height:320px;}
.peoplelist .imgtext { width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; border-bottom: 2px solid #333333;  }
.peoplelist .imgtextcon { width:100%; height: auto; line-height:25px; font-size:16px; }
.peoplelist .position { width:100%; height: 50px; line-height:50px; font-size:16px; }

.people_left { float:left; width:260px; height:320px; overflow:hidden;}
.people_right { float:right; width:305px; height:320px; overflow:hidden;}

.party_list  li { float:left; width:285px; height: 210px; margin-bottom:10px;margin-right:20px;text-align:left;  overflow:hidden;}
.party_list li a.imgbg { display:block; width:285px; height: 180px;overflow:hidden;}
.party_list  li img{width:285px; height:180px;}
.party_list .imgtext { width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold;}

.case_list  li { float:left; width:580px; height: 420px; margin-bottom:40px;margin-right:40px;text-align:left;   overflow:hidden; background:#ffffff;}
.case_list li a.imgbg { display:block; width:580px; height: 300px;overflow:hidden;}
.case_list  li img {width:580px; height:300px;}
.case_list .imgtext { width:550px; margin:0 auto; height:50px; line-height:50px; font-size:18px; font-weight:normal; text-align:right; }
.case_list .imgtext a{ display:block; float:left;height:50px; line-height:50px; font-weight:bold; font-size:18px; text-align:left; }

.case_list .imgtextcon { width:550px;margin:0 auto; height:40px; line-height:20px; font-size:16px; }

.pic_list  li { float:left; width:285px; height: 428px; margin-bottom:0px;margin-right:20px;text-align:left;  overflow:hidden;}
.pic_list li:nth-child(4n){margin-right:0px;}
.pic_list li a.imgbg { display:block; width:285px; height: 388px;overflow:hidden;}
.pic_list  li img {width:285px; height: 388px; vertical-align:middle;}
.pic_list .imgtext { width:100%; margin:0 auto; height:40px; line-height:40px; font-size:18px; font-weight:bold; text-align:left;background:url(../image/plus3.gif) right center no-repeat; }

.piclist { background:url(../image/picbg.png) repeat-y top; }
.piclist  li { float:left; width:285px; height: 388px; margin-bottom:77px;margin-right:20px;text-align:left; overflow:hidden;}
.piclist li:nth-child(4n){margin-right:0px;}
.piclist li a.imgbg { display:block; width:283px; height: 386px;overflow:hidden; border:1px solid #acacac;}
.piclist  li img {width:283px; height:386px; vertical-align:middle;}
.piclist .imgtext { width:100%; margin:0 auto; height:30px; line-height:13px; font-size:18px; font-weight:normal; text-align:center;}

.photolist {}
.photolist  li { float:left; width:360px; height: 310px; margin-bottom:20px;margin-right:40px;text-align:left;   overflow:hidden;}
.photolist li a.imgbg { display:block; width:358px; height: 248px;overflow:hidden; border:1px solid #acacac;}
.photolist  li img {width:358px; height:248px; vertical-align:middle;}
.photolist .imgtext { width:100%; margin:0 auto; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-align:left;}
.photolist .imgtextcon { width:100%;margin:0 auto; height:20px; line-height:20px; font-size:16px; }

.Huodonglist {}
.Huodonglist  li { float:left; width:385px; height:315px; margin-bottom:40px;margin-right:22px;text-align:left;  overflow:hidden;background:#fff;}
.Huodonglist li a.imgbg { display:block; width:383px; height: 213px;overflow:hidden; border:1px solid #acacac;}
.Huodonglist  li img {width:385px; height:215px; vertical-align:middle;}
.Huodonglist .imgtext { width:90%; margin:0 auto; height:25px; line-height:25px; font-size:18px; font-weight:bold; text-align:left; background:#fff;}
.Huodonglist .imgtextcon { width:90%;margin:0 auto; height:20px; line-height:20px; font-size:16px;background:#fff; text-align:left; }

.indexpro_list  li { float:left; width:386px; height: 195px; margin-bottom:20px;margin-right:21px;display:inline; overflow:hidden;}
.indexpro_list li a.imgbg { display:block; width:383px; height: 193px;overflow:hidden;}
.indexpro_list li a.imgbg:hover { display:block; width:383px; height: 193px;overflow:hidden; border:1px solid #000;}
.indexpro_list  li img {width:383px; height:193px;}

.hezuo_list  li { float:left; width:200px; height: 80px; margin-bottom:20px;margin-right:50px;display:inline; overflow:hidden;}
.hezuo_list li a.imgbg { display:block; width:197px; height: 78px;overflow:hidden;}

.hezuo_list  li img {width:197px; height:78px;}
.hezuo_list  li img:hover{box-shadow: 6px 6px 6px #666;}

.caselist  li { float:left; width:590px; height: 375px; margin-bottom:40px;margin-right:20px;text-align:left;  display:inline; overflow:hidden;}
.caselist li a.imgbg { display:block; width:590px; height: 325px;overflow:hidden;}
.caselist  li img {width:590px; height:325px;}
.caselist .imgtext { width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; background:url(../image/plus2.gif) right center no-repeat;}

.planlist  li { float:left; width:385px; border:1px solid #e8e8e8; height: 235px; margin-bottom:40px;margin-right:19px;text-align:left;  display:inline; overflow:hidden;}
.planlist li a.imgbg { display:block; width:385px; height: 80px; background:#ffa55c; color:#FFFFFF; line-height:80px; font-size:20px; font-weight:bold; text-align:center; overflow:hidden;}
.planlist li a.imgbg:hover { display:block; width:385px; height: 80px; background: url(../image/planbg.gif) top center no-repeat; color:#FFFFFF; line-height:80px; font-size:20px; font-weight:bold; text-align:center; overflow:hidden;}
.planlist .imgtext { width:100%; height:155px; line-height:25px; font-size:13px; font-weight: normal; }
.planlist .imgtextcon { width:365px; margin:0 auto; height:75px; line-height:25px; font-size:13px; }

.propic { width:700px; float:left; }
.probox {width:450px; float: right;}
.protitle { width:100%; height:50px; border-bottom:1px dashed #cecece; line-height:50px; text-align:left; font-size:18px; font-weight:bold; margin-bottom:20px;}

/*内页-新闻栏目css*/
.newslist { width:100%; height:290px;}
.newsbox { margin:0 auto; width:1200px; height: auto;}
.white { background:#ffffff;}
.grey { background:#f2f2f2;}
.black { background:#2f2f2f;}
.newslistpic{ float:left; width: 380px; height:250px; display:block;}
.newslistcon { width:780px; height:auto; float:right;}
.newslisttime { height:20px; line-height:20px; width:100%; text-align:left; font-size: 14px; font-weight:normal; margin:10px auto;}

.newspic { width:100%; height:auto; padding-top:20px; text-align:center; }
.newslisttime_on { display:none;}
.newspic img { max-width:1200px;}
.newstitle1 { width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold;}
.newstime {margin:0 auto;background: url(../image/time2.png) top left no-repeat; padding-left:30px; height:30px; line-height:30px; width:100px; text-align:left; font-size: 14px; font-weight:normal; }
.newstimebox { border-bottom:1px dotted #97989a; height:40px; width:100%;}

/*分页css*/
.pagelist{ text-align:center; padding-top:80px; padding-bottom:80px; margin-right:20px;}
.pagelist li{display:inline-block;border:solid 1px #ccc; border-radius:5px; margin-right:5px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:4px 12px;color:#666;background:#fff; border-radius:4px;text-decoration:none;}
.pagelist li a:hover{background:#043c79;color:#fff;}
.pagelist li.on a{background:#043c79; color:#fff;}
.imgbox3{ width:260px;height:320px; overflow:hidden;}
.imgbox4{ width:285px;height:388px; overflow:hidden;}
.imgbox5{ width:285px;height:388px; overflow:hidden;}
.imgbox2{ width:380px;height:250px; overflow:hidden;}
.imgbox{ width:385px;height:215px; overflow:hidden;}
.imgboxcase{ width:580px;height:300px; overflow:hidden;}
.imgboxpic{ width:330px;height:400px; margin:0 auto; border:15px solid #f5f5f5; overflow:hidden;}
.imgbox3{ width:590px;height:325px; overflow:hidden;}
.imgcon { transition:all 0.8s; }

.imgcon:hover {
 transform: scale(1.1); 
-webkit-transform: scale(1.1); /*Safari 和 Chrome*/
-moz-transform: scale(1.1); /*Firefox*/
 -ms-transform: scale(1.1); /*IE9*/
-o-transform: scale(1.1); /*Opera*/
}
.indextop{ width:1200px; height:100px; background:url(../image/indextop.png) top center no-repeat; position:relative;}
.counter {  font-size:48px;font-family:Arial, Helvetica, sans-serif;}
.counter1 { position:absolute;color:#02468f; top:25px; left:90px;  }
.counter2 { position:absolute;color:#343434; top:25px; left:390px;}
.counter3 { position:absolute;color:#343434; top:25px; left:705px;}
.counter4 { position:absolute;color:#343434; top:25px; left:1000px;}
.counternews { color:#ffffff;}

.abouttop{ width:1200px; height:147px; background:url(../image/abouttop.jpg) top center no-repeat; position:relative;}

.counter5 { position:absolute; top:75px; left:135px;}
.counter6 { position:absolute; top:75px; left:420px;}
.counter7 { position:absolute; top:75px; left:717px;}
.counter8 { position:absolute; top:75px; left:1028px;}

#langbar {position: fixed; width: 100%;z-index: 99;  top:35px; right:2px; width:61px; height:30px;}
#cnlang { display:block; line-height:30px; width:30px; height:30px; text-align:center; background:#FF0000; color:#FFFFFF; float:left;}
#enlang { display:block; line-height:30px; width:30px; height:30px; text-align:center; background: #0000FF; color:#FFFFFF; float:right;}

/*底部css*/
.footer { width:100%; height: auto; background:#292727; font-size:13px; line-height:35px; color:#cbcbcd; text-align:left;}
.foot_left { text-align:left; width:560px; float:left;}
.foot_right { text-align:left; width:400px; float:left;}
.foot_right2 { text-align:right; width:180px; float:left;}
.footernav  { float:left; width:140px; margin-right:20px;}

.footernavbig {float:left; width:180px; margin-right:20px; }

.footertitle { width:120px; border-bottom:1px solid #666666;line-height:60px; height:60px;}

.footertitle a { font-size:16px; font-weight:bold; color:#ffffff; line-height:60px; height:60px;}

.footermenu a { font-size:13px; font-weight:normal; color:#bcbcbc; line-height:40px; height:40px;}
.footerbottom{ width:100%; height: 50px; background:#000; font-size:13px; line-height:50px; color:#acb0b4; text-align:center;}

.footer A {TEXT-DECORATION: none;}
.footer A:visited {TEXT-DECORATION: none;}
.footer A:hover {COLOR: #cbcbcd;TEXT-DECORATION: underline;}

.footerbottom A {COLOR: #acb0b4;TEXT-DECORATION: none;}
.footerbottom A:visited {COLOR: #acb0b4;TEXT-DECORATION: none;}
.footerbottom A:hover {COLOR: #acb0b4;TEXT-DECORATION: underline;}

.ban{ width:800px; height:600px; position:relative; overflow:hidden;margin:20px auto;background:none;padding:0px;}
.ban2{ width:800px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:800px; height:500px; text-align:center; vertical-align:middle; overflow:hidden;position:relative;}
.ban2 ul li img{max-height:500px; max-width:800x; text-align:center;}
.txtbg { width:100%; height:50px; line-height:50px; position: absolute; bottom:0px; text-align:center; color:#FFFFFF; font-weight:bold; background:#000000;opacity:0.7; filter:Alpha(opacity=70);}

.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:750px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:800px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:128px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:10px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:800px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:800px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:800px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:800px; height:500px; float:left;}

.pro_ban{ width:700px; height:500px; position:relative; overflow:hidden;margin:20px auto;background:#none;padding:0px;}
.pro_ban2{ width:700px; height:400px; position:relative; overflow:hidden;}
.pro_ban2 ul{ position:absolute; left:0; top:0;}
.pro_ban2 ul li{ width:700px; height:400px; text-align:center; vertical-align:middle; overflow:hidden;}
.pro_ban2 ul li img{max-height:400px; max-width:700x; text-align:center;}
.pro_prev{ float:left; cursor:pointer;}
.pro_num{ height:82px;overflow:hidden; width:660px; position:relative;float:left;}
.pro_min_pic{ padding-top:10px; width:700px;}
.pro_num ul{ position:absolute; left:0; top:0;}
.pro_num ul li{ width:125px; height:80px; margin-right:5px; padding:1px;}
.pro_num ul li.on{ border:1px solid red; padding:0;}
.pro_prev_btn1{ width:16px; text-align:center; height:18px; margin-top:35px; margin-right:5px; cursor:pointer; float:left;}
.pro_next_btn1{  width:16px; text-align:center; height:18px; margin-top:35px;cursor:pointer;float:right;}
.pro_prev11{ position:absolute; top:175px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.pro_next11{ position:absolute; top:175px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.pro_prev1{ position:absolute; top:260px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.pro_next1{ position:absolute; top:260px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.pro_mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pro_pop_up{ width:1000px; height:600px; padding:0px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-300px; display:none; z-index:1000;}
.pro_pop_up_xx{ width:30px; height:30px; position:absolute; top:-30px; right:0; cursor:pointer;}
.pro_pop_up2{ width:1000px; height:600px; position:relative; overflow:hidden;}
.pro_pop_up2{ width:1000px; height:600px; position:relative; overflow:hidden; float:left;}
.pro_pop_up2 ul{ position:absolute; left:0; top:0;}
.pro_pop_up2 ul li{ width:1000px; height:600px; float:left;}


.pagination {display: flex;padding-left: 0;list-style: none;justify-content: center;}
.page-link {position: relative;display: block;color: #0d6efd;text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {.page-link {transition: none}}
.page-link:hover {z-index: 2;color: #0a58ca;background-color: #e9ecef;border-color: #dee2e6}
.page-link:focus {z-index: 3;color: #0a58ca;background-color: #e9ecef;outline: 0;box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)}
.page-item:not(:first-child) .page-link {margin-left: -1px}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #0d6efd;border-color: #0d6efd}
.page-item.disabled .page-link {color: #6c757d;pointer-events: none;background-color: #fff;border-color: #dee2e6}
.page-link {padding: .375rem .75rem}
.page-item:first-child .page-link {border-top-left-radius: .25rem;border-bottom-left-radius: .25rem}
.page-item:last-child .page-link {border-top-right-radius: .25rem;border-bottom-right-radius: .25rem}
.pagination-lg .page-link {padding: .75rem 1.5rem;font-size: 1.25rem}
.pagination-lg .page-item:first-child .page-link {border-top-left-radius: .3rem;border-bottom-left-radius: .3rem}
.pagination-lg .page-item:last-child .page-link {border-top-right-radius: .3rem;border-bottom-right-radius: .3rem}
.pagination-sm .page-link {padding: .25rem .5rem;font-size: .875rem}
.pagination-sm .page-item:first-child .page-link {border-top-left-radius: .2rem;border-bottom-left-radius: .2rem}
.pagination-sm .page-item:last-child .page-link {border-top-right-radius: .2rem;border-bottom-right-radius: .2rem}
.list-page{margin-top: 20px;}
.list-page .page-item{margin: 0 3px;}
.list-page .page-item .page-link{border-radius: 4px !important;background-color: #f6f6f6;border-color: #f6f6f6;color: #333333;}
.page-item.active .page-link{background-color: #333333;border-color: #333333;color: #ffffff;}